@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@400;500;700&family=DM+Sans:wght@400;500;700&family=Fraunces:opsz,wght@9..144,400;9..144,600&family=IBM+Plex+Mono:wght@400;500&family=Instrument+Sans:wght@400;500;700&family=Inter:wght@400;500;700&family=Libre+Baskerville:wght@400;700&family=Newsreader:opsz,wght@6..72,400;6..72,600&family=Source+Serif+4:opsz,wght@8..60,400;8..60,600&family=Space+Grotesk:wght@400;500;700&display=swap";.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}}#root:has(.moodboards-page){max-width:1440px}.moodboards-page{color:#e8eee9;width:min(1240px,100%);margin:0 auto;padding:2rem clamp(1rem,3vw,2.5rem) 5rem;font-family:Instrument Sans,sans-serif}.moodboards-intro{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:2rem;margin-bottom:2rem;display:grid}.moodboards-intro h1{letter-spacing:-.055em;margin:.2rem 0 .6rem;font:600 clamp(2.1rem,5vw,4.6rem)/.95 Newsreader,serif}.moodboards-intro p{color:#aab5ad;max-width:790px;margin:0;font-size:1rem}.moodboards-brand-intro{align-items:flex-start;gap:1rem;display:flex}.moodboards-logo{flex:none;margin-top:.15rem}.moodboards-kicker,.specimen-label{letter-spacing:.12em;text-transform:uppercase;font:500 .7rem/1.2 IBM Plex Mono,monospace}.moodboards-ranking{background:#ffffff0a;border:1px solid #ffffff24;border-radius:18px;margin-bottom:3rem;padding:1.25rem}.moodboards-mode-switch{background:#ffffff0d;border:1px solid #ffffff24;border-radius:999px;gap:.35rem;width:fit-content;margin:0 0 1.25rem auto;padding:.35rem;display:flex}.moodboards-mode-switch legend{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.moodboards-mode-switch label{cursor:pointer}.moodboards-mode-switch input{opacity:0;position:absolute}.moodboards-mode-switch span{color:#aab5ad;border-radius:999px;padding:.5rem .9rem;font-size:.78rem;font-weight:700;display:block}.moodboards-mode-switch input:checked+span{color:#10201c;background:#dff8ef}.ranking-heading-row{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1rem;display:flex}.ranking-heading-row h2{margin:.2rem 0 0;font-size:1.4rem}.ranking-formula{color:#8fa098;font-size:.75rem}.ranking-actions{align-items:center;gap:.75rem;display:flex}.ranking-actions button{color:#dbe5de;background:0 0;border:1px solid #ffffff29;border-radius:8px;min-height:34px;padding:.35rem .7rem;font-size:.7rem}.ranking-actions button:disabled{opacity:.35;cursor:default}.moodboards-ranking ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none;display:grid}.moodboards-ranking li{border-top:1px solid #ffffff14;grid-template-columns:2.2rem minmax(0,1fr) auto;align-items:center;gap:.6rem;padding:.5rem .65rem;display:grid}.moodboards-ranking li.ranking-finalist{background:#58d0a714}.moodboards-ranking a{color:#e8eee9;font-weight:600;text-decoration:none}.ranking-position{color:#58d0a7;font-family:IBM Plex Mono,monospace}.moodboards-stack{gap:3rem;display:grid}.moodboard{--board-bg:#fff;--board-ink:#111;--board-signal:#367;--board-accent:#c64;--board-soft:#abc;--board-heading:serif;--board-body:sans-serif;color:var(--board-ink);background:radial-gradient(circle at 85% 0%, color-mix(in srgb, var(--board-soft) 35%, transparent), transparent 35%), var(--board-bg);font-family:var(--board-body);border-radius:22px;padding:clamp(1rem,2.6vw,2rem);overflow:hidden;box-shadow:0 28px 75px #0000003d}.moodboard-museum-after-dark,.moodboard-scientific-aurora{color:var(--board-ink)}.moodboard-title-row{justify-content:space-between;align-items:start;gap:1.5rem;margin-bottom:1.5rem;display:flex}.moodboard-number{color:var(--board-signal);margin-right:.65rem;font-family:IBM Plex Mono,monospace;font-weight:500;display:inline-block}.moodboard-tag{color:var(--board-ink);border:1px solid color-mix(in srgb, var(--board-ink) 30%, transparent);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:.22rem .5rem;font-size:.66rem;font-weight:700;display:inline-block}.moodboard h2{color:var(--board-ink);font:600 clamp(2rem, 4.5vw, 4rem)/.98 var(--board-heading);letter-spacing:-.045em;margin:.35rem 0 .2rem}.moodboard-title-row p{max-width:660px;color:color-mix(in srgb, var(--board-ink) 72%, transparent);margin:0}.moodboard-rating{text-align:right;min-width:180px}.moodboard-rating>span{letter-spacing:.08em;text-transform:uppercase;margin-bottom:.35rem;font-size:.68rem;font-weight:700;display:block}.moodboard-rating>strong{font:600 2rem/1 Newsreader,serif}.moodboard-rating>div{justify-content:flex-end;gap:.25rem;display:flex}.moodboard-rating button{width:32px;min-height:32px;color:var(--board-ink);border:1px solid color-mix(in srgb, var(--board-ink) 28%, transparent);background:0 0;border-radius:50%;padding:0;font-size:.72rem}.moodboard-rating button[aria-pressed=true]{color:var(--board-bg);background:var(--board-ink)}.moodboard-specimen-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:1rem;display:grid}.moodboard-specimen-grid>section{border:1px solid color-mix(in srgb, var(--board-ink) 18%, transparent);background:color-mix(in srgb, var(--board-bg) 92%, var(--board-soft));border-radius:15px;min-width:0;padding:1rem}.moodboard-spatial-storyworld .moodboard-specimen-grid>section{background:radial-gradient(circle at 82% 12%, color-mix(in srgb, var(--board-accent) 55%, transparent) 0 2px, transparent 3px), radial-gradient(circle at 14% 76%, color-mix(in srgb, var(--board-signal) 45%, transparent) 0 1px, transparent 2px), color-mix(in srgb, var(--board-bg) 94%, var(--board-soft));border-color:color-mix(in srgb, var(--board-ink) 14%, transparent);box-shadow:0 18px 45px color-mix(in srgb, var(--board-ink) 11%, transparent);border-radius:22px}.specimen-label{color:color-mix(in srgb, var(--board-ink) 60%, transparent)}.type-specimen h3{color:var(--board-ink);font:600 clamp(1.8rem, 4vw, 3.8rem)/.98 var(--board-heading);letter-spacing:-.04em;margin:1rem 0 .8rem}.type-specimen>p{max-width:520px;color:color-mix(in srgb, var(--board-ink) 75%, transparent);font-family:var(--board-body)}.type-specimen dl{flex-wrap:wrap;gap:.8rem 1.5rem;margin:1.2rem 0 0;display:flex}.type-specimen dl div{gap:.1rem;display:grid}.type-specimen dt{color:color-mix(in srgb, var(--board-ink) 55%, transparent);text-transform:uppercase;font-size:.65rem;font-weight:700}.type-specimen dd{margin:0;font-size:.82rem}.palette-row{border:1px solid color-mix(in srgb, var(--board-ink) 18%, transparent);grid-template-columns:repeat(5,1fr);min-height:118px;margin:1rem 0;display:grid;overflow:hidden}.palette-row>div{align-items:end;min-width:0;padding:.4rem;display:flex}.palette-row span{color:#111;background:#ffffffb8;padding:.12rem .22rem;font:500 .55rem/1 IBM Plex Mono,monospace}.ui-sample{color:var(--board-bg);background:var(--board-ink);border-radius:9px;gap:.35rem;padding:.8rem;display:grid}.ui-sample span{color:var(--board-soft);text-transform:uppercase;font-size:.64rem}.ui-sample strong{font-family:var(--board-heading);font-size:1.05rem}.ui-sample button,.graphic-heading button{width:fit-content;min-height:34px;color:var(--board-bg);background:var(--board-signal);font:700 .68rem/1 var(--board-body);border:0;border-radius:7px;padding:.35rem .65rem}.graphic-specimen{grid-column:1/-1}.graphic-heading{justify-content:space-between;align-items:start;gap:1rem;display:flex}.graphic-heading p{color:color-mix(in srgb, var(--board-ink) 72%, transparent);margin:.3rem 0 0;font-size:.78rem}.graphic-specimen svg{width:100%;max-height:330px;color:var(--board-signal);margin-top:.5rem;display:block}.graphic-specimen svg *{transition:all .42s cubic-bezier(.2,.8,.2,1)}.fine-line,.sketch-line,.heavy-line,.glow-line{fill:none;stroke:var(--board-ink);stroke-width:2px}.sketch-line{stroke-dasharray:3 4}.heavy-line{stroke-width:8px}.glow-line{stroke:var(--board-signal);stroke-width:7px;filter:drop-shadow(0 0 8px color-mix(in srgb, var(--board-signal) 70%, transparent))}.soft-fill{fill:var(--board-soft)}.paper-fill{fill:var(--board-bg);stroke:var(--board-ink);stroke-width:2px}.signal-fill{fill:var(--board-signal)}.ink-fill{fill:var(--board-ink)}.graphic-title,.graphic-number,.graphic-specimen text{fill:var(--board-ink);font-family:IBM Plex Mono,monospace;font-size:15px;font-weight:500}.graphic-number{font-size:34px}.metric-specimen{grid-column:1/-1;grid-template-columns:170px repeat(4,minmax(0,1fr));align-items:center;gap:.8rem;display:grid}.metric-row{grid-template-columns:1fr auto;gap:.3rem;display:grid}.metric-row>span{color:color-mix(in srgb, var(--board-ink) 68%, transparent);font-size:.7rem}.metric-row>div{background:color-mix(in srgb, var(--board-ink) 12%, transparent);grid-column:1/-1;height:5px}.metric-row i{background:var(--board-signal);height:100%;display:block}.metric-row strong{font-size:.72rem}@media (width<=760px){.moodboards-page{padding-inline:.75rem}.moodboards-intro{grid-template-columns:1fr;gap:1rem}.moodboards-brand-intro{gap:.75rem}.moodboards-logo{width:44px!important;height:44px!important}.moodboards-ranking ol,.moodboard-specimen-grid{grid-template-columns:1fr}.moodboard-title-row,.graphic-heading,.ranking-heading-row{flex-direction:column;align-items:stretch}.moodboard-rating{text-align:left;min-width:0}.moodboard-rating>div{justify-content:flex-start}.ranking-actions{flex-direction:column;align-items:flex-start}.moodboards-mode-switch{margin-left:0}.graphic-specimen,.metric-specimen{grid-column:1}.metric-specimen{grid-template-columns:1fr 1fr}.metric-specimen>.specimen-label{grid-column:1/-1}}@media (width<=430px){.palette-row{min-height:94px}.palette-row span{writing-mode:vertical-rl}.metric-specimen{grid-template-columns:1fr}.graphic-heading button{width:100%}}.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}.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)}.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}.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>=768px){#root{max-width:768px}}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}.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}.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,.streak-pill,[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-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>.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-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}}