.circulation-visual{--oxygen-poor:color-mix(in srgb, var(--color-brand-accent) 78%, #895a71);--oxygen-rich:color-mix(in srgb, var(--color-brand-primary) 76%, #4a83c8);background:var(--color-bg-surface-elevated);border:1px solid var(--color-border-medium);border-radius:16px;margin:1.4rem 0 0;padding:0;overflow:hidden}.circulation-stage{background:radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--color-brand-primary) 22%, transparent), transparent 40%), linear-gradient(155deg, color-mix(in srgb, var(--color-bg-surface) 78%, #14354a), var(--color-bg-surface-elevated));position:relative;overflow:hidden}.circulation-heading{color:#f4f7f8;background:linear-gradient(#0000,#071523c7 38%,#06121ff5);justify-content:space-between;align-items:start;gap:1rem;padding:3.5rem 1.15rem 1rem;display:flex;position:absolute;bottom:0;left:0;right:0}.circulation-heading span{color:#a8d3e7;font:600 .64rem/1.2 var(--font-mono);letter-spacing:.1em}.circulation-heading h3{color:#fff;margin:.3rem 0;font-size:1.15rem}.circulation-heading p{color:#f4f7f8c2;max-width:470px;margin:0;font-size:.78rem;line-height:1.45}.circulation-heading em{color:var(--color-brand-primary);background:var(--color-brand-glow);border-radius:999px;flex:none;padding:.25rem .5rem;font-size:.62rem;font-style:normal;font-weight:700}.circulation-visual svg{width:100%;margin:0 auto;padding:.75rem .75rem 5.5rem;display:block}.octopus-body{fill:color-mix(in srgb, var(--color-brand-primary) 11%, var(--color-bg-surface));stroke:color-mix(in srgb, var(--color-text-primary) 36%, transparent);stroke-width:2px}.octopus-arm,.gill path{fill:none;stroke:color-mix(in srgb, var(--color-text-primary) 38%, transparent);stroke-width:12px;stroke-linecap:round}.gill path{stroke-width:3px}.gill text,.heart text,.pause-symbol text,.legend text{fill:var(--color-text-muted);font:600 12px var(--font-mono);letter-spacing:.05em}.heart path{fill:color-mix(in srgb, var(--color-text-muted) 42%, var(--color-bg-surface));stroke:var(--color-border-medium);stroke-width:2px;transform-box:fill-box;transform-origin:50%}.flow{fill:none;stroke-width:6px;stroke-linecap:round;stroke-dasharray:10 13;opacity:.16}.flow-poor{stroke:var(--oxygen-poor)}.flow-rich,.flow-systemic{stroke:var(--oxygen-rich)}.flow-arrow{fill:var(--oxygen-rich)}.phase-gills .heart-branchial path,.phase-overview .heart path{fill:var(--oxygen-poor);opacity:.92;animation:1.2s ease-in-out infinite circulation-pulse}.phase-gills .gill,.phase-gills .flow-poor,.phase-gills .flow-rich,.phase-overview .flow{opacity:1}.phase-systemic .heart-systemic path,.phase-overview .heart-systemic path{fill:var(--oxygen-rich);animation:1.05s ease-in-out infinite circulation-pulse}.phase-systemic .flow-systemic,.phase-overview .flow-systemic{opacity:1}.phase-gills .flow-poor,.phase-gills .flow-rich,.phase-systemic .flow-systemic,.phase-overview .flow{animation:1.1s linear infinite circulation-flow}.pause-symbol{opacity:0}.pause-symbol circle{fill:color-mix(in srgb, var(--color-status-error) 16%, var(--color-bg-surface));stroke:var(--color-status-error);stroke-width:3px}.pause-symbol rect{fill:var(--color-status-error)}.pause-symbol text{fill:var(--color-status-error);text-anchor:middle}.phase-swimming .pause-symbol{opacity:1}.phase-swimming .heart-systemic path{fill:color-mix(in srgb, var(--color-status-error) 45%, var(--color-bg-surface));animation:none}.phase-swimming .heart-branchial path{fill:var(--oxygen-poor);animation:1.25s ease-in-out infinite circulation-pulse}.legend-poor{fill:var(--oxygen-poor)}.legend-rich{fill:var(--oxygen-rich)}.circulation-controls{grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem;padding:.75rem;display:grid}.circulation-controls button{min-height:38px;color:var(--color-text-muted);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:8px;padding:.35rem;font-size:.66rem}.circulation-controls button[aria-checked=true]{color:var(--color-text-primary);border-color:var(--color-brand-primary);background:var(--color-brand-glow)}.circulation-controls button:disabled{cursor:default;opacity:.7}@keyframes circulation-pulse{0%,to{transform:scale(.94)}45%{transform:scale(1.08)}}@keyframes circulation-flow{to{stroke-dashoffset:-23px}}@media (width<=520px){.circulation-visual{border-radius:13px;margin-inline:-.2rem}.circulation-heading{padding:3.25rem .9rem .8rem;display:flex}.circulation-heading em{margin-top:.45rem;display:inline-block}.circulation-visual svg{padding:.3rem .25rem 6.4rem}.circulation-controls{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){.circulation-visual *,.circulation-visual :before,.circulation-visual :after{transition:none!important;animation:none!important}}.experience-overlay{z-index:100;-webkit-backdrop-filter:blur(20px)saturate(120%);background:#040a12a3;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.experience-modal{width:min(680px,100%);max-height:calc(100vh - 2rem);color:var(--color-text-primary);background:var(--color-bg-glass);border:1px solid var(--color-border-medium);box-shadow:var(--shadow-floating);-webkit-backdrop-filter:blur(36px)saturate(145%);border-radius:28px;padding:clamp(1rem,3vw,1.6rem);overflow-y:auto}.experience-heading{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.2rem;display:flex}.experience-heading>div>span{color:var(--color-brand-primary);font:600 .68rem/1.2 var(--font-mono);letter-spacing:.12em}.experience-heading h2{margin:.35rem 0;font-size:clamp(1.7rem,5vw,2.5rem)}.experience-heading p,.experience-section-title p{color:var(--color-text-secondary);margin:0}.experience-heading>button{min-width:40px;min-height:40px;color:var(--color-text-secondary);background:var(--color-bg-surface-elevated);border:1px solid var(--color-border-subtle);border-radius:50%;padding:0}.experience-modal section{border-top:1px solid var(--color-border-subtle);padding:1rem 0}.narrator-choice{transition:border-color .16s,transform .16s,box-shadow .16s;position:relative;overflow:hidden;border-color:var(--color-border-medium)!important;background:var(--color-bg-surface)!important}.narrator-choice:hover,.narrator-choice:focus-visible{transform:translateY(-1px);border-color:var(--color-brand-primary)!important}.narrator-choice[aria-checked=true]{box-shadow:0 0 0 2px var(--color-brand-glow);border-color:var(--color-brand-primary)!important}.narrator-choice.is-playing:after{content:"";background:var(--color-brand-primary);transform-origin:0;height:3px;animation:10.5s linear forwards narrator-sample-progress;position:absolute;inset:auto 0 0}.narrator-sample-state{color:var(--color-brand-primary);font-size:.62rem;font-weight:750}.narrator-sample-caption{min-height:1.2rem;color:var(--color-text-muted);text-align:center;margin:.5rem 0 0;font-size:.68rem}.experience-section-title{grid-template-columns:2rem 1fr;align-items:start;gap:.6rem;margin-bottom:.75rem;display:grid}.experience-section-title>span{color:var(--color-brand-primary);font-family:var(--font-mono)}.experience-section-title h3{margin:0;font-size:1rem}.experience-section-title p{font-size:.76rem}.theme-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;display:grid}.theme-choice-grid>button{min-width:0;min-height:150px;color:var(--color-text-primary);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);flex-direction:column;align-items:stretch;padding:.55rem}.theme-choice-grid>button.selected{border-color:var(--color-brand-primary);box-shadow:0 0 0 2px var(--color-brand-glow)}.theme-choice-grid>button>strong,.theme-choice-grid>button>span{text-align:left;display:block}.theme-choice-grid>button>strong{margin-top:.45rem;font-size:.76rem}.theme-choice-grid>button>span{color:var(--color-text-muted);font-size:.65rem;font-weight:500}.theme-miniature{background:radial-gradient(circle at 80% 15%, color-mix(in srgb, var(--mini-accent) 55%, transparent), transparent 38%), var(--mini-bg);border:1px solid color-mix(in srgb, var(--mini-ink) 18%, transparent);border-radius:12px;height:82px;position:relative;overflow:hidden}.theme-miniature i,.theme-miniature span,.theme-miniature strong,.theme-miniature em{display:block;position:absolute}.theme-miniature i{background:var(--mini-surface);border:1px solid color-mix(in srgb, var(--mini-ink) 15%, transparent);border-radius:8px;height:16px;inset:8px 8px auto}.theme-miniature span{background:var(--mini-ink);border-radius:5px;width:55%;height:6px;top:34px;left:10px}.theme-miniature strong{background:color-mix(in srgb, var(--mini-ink) 35%, transparent);border-radius:4px;width:38%;height:4px;top:48px;left:10px}.theme-miniature em{background:var(--mini-accent);border-radius:50%;width:30px;height:30px;bottom:10px;right:10px}.theme-miniature-spatial-storyworld{background:radial-gradient(circle at 18% 25%, var(--mini-accent) 0 2px, transparent 3px), radial-gradient(circle at 77% 18%, color-mix(in srgb, var(--mini-accent) 75%, white) 0 1px, transparent 2px), radial-gradient(circle at 64% 72%, var(--mini-accent) 0 1px, transparent 2px), var(--mini-bg)}.theme-miniature-spatial-storyworld i{box-shadow:0 7px 18px color-mix(in srgb, var(--mini-ink) 12%, transparent);border-radius:10px}.theme-miniature-spatial-storyworld em{border:2px solid var(--mini-accent);background:0 0;border-radius:10px;transform:rotate(-8deg)}.theme-miniature-living-textbook{background-image:linear-gradient(color-mix(in srgb, var(--mini-ink) 8%, transparent) 1px, transparent 1px);background-size:100% 16px}.theme-miniature-living-textbook em{border-radius:4px 14px 6px 16px}.theme-miniature-data-story-studio em{border-radius:3px;width:38px;height:22px}.mode-choice{grid-template-columns:1fr 1fr;gap:.55rem;display:grid}.mode-choice button{min-height:46px;color:var(--color-text-secondary);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle)}.mode-choice button.selected{color:var(--color-text-primary);border-color:var(--color-brand-primary);background:var(--color-brand-glow)}.mode-switch{border:1px solid var(--color-border-medium);width:100%;min-height:50px;color:var(--color-text-muted);background:var(--color-bg-surface);border-radius:999px;grid-template-columns:1fr 54px 1fr;align-items:center;gap:.7rem;padding:.5rem .8rem;display:grid}.mode-switch>span{font-size:.76rem;font-weight:750}.mode-switch>span:first-child{text-align:right}.mode-switch>span:last-child{text-align:left}.mode-switch>span.active{color:var(--color-text-primary)}.mode-switch>i{background:var(--color-border-medium);border-radius:999px;width:54px;height:28px;display:block;position:relative}.mode-switch>i>b{background:var(--color-bg-surface-elevated);border-radius:50%;width:20px;height:20px;transition:transform .18s;position:absolute;top:4px;left:4px;box-shadow:0 2px 8px #0000002e}.mode-switch[aria-checked=true]>i{background:var(--color-brand-primary)}.mode-switch[aria-checked=true]>i>b{transform:translate(26px)}@keyframes narrator-sample-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.narrator-choice,.mode-switch>i>b{transition:none}.narrator-choice.is-playing:after{animation:none}}.experience-save{width:100%;color:var(--color-text-inverse);background:var(--color-brand-primary)}@media (width<=520px){.experience-overlay{-webkit-backdrop-filter:none;background:#040a12d1;align-items:end;padding:0}.experience-modal{max-height:96vh;padding:1rem .9rem max(1rem, env(safe-area-inset-bottom));background:var(--color-bg-base);border-color:var(--color-border-medium);-webkit-backdrop-filter:none;border-radius:22px 22px 0 0;box-shadow:0 -12px 45px #00000052}.experience-heading{margin-bottom:.45rem}.experience-heading h2{max-width:12ch;margin:.25rem 0;font-size:1.75rem;line-height:1}.experience-heading p{font-size:.78rem}.experience-modal section{padding:.65rem 0}.experience-section-title{margin-bottom:.45rem}.experience-section-title p{display:none}.theme-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem}.theme-choice-grid>button{min-height:106px;padding:.4rem;display:flex}.theme-miniature{width:100%;height:58px}.theme-choice-grid>button>strong{margin-top:.3rem;font-size:.66rem;line-height:1.15}.theme-choice-grid>button>span{display:none}.mode-choice button{min-height:42px}.experience-save{min-height:46px}}:root{--color-brand-primary:#10b981;--color-brand-primary-hover:#059669;--color-brand-accent:#f59e0b;--color-brand-accent-hover:#d97706;--color-brand-glow:#10b98133;--color-bg-base:#0f172a;--color-bg-surface:#1e293b;--color-bg-surface-elevated:#334155;--color-bg-glass:#1e293bcc;--color-text-primary:#f8fafc;--color-text-secondary:#94a3b8;--color-text-muted:#64748b;--color-text-inverse:#0f172a;--color-status-success:#22c55e;--color-status-warning:#f59e0b;--color-status-error:#ef4444;--color-status-info:#06b6d4;--color-border-subtle:#ffffff14;--color-border-medium:#ffffff29;--color-border-glow:#10b98166;--font-heading:"Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", monospace;--header-bg:#0f172aeb;--control-glass:#334155b8;--shadow-floating:0 24px 70px #00000061;--app-background-image:none}.app-shell{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--color-text-primary);background-color:var(--color-bg-base);background-image:var(--app-background-image);font-family:var(--font-body);background-attachment:fixed;transition:color .22s,background-color .22s}.app-shell[data-color-mode=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.app-shell[data-theme=spatial-storyworld][data-color-mode=light]{--color-brand-primary:#698fa6;--color-brand-primary-hover:#587b90;--color-brand-accent:#9b7334;--color-brand-accent-hover:#7f5c27;--color-brand-glow:#698fa629;--color-bg-base:#f4f1eb;--color-bg-surface:#fffdf9;--color-bg-surface-elevated:#ebe7df;--color-bg-glass:#fffdf9f0;--color-text-primary:#17191c;--color-text-secondary:#62636a;--color-text-muted:#898a90;--color-text-inverse:#f8fafb;--color-border-subtle:#17191c14;--color-border-medium:#17191c26;--color-border-glow:#698fa661;--font-heading:"Newsreader", Georgia, serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--header-bg:#fffdf9f5;--control-glass:#ebe7df;--shadow-floating:0 20px 55px #3d393121;--app-background-image:radial-gradient(circle at 13% 11%, #b58a422e 0 1px, transparent 2px), radial-gradient(circle at 86% 17%, #698fa633 0 1px, transparent 2px), linear-gradient(180deg, #f4f1eb, #f7f5f0)}.app-shell[data-theme=spatial-storyworld][data-color-mode=dark]{--color-brand-primary:#8fb8d4;--color-brand-primary-hover:#a9cce2;--color-brand-accent:#d7bd73;--color-brand-accent-hover:#ead394;--color-brand-glow:#8fb8d429;--color-bg-base:#050a13;--color-bg-surface:#0d1522;--color-bg-surface-elevated:#151f2d;--color-bg-glass:#0d1522f0;--color-text-primary:#f2f0eb;--color-text-secondary:#aeb5c0;--color-text-muted:#737e8d;--color-text-inverse:#08111b;--color-border-subtle:#f2f0eb14;--color-border-medium:#f2f0eb24;--color-border-glow:#8fb8d45c;--font-heading:"Newsreader", Georgia, serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--header-bg:#0a111df5;--control-glass:#151f2d;--shadow-floating:0 24px 70px #00000075;--app-background-image:radial-gradient(circle at 8% 12%, #f2f0ebc7 0 1px, transparent 2px), radial-gradient(circle at 78% 7%, #d7bd73c7 0 2px, transparent 4px), radial-gradient(circle at 92% 28%, #f2f0eb85 0 1px, transparent 2px), radial-gradient(ellipse at 50% 115%, #14372d9e, transparent 52%), linear-gradient(180deg, #050a13, #070d17)}.app-shell[data-theme=living-textbook][data-color-mode=light]{--color-brand-primary:#356fa3;--color-brand-primary-hover:#285b89;--color-brand-accent:#a66a21;--color-brand-accent-hover:#855116;--color-brand-glow:#356fa324;--color-bg-base:#fff9ea;--color-bg-surface:#fffdf6;--color-bg-surface-elevated:#f2e8cf;--color-bg-glass:#fffdf6e6;--color-text-primary:#243047;--color-text-secondary:#586176;--color-text-muted:#7c8291;--color-text-inverse:#faffff;--color-border-subtle:#2430471a;--color-border-medium:#24304733;--color-border-glow:#356fa357;--font-heading:"Source Serif 4", Georgia, serif;--font-body:"DM Sans", sans-serif;--header-bg:#fff9eaf0;--control-glass:#f4ebd4e0;--shadow-floating:0 18px 52px #41331833;--app-background-image:linear-gradient(#24304709 1px, transparent 1px);background-size:100% 28px}.app-shell[data-theme=living-textbook][data-color-mode=dark]{--color-brand-primary:#70a7d5;--color-brand-primary-hover:#8ebbe0;--color-brand-accent:#e1ad62;--color-brand-accent-hover:#efc47f;--color-brand-glow:#70a7d526;--color-bg-base:#171c25;--color-bg-surface:#232b37;--color-bg-surface-elevated:#303a48;--color-bg-glass:#232b37e6;--color-text-primary:#f4ead5;--color-text-secondary:#c2b9aa;--color-text-muted:#8f8a82;--color-text-inverse:#14202d;--color-border-subtle:#f4ead517;--color-border-medium:#f4ead52e;--color-border-glow:#70a7d55c;--font-heading:"Source Serif 4", Georgia, serif;--font-body:"DM Sans", sans-serif;--header-bg:#171c25f0;--control-glass:#303a48db;--shadow-floating:0 20px 60px #0000006b;--app-background-image:linear-gradient(#f4ead508 1px, transparent 1px);background-size:100% 28px}.app-shell[data-theme=data-story-studio][data-color-mode=light]{--color-brand-primary:#246b8f;--color-brand-primary-hover:#195875;--color-brand-accent:#b6433d;--color-brand-accent-hover:#92332f;--color-brand-glow:#246b8f24;--color-bg-base:#fbfaf7;--color-bg-surface:#fff;--color-bg-surface-elevated:#e9eef1;--color-bg-glass:#ffffffe6;--color-text-primary:#202934;--color-text-secondary:#56616c;--color-text-muted:#7c8790;--color-text-inverse:#f8fcff;--color-border-subtle:#20293417;--color-border-medium:#2029342e;--color-border-glow:#246b8f57;--font-heading:"Newsreader", Georgia, serif;--font-body:"Inter", sans-serif;--header-bg:#fbfaf7f0;--control-glass:#e9eef1d6;--shadow-floating:0 18px 55px #2738452e;--app-background-image:linear-gradient(90deg, transparent 74%, #246b8f09 74%);background-size:24px 100%}.app-shell[data-theme=data-story-studio][data-color-mode=dark]{--color-brand-primary:#55a6c9;--color-brand-primary-hover:#75bad6;--color-brand-accent:#ee7770;--color-brand-accent-hover:#f3938d;--color-brand-glow:#55a6c926;--color-bg-base:#111820;--color-bg-surface:#202a35;--color-bg-surface-elevated:#2d3946;--color-bg-glass:#202a35e6;--color-text-primary:#f4f5f2;--color-text-secondary:#b8c1c7;--color-text-muted:#818c95;--color-text-inverse:#101b22;--color-border-subtle:#f4f5f214;--color-border-medium:#f4f5f229;--color-border-glow:#55a6c95c;--font-heading:"Newsreader", Georgia, serif;--font-body:"Inter", sans-serif;--header-bg:#111820f0;--control-glass:#2d3946db;--shadow-floating:0 20px 62px #00000070;--app-background-image:linear-gradient(90deg, transparent 74%, #55a6c90a 74%);background-size:24px 100%}.app-shell[data-theme=spatial-storyworld] .card-glass,.app-shell[data-theme=spatial-storyworld] .card-elevated{box-shadow:var(--shadow-floating);border-radius:22px}.app-shell[data-theme=spatial-storyworld] .app-header{color:#f5f8fa;border-radius:20px;margin:.6rem;box-shadow:0 16px 42px #06121f38;background:linear-gradient(135deg,#0d273bf5,#071626fa)!important;border:1px solid #97bed333!important;top:.55rem!important}.app-shell[data-theme=spatial-storyworld] .app-brand,.app-shell[data-theme=spatial-storyworld] .app-brand-name,.app-shell[data-theme=spatial-storyworld] .app-brand-subtitle{color:#f5f8fa!important}.app-logo{border-radius:22%;flex:none;display:inline-flex;overflow:hidden}.app-logo img{width:100%;height:100%;display:block}.landing-logo{margin:.75rem auto 1.25rem}.landing-screen-simple{justify-content:space-between;gap:1rem;min-height:calc(100svh - 64px)}.landing-hero-simple{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:620px;margin:0 auto;display:flex}.landing-logo-play{background:0 0;border:0;place-items:center;margin:clamp(2.5rem,9svh,5rem) auto 1.8rem;padding:0;display:grid;position:relative}.landing-logo-play .landing-logo{margin:0;transition:transform .16s;width:clamp(136px,37vw,172px)!important;height:clamp(136px,37vw,172px)!important}.landing-logo-play:hover .landing-logo,.landing-logo-play:focus-visible .landing-logo{transform:scale(1.025)}.landing-logo-play:focus-visible{outline:3px solid var(--color-brand-primary);outline-offset:7px}.landing-logo-play:disabled{cursor:wait;opacity:.72}.landing-play-symbol{border:2px solid color-mix(in srgb, var(--color-text-inverse) 85%, transparent);width:48px;height:48px;color:var(--color-text-inverse);background:color-mix(in srgb, var(--color-brand-primary) 88%, transparent);border-radius:50%;place-items:center;padding-left:3px;font-size:1rem;display:grid;position:absolute}.landing-current-topic{border-top:1px solid var(--color-border-subtle);max-width:510px;margin-top:1.25rem;padding-top:1rem}.landing-current-topic>span{color:var(--color-brand-primary);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:700}.landing-current-topic h2{color:var(--color-text-primary);margin:.45rem 0 .3rem;font-size:clamp(1.2rem,4vw,1.55rem);line-height:1.16}.landing-current-topic p{color:var(--color-text-secondary);margin:0;font-size:.88rem}.landing-simple-links{justify-content:center;gap:1.15rem;padding:.5rem 0 .25rem;display:flex}.landing-simple-links button{min-height:36px;color:var(--color-text-muted);text-underline-offset:.25rem;background:0 0;border:0;padding:0;font-size:.8rem;text-decoration:underline}.streak-menu{position:relative}.streak-pill{border:1px solid color-mix(in srgb, var(--color-brand-accent) 38%, transparent);min-height:36px;color:var(--color-brand-accent);background:color-mix(in srgb, var(--color-brand-accent) 12%, transparent);cursor:pointer;border-radius:999px;align-items:center;gap:.28rem;padding:.28rem .68rem;font-size:.78rem;font-weight:800;display:inline-flex}.streak-pill:hover,.streak-pill[aria-expanded=true]{border-color:var(--color-brand-accent);transform:translateY(-1px)}.streak-flame{transform-origin:50% 85%;animation:2.4s ease-in-out infinite streak-flicker;display:inline-block}.streak-reward-card{border:1px solid color-mix(in srgb, var(--color-brand-accent) 45%, var(--color-border));width:min(340px,100vw - 1.5rem);color:var(--color-text-primary);background:var(--color-bg-surface-elevated);text-align:left;isolation:isolate;border-radius:1.25rem;padding:1.15rem;position:absolute;top:calc(100% + .75rem);right:0;overflow:hidden;box-shadow:0 24px 70px #06121f47}.streak-reward-card h2{max-width:14ch;margin:.65rem 0 .45rem;font-size:1.35rem}.streak-reward-card p{color:var(--color-text-secondary);margin:0 0 .85rem;font-size:.82rem;line-height:1.55}.streak-reward-card .btn-primary{width:100%;margin-top:.9rem}.streak-unlocks{flex-wrap:wrap;gap:.35rem;display:flex}.streak-unlocks span{border:1px solid var(--color-border-subtle);color:var(--color-text-secondary);background:var(--control-glass);border-radius:999px;padding:.28rem .5rem;font-size:.67rem;font-weight:700}.streak-orbit{z-index:-1;aspect-ratio:1;border:1px solid color-mix(in srgb, var(--color-brand-accent) 35%, transparent);border-radius:50%;width:130px;animation:8s linear infinite streak-orbit;position:absolute;top:-48px;right:-38px}.streak-orbit span{color:var(--color-brand-accent);position:absolute;bottom:8px;left:12px}.daily-ten-feature-card{border:1px solid color-mix(in srgb, var(--color-brand-primary) 30%, var(--color-border));background:color-mix(in srgb, var(--color-brand-primary) 6%, var(--color-bg-surface));text-align:left;border-radius:1.25rem;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;width:100%;max-width:560px;margin-top:1.35rem;padding:1rem 1rem 1rem 1.15rem;display:grid;box-shadow:0 14px 38px #06121f17}.daily-ten-feature-card.landing-current-topic{border-top-width:1px;padding-top:1rem}.daily-ten-start{border:1px solid color-mix(in srgb, var(--color-brand-primary) 42%, transparent);min-width:138px;color:var(--color-text-inverse);background:var(--color-brand-primary);text-align:left;border-radius:999px;align-items:center;gap:.65rem;padding:.68rem .85rem;display:inline-flex}.daily-ten-start>span:last-child{font-size:.78rem;font-weight:800;line-height:1.15;display:grid}.daily-ten-start small{letter-spacing:.08em;opacity:.78;margin-bottom:.18rem;font-size:.55rem}.daily-ten-start-icon{width:34px;height:34px;color:var(--color-brand-primary);background:var(--color-text-inverse);border-radius:50%;flex:none;place-items:center;padding-left:2px;animation:2.2s ease-out infinite daily-play-pulse;display:grid}.landing-plans{width:min(100%,1120px);margin:clamp(2.5rem,7vw,5rem) auto 1rem}.landing-plans-heading{text-align:center;max-width:650px;margin:0 auto 1.4rem}.landing-plans-heading h2{color:var(--color-text-primary);margin:.55rem 0 .35rem;font-size:clamp(1.55rem,3vw,2.25rem)}.landing-plans-heading p{color:var(--color-text-secondary);font-size:.9rem}.landing-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:.85rem;display:grid}.landing-plan-card{border:1px solid var(--color-border);background:var(--color-bg-surface);border-radius:1.25rem;flex-direction:column;min-width:0;padding:1.15rem;display:flex;position:relative;box-shadow:0 12px 32px #06121f12}.landing-plan-card.is-popular{z-index:1;border-color:var(--color-brand-primary);box-shadow:0 18px 48px color-mix(in srgb, var(--color-brand-primary) 20%, transparent);transform:translateY(-.35rem)}.landing-plan-card.is-current{border-color:var(--color-brand-primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--color-brand-primary) 14%, transparent), 0 18px 44px color-mix(in srgb, var(--color-brand-primary) 16%, transparent)}.landing-active-plan{z-index:2;border:1px solid color-mix(in srgb, var(--color-brand-primary) 45%, transparent);color:var(--color-brand-primary);background:var(--color-bg-surface-elevated);letter-spacing:.07em;border-radius:999px;padding:.24rem .46rem;font-size:.55rem;font-weight:900;position:absolute;top:.72rem;right:.72rem}.landing-plan-card.is-popular .landing-active-plan{top:2.15rem}.landing-popular-ribbon{color:var(--color-text-inverse);background:var(--color-brand-primary);letter-spacing:.1em;white-space:nowrap;border-radius:0 0 .65rem .65rem;padding:.3rem .75rem;font-size:.59rem;font-weight:900;position:absolute;top:0;left:50%;transform:translate(-50%)}.landing-plan-card.is-popular .landing-plan-kicker{margin-top:.85rem}.landing-plan-kicker{color:var(--color-brand-primary);letter-spacing:.09em;font-size:.61rem;font-weight:900}.landing-plan-card h3{color:var(--color-text-primary);margin:.35rem 0 .6rem;font-size:1.15rem}.landing-plan-price{align-items:baseline;gap:.35rem;min-height:46px;margin-bottom:.7rem;display:flex}.landing-plan-price strong{color:var(--color-text-primary);font-size:1.8rem;line-height:1}.landing-plan-price del,.landing-plan-price span{color:var(--color-text-muted);font-size:.7rem}.landing-plan-saving{color:var(--color-brand-accent);letter-spacing:.06em;margin:-.25rem 0 .55rem;font-size:.62rem;font-weight:900}.landing-plan-card ul{color:var(--color-text-secondary);gap:.42rem;margin:0 0 1rem;padding:0;font-size:.78rem;list-style:none;display:grid}.landing-plan-card li:before{content:"✓";color:var(--color-brand-primary);margin-right:.45rem;font-weight:900}.landing-plan-card button{width:100%;min-height:42px;margin-top:auto}.landing-owned-button{cursor:default;color:var(--color-text-inverse);border:1px solid var(--color-brand-primary);background:var(--color-brand-primary);opacity:1;font-weight:850}.landing-owned-button:disabled{opacity:1}.landing-active-plan-summary{border:1px solid color-mix(in srgb, var(--color-brand-primary) 38%, transparent);background:color-mix(in srgb, var(--color-brand-primary) 8%, var(--color-bg-surface));border-radius:1rem;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:.8rem 1rem;display:grid}.landing-active-plan-summary span{color:var(--color-brand-primary);letter-spacing:.08em;font-size:.62rem;font-weight:900}.landing-active-plan-summary strong{color:var(--color-text-primary)}.landing-active-plan-summary button{min-height:auto;color:var(--color-brand-primary);background:0 0;padding:.25rem;font-size:.72rem}.landing-plan-note{color:var(--color-text-muted);text-align:center;margin:.85rem 0 0;font-size:.68rem}@keyframes streak-flicker{0%,to{transform:rotate(-2deg)scale(1)}50%{transform:rotate(3deg)scale(1.12)}}@keyframes streak-orbit{to{transform:rotate(360deg)}}@keyframes daily-play-pulse{0%,55%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--color-text-inverse) 38%, transparent)}75%{box-shadow:0 0 0 9px #0000}}@media (prefers-reduced-motion:reduce){.streak-flame,.streak-orbit,.daily-ten-start-icon{animation:none}.streak-pill,.landing-logo-play .landing-logo{transition:none}}.app-shell[data-theme=spatial-storyworld] .landing-hero{text-align:center}.app-shell[data-theme=spatial-storyworld] .landing-title,.app-shell[data-theme=spatial-storyworld] .landing-intro{margin-left:auto!important;margin-right:auto!important}.app-shell[data-theme=spatial-storyworld] .landing-actions{justify-content:center}.app-shell[data-theme=spatial-storyworld] button{border-radius:999px}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--color-bg-base);color:var(--color-text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-size:15px;line-height:1.6}body{justify-content:center;display:flex;overflow-x:hidden}#root{background-color:var(--color-bg-base);flex-direction:column;width:100%;max-width:640px;min-height:100vh;display:flex;position:relative;box-shadow:0 0 40px #00000080}@media (width>=700px){#root{max-width:none;box-shadow:none}}@media (width>=720px){.app-shell>main{width:100%}.app-header{width:min(100% - 2rem,1200px);margin-left:auto!important;margin-right:auto!important}.landing-screen-simple{justify-content:center;width:min(100%,1200px);min-height:calc(100svh - 88px);margin:0 auto;padding:clamp(2rem,4vw,5rem)}.landing-hero-simple{text-align:left;grid-template-columns:minmax(220px,.78fr) minmax(360px,1.22fr);grid-template-areas:"logo badge""logo title""logo intro""logo topic";align-items:center;column-gap:clamp(2rem,6vw,8rem);max-width:none;display:grid}.landing-hero-simple>.badge{grid-area:badge;justify-self:start;margin-bottom:1.25rem}.landing-hero-simple .landing-logo-play{grid-area:logo;justify-self:center;margin:0}.landing-logo-play .landing-logo{width:clamp(180px,20vw,280px)!important;height:clamp(180px,20vw,280px)!important}.landing-hero-simple .landing-title{grid-area:title;max-width:11ch;margin:0 0 1rem!important;font-size:clamp(2.85rem,5.3vw,5rem)!important}.landing-hero-simple .landing-intro{grid-area:intro;max-width:540px;margin-bottom:1rem;font-size:1.05rem}.landing-hero-simple .landing-current-topic{grid-area:topic;width:100%;margin-top:.75rem}.landing-simple-links{justify-content:flex-end;padding-right:.25rem}}h1,h2,h3,h4,.font-heading{font-family:var(--font-heading);letter-spacing:-.02em}h1{font-size:1.75rem;font-weight:700;line-height:1.25}h2{font-size:1.35rem;font-weight:600;line-height:1.3}h3{font-size:1.1rem;font-weight:600;line-height:1.4}p{color:var(--color-text-secondary);margin-bottom:.75rem}button{font-family:var(--font-body);cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-radius:12px;outline:none;justify-content:center;align-items:center;gap:.5rem;min-height:48px;padding:.75rem 1.25rem;font-size:.95rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}button:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}.btn-primary{background-color:var(--color-brand-primary);color:var(--color-text-inverse);box-shadow:0 4px 14px #10b9814d}.btn-primary:hover{background-color:var(--color-brand-primary-hover);transform:translateY(-1px);box-shadow:0 6px 20px #10b98166}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:var(--color-bg-surface-elevated);color:var(--color-text-primary);border:1px solid var(--color-border-medium)}.btn-secondary:hover{background-color:#ffffff1f}.btn-outline{color:var(--color-brand-primary);border:1px solid var(--color-brand-primary);background-color:#0000}.btn-outline:hover{background-color:var(--color-brand-glow)}.card-glass{background:var(--color-bg-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border-subtle);border-radius:16px;padding:1.25rem}.card-elevated{background:var(--color-bg-surface);border:1px solid var(--color-border-medium);border-radius:16px;padding:1.25rem}.legal-inline-link{min-height:auto;color:var(--color-brand-primary);font:inherit;text-underline-offset:.18em;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline;display:inline;border-radius:0!important}.legal-inline-link:hover{color:var(--color-brand-primary-hover)}.app-legal-footer{border-top:1px solid var(--color-border-subtle);color:var(--color-text-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:.55rem;padding:1rem 1.25rem 1.35rem;font-size:.75rem;display:flex}.app-legal-footer a{color:var(--color-text-secondary);text-decoration:none}.app-legal-footer a:hover,.app-legal-footer a[aria-current=page]{color:var(--color-brand-primary)}.analytics-consent{z-index:50;right:max(1rem, env(safe-area-inset-right));bottom:max(1rem, env(safe-area-inset-bottom));left:max(1rem, env(safe-area-inset-left));border:1px solid var(--color-border-subtle);background:var(--color-bg-surface-elevated);border-radius:14px;width:min(100% - 2rem,560px);margin-left:auto;padding:1rem;position:fixed;box-shadow:0 12px 36px #0003}.analytics-consent p{color:var(--color-text-secondary);margin:0 0 .8rem;font-size:.82rem;line-height:1.5}.analytics-consent div{justify-content:flex-end;gap:.65rem;display:flex}.growth-dashboard{gap:1rem;display:grid;overflow:hidden}.growth-dashboard-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.growth-dashboard-heading h2{color:var(--color-text-primary);margin:.45rem 0 .25rem;font-size:1.35rem}.growth-dashboard-heading p{color:var(--color-text-secondary);margin:0;font-size:.84rem}.growth-presets,.growth-range{flex-wrap:wrap;align-items:end;gap:.5rem;display:flex}.growth-range{border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-bg-base) 65%, transparent);border-radius:.9rem;padding:.75rem}.growth-range label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;gap:.25rem;font-size:.7rem;font-weight:700;display:grid}.growth-range input{color:var(--color-text-primary);background:var(--color-bg-base);border:1px solid var(--color-border-medium);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:.55rem;padding:.55rem .65rem}[data-color-mode=light] .growth-range input{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.growth-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;display:grid}.growth-kpis>div{border:1px solid var(--color-border);background:linear-gradient(145deg, color-mix(in srgb, var(--color-brand-primary) 8%, var(--color-bg-surface)), var(--color-bg-surface));border-radius:.9rem;gap:.15rem;padding:.9rem;display:grid}.growth-kpis span,.growth-kpis small{color:var(--color-text-muted);font-size:.68rem}.growth-kpis strong{color:var(--color-text-primary);font-size:1.65rem;line-height:1.1}.growth-visuals{grid-template-columns:minmax(0,2fr) minmax(220px,.7fr);gap:.8rem;display:grid}.growth-chart,.membership-mix{border:1px solid var(--color-border);background:var(--color-bg-base);border-radius:1rem;min-width:0;padding:1rem}.growth-chart-title{color:var(--color-text-primary);justify-content:space-between;gap:.5rem;display:flex}.growth-chart-title span{color:var(--color-text-muted);text-transform:uppercase;font-size:.7rem}.growth-bars{align-items:stretch;gap:clamp(2px,.6vw,8px);height:190px;margin-top:1rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.growth-bar-group{text-align:center;flex:1 0 18px;grid-template-rows:1fr auto;gap:.35rem;min-width:18px;display:grid}.growth-bar-stack{border-bottom:1px solid var(--color-border);justify-content:center;align-items:end;gap:2px;display:flex}.growth-bar{border-radius:.3rem .3rem 0 0;width:38%;min-height:0;display:block}.growth-bar.accounts,.growth-legend i.accounts{background:var(--color-brand-primary)}.growth-bar.activity,.growth-legend i.activity{background:var(--color-brand-accent)}.growth-bar-group small{color:var(--color-text-muted);writing-mode:vertical-rl;max-height:3.5rem;font-size:.56rem}.growth-legend{color:var(--color-text-secondary);flex-wrap:wrap;gap:1rem;margin-top:.75rem;font-size:.7rem;display:flex}.growth-legend i,.membership-numbers i{background:var(--color-border-medium);border-radius:50%;width:.55rem;height:.55rem;margin-right:.25rem;display:inline-block}.membership-mix{align-content:start;gap:.9rem;display:grid}.membership-donut{aspect-ratio:1;border-radius:50%;place-items:center;width:min(150px,70%);margin:.5rem auto;display:grid}.membership-donut>div{aspect-ratio:1;background:var(--color-bg-base);text-align:center;border-radius:50%;place-content:center;width:68%;display:grid}.membership-donut strong{color:var(--color-text-primary);font-size:1.5rem}.membership-donut small{color:var(--color-text-muted)}.membership-numbers{color:var(--color-text-secondary);gap:.45rem;font-size:.78rem;display:grid}.membership-numbers span{align-items:center;display:flex}.membership-numbers strong{color:var(--color-text-primary);margin-left:auto}.membership-numbers i.paid{background:var(--color-brand-primary)}.usage-strip{flex-wrap:wrap;gap:.5rem;display:flex}.usage-strip span{background:color-mix(in srgb, var(--color-brand-primary) 9%, var(--color-bg-surface));color:var(--color-text-secondary);border-radius:999px;padding:.45rem .65rem;font-size:.72rem}.growth-disclosure{color:var(--color-text-muted);margin:0;font-size:.7rem}@media (width<=760px){.growth-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.growth-visuals{grid-template-columns:1fr}.growth-bars{height:155px}.growth-range label{flex:120px}.growth-range input{width:100%}}.legal-page{width:min(100%,720px);margin:0 auto;padding:clamp(1.25rem,5vw,2.5rem)}.legal-page-header{margin-bottom:1.25rem}.legal-page-header h1{margin-top:.65rem;font-size:clamp(1.75rem,6vw,2.5rem)}.legal-updated{color:var(--color-text-muted);margin:.4rem 0 0;font-size:.82rem}.legal-provider-card{margin-bottom:1rem;box-shadow:none!important}.legal-provider-card dl{gap:.75rem;display:grid}.legal-provider-card dl>div{grid-template-columns:minmax(4.5rem,.32fr) 1fr;gap:.75rem;display:grid}.legal-provider-card dt{color:var(--color-text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:.75rem;font-weight:700}.legal-provider-card dd{color:var(--color-text-primary);font-size:.86rem}.legal-provider-card a{color:var(--color-brand-primary)}.legal-review-note{border:1px solid var(--color-border-subtle);border-left:3px solid var(--color-brand-accent);color:var(--color-text-muted);background:var(--control-glass);border-radius:10px;margin:1rem 0 1.5rem;padding:.75rem .9rem;font-size:.76rem}.legal-sections{gap:1.4rem;display:grid}.legal-sections section{border-bottom:1px solid var(--color-border-subtle);padding-bottom:1.35rem}.legal-sections h2{color:var(--color-text-primary);margin-bottom:.45rem;font-size:1.08rem}.legal-sections p{color:var(--color-text-secondary);margin:0;font-size:.9rem;line-height:1.75}.legal-back-button{width:100%;margin-top:1.75rem}@media (width<=420px){.legal-provider-card dl>div{grid-template-columns:1fr;gap:.15rem}}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-brand{background:var(--color-brand-glow);color:var(--color-brand-primary);border:1px solid #10b9814d}.badge-gold{color:var(--color-brand-accent);background:#f59e0b26;border:1px solid #f59e0b4d}.badge-muted{background:var(--color-bg-surface-elevated);color:var(--color-text-muted)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg-base)}::-webkit-scrollbar-thumb{background:var(--color-bg-surface-elevated);border-radius:3px}.citation-pill{color:var(--color-brand-primary);font-size:.8rem;font-family:var(--font-mono);cursor:pointer;background:#10b98126;border:1px solid #10b9814d;border-radius:6px;align-items:center;margin:0 .2rem;padding:.1rem .4rem;transition:all .15s;display:inline-flex}.citation-pill:hover{background:var(--color-brand-primary);color:var(--color-text-inverse)}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px #10b98133}50%{box-shadow:0 0 25px #10b98166}}.animate-glow{animation:3s ease-in-out infinite pulseGlow}.landing-screen{flex-direction:column;gap:1.75rem;padding:clamp(1.25rem,4vw,2rem);display:flex}.landing-hero{text-align:left;padding-top:1rem}.landing-title{letter-spacing:-.055em;max-width:12ch;margin:.7rem 0;font-weight:600;font-size:clamp(2.35rem,8vw,4.4rem)!important;line-height:.98!important}.landing-intro{max-width:490px;margin:0 0 1.4rem;font-size:1rem}.landing-actions{flex-wrap:wrap;gap:.65rem;display:flex}.daily-topic-card{box-shadow:var(--shadow-floating);border-radius:22px;padding:clamp(1.15rem,4vw,1.7rem)}.daily-topic-card>h2{letter-spacing:-.04em;max-width:22ch;font-size:clamp(1.65rem,5.8vw,2.45rem);line-height:1.05}.cold-open-player{animation:none;box-shadow:none!important}.synchronized-transcript{color:var(--color-text-primary);white-space:pre-line;font-size:1rem;line-height:1.75}.synchronized-transcript-preview{border-block:1px solid var(--color-border-subtle);scroll-behavior:smooth;scrollbar-gutter:stable;background:0 0;max-height:12.5rem;margin:1rem 0;padding:.85rem .25rem;font-size:.92rem;line-height:1.58;overflow-y:auto}.synchronized-transcript-preview:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}.synchronized-sentence{-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:.25em;transition:color .18s,background-color .18s,box-shadow .18s}.synchronized-sentence.is-current{color:var(--color-text-primary);background:color-mix(in srgb, var(--color-brand-primary) 16%, transparent);box-shadow:0 0 0 .16em color-mix(in srgb, var(--color-brand-primary) 16%, transparent)}.synchronized-transcript-lesson{font-size:1rem;line-height:1.75}.landing-benefits{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.landing-benefits>h3{grid-column:1/-1;text-align:left!important}.benefit-card{padding:1rem;display:block!important}.benefit-card>div:first-child{width:fit-content;margin-bottom:.8rem}.landing-secondary-navigation{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.archive-screen{width:min(100%,1200px);margin:0 auto;padding:clamp(1.25rem,4vw,3rem)}.archive-heading{grid-template-columns:minmax(0,1fr) minmax(280px,390px);align-items:end;gap:2rem;margin-bottom:1.5rem;display:grid}.archive-heading h1{max-width:15ch;color:var(--color-text-primary);margin:.45rem 0 .55rem;font-size:clamp(2.25rem,5vw,4.5rem);line-height:.98}.archive-heading p,.archive-entitlement p{margin:0}.archive-entitlement{gap:.8rem;display:grid;box-shadow:none!important}.archive-entitlement .badge{justify-self:start}.archive-message{border:1px solid var(--color-border-medium);color:var(--color-text-primary);background:var(--control-glass);border-radius:14px;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:.85rem 1rem;display:flex}.archive-workspace{grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);align-items:start;gap:1.25rem;display:grid}.archive-calendar{gap:1rem;display:grid;position:sticky;top:6rem;box-shadow:none!important}.archive-calendar-heading,.archive-results-heading,.archive-item-action{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.archive-calendar-heading h2,.archive-results-heading h2{color:var(--color-text-primary);margin:0}.archive-calendar-heading button{min-width:40px;min-height:40px;padding:.4rem}.archive-calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:.35rem;display:grid}.archive-weekday{color:var(--color-text-muted);text-align:center;padding-bottom:.2rem;font-size:.66rem;font-weight:700}.archive-day{border:1px solid var(--color-border-subtle);min-width:0;min-height:48px;color:var(--color-text-muted);background:color-mix(in srgb, var(--color-bg-surface-elevated) 45%, transparent);padding:.25rem;font-size:.76rem;position:relative;border-radius:10px!important}.archive-day.has-lessons{color:var(--color-text-primary);background:color-mix(in srgb, var(--color-brand-primary) 16%, var(--color-bg-surface))}.archive-day.is-selected{border:2px solid var(--color-brand-primary)}.archive-day strong{width:1.1rem;height:1.1rem;color:var(--color-text-inverse);background:var(--color-brand-primary);border-radius:50%;place-items:center;font-size:.58rem;display:grid;position:absolute;bottom:.18rem;right:.22rem}.archive-calendar-legend{color:var(--color-text-muted);flex-wrap:wrap;gap:.8rem;font-size:.7rem;display:flex}.archive-calendar-legend span{align-items:center;gap:.35rem;display:inline-flex}.archive-calendar-legend i{border:1px solid var(--color-border-medium);background:var(--color-bg-surface-elevated);border-radius:3px;width:.7rem;height:.7rem}.archive-calendar-legend i.has-content{background:color-mix(in srgb, var(--color-brand-primary) 35%, var(--color-bg-surface))}.archive-results{gap:.9rem;min-width:0;display:grid}.archive-results-heading h2{margin-top:.35rem;font-size:1.35rem}.archive-search{border:1px solid var(--color-border-medium);width:100%;min-height:48px;color:var(--color-text-primary);background:var(--color-bg-surface);font:inherit;border-radius:12px;padding:.75rem 1rem}.archive-category-list{gap:.45rem;padding-bottom:.2rem;display:flex;overflow-x:auto}.archive-category-list button{border:1px solid var(--color-border-subtle);min-height:34px;color:var(--color-text-secondary);background:var(--color-bg-surface);white-space:nowrap;padding:.3rem .7rem;font-size:.74rem;border-radius:999px!important}.archive-category-list button.is-selected{color:var(--color-text-inverse);background:var(--color-brand-primary)}.archive-list{gap:.75rem;display:grid}.archive-item{gap:.55rem;display:grid;box-shadow:none!important}.archive-item-meta{color:var(--color-text-muted);font-family:var(--font-mono);flex-wrap:wrap;justify-content:space-between;gap:.5rem;font-size:.68rem;display:flex}.archive-item h3{color:var(--color-text-primary);margin:0;font-size:1.2rem}.archive-item p{margin:0}.archive-item-action{border-top:1px solid var(--color-border-subtle);color:var(--color-text-muted);padding-top:.35rem;font-size:.72rem}.archive-item-action button{min-height:40px}.archive-back{width:100%;margin-top:1.25rem}@media (width<=820px){.archive-heading,.archive-workspace{grid-template-columns:1fr}.archive-calendar{position:static}}@media (width<=520px){.archive-screen{padding:1rem .9rem 2rem}.archive-heading{gap:1rem}.archive-heading h1{font-size:2.5rem}.archive-message,.archive-item-action{flex-direction:column;align-items:stretch}.archive-calendar{padding:.85rem}.archive-day{min-height:42px}.archive-results-heading{align-items:flex-start}}.app-shell[data-theme=living-textbook] .card-elevated,.app-shell[data-theme=living-textbook] .card-glass{box-shadow:5px 6px 0 color-mix(in srgb, var(--color-text-primary) 8%, transparent);border-radius:8px}.app-shell[data-theme=living-textbook] .badge{font-family:var(--font-body);border-radius:4px}.app-shell[data-theme=living-textbook] .daily-topic-card{border-left:4px solid var(--color-brand-primary)}.app-shell[data-theme=data-story-studio] .card-elevated,.app-shell[data-theme=data-story-studio] .card-glass{border-radius:3px}.app-shell[data-theme=data-story-studio] .daily-topic-card{border-top:5px solid var(--color-brand-primary)!important}.app-shell[data-theme=data-story-studio] .badge,.app-shell[data-theme=data-story-studio] button{border-radius:4px}.app-shell[data-theme=data-story-studio] .landing-title{font-weight:500}@media (width<=600px){html,body{font-size:14px}#root{box-shadow:none}.app-header{background:var(--header-bg)!important;-webkit-backdrop-filter:none!important;padding:.65rem .85rem!important}.app-brand{gap:.5rem!important}.app-brand-mark{border-radius:9px!important;width:32px!important;height:32px!important}.app-brand-name{letter-spacing:-.025em;font-size:.86rem!important}.app-brand-subtitle,[data-header-action=judge],[data-header-action=reset]{display:none!important}.app-header+[role=note]{display:none}.appearance-button{min-width:40px;background:var(--color-bg-surface-elevated)!important;-webkit-backdrop-filter:none!important;min-height:40px!important}.landing-screen{gap:1rem;padding:1rem .9rem 2.5rem}.landing-screen-simple{min-height:calc(100svh - 58px);padding-bottom:1rem}.landing-hero-simple{padding-top:0}.landing-hero-simple .landing-logo-play{margin-top:clamp(2.25rem,7svh,4rem)}.landing-hero-simple .landing-title{max-width:10ch;margin:0 0 .8rem!important}.landing-hero-simple .landing-intro{max-width:330px;margin-bottom:0}.streak-pill{justify-content:center;min-width:42px;min-height:40px;padding:.3rem .5rem}.streak-pill span:last-child{font-size:.7rem}.streak-reward-card{position:fixed;top:64px;right:.75rem}.daily-ten-feature-card{text-align:center;grid-template-columns:1fr;padding:1rem}.daily-ten-start{justify-content:center;width:100%}.landing-plan-grid{grid-template-columns:1fr;gap:.75rem}.landing-plan-card.is-popular{transform:none}.landing-active-plan-summary{text-align:left;grid-template-columns:1fr auto}.landing-active-plan-summary span{grid-column:1/-1}.landing-hero{padding-top:.35rem}.landing-title{max-width:10.5ch;margin:.55rem 0 .7rem!important;font-size:clamp(2.2rem,11.2vw,3.3rem)!important}.landing-intro{margin-bottom:1rem;font-size:.92rem;line-height:1.45}.landing-actions{grid-template-columns:1fr;display:grid}.landing-primary-action{width:100%}.landing-actions .btn-secondary{display:none}.daily-topic-card{box-shadow:0 12px 36px color-mix(in srgb, var(--color-text-primary) 12%, transparent);border-radius:18px;padding:1rem}.daily-topic-meta{gap:.5rem;align-items:flex-start!important}.daily-topic-meta>span:last-child{display:none}.daily-topic-card>h2{margin-top:.8rem;font-size:1.72rem}.cold-open-player{border-radius:14px;margin-inline:-.35rem;padding:.85rem;background:var(--color-bg-surface-elevated)!important;border-color:var(--color-border-medium)!important;-webkit-backdrop-filter:none!important}.cold-open-helper{display:none}.synchronized-transcript-preview{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;max-height:10.75rem;margin:.8rem 0;padding:.75rem .15rem;line-height:1.55;overflow-y:auto;font-size:.86rem!important}.landing-benefits{display:block}.landing-benefits>h3{margin:1.1rem 0 .7rem}.benefit-card{margin-bottom:.55rem;padding:.8rem;box-shadow:none!important;background:var(--color-bg-surface)!important;-webkit-backdrop-filter:none!important;border-radius:12px!important;display:flex!important}.benefit-card>div:first-child{margin-bottom:0;font-size:1.25rem!important}.benefit-card p{display:none}.benefit-card h4{font-size:.88rem}.landing-secondary-navigation{grid-template-columns:1fr 1fr!important;gap:.5rem!important;padding-top:0!important}.landing-secondary-navigation button{min-height:42px;padding:.55rem;font-size:.76rem!important}.landing-secondary-navigation button:last-child{display:none}.daily-lesson-screen{padding:.9rem .9rem 164px!important}.daily-lesson-heading h1{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:.5rem;line-height:1.15;display:-webkit-box;overflow:hidden;font-size:1.35rem!important}.lesson-mode-selector{margin-bottom:.7rem!important}.lesson-mode-selector button{min-height:36px!important;font-size:.74rem!important}.lesson-section-navigation{scrollbar-width:none;margin-bottom:.7rem!important}.lesson-section-navigation::-webkit-scrollbar{display:none}.lesson-content-card{border-radius:14px;padding:1rem;min-height:0!important;margin-bottom:.9rem!important}.synchronized-transcript-lesson{font-size:.96rem!important;line-height:1.65!important}.lesson-advance-controls button{min-height:42px;padding:.6rem .8rem;font-size:.78rem}.card-glass{background:var(--color-bg-surface);-webkit-backdrop-filter:none}.app-shell[data-theme=spatial-storyworld] .card-glass,.app-shell[data-theme=spatial-storyworld] header,.app-shell[data-theme=spatial-storyworld] [aria-label="Floating Audio Player Controls"]{box-shadow:none;-webkit-backdrop-filter:none}.app-shell[data-theme=spatial-storyworld] .app-header{background:linear-gradient(135deg,#0d273bf7,#071626fc)!important;border-bottom-color:#97bed333!important}.app-shell[data-theme=spatial-storyworld] .appearance-button{color:#f5f8fa!important;background:#8fb8d41f!important;border-color:#8fb8d433!important}.app-shell[data-theme=spatial-storyworld] .landing-title{max-width:11ch;font-weight:600}.app-shell[data-theme=spatial-storyworld] .landing-screen{gap:2.75rem;padding-top:0}.app-shell[data-theme=spatial-storyworld] .landing-hero{flex-direction:column;justify-content:flex-start;align-items:center;min-height:calc(100svh - 76px);padding:0 .15rem 2rem;display:flex}.app-shell[data-theme=spatial-storyworld] .landing-hero-simple{min-height:auto;padding-bottom:0}.app-shell[data-theme=spatial-storyworld] .landing-hero>.badge{display:none}.app-shell[data-theme=spatial-storyworld] .landing-logo{margin:clamp(4rem,13svh,6.5rem) auto 2rem;width:132px!important;height:132px!important}.app-shell[data-theme=spatial-storyworld] .landing-logo-play .landing-logo{width:clamp(136px,37vw,172px)!important;height:clamp(136px,37vw,172px)!important;margin:0!important}.app-shell[data-theme=spatial-storyworld] .landing-title{letter-spacing:-.06em;max-width:9.5ch;margin:0 0 1.15rem!important;font-size:clamp(2.85rem,12.4vw,3.45rem)!important;line-height:.93!important}.app-shell[data-theme=spatial-storyworld] .landing-intro{max-width:340px;margin-bottom:1.9rem;font-size:1rem;line-height:1.55}.app-shell[data-theme=spatial-storyworld] .landing-actions{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:.65rem;width:100%}.app-shell[data-theme=spatial-storyworld] .landing-actions .btn-secondary{display:inline-flex}.app-shell[data-theme=spatial-storyworld] .landing-actions button{white-space:nowrap;justify-content:center;min-height:48px;padding:.75rem .9rem!important;font-size:.82rem!important}.app-shell[data-theme=spatial-storyworld] .daily-topic-card{box-shadow:0 22px 60px color-mix(in srgb, var(--color-text-primary) 13%, transparent);border-radius:28px;padding:1.25rem}}@media (prefers-reduced-transparency:reduce){.card-glass,.experience-overlay,.experience-modal,.app-header{-webkit-backdrop-filter:none!important}}.campaign-offer-reveal{isolation:isolate;border:1px solid color-mix(in srgb, var(--color-brand-primary) 55%, transparent);text-align:center;background:radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--color-brand-primary) 22%, transparent), transparent 58%), var(--color-bg-surface-elevated);border-radius:24px;justify-items:center;gap:.8rem;padding:clamp(1.4rem,5vw,2.5rem) 1.2rem;display:grid;position:relative;overflow:hidden}.campaign-offer-reveal:after{content:"";z-index:-1;background:linear-gradient(105deg, transparent 35%, color-mix(in srgb, var(--color-brand-primary) 12%, transparent) 50%, transparent 65%);animation:3.6s ease-in-out infinite campaign-reveal-sheen;position:absolute;inset:0;transform:translate(-100%)}.campaign-live-badge{color:var(--color-brand-accent);letter-spacing:.09em;align-items:center;gap:.45rem;font-size:.7rem;font-weight:800;display:inline-flex}.campaign-live-badge i{width:.52rem;height:.52rem;box-shadow:0 0 0 0 color-mix(in srgb, var(--color-brand-accent) 55%, transparent);background:currentColor;border-radius:50%;animation:1.8s ease-out infinite campaign-live-pulse}.campaign-offer-reveal h1{margin:0;font-size:clamp(1.75rem,6vw,2.5rem)}.campaign-offer-reveal>p{max-width:560px;color:var(--color-text-secondary);margin:0}.campaign-reveal-orbit{border:1px solid color-mix(in srgb, var(--color-brand-primary) 48%, transparent);width:72px;height:72px;color:var(--color-brand-primary);font:800 1.4rem/1 var(--font-heading);border-radius:50%;place-items:center;display:grid;position:relative}.campaign-reveal-orbit i{background:var(--color-brand-accent);border-radius:50%;width:7px;height:7px;position:absolute}.campaign-reveal-orbit i:first-of-type{top:-4px}.campaign-reveal-orbit i:nth-of-type(2){bottom:8px;right:4px}.campaign-reveal-orbit i:nth-of-type(3){bottom:15px;left:1px}.campaign-reveal-counters{border:1px solid var(--color-border-subtle);background:var(--control-glass);border-radius:16px;grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,520px);display:grid}.campaign-reveal-counters div{padding:.85rem .45rem}.campaign-reveal-counters div+div{border-left:1px solid var(--color-border-subtle)}.campaign-reveal-counters strong{color:var(--color-text-primary);font-size:clamp(1.05rem,4vw,1.35rem);display:block}.campaign-reveal-counters span{color:var(--color-text-muted);font-size:.64rem}.founder-availability{gap:.35rem;margin-top:.75rem;display:grid}.founder-availability>div:first-child{color:var(--color-text-muted);justify-content:space-between;gap:.5rem;font-size:.68rem;display:flex}.founder-availability>div:first-child strong{color:var(--color-brand-primary)}.founder-availability-track{background:var(--color-border-subtle);border-radius:999px;height:6px;overflow:hidden}.founder-availability-track span{border-radius:inherit;background:var(--color-brand-primary);height:100%;transition:width .7s;display:block}.founder-member-badge{border:1px solid color-mix(in srgb, var(--color-brand-accent) 58%, transparent);color:var(--color-brand-accent);background:color-mix(in srgb, var(--color-brand-accent) 10%, var(--color-bg-surface-elevated));letter-spacing:.07em;white-space:nowrap;border-radius:999px;align-items:center;gap:.3rem;padding:.3rem .5rem;font-size:.62rem;font-weight:850;display:inline-flex}.founder-member-copy{color:var(--color-brand-accent);margin:.6rem 0;font-size:.78rem;font-weight:650}@keyframes campaign-reveal-sheen{0%,35%{transform:translate(-100%)}75%,to{transform:translate(100%)}}@keyframes campaign-live-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--color-brand-accent) 55%, transparent)}to{box-shadow:0 0 0 10px #0000}}@media (width<=440px){.campaign-reveal-counters{grid-template-columns:1fr}.campaign-reveal-counters div+div{border-left:0;border-top:1px solid var(--color-border-subtle)}.app-header .founder-member-badge{padding-inline:.38rem;font-size:0}.app-header .founder-member-badge span{font-size:.72rem}}@media (prefers-reduced-motion:reduce){.campaign-offer-reveal:after,.campaign-live-badge i{animation:none}}