*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:#0c0a0b}button{font:inherit}.app-stage{position:relative;display:grid;width:100%;height:100dvh;overflow:hidden;place-items:center;background:radial-gradient(circle at 50% 18%,rgb(255 69 25 / 20%),transparent 35%),linear-gradient(145deg,#100d10,#030405)}.desktop-editorial{display:none}.device-frame{position:relative;z-index:2;width:auto;height:90dvh;padding:7px;border:1px solid rgb(255 255 255 / 40%);border-radius:61px;aspect-ratio:78 / 163.4;background:linear-gradient(115deg,#1e1719 0 10%,#575155 28%,#171316 48%,#655b60 72%,#110e10);box-shadow:0 48px 100px #00000094,0 10px 28px #00000070,inset 0 0 0 1px #080a0de0,inset 0 0 0 3px #ffffff1f}.phone-app{position:relative;width:100%;height:100%;overflow:hidden;border:1px solid rgb(0 0 0 / 75%);border-radius:53px;background:#111316;isolation:isolate;color:#f9f8fa}.device-frame:after{position:absolute;z-index:-1;right:8%;bottom:-3.2%;left:8%;height:5%;border-radius:50%;background:#16171847;filter:blur(18px);content:""}.device-button{position:absolute;width:3px;border-radius:3px 0 0 3px;background:linear-gradient(180deg,#62595e,#181417);box-shadow:inset 1px 0 #ffffff2e}.device-button-action{top:18%;left:-3px;height:5%}.device-button-volume-up{top:27%;left:-3px;height:8%}.device-button-volume-down{top:37%;left:-3px;height:8%}.device-button-power{top:29%;right:-3px;left:auto;height:13%;border-radius:0 3px 3px 0}.phone-gradient{position:absolute;inset:0;background:radial-gradient(circle at 88% 11%,#f4430e 0,#ad1608 15%,transparent 40%),radial-gradient(circle at 57% 47%,#5b1d20,transparent 35%),linear-gradient(118deg,#111518 15%,#0c0c0f 53%,#5b0f08)}.phone-header,.lesson-summary,.saved-counter,.mentor-stack,.player{position:absolute;z-index:1}.phone-header{top:4.2%;right:5.4%;left:5.4%;display:flex;align-items:center;justify-content:space-between;font-size:clamp(14px,1.9vw,18px)}.greeting{display:flex;align-items:center;gap:11px}.greeting b{font-weight:600}.chevron{border:0;color:#fff;background:transparent;cursor:pointer}.avatar{display:grid;width:39px;height:39px;place-items:center;border:1px solid rgb(255 255 255 / .78);border-radius:50%;color:#fff;font-size:10px;font-weight:700;letter-spacing:-.04em;background:radial-gradient(circle at 50% 24%,#f2d7c9 0 18%,transparent 19%),radial-gradient(ellipse at 50% 88%,#32404a 0 35%,transparent 36%),#252d31;overflow:hidden}.avatar-small{width:34px;height:34px;font-size:9px}.avatar-betty{background:radial-gradient(circle at 52% 26%,#d7b09a 0 18%,transparent 19%),radial-gradient(ellipse at 50% 86%,#e5e7e9 0 35%,transparent 36%),#9da6ad}.avatar-kathryn,.avatar-slava{background:radial-gradient(circle at 51% 28%,#9d603d 0 18%,transparent 19%),radial-gradient(ellipse at 50% 88%,#d9d1ca 0 35%,transparent 36%),#403535}.avatar-addie{background:radial-gradient(circle at 51% 25%,#bc794c 0 18%,transparent 19%),radial-gradient(ellipse at 50% 88%,#e8e1cd 0 35%,transparent 36%),#9fa99a}.lesson-summary{top:10.7%;left:5.4%;right:5.4%;display:flex;justify-content:space-between;color:#c8c6c8;font-size:clamp(14px,1.7vw,18px);line-height:1.04}.lesson-summary strong{color:#fff;font-size:clamp(17px,2.1vw,22px);font-weight:500}.saved-counter{top:20%;left:5%;display:flex;align-items:end;gap:10px}.saved-counter strong{color:#fff;font-size:clamp(86px,12.5vw,127px);font-weight:400;letter-spacing:-.095em;line-height:.8}.saved-counter span{padding-bottom:2px;color:#cac6c8;font-size:clamp(13px,1.55vw,16px);line-height:1.06}.mentor-stack{top:32.5%;right:4%;left:4%;height:20%}.mentor-card{position:absolute;right:4%;left:9%;display:flex;height:54px;align-items:center;gap:11px;padding:7px 15px 7px 10px;border-radius:22px 22px 9px 9px;color:#e7e5e8;background:linear-gradient(100deg,#33373fe6,#513e41d1);font-size:14px}.mentor-card b{font-weight:500}.mentor-betty{top:0;transform:rotate(2.5deg)}.mentor-kathryn{top:40px;right:0;left:5%;background:linear-gradient(105deg,#565967,#7d7d89);transform:rotate(-1.7deg)}.mentor-active{top:81px;right:-1%;left:-1%;z-index:2;height:78%;align-items:flex-start;padding-top:15px;border-radius:27px 27px 31px 31px;color:#1a1b1e;background:linear-gradient(125deg,#f4f4f6,#d6d6dc);transform:none;font-size:19px}.mentor-active small{display:block;margin-top:3px;color:#777981;font-size:13px}.mentor-active .avatar{flex:0 0 auto}.player{inset:41.5% 4% 2.4%;padding:7px 13px 14px;border-radius:28px 28px 31px 31px;color:#141519;background:linear-gradient(130deg,#f7f7f9,#dfdfe4)}.player-video{position:relative;display:grid;width:100%;height:56%;min-height:225px;place-items:center}.player-video .video-circle{position:relative;width:min(62%,260px);aspect-ratio:1;overflow:hidden;border:5px solid rgb(255 255 255 / 90%);border-radius:50%;background:#d2d0d4;box-shadow:0 14px 30px #14151938,0 0 0 1px #14151914}.player-video video{display:block;width:100%;height:100%;object-fit:cover}.player-times{display:flex;justify-content:space-between;align-items:baseline;margin-top:3px}.player-times b{font-size:clamp(20px,2.8vw,28px);font-weight:500;letter-spacing:-.055em}.player-times span{color:#74757e;font-size:12px}.scrubber{position:relative;height:38px;margin-top:11px;border-top:2px solid #1f2024}.scrubber i{position:absolute;top:-5px;left:23%;width:3px;height:10px;border-radius:3px;background:#141519}.sound-wave{position:absolute;top:-18px;right:0;color:#c6c6cf;font-family:var(--app-font);font-size:39px;letter-spacing:-7px;transform:rotate(4deg)}.player-actions{display:flex;align-items:center;gap:7px}.player-actions button{border:0;cursor:pointer}.pause-button{display:flex;height:50px;align-items:center;gap:7px;padding:0 15px;border-radius:18px;color:#fff;background:#101114}.play-triangle{font-size:15px}.pill{display:flex;height:50px;align-items:center;gap:5px;padding:0 13px;border-radius:18px;color:#222328;background:#f8f8fa}.pill svg{color:#a9abb2;fill:#a9abb2;stroke:#a9abb2}.pill.is-liked svg{color:#e64121;fill:#e64121;stroke:#e64121}.save-button{display:grid;width:50px;height:50px;margin-left:auto;place-items:center;border-radius:18px;color:#fff;background:#101114}.save-button.is-saved{color:#ff673d}.save-button.is-saved svg{fill:currentColor}@media(max-width:767px){.app-stage{display:block}.device-frame{width:100vw;height:100dvh;padding:0;border:0;border-radius:0;aspect-ratio:auto;background:transparent;box-shadow:none}.phone-app{width:100vw;height:100dvh;border-radius:0}.device-frame:after,.device-button{display:none}.mentor-active{font-size:clamp(17px,4.4vw,20px)}.player-video .video-circle{width:min(64%,240px)}}@media(min-width:1200px){.app-stage{background:#e1e4e6}.desktop-editorial{position:absolute;z-index:1;inset:0;display:block;overflow:hidden;color:#050505;letter-spacing:-.045em;pointer-events:none}.editorial-brand,.editorial-hero,.editorial-update,.editorial-info,.editorial-intro,.editorial-developer,.editorial-code,.editorial-wave,.editorial-voice,.editorial-guides,.editorial-guide-copy{position:absolute}.editorial-brand{top:2.3%;left:1.7%;color:#abb4af;font-size:clamp(31px,2.55vw,50px);font-weight:300;letter-spacing:-.055em}.editorial-hero{top:36.6%;left:1.8%;font-size:clamp(45px,3.86vw,74px);font-weight:700;line-height:.96;letter-spacing:-.068em}.editorial-hero strong,.editorial-hero span{display:block}.editorial-hero span{color:#aeb7b2}.editorial-update{bottom:2.8%;left:1.7%;font-size:clamp(20px,1.55vw,30px)}.editorial-update span{color:#aeb7b2}.editorial-info,.editorial-guides{left:73.8%;font-size:clamp(18px,1.42vw,28px)}.editorial-info{top:2.6%}.editorial-guides{bottom:11.9%}.editorial-intro,.editorial-guide-copy{left:82.8%;margin:0;color:#abb4af;font-size:clamp(17px,1.38vw,27px);line-height:1.22}.editorial-intro{top:2.6%}.editorial-guide-copy{bottom:3.4%}.editorial-developer,.editorial-voice{left:82.8%;font-size:clamp(18px,1.45vw,28px);font-weight:700;line-height:.88}.editorial-developer{top:20.4%}.editorial-voice{top:73.4%}.editorial-code{left:82.8%;color:#a9b2ad;font-size:clamp(17px,1.35vw,26px)}.editorial-code-top{top:29.5%}.editorial-code-bottom{top:65.3%}.editorial-wave{top:41.8%;left:79.8%;display:flex;height:clamp(112px,11.8vw,182px);align-items:center;gap:clamp(7px,.62vw,12px)}.editorial-wave i{display:block;width:clamp(34px,3.15vw,60px);height:34%;border-radius:999px;background:#050505}.editorial-wave i:first-child,.editorial-wave i:last-child{height:84%}.editorial-wave i:nth-child(2),.editorial-wave i:nth-child(3){width:clamp(32px,2.92vw,56px)}}@font-face{font-family:Lumen Lufga;src:url(/assets/Lufga-Regular-B8PVUt0U.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lumen Lufga;src:url(/assets/Lufga-Medium-CMSdB7Wf.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Lumen Lufga;src:url(/assets/Lufga-Bold-d_QNk0Pm.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Lumen Lufga;src:url(/assets/Lufga-SemiBold-OHe5RMWV.otf) format("opentype");font-weight:600;font-style:normal;font-display:swap}:root{--app-font: "Lumen Lufga", Arial, sans-serif}body{font-family:var(--app-font)}.mentor-card{isolation:isolate;overflow:hidden;border:1px solid rgb(255 244 238 / 30%);border-radius:22px 22px 9px 9px;box-shadow:0 14px 28px #18040847,inset 0 1px #ffffff4f,inset 0 -1px #47070c3d}.mentor-card:before{position:absolute;z-index:-1;inset:1px 1px auto;height:48%;border-radius:inherit;background:linear-gradient(180deg,rgb(255 255 255 / 16%),transparent);content:"";pointer-events:none}.mentor-card:after{position:absolute;z-index:-1;inset:0;border-radius:inherit;background:linear-gradient(112deg,#ffd7c729,#36111845);backdrop-filter:blur(18px) saturate(155%) brightness(108%);-webkit-backdrop-filter:blur(18px) saturate(155%) brightness(108%);content:""}.mentor-active:after{background:linear-gradient(125deg,#ffffffd6,#e0d7dc9e);backdrop-filter:blur(22px) saturate(125%) brightness(112%);-webkit-backdrop-filter:blur(22px) saturate(125%) brightness(112%)}.mentor-kathryn:after{background:linear-gradient(112deg,#e2e0ff33,#431c2740)}.mentor-active{border-color:#ffffffad;border-radius:27px 27px 31px 31px;box-shadow:0 18px 30px #23080b40,inset 0 1px #ffffffb8,inset 0 -1px #7e676e29}.mentor-video{display:block;flex:0 0 auto;width:34px;height:34px;overflow:hidden;border:1px solid rgb(255 255 255 / 78%);border-radius:50%;background:#7c4438;box-shadow:0 2px 8px #18000047}.mentor-video video{display:block;width:100%;height:100%;object-fit:cover}