@import"https://fonts.googleapis.com/css2?family=Inter:wght@500;600;700;800&family=Space+Grotesk:wght@600;700&display=swap";:root{color-scheme:light dark;font-family:Inter,system-ui,sans-serif;background:#ececea;color:#111;font-synthesis:none;--ink: #111111;--paper: #f4f4f2;--surface: #ffffff;--muted: #6f716f;--outline: #d9dad7;--blue: #2563eb;--blue-pressed: #174fc9;--blue-soft: #e8efff;--green: #18a765;--warm: #ffce73;--danger: #d62f3f}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100dvh;background:radial-gradient(circle at 15% 0%,rgba(37,99,235,.13),transparent 28rem),#ececea}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3,.brand-name,.level-medal strong{font-family:Space Grotesk,Inter,sans-serif}.center-screen,.auth-page{min-height:100dvh;display:grid;place-items:center;padding:max(20px,env(safe-area-inset-top)) 20px max(20px,env(safe-area-inset-bottom))}.auth-card,.message-card,.loading-card{width:min(100%,440px);border:1px solid rgba(17,17,17,.09);border-radius:30px;background:#fffffff0;box-shadow:0 20px 70px #1111111f}.auth-card{padding:24px}.auth-topline{display:flex;align-items:center;justify-content:space-between}.brand-lockup{display:inline-flex;align-items:center;gap:10px}.brand-mark{display:grid;width:42px;height:42px;place-items:center;border-radius:14px;background:var(--ink);color:#fff;font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:700;box-shadow:0 4px #11111138}.brand-lockup--compact .brand-mark{width:44px;height:44px;border-radius:15px}.brand-name{font-size:22px;font-weight:700}.locale-switch{display:flex;gap:3px;padding:3px;border-radius:999px;background:#eeeeec}.locale-switch button{min-width:38px;min-height:34px;border:0;border-radius:999px;background:transparent;color:var(--muted);font-size:12px;font-weight:800}.locale-switch button.is-active{background:#fff;color:var(--ink);box-shadow:0 2px 8px #11111114}.auth-hero{position:relative;display:grid;width:148px;height:126px;margin:28px auto 8px;place-items:center}.auth-hero__glow{position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;background:radial-gradient(circle,#2563eb4d,#2563eb00)}.auth-hero__book{position:relative;display:grid;width:82px;height:82px;place-items:center;transform:rotate(-7deg);border-radius:26px;background:linear-gradient(145deg,#2f6eff,#174fc9);color:#fff;font-size:42px;font-weight:900;box-shadow:0 8px #123e9f,0 18px 34px #2563eb47}.auth-hero__spark{position:absolute;color:#eaa72d;font-size:25px}.auth-hero__spark--one{top:10px;right:8px}.auth-hero__spark--two{bottom:12px;left:9px;font-size:18px}.auth-card h1{margin-top:14px;text-align:center;font-size:clamp(28px,8vw,38px);line-height:1.04;letter-spacing:-1.2px}.auth-subtitle{max-width:350px;margin:12px auto 28px;color:var(--muted);text-align:center;font-size:14px;font-weight:600;line-height:1.55}.auth-card form{display:flex;flex-direction:column}.auth-card label{margin:0 0 8px;font-size:13px;font-weight:800}.auth-card label:not(:first-child){margin-top:16px}.auth-card input{width:100%;min-height:54px;border:1.5px solid var(--outline);border-radius:16px;outline:none;background:#f8f8f6;color:var(--ink);padding:0 16px;font-size:16px;font-weight:600;transition:border-color .16s ease,box-shadow .16s ease}.auth-card input:focus{border-color:var(--blue);box-shadow:0 0 0 4px #2563eb1f}.text-button{border:0;background:transparent;color:var(--blue);font-size:13px;font-weight:800}.forgot-button{align-self:flex-end;min-height:42px;padding:8px 0 4px 12px}.primary-button{display:flex;width:100%;min-height:56px;align-items:center;justify-content:center;border:0;border-radius:17px;background:var(--blue);color:#fff;padding:0 18px;text-decoration:none;font-size:15px;font-weight:800;box-shadow:0 5px #1746ad;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.primary-button:hover{background:var(--blue-pressed)}.primary-button:active{transform:translateY(4px);box-shadow:0 1px #1746ad}.primary-button:disabled{cursor:wait;opacity:.62}.secondary-button{width:100%;min-height:48px;margin-top:14px;border:0;background:transparent;color:var(--blue);font-size:14px;font-weight:800}.form-message{margin:6px 0 12px;border-radius:12px;padding:10px 12px;font-size:12px;font-weight:700;line-height:1.4}.form-message--error{background:#ffedf0;color:var(--danger)}.form-message--success{background:#e9f8f0;color:#087844}.auth-footnote{margin-top:22px;color:var(--muted);text-align:center;font-size:12px;font-weight:600}.auth-footnote a{color:var(--blue);font-weight:800}.loading-card,.message-card{padding:34px 24px;text-align:center}.loading-card p,.message-card p{margin-top:16px;color:var(--muted);font-size:14px;font-weight:600;line-height:1.5}.loading-dots{display:flex;justify-content:center;gap:7px;margin-top:28px}.loading-dots span{width:9px;height:9px;border-radius:50%;background:var(--blue);animation:bounce .9s infinite alternate ease-in-out}.loading-dots span:nth-child(2){animation-delay:.14s}.loading-dots span:nth-child(3){animation-delay:.28s}@keyframes bounce{to{transform:translateY(-8px);opacity:.45}}.message-icon{display:grid;width:64px;height:64px;margin:0 auto 20px;place-items:center;border-radius:22px;background:var(--blue-soft);color:var(--blue);font-size:30px;font-weight:900}.message-card h1{font-size:28px;line-height:1.08}.message-card .primary-button{margin-top:26px}.web-app-frame{position:relative;width:min(100%,520px);min-height:100dvh;margin:0 auto;overflow:hidden;background:var(--paper);box-shadow:0 0 70px #11111124}.home-page{min-height:100dvh;padding:max(18px,env(safe-area-inset-top)) 18px calc(104px + env(safe-area-inset-bottom))}.home-header{display:flex;align-items:center;gap:12px}.home-heading{min-width:0;flex:1}.home-heading p{overflow:hidden;color:var(--muted);font-size:11px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.home-heading h1{margin-top:2px;font-size:24px;letter-spacing:-.7px}.profile-chip{display:grid;width:42px;height:42px;place-items:center;border:2px solid white;border-radius:50%;background:var(--warm);color:#4a3400;font-weight:900;box-shadow:0 3px #11111129}.home-content{display:flex;flex-direction:column;gap:16px;margin-top:22px}.plan-hero{position:relative;display:grid;grid-template-columns:1fr auto;gap:14px;overflow:hidden;border-radius:27px;background:radial-gradient(circle at 95% 5%,rgba(255,206,115,.42),transparent 9rem),linear-gradient(135deg,#111a31,#172a61);color:#fff;padding:22px;box-shadow:0 6px #0a1020}.eyebrow{color:inherit;font-size:10px;font-weight:900;letter-spacing:1.2px}.plan-hero h2{max-width:270px;margin-top:10px;font-size:25px;line-height:1.05;letter-spacing:-.7px}.plan-hero p{max-width:300px;margin-top:10px;color:#ffffffba;font-size:12px;font-weight:600;line-height:1.5}.level-medal{align-self:center;display:grid;width:82px;height:82px;place-items:center;align-content:center;border:2px solid rgba(255,255,255,.2);border-radius:25px;background:#ffffff1c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.level-medal small{font-size:8px;font-weight:900;letter-spacing:1px}.level-medal strong{margin-top:1px;font-size:28px}.daily-card,.profile-summary{border:1px solid var(--outline);border-radius:23px;background:var(--surface);padding:18px;box-shadow:0 4px #11111114}.daily-card__top{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.daily-card .eyebrow,.road-title .eyebrow,.profile-summary .eyebrow{color:var(--blue)}.daily-card h3,.road-title h3{margin-top:4px;font-size:18px}.daily-card__top>strong{font-size:13px}.goal-track{height:11px;overflow:hidden;margin-top:15px;border-radius:999px;background:#e4e5e2}.goal-track span{display:block;height:100%;min-width:11px;border-radius:inherit;background:var(--blue)}.tag-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.tag-row span{border-radius:999px;background:var(--blue-soft);color:#1948ad;padding:6px 9px;font-size:10px;font-weight:800}.road-title{display:flex;align-items:end;justify-content:space-between;padding:4px 4px 0}.road-count{color:var(--muted);font-size:12px;font-weight:800}.lesson-placeholder{display:grid;grid-template-columns:96px 1fr;gap:17px;align-items:center;border:2px dashed #aeb9d4;border-radius:25px;background:#ffffffa6;padding:18px}.lesson-placeholder__art{position:relative;display:grid;width:90px;height:108px;place-items:center;border-radius:45px 45px 26px 26px;background:linear-gradient(180deg,#dce6ff,#a9c0fa)}.lesson-placeholder__art strong{display:grid;width:58px;height:58px;place-items:center;border:7px solid white;border-radius:50%;background:var(--blue);color:#fff;font-size:22px;box-shadow:0 5px #1948ad}.lesson-placeholder__art>span{position:absolute;top:7px;right:8px;color:#d28a00;font-size:20px}.status-pill{display:inline-flex;border-radius:999px;background:#e7f8ef;color:#087844;padding:5px 8px;font-size:9px;font-weight:900;letter-spacing:.8px}.lesson-placeholder h3{margin-top:8px;font-size:18px;line-height:1.12}.lesson-placeholder p{margin-top:8px;color:var(--muted);font-size:11px;font-weight:600;line-height:1.48}.bottom-nav{position:fixed;z-index:10;right:max(14px,calc((100vw - 492px)/2));bottom:max(14px,env(safe-area-inset-bottom));left:max(14px,calc((100vw - 492px)/2));display:grid;grid-template-columns:repeat(2,1fr);gap:6px;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:#111111f0;padding:6px;box-shadow:0 12px 36px #11111147;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.bottom-nav button{display:flex;min-height:58px;align-items:center;justify-content:center;gap:7px;border:0;border-radius:18px;background:transparent;color:#a9aaa7;font-size:11px;font-weight:800}.bottom-nav button span{font-size:20px}.bottom-nav button.is-active{background:#fff;color:var(--ink)}.progress-hero{position:relative;overflow:hidden;border-radius:28px;background:radial-gradient(circle at 50% 110%,rgba(255,154,45,.65),transparent 11rem),linear-gradient(155deg,#151b38,#372044);color:#fff;padding:28px 22px;text-align:center;box-shadow:0 6px #101329}.progress-hero__spark{position:absolute;top:18px;right:23px;color:var(--warm);font-size:24px}.progress-hero>strong{display:block;margin-top:9px;font-family:Space Grotesk,sans-serif;font-size:72px;line-height:.92}.progress-hero h2{margin-top:4px;font-size:21px}.progress-hero p{margin-top:9px;color:#ffffffb8;font-size:12px;font-weight:600}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stat-grid article{border:1px solid var(--outline);border-radius:23px;background:#fff;padding:18px;box-shadow:0 4px #11111114}.stat-grid article>span{color:var(--blue);font-size:25px;font-weight:900}.stat-grid strong{display:block;margin-top:12px;font-family:Space Grotesk,sans-serif;font-size:30px}.stat-grid p{margin-top:2px;color:var(--muted);font-size:10px;font-weight:700}.profile-summary dl{display:grid;gap:0;margin:13px 0 0}.profile-summary dl>div{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ececea;padding:13px 0}.profile-summary dt{color:var(--muted);font-size:12px;font-weight:700}.profile-summary dd{margin:0;font-size:13px;font-weight:900}@media(max-width:420px){.auth-page{padding:0}.auth-card{min-height:100dvh;border:0;border-radius:0;padding:max(20px,env(safe-area-inset-top)) 20px max(20px,env(safe-area-inset-bottom));box-shadow:none}.plan-hero{grid-template-columns:1fr 70px;padding:19px}.level-medal{width:70px;height:70px;border-radius:22px}.level-medal strong{font-size:23px}.lesson-placeholder{grid-template-columns:80px 1fr;gap:13px;padding:15px}.lesson-placeholder__art{width:76px;height:98px}}@media(prefers-color-scheme:dark){:root{--paper: #0e0f10;--surface: #17191b;--muted: #a2a5a7;--outline: #303337;color:#f6f6f3;background:#090a0b}body{background:radial-gradient(circle at 15% 0%,rgba(37,99,235,.18),transparent 28rem),#090a0b}.auth-card,.message-card,.loading-card{border-color:#2a2c2f;background:#131517f5}.brand-mark{background:#f6f6f3;color:#111}.locale-switch{background:#242629}.locale-switch button.is-active{background:#3a3d40;color:#fff}.auth-card input{border-color:#383b3f;background:#0e0f10;color:#fff}.daily-card,.profile-summary,.stat-grid article{background:#17191b}.lesson-placeholder{border-color:#39435c;background:#17191ba6}.goal-track{background:#303337}.profile-summary dl>div{border-color:#2b2e31}.bottom-nav button.is-active{background:#f5f5f2;color:#111}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.web-app-frame{position:relative;width:min(100%,560px);min-height:100dvh;margin:0 auto;overflow:clip;background:radial-gradient(circle at 90% 10%,rgba(37,99,235,.08),transparent 22rem),var(--paper);box-shadow:0 0 80px #11111121}.app-header{position:fixed;z-index:20;top:0;left:max(0px,calc((100vw - 560px)/2));right:max(0px,calc((100vw - 560px)/2));display:flex;min-height:calc(76px + env(safe-area-inset-top));align-items:flex-end;justify-content:space-between;padding:calc(12px + env(safe-area-inset-top)) 20px 12px;background:linear-gradient(180deg,var(--paper) 0%,var(--paper) 72%,color-mix(in srgb,var(--paper),transparent 100%) 100%)}.app-header__title{min-width:0}.app-header__title h1{font-size:25px;line-height:1;letter-spacing:-.8px}.app-header__title p{margin-top:4px;overflow:hidden;color:var(--muted);font-size:10px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.profile-action{position:relative;display:grid;width:44px;height:44px;place-items:center;border:1px solid color-mix(in srgb,var(--outline),transparent 25%);border-radius:50%;background:var(--surface);color:var(--ink);box-shadow:0 4px #1111111c}.profile-action>span{position:absolute;right:-2px;bottom:-2px;display:grid;width:17px;height:17px;place-items:center;border:2px solid var(--paper);border-radius:50%;background:var(--blue);color:#fff;font-size:8px;font-weight:900}.home-page{min-height:100dvh;padding:calc(82px + env(safe-area-inset-top)) 18px calc(100px + env(safe-area-inset-bottom))}.bottom-nav{position:fixed;z-index:30;right:max(16px,calc((100vw - 528px)/2));bottom:max(12px,env(safe-area-inset-bottom));left:max(16px,calc((100vw - 528px)/2));display:flex;height:66px;align-items:center;justify-content:space-evenly;gap:8px;border:1px solid color-mix(in srgb,var(--outline),transparent 55%);border-radius:999px;background:color-mix(in srgb,var(--surface),transparent 8%);padding:6px 12px;box-shadow:0 12px 32px #1111112e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.bottom-nav button{display:flex;min-width:54px;min-height:50px;align-items:center;justify-content:center;gap:0;border:0;border-radius:999px;background:transparent;color:var(--muted);padding:0 15px;font-size:12px;font-weight:800;transition:min-width .18s ease,gap .18s ease,color .18s ease,background .18s ease}.bottom-nav button>span{width:0;overflow:hidden;opacity:0;white-space:nowrap;transition:width .18s ease,margin .18s ease,opacity .15s ease}.bottom-nav button.is-active{min-width:132px;background:var(--blue);color:#fff;box-shadow:0 4px #1746ad}.bottom-nav button.is-active>span{width:auto;margin-left:8px;opacity:1}.bottom-nav .campfire-nav-action{min-width:54px;padding:0 9px}.bottom-nav .campfire-nav-action>.campfire-nav-coin{position:relative;display:block;width:38px;height:38px;overflow:hidden;border:1.5px solid color-mix(in srgb,white,transparent 72%);border-radius:50%;background:#2e2620;opacity:1;box-shadow:0 2px #00000047,0 4px 9px #0000002e;transition:opacity .16s ease,transform .16s ease}.bottom-nav .campfire-nav-action:active>.campfire-nav-coin{transform:translateY(2px)}.bottom-nav .campfire-nav-action>.campfire-nav-coin.is-locked{opacity:.42}.campfire-nav-coin img{position:absolute;top:-8px;left:-7px;width:52px;height:52px;max-width:none;object-fit:contain}.profile-page,.campfire-page{position:fixed;z-index:70;top:0;right:max(0px,calc((100vw - 560px)/2));bottom:0;left:max(0px,calc((100vw - 560px)/2))}.profile-page{overflow:hidden;background:radial-gradient(circle at 88% 4%,rgba(37,99,235,.1),transparent 18rem),var(--paper);animation:subpage-enter .22s ease-out}@keyframes subpage-enter{0%{opacity:0;transform:translate(28px)}}.subpage-header{position:absolute;z-index:2;top:0;right:0;left:0;display:grid;min-height:calc(64px + env(safe-area-inset-top));grid-template-columns:44px 1fr 44px;align-items:end;gap:10px;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;background:linear-gradient(180deg,var(--paper) 72%,transparent)}.subpage-header h1{align-self:center;font-size:22px;letter-spacing:-.6px;text-align:center}.subpage-header__spacer{width:44px}.icon-button{display:grid;width:44px;height:44px;place-items:center;border:1px solid color-mix(in srgb,var(--outline),transparent 35%);border-radius:50%;background:var(--surface);color:var(--ink);box-shadow:0 3px #1111111a}.profile-scroll{height:100%;overflow-y:auto;overscroll-behavior:contain;padding:calc(78px + env(safe-area-inset-top)) 18px calc(30px + env(safe-area-inset-bottom))}.profile-hero-card{position:relative;display:flex;min-height:154px;align-items:center;overflow:hidden;border-radius:28px;background:radial-gradient(circle at 87% 7%,rgba(255,216,136,.45),transparent 8rem),linear-gradient(135deg,#1c3270,#2563eb);color:#fff;padding:24px 132px 24px 22px;box-shadow:0 6px #1746ad}.profile-hero-card>div{position:relative;z-index:2;min-width:0}.profile-hero-card h2{margin-top:8px;font-size:25px;line-height:1.05;letter-spacing:-.7px}.profile-hero-card p{margin-top:9px;overflow:hidden;color:#ffffffc7;font-size:11px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.profile-hero-card img{position:absolute;right:4px;bottom:-7px;width:130px;height:130px;object-fit:contain;filter:drop-shadow(0 10px 16px rgba(10,18,45,.28))}.profile-section{margin-top:26px}.profile-section>h2{margin:0 0 9px 10px;color:var(--muted);font-size:10px;font-weight:900;letter-spacing:1.25px;text-transform:uppercase}.profile-group{overflow:hidden;border:1px solid color-mix(in srgb,var(--outline),transparent 25%);border-radius:22px;background:var(--surface);box-shadow:0 4px #11111112}.profile-row{display:flex;width:100%;min-height:64px;align-items:center;gap:13px;border:0;border-bottom:1px solid color-mix(in srgb,var(--outline),transparent 45%);background:transparent;color:var(--ink);padding:10px 15px;text-align:left;text-decoration:none}.profile-row:last-child{border-bottom:0}.profile-row__icon{display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;border-radius:13px;background:var(--blue-soft);color:var(--blue)}.profile-row__copy{display:flex;min-width:0;flex:1;flex-direction:column}.profile-row__copy strong{font-size:13px;font-weight:800}.profile-row__copy small{margin-top:3px;overflow:hidden;color:var(--muted);font-size:10px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.profile-row__value{flex:0 0 auto;color:var(--muted);font-size:12px;font-weight:800}.profile-row__chevron{color:var(--muted);font-size:24px;line-height:1}.profile-row.is-danger{color:#c93d3d}.profile-row.is-danger .profile-row__icon{background:#fde8e8;color:#c93d3d}.profile-row:disabled{opacity:.55;cursor:default}.profile-row__error{margin:8px 14px 0;color:#c93d3d;font-size:13px;line-height:1.4}.profile-signoff{margin-top:27px;color:var(--muted);font-size:10px;font-weight:700;text-align:center}.campfire-page{z-index:80;overflow:hidden;background:#0b0806;color:#fff;animation:campfire-arrive .32s ease-out}@keyframes campfire-arrive{0%{opacity:0;transform:scale(1.025)}}.campfire-scene{position:absolute;top:-3%;right:-3%;bottom:-3%;left:-3%;background:linear-gradient(180deg,#0807091f 20%,#080605f2 91%),url(/assets/images/ember_hero_night.webp) center / cover no-repeat;animation:campfire-drift 12s ease-in-out infinite alternate}@keyframes campfire-drift{to{transform:scale(1.035) translateY(-.7%)}}.campfire-glow{position:absolute;right:18%;bottom:14%;width:180px;height:180px;border-radius:50%;background:#ff7c1f47;filter:blur(35px);animation:campfire-pulse 1.8s ease-in-out infinite alternate}@keyframes campfire-pulse{to{opacity:.65;transform:scale(1.08)}}.campfire-ember{position:absolute;right:33%;bottom:22%;width:4px;height:4px;border-radius:50%;background:#ffd27d;box-shadow:0 0 9px #ff7a24;animation:ember-rise 2.6s ease-out infinite}.campfire-ember.is-two{right:39%;animation-delay:.8s}.campfire-ember.is-three{right:28%;animation-delay:1.5s}@keyframes ember-rise{to{opacity:0;transform:translate(-10px,-90px) scale(.5)}}.campfire-close{position:absolute;z-index:2;top:calc(12px + env(safe-area-inset-top));left:14px;display:grid;width:46px;height:46px;place-items:center;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:#0a080775;color:#ffffffc7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.campfire-invite{position:absolute;z-index:2;right:0;bottom:0;left:0;display:flex;align-items:center;flex-direction:column;padding:32px 24px calc(30px + env(safe-area-inset-bottom));text-align:center}.campfire-invite .eyebrow{color:#ffce77}.campfire-invite h1{max-width:390px;margin-top:10px;font-size:clamp(30px,8vw,40px);line-height:1.02;letter-spacing:-1px}.campfire-invite p{max-width:410px;margin-top:13px;color:#ffffffc7;font-size:14px;font-weight:600;line-height:1.5}.campfire-cta{width:min(100%,390px);margin-top:24px}.campfire-invite small{max-width:350px;margin-top:12px;color:#ffffff94;font-size:10px;font-weight:650;line-height:1.4}.lessons-road{width:100%;padding:4px 0 24px}.road-unit{transition:opacity .18s ease}.road-unit.is-future{opacity:.58}.stop-banner{--unit-color: #2563eb;position:relative;display:flex;height:116px;align-items:center;overflow:hidden;margin:18px 0 16px;border-radius:26px;background:radial-gradient(circle at 88% 20%,rgba(255,255,255,.24),transparent 7rem),linear-gradient(135deg,color-mix(in srgb,var(--unit-color),white 10%),color-mix(in srgb,var(--unit-color),black 24%));color:#fff;padding:18px 128px 18px 20px;box-shadow:0 8px 22px color-mix(in srgb,var(--unit-color),transparent 72%),0 5px color-mix(in srgb,var(--unit-color),black 32%)}.stop-banner>div:first-child{position:relative;z-index:2;min-width:0}.stop-banner span{display:block;overflow:hidden;color:#ffffffd1;font-size:10px;font-weight:900;letter-spacing:1.45px;text-overflow:ellipsis;white-space:nowrap}.stop-banner h2{display:-webkit-box;margin-top:6px;overflow:hidden;font-size:19px;line-height:1.12;letter-spacing:-.35px;-webkit-box-orient:vertical;-webkit-line-clamp:2}.stop-vignette{position:absolute;right:8px;bottom:-3px;width:120px;height:118px;opacity:.98}.stop-art{position:absolute;z-index:1;top:-18px;right:8px;bottom:0;width:118px;height:130px;object-fit:contain;object-position:right bottom;filter:drop-shadow(0 8px 12px rgba(0,0,0,.18))}.stop-vignette i{position:absolute;right:11px;bottom:0;width:83px;height:86px;border:5px solid rgba(255,255,255,.82);border-radius:44px 44px 25px 25px;background:radial-gradient(circle at 38% 35%,#fff 0 5px,transparent 6px),radial-gradient(circle at 67% 35%,#fff 0 5px,transparent 6px),radial-gradient(circle at 52% 57%,rgba(255,255,255,.72) 0 12px,transparent 13px),color-mix(in srgb,var(--unit-color),white 28%);box-shadow:inset 0 -16px #0000001f;transform:rotate(4deg)}.stop-vignette b{position:absolute;top:7px;right:3px;color:#ffdc88;font-size:22px}.delivered-stamp{position:absolute;z-index:3;right:105px;bottom:11px;border:2px solid white;border-radius:7px;padding:4px 7px;font-size:8px;letter-spacing:1px;transform:rotate(-6deg)}.road-nodes{position:relative}.lesson-node-row{--node-x: 50%;position:relative;height:102px}.lesson-node-row.is-current{height:226px}.road-ribbon{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.road-ribbon path{fill:none;stroke:color-mix(in srgb,var(--outline),transparent 60%);stroke-width:7;stroke-linecap:round;stroke-linejoin:round}.road-ribbon path.is-walked{stroke:color-mix(in srgb,var(--ink),var(--surface) 55%);stroke-width:8}.lesson-node{position:absolute;z-index:2;top:50%;left:var(--node-x);display:flex;align-items:center;flex-direction:column;border:0;background:transparent;padding:0;transform:translate(-50%,-50%)}.lesson-node-row.is-current .lesson-node{top:auto;bottom:13px;transform:translate(-50%)}.lesson-node:disabled{cursor:default}.lesson-coin{display:grid;width:64px;height:64px;place-items:center;border:6px solid color-mix(in srgb,var(--surface),white 35%);border-radius:50%;background:#c5c9cc;color:#6d7174;box-shadow:0 6px #8d9296,0 10px 18px #1111111f;transition:transform .14s ease,box-shadow .14s ease}.lesson-node:not(:disabled):active .lesson-coin{transform:translateY(4px);box-shadow:0 2px #8d9296}.lesson-node-row.is-completed .lesson-coin{border-color:transparent;background:color-mix(in srgb,var(--ink),var(--surface) 55%);color:#fff;box-shadow:0 5px color-mix(in srgb,var(--ink),black 35%)}.lesson-node-row.is-current .lesson-coin{width:112px;height:112px;border:8px solid rgba(255,255,255,.24);background:linear-gradient(180deg,#4d7df0,var(--blue));color:#fff;box-shadow:0 7px #1746ad,0 16px 28px #2563eb61;animation:current-coin-breathe 1.6s ease-in-out infinite alternate}.lesson-node-row.is-available .lesson-coin{background:var(--blue);color:#fff;box-shadow:0 6px #1746ad,0 10px 20px #2563eb30}.lesson-node-row.is-locked .lesson-coin{border-color:color-mix(in srgb,var(--outline),transparent 45%);background:color-mix(in srgb,var(--surface),var(--outline) 52%);color:color-mix(in srgb,var(--ink),transparent 80%);box-shadow:0 5px color-mix(in srgb,var(--outline),black 20%)}.lesson-node-row.is-door .lesson-coin{border-radius:20px}.lesson-node-row.is-door.is-current .lesson-coin{border-radius:30px}@keyframes current-coin-breathe{to{transform:scale(1.035)}}.start-pill{position:absolute;top:-62px;left:50%;display:block;max-width:260px;overflow:hidden;border-radius:999px;background:linear-gradient(180deg,#4d7df0,var(--blue));color:#fff;padding:10px 18px;font-size:12px;font-weight:800;letter-spacing:.1px;text-overflow:ellipsis;white-space:nowrap;box-shadow:0 4px #1746ad;transform:translate(-50%)}.start-pointer{position:absolute;z-index:-1;top:-31px;left:50%;width:14px;height:14px;background:#1746ad;content:"";transform:translate(-50%) rotate(45deg)}.node-caption{position:absolute;z-index:1;top:calc(50% - 9px);width:31%;overflow:hidden;color:var(--muted);font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.hero-kind-art{position:absolute;z-index:2;bottom:16px;width:116px;height:116px;object-fit:contain;filter:drop-shadow(0 10px 14px rgba(17,17,17,.14))}.hero-kind-art.on-left{left:5%}.hero-kind-art.on-right{right:5%}.node-caption.on-left{left:4%;text-align:right}.node-caption.on-right{right:4%;text-align:left}.level-gate{display:flex;min-height:280px;align-items:center;justify-content:center;flex-direction:column;color:var(--muted)}.gate-monument{display:block;width:196px;height:196px;object-fit:contain}.level-gate>strong{margin-top:8px;font-family:Space Grotesk,sans-serif;font-size:14px}.level-gate>small{margin-top:4px;font-size:10px;font-weight:700}.level-gate.is-ready{color:var(--blue)}.lessons-state{display:flex;min-height:calc(100dvh - 210px);align-items:center;justify-content:center;flex-direction:column;padding:40px 22px;text-align:center}.lessons-state h2{margin-top:20px;font-size:23px}.lessons-state p{max-width:330px;margin-top:9px;color:var(--muted);font-size:13px;font-weight:600;line-height:1.55}.empty-map-art{position:relative;display:grid;width:118px;height:118px;place-items:center;border-radius:34px;background:var(--blue-soft);color:var(--blue);transform:rotate(-4deg);box-shadow:0 7px #b8c9f1}.empty-map-art>span{position:absolute;top:26px;right:20px;bottom:26px;left:20px;border-top:3px dashed currentColor;border-bottom:3px dashed currentColor;opacity:.32}.empty-map-art.is-error{background:#e3e4e2;color:#747779;box-shadow:0 7px #c0c2c0}.lessons-skeleton,.progress-skeleton{animation:skeleton-pulse .95s ease-in-out infinite alternate}.skeleton-banner,.skeleton-node,.skeleton-cover{background:color-mix(in srgb,var(--outline),var(--surface) 35%)}.skeleton-banner{height:116px;margin:18px 0 35px;border-radius:26px}.skeleton-node{width:68px;height:68px;margin-bottom:45px;border-radius:50%}@keyframes skeleton-pulse{to{opacity:.52}}.lesson-preview-backdrop{position:fixed;z-index:80;top:0;right:0;bottom:0;left:0;display:grid;align-items:end;justify-items:center;background:#07090c9e;padding:20px}.lesson-preview{width:min(100%,480px);border-radius:28px 28px 22px 22px;background:var(--surface);padding:25px;box-shadow:0 -18px 70px #0000003d;animation:preview-rise .22s ease-out}@keyframes preview-rise{0%{opacity:0;transform:translateY(30px)}}.lesson-preview .eyebrow{color:var(--blue)}.preview-icon{display:grid;width:64px;height:64px;margin-top:18px;place-items:center;border-radius:21px;background:var(--blue-soft);color:var(--blue)}.lesson-preview h2{margin-top:16px;font-size:25px}.lesson-preview>p{margin-top:9px;color:var(--muted);font-size:13px;font-weight:600;line-height:1.55}.lesson-preview dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.lesson-preview dl>div{border-radius:15px;background:color-mix(in srgb,var(--paper),var(--surface) 30%);padding:12px}.lesson-preview dt{color:var(--muted);font-size:9px;font-weight:900}.lesson-preview dd{margin:3px 0 0;font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:800}.progress-logbook{display:flex;flex-direction:column;gap:22px;padding:8px 0 25px}.ember-cover,.paper-cover{border-radius:24px;box-shadow:0 5px #1111111c,0 13px 30px #11111112}.ember-cover{position:relative;min-height:236px;overflow:hidden;background:linear-gradient(135deg,#17233f,#492946);color:#fff;padding:20px}.ember-scene{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.ember-scene--night{display:none}.ember-scene-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#000000b3,#0000004d 55%,#0000000d),linear-gradient(0deg,rgba(0,0,0,.45),transparent 55%)}.camp-sky{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.camp-sky:after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#000000a8,#0000001a 75%),linear-gradient(0deg,rgba(0,0,0,.44),transparent 55%);content:""}.camp-moon{position:absolute;top:18px;right:30px;width:46px;height:46px;border-radius:50%;background:#ffeac2;box-shadow:0 0 36px #ffe6b45c}.camp-hill{position:absolute;right:-40px;bottom:-50px;width:390px;height:180px;border-radius:50% 50% 0 0;transform:rotate(-8deg)}.camp-hill--back{bottom:-75px;background:#35405c}.camp-hill--front{right:-150px;bottom:-92px;background:#18231e;transform:rotate(5deg)}.camp-fire{position:absolute;right:77px;bottom:37px;width:53px;height:61px;border-radius:50% 50% 45% 45%;background:radial-gradient(circle at 50% 72%,#fff3a4 0 17%,#ff9d2e 18% 46%,#e74321 47% 67%,transparent 68%);filter:drop-shadow(0 0 22px rgba(255,142,42,.88));animation:fire-breathe 2.4s ease-in-out infinite alternate}.camp-fire i,.camp-fire b{position:absolute;bottom:-7px;width:48px;height:6px;border-radius:999px;background:#44251c;content:""}.camp-fire i{transform:rotate(16deg)}.camp-fire b{transform:rotate(-16deg)}@keyframes fire-breathe{to{transform:scale(1.07) translateY(-2px)}}.ember-copy{position:relative;z-index:2;width:62%}.cover-eyebrow{color:var(--muted);font-size:9px;font-weight:900;letter-spacing:1.5px}.ember-cover .cover-eyebrow{color:#ffffffd1}.ember-copy h2{margin-top:13px;font-size:24px;line-height:1.08}.streak-number{display:flex;align-items:baseline;gap:7px;margin-top:6px}.streak-number strong{font-family:Space Grotesk,sans-serif;font-size:62px;line-height:.95}.streak-number small{color:#fffc;font-size:12px;font-weight:700}.best-streak{margin-top:1px!important;color:#ffffffb8!important;font-weight:750!important}.ember-copy>p{margin-top:7px;color:#ffffffe0;font-size:10px;font-weight:600;line-height:1.4;text-shadow:0 1px 5px black}.week-dots{position:absolute;z-index:3;right:18px;bottom:13px;left:18px;display:flex;justify-content:space-between}.week-dots>div{display:flex;align-items:center;flex-direction:column;gap:3px}.week-dots span{display:grid;width:25px;height:25px;place-items:center;border:2px solid transparent;border-radius:50%;background:#ffffff47}.week-dots span.is-fed{background:#f5a623}.week-dots span.is-today{border-color:#fff}.week-dots small{color:#ffffffd6;font-size:8px;font-weight:800}.paper-cover{border:1px solid color-mix(in srgb,var(--outline),transparent 45%);background:linear-gradient(180deg,color-mix(in srgb,var(--surface),white 7%),var(--surface));padding:20px}.voice-summary{display:flex;align-items:center;gap:17px;margin-top:15px}.voice-ring{--level-progress: 0deg;display:grid;width:88px;height:88px;flex:0 0 88px;place-items:center;border-radius:50%;background:conic-gradient(var(--blue) var(--level-progress),#e2e4e3 0)}.voice-ring:before{position:absolute;width:68px;height:68px;border-radius:50%;background:var(--surface);content:""}.voice-ring>span{position:relative;z-index:1;display:flex;align-items:center;flex-direction:column}.voice-ring strong{font-family:Space Grotesk,sans-serif;font-size:30px;line-height:1}.voice-ring small{margin-top:2px;font-size:7px;font-weight:900;letter-spacing:1px}.voice-summary>div:last-child{min-width:0}.voice-summary h2{overflow:hidden;font-size:21px;text-overflow:ellipsis;white-space:nowrap}.voice-summary p,.cover-story,.goal-caption{color:var(--muted);font-size:11px;font-weight:650;line-height:1.4}.voice-summary p{margin-top:5px}.cover-story{margin-top:17px}.voice-ladder{position:relative;display:flex;align-items:center;justify-content:space-between;margin-top:15px}.voice-ladder:before{position:absolute;right:2px;left:2px;height:2px;background:var(--outline);content:""}.voice-ladder span{position:relative;z-index:1;width:8px;height:8px;border-radius:50%;background:#d8dbda}.voice-ladder span.is-passed{background:#8f969a}.voice-ladder span.is-current{width:13px;height:13px;background:var(--ink);box-shadow:0 0 0 3px var(--surface)}.ledger-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px;border-top:1px solid color-mix(in srgb,var(--outline),transparent 35%);padding-top:16px}.ledger-row>div{min-width:0}.ledger-row small{display:block;overflow:hidden;color:var(--muted);font-size:7px;font-weight:900;letter-spacing:1px;text-overflow:ellipsis;white-space:nowrap}.ledger-row strong{display:block;margin-top:3px;overflow:hidden;font-family:Space Grotesk,sans-serif;font-size:23px;text-overflow:ellipsis}.travel-heading{display:flex;align-items:baseline;gap:7px;margin-top:5px}.travel-heading strong{font-family:Space Grotesk,sans-serif;font-size:25px}.travel-heading span{overflow:hidden;color:var(--muted);font-size:10px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.week-chart{position:relative;display:grid;height:105px;grid-template-columns:repeat(7,1fr);gap:10px;margin-top:18px;border-bottom:1px solid var(--outline)}.goal-line{position:absolute;z-index:1;right:0;left:0;border-top:1.5px dashed color-mix(in srgb,var(--muted),transparent 42%)}.week-bar-column{position:relative;display:flex;height:calc(100% - 20px);align-items:center;justify-content:flex-end;flex-direction:column}.week-bar{z-index:2;width:18px;min-height:3px;border-radius:5px 5px 0 0;background:#989ea1}.week-bar.is-goal{background:var(--blue)}.week-bar-column small{position:absolute;bottom:-19px;color:var(--muted);font-size:8px;font-weight:700}.week-bar-column small.is-today{color:var(--ink);font-weight:900}.goal-caption{margin-top:17px;font-weight:800}.satchel-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-top:5px}.satchel-heading h2{font-size:24px}.satchel-heading>strong{color:var(--muted);font-size:10px}.badge-section{margin-top:19px}.badge-section>p{color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.7px;text-transform:uppercase}.badge-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:8px}.badge-row span{display:grid;width:48px;height:48px;place-items:center;border:3px solid #e4c980;border-radius:50%;background:linear-gradient(145deg,#fff5ca,#d9ae48);color:#78500d;box-shadow:0 4px #aa7f26}.empty-satchel{display:flex;align-items:center;gap:12px;margin-top:18px;border:1px dashed var(--outline);border-radius:16px;color:var(--muted);padding:14px}.empty-satchel p{font-size:11px;font-weight:650;line-height:1.4}.progress-skeleton .skeleton-cover{height:280px;border-radius:24px}.progress-skeleton .skeleton-cover.is-hero{height:236px;background:#353b4a}@media(max-width:390px){.home-page{padding-right:14px;padding-left:14px}.stop-banner{padding-right:106px}.stop-vignette{right:-4px;transform:scale(.9);transform-origin:bottom right}.node-caption{width:28%;font-size:10px}.ember-copy{width:68%}.ember-copy>p{font-size:9px}.camp-fire{right:50px}.week-chart{gap:6px}.week-bar{width:15px}}@media(min-width:760px){.web-app-frame{margin-top:24px;margin-bottom:24px;border:1px solid rgba(17,17,17,.08);border-radius:32px;min-height:calc(100dvh - 48px)}.app-header{top:24px;left:calc((100vw - 560px)/2);right:calc((100vw - 560px)/2);border-radius:32px 32px 0 0}.bottom-nav{right:calc((100vw - 528px)/2);bottom:36px;left:calc((100vw - 528px)/2)}.profile-page,.campfire-page{top:24px;bottom:24px;border-radius:32px}}@media(prefers-color-scheme:dark){.profile-action{color:#f6f6f3;box-shadow:0 4px #0000006b}.road-segment{background:#34383b}.lesson-coin{border-color:#292c2f}.lesson-node-row.is-current .lesson-coin,.lesson-node-row.is-available .lesson-coin{border-color:#dfe7fb}.empty-map-art{background:#172544;box-shadow:0 7px #101a2f}.empty-map-art.is-error{background:#272a2c;box-shadow:0 7px #151719}.profile-group,.icon-button{box-shadow:0 4px #00000059}.profile-row,.icon-button{color:#f6f6f3}.voice-ring{background:conic-gradient(var(--blue) var(--level-progress),#303436 0)}.voice-ladder span{background:#3a3e40}.voice-ladder span.is-passed{background:#858b8f}.voice-ladder span.is-current{background:#f6f6f3}.week-bar-column small.is-today{color:#f6f6f3}.ember-scene--day{display:none}.ember-scene--night{display:block}}@media(prefers-color-scheme:light){.campfire-scene{background:linear-gradient(180deg,#08070914 20%,#080605eb 91%),url(/assets/images/ember_hero_day.webp) center / cover no-repeat}}.lesson-player{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:flex;min-height:100dvh;flex-direction:column;overflow:auto;background:radial-gradient(circle at 50% -10%,rgba(37,99,235,.15),transparent 32rem),var(--paper);color:var(--ink)}.lesson-player__header{position:sticky;z-index:5;top:0;display:grid;grid-template-columns:44px minmax(120px,620px) 64px;gap:14px;align-items:center;justify-content:center;min-height:76px;padding:max(12px,env(safe-area-inset-top)) 18px 12px;border-bottom:1px solid rgba(17,17,17,.08);background:color-mix(in srgb,var(--paper) 90%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.lesson-player__header>strong{color:var(--blue);font-size:13px;font-weight:900;text-align:right}.lesson-icon-button{display:inline-grid;width:42px;height:42px;padding:0;place-items:center;border:1px solid rgba(17,17,17,.1);border-radius:14px;background:var(--surface);color:var(--ink)}.lesson-icon-button:hover{transform:translateY(-1px);box-shadow:0 5px 15px #11111117}.lesson-player__progress,.runner-step-progress{overflow:hidden;height:10px;border-radius:999px;background:#11111117}.lesson-player__progress span,.runner-step-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2563eb,#5f8dff);transition:width .22s ease}.lesson-player__progress span{width:8%}.lesson-player__body{display:grid;flex:1;place-items:center;padding:24px 20px max(32px,env(safe-area-inset-bottom))}.lesson-offline{position:sticky;z-index:4;top:76px;padding:10px 20px;background:#fff1ce;color:#6b4300;text-align:center;font-size:12px;font-weight:800}.lesson-runner{width:min(100%,720px);min-height:min(670px,calc(100dvh - 130px));padding:clamp(20px,4vw,34px);border:1px solid rgba(17,17,17,.08);border-radius:32px;background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:0 22px 70px #1111111a}.lesson-runner>header{display:flex;justify-content:space-between;align-items:center;gap:16px}.lesson-runner .eyebrow{color:var(--blue);font-size:11px;font-weight:900;letter-spacing:.12em}.lesson-runner>header small{color:var(--muted);font-size:12px;font-weight:800}.runner-step-progress{height:6px;margin-top:11px}.runner-lesson-title{margin-top:14px;color:var(--muted);font-size:13px;font-weight:700;text-align:center}.lesson-runner__content{display:flex;min-height:500px;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center}.practice-line,.listen-ask,.door-title,.target-hint{max-width:620px;font-size:clamp(28px,6vw,48px);line-height:1.08;letter-spacing:-.04em}.practice-line button{margin:0;padding:0 2px;border:0;border-bottom:3px solid var(--blue);background:transparent;color:inherit;font:inherit;font-weight:inherit}.practice-line button:hover{color:var(--blue)}.practice-word{transition:color .16s ease,border-color .16s ease,text-shadow .16s ease}.practice-word.is-spoken{color:var(--green);text-shadow:0 0 18px color-mix(in srgb,var(--green) 24%,transparent)}.practice-line button.practice-word.is-spoken{border-bottom-color:var(--green);color:var(--green)}.lesson-gloss{max-width:540px;color:var(--muted);font-size:16px;font-weight:650;line-height:1.5}.lesson-gloss--cue{padding:12px 18px;border-radius:16px;background:var(--blue-soft);color:#174ba8}.word-tip{color:var(--muted);font-size:11px;font-weight:700}.audio-control{display:grid;gap:8px;justify-items:center}.audio-control button{display:inline-flex;min-height:54px;padding:0 22px;align-items:center;justify-content:center;gap:10px;border:0;border-radius:18px;background:var(--blue-soft);color:#174ba8;font-weight:850}.audio-control button:hover{transform:translateY(-2px)}.audio-control.is-large button{width:118px;height:118px;flex-direction:column;border-radius:38px;background:var(--blue);color:#fff;box-shadow:0 8px #174fc9,0 20px 34px #2563eb40}.audio-control.is-compact button{min-height:44px;padding:0 16px}.audio-control small{max-width:330px;color:var(--danger);font-size:11px;font-weight:750}.speech-check{display:grid;width:min(100%,440px);gap:10px;justify-items:center}.mic-button{display:inline-flex;min-width:170px;min-height:58px;padding:0 24px;align-items:center;justify-content:center;gap:10px;border:0;border-radius:20px;background:var(--ink);color:#fff;font-weight:900;box-shadow:0 6px #11111140}.mic-button.is-listening{background:var(--danger);animation:mic-pulse 1s ease-in-out infinite}.speech-fallback,.speech-transcript{max-width:420px;color:var(--muted);font-size:13px;font-weight:650;line-height:1.45}.speech-transcript{color:var(--ink)}.runner-feedback{font-size:13px;font-weight:850}.runner-feedback.is-wrong{color:var(--danger)}.runner-feedback.is-right{color:var(--green)}.runner-action{display:inline-flex;width:min(100%,360px);align-items:center;justify-content:center;gap:10px}.scramble-answer{display:flex;width:100%;min-height:86px;padding:14px;flex-wrap:wrap;align-content:center;justify-content:center;gap:8px;border:2px dashed var(--outline);border-radius:22px;background:color-mix(in srgb,var(--paper) 80%,transparent)}.scramble-answer.is-wrong{border-color:#ed7a85;animation:wrong-shake .28s ease}.scramble-answer>span{align-self:center;color:var(--muted);font-size:13px;font-weight:650}.scramble-answer button,.scramble-bank button{min-height:44px;padding:0 15px;border:1px solid rgba(17,17,17,.11);border-radius:13px;background:var(--surface);color:var(--ink);font-weight:800;box-shadow:0 3px #1111111f}.scramble-answer button.is-spoken{border-color:var(--green);background:color-mix(in srgb,var(--green) 13%,var(--surface));color:var(--green);box-shadow:0 3px color-mix(in srgb,var(--green) 35%,transparent),0 0 18px color-mix(in srgb,var(--green) 18%,transparent)}.scramble-bank{display:flex;max-width:620px;flex-wrap:wrap;justify-content:center;gap:10px}.scramble-bank button:disabled{opacity:.18;transform:translateY(3px)}.listen-options{display:grid;width:min(100%,560px);gap:12px}.listen-options button{display:grid;min-height:72px;grid-template-columns:38px 1fr;gap:13px;align-items:center;padding:12px 18px;border:2px solid var(--outline);border-radius:20px;background:var(--surface);color:var(--ink);font-weight:800;text-align:left}.listen-options button:hover{border-color:var(--blue);transform:translateY(-2px)}.listen-options button.is-wrong{border-color:var(--danger);background:#fff0f1}.listen-options button span{display:grid;width:38px;height:38px;place-items:center;border-radius:12px;background:var(--paper);color:var(--blue)}.albert-portrait{width:188px;height:188px;object-fit:contain;filter:drop-shadow(0 14px 22px rgba(17,17,17,.15))}.albert-portrait.is-small{width:128px;height:128px}.door-body{max-width:480px;color:var(--muted);font-weight:650;line-height:1.5}.mission-list{display:grid;width:min(100%,520px);margin:0;padding:0;gap:8px;list-style:none}.mission-list li{padding:11px 15px;border-radius:14px;background:var(--paper);font-size:13px;font-weight:750;text-align:left}.mission-list li:before{content:"✓";margin-right:10px;color:var(--green);font-weight:900}.target-dots{display:flex;gap:7px}.target-dots span{width:30px;height:7px;border-radius:999px;background:var(--outline)}.target-dots span.is-met{background:var(--green)}.target-example{padding:12px 16px;border-radius:15px;background:var(--blue-soft);color:#174ba8;font-weight:750}.live-status,.live-fallback{max-width:480px;color:var(--muted);font-size:13px;font-weight:750;line-height:1.45}.live-dot{display:inline-block;width:9px;height:9px;margin-right:5px;border-radius:50%;background:var(--green);animation:mic-pulse 1s ease-in-out infinite}.live-fallback{padding:12px 16px;border:1px solid #e8c978;border-radius:15px;background:#fff7df;color:#69470a}.live-transcript{display:grid;width:min(100%,530px);max-height:145px;gap:9px;overflow:auto}.live-transcript p{display:grid;justify-items:start;gap:3px;padding:10px 13px;border-radius:14px 14px 14px 4px;background:var(--paper);font-size:13px;line-height:1.4;text-align:left}.live-transcript p.is-user{justify-items:end;border-radius:14px 14px 4px;background:var(--blue-soft);color:#174ba8;text-align:right}.live-transcript strong{font-size:10px;text-transform:uppercase;letter-spacing:.08em}.live-mic{width:min(100%,310px)}.lesson-text-button{padding:8px;border:0;background:transparent;color:var(--blue);font-size:13px;font-weight:850}.lesson-text-button.is-danger{color:var(--danger)}.word-sheet-backdrop,.lesson-confirm-backdrop{position:fixed;z-index:110;top:0;right:0;bottom:0;left:0;display:grid;padding:20px;place-items:center;background:#11111180;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.word-sheet,.lesson-confirm{position:relative;display:grid;width:min(100%,410px);padding:28px;gap:15px;justify-items:center;border-radius:28px;background:var(--surface);color:var(--ink);box-shadow:0 28px 90px #1111114d;text-align:center}.word-sheet>.lesson-icon-button{position:absolute;top:14px;right:14px}.word-sheet h2{font-size:38px}.word-sheet p,.lesson-confirm p{color:var(--muted);font-weight:650;line-height:1.5}.lesson-confirm .primary-button{width:100%}.lesson-complete,.lesson-status{display:grid;width:min(100%,620px);padding:36px;gap:20px;justify-items:center;border-radius:32px;background:var(--surface);box-shadow:0 22px 70px #1111111a;text-align:center}.completion-burst{display:grid;width:110px;height:110px;place-items:center;border-radius:38px;background:linear-gradient(145deg,#ffdf8f,#f1a823);color:#fff;box-shadow:0 8px #c78213,0 20px 45px #eaa72d47;animation:completion-pop .45s cubic-bezier(.2,1.4,.4,1)}.lesson-complete>.eyebrow{color:var(--blue);font-size:12px;font-weight:900;letter-spacing:.12em}.lesson-complete h1{font-size:clamp(30px,7vw,48px);line-height:1}.reward-row{display:grid;width:100%;grid-template-columns:1fr 1fr;gap:12px}.reward-row>div{display:grid;min-height:118px;padding:16px;gap:5px;justify-items:center;place-content:center;border-radius:22px;background:var(--paper)}.reward-row>div:first-child svg{color:#d3921f}.reward-row>div:last-child svg{color:#e35b24}.reward-row strong{font-family:Space Grotesk,sans-serif;font-size:26px}.reward-row span{color:var(--muted);font-size:11px;font-weight:800}.unlocked-patches{display:flex;width:100%;padding:15px;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;border:1px solid #f0c461;border-radius:18px;background:#fff7df;color:#69470a;font-size:12px}.unlocked-patches>span{font-weight:700}.unlocked-patches strong{padding:5px 9px;border-radius:999px;background:#fff}.lesson-status{min-height:330px;place-content:center}.lesson-status>span{color:var(--blue)}.lesson-status>span.is-spinning{animation:status-spin 1.1s linear infinite}.gate-action{min-height:44px;margin-top:8px;padding:0 22px;border:0;border-radius:15px;background:var(--blue);color:#fff;font-weight:850;box-shadow:0 4px 0 var(--blue-pressed)}.gate-action:disabled{opacity:.6}.gate-error{max-width:300px;color:var(--danger)!important}@keyframes mic-pulse{50%{transform:scale(1.035);box-shadow:0 0 0 12px #d62f3f1f}}@keyframes wrong-shake{25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes completion-pop{0%{opacity:0;transform:scale(.5) rotate(-10deg)}}@keyframes status-spin{to{transform:rotate(360deg)}}@media(max-width:620px){.lesson-player__header{grid-template-columns:42px 1fr 54px;gap:10px;min-height:66px;padding-inline:12px}.lesson-player__body{display:block;padding:0}.lesson-runner{min-height:calc(100dvh - 66px);padding:22px 18px max(28px,env(safe-area-inset-bottom));border:0;border-radius:0;box-shadow:none}.lesson-runner__content{min-height:calc(100dvh - 180px);gap:15px}.practice-line,.listen-ask,.door-title,.target-hint{font-size:clamp(27px,9vw,38px)}.audio-control.is-large button{width:104px;height:104px;border-radius:32px}.lesson-complete,.lesson-status{min-height:calc(100dvh - 66px);border-radius:0;box-shadow:none}}@media(prefers-reduced-motion:reduce){.mic-button.is-listening,.completion-burst,.lesson-status>span.is-spinning,.scramble-answer.is-wrong{animation:none}.lesson-player *,.lesson-player *:before,.lesson-player *:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}@media(prefers-color-scheme:dark){.lesson-player{--ink: #f6f6f3;--blue-soft: #172544;--outline: #383c40}.lesson-player__header{border-color:#ffffff14}.lesson-icon-button,.scramble-answer button,.scramble-bank button,.listen-options button{border-color:#35393d}.lesson-gloss--cue,.audio-control button,.target-example,.live-transcript p.is-user{color:#aec5ff}.mic-button{background:#f6f6f3;color:#111}.mic-button.is-listening{background:var(--danger);color:#fff}.listen-options button.is-wrong{background:#35191d}.unlocked-patches,.live-fallback{border-color:#725815;background:#2c250f;color:#f3d47b}.unlocked-patches strong{background:#17191b}}