:root{--ink:#151918;--paper:#f2f1e9;--panel:#fbfaf4;--line:#d8d8ce;--muted:#666b67;--cyan:#25d5c8;--cyan-dark:#0d6c66;--violet:#7256ff;--amber:#ffbf47;--coral:#ff6b5e;--green:#36a866;--shadow:0 20px 60px #191f1e1a}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink)}body{background:radial-gradient(circle at 10% 0%, #25d5c81f, transparent 30rem), radial-gradient(circle at 95% 15%, #7256ff1a, transparent 28rem), var(--paper);min-height:100vh;margin:0;font-family:Avenir Next,Segoe UI,Helvetica,Arial,system-ui,sans-serif}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}.mono{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.app-shell{min-height:100vh}.app-header{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f2f1e9d9;border-bottom:1px solid #1519181a;justify-content:space-between;align-items:center;min-height:72px;padding:0 28px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.02em;align-items:center;gap:11px;font-size:14px;font-weight:800;text-decoration:none;display:flex}.brand-mark{color:#fff;background:var(--ink);width:34px;height:34px;box-shadow:inset -7px -7px 0 var(--violet);border-radius:50% 50% 45% 55%;place-items:center;display:grid}.header-actions{align-items:center;gap:10px;display:flex}.status-pill,.tiny-pill{border:1px solid var(--line);width:fit-content;color:var(--muted);background:#fff9;border-radius:999px;align-items:center;gap:7px;font-size:12px;font-weight:700;display:inline-flex}.status-pill{padding:8px 12px}.tiny-pill{padding:5px 9px}.status-dot{background:var(--green);border-radius:99px;width:7px;height:7px;box-shadow:0 0 0 4px #36a8661f}.page{width:min(1440px,100%);margin:0 auto;padding:30px}.journey-planner{background:linear-gradient(120deg,#6f4cff14,#25d5c817),#fff;margin-bottom:24px;overflow:hidden}.journey-planner-toggle{width:100%;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:16px 18px;display:grid}.journey-planner-toggle strong,.journey-planner-toggle small{display:block}.journey-planner-toggle small{color:var(--muted);margin-top:4px}.journey-planner-icon{color:#fff;background:var(--violet);border-radius:13px;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 10px 25px #6f4cff40}.journey-chevron{transition:transform .18s}.journey-planner-open .journey-chevron{transform:rotate(180deg)}.journey-planner-body{border-top:1px solid var(--line);padding:8px 18px 20px}.journey-planner-heading,.journey-section-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.journey-planner-heading{margin:14px 0 16px}.journey-planner-heading h2{letter-spacing:-.04em;margin:0;font-size:25px}.journey-current{background:#ffffffb3;border:1px solid #6f4cff2b;border-radius:16px;align-items:center;gap:14px;margin-bottom:18px;padding:12px;display:flex}.journey-current div:last-child{gap:2px;display:grid}.journey-current small,.journey-card small,.journey-current span{color:var(--muted);font-size:11px}.journey-current strong{font-size:16px}.journey-section-heading{margin:14px 0 10px}.journey-section-heading>div{align-items:center;gap:7px;display:flex}.journey-section-heading input{width:min(300px,42vw);min-height:38px;padding:8px 12px}.journey-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.journey-card{border:1px solid var(--line);background:#ffffffd1;border-radius:17px;grid-template-columns:92px 1fr;gap:14px;padding:13px;display:grid}.journey-card h3{margin:3px 0 5px;font-size:18px}.journey-card p{min-height:38px;color:var(--muted);margin:0 0 10px;font-size:12px;line-height:1.45}.journey-card .button{min-height:34px;padding:6px 10px}.journey-art{background:#111827;border-radius:14px;min-width:58px;min-height:58px;display:block;position:relative;overflow:hidden}.journey-card .journey-art{min-height:112px}.journey-art:after{aspect-ratio:1;content:"";border-radius:50%;width:72px;position:absolute}.journey-art-mars:after{background:radial-gradient(circle at 35% 30%,#ffc4a0,#b5483c 55%,#5d2124);bottom:-16px;right:-18px}.journey-art-ocean{background:linear-gradient(145deg,#082f49,#0891b2)}.journey-art-ocean:after{background:0 0;border:8px solid #67e8f9b3;bottom:-20px;right:-18px;box-shadow:-32px -21px 0 -18px #f472b6}.journey-art-rainforest{background:linear-gradient(145deg,#052e16,#15803d)}.journey-art-rainforest:after{background:radial-gradient(at 30% 25%,#bbf7d0,#22c55e 45%,#14532d);bottom:-25px;right:-12px;transform:rotate(-24deg)scaleX(.7)}.journey-history{border-top:1px solid var(--line);margin-top:18px;padding-top:2px}.journey-history-list{flex-wrap:wrap;gap:9px;display:flex}.journey-history-list button{border:1px solid var(--line);min-width:230px;color:var(--ink);cursor:pointer;text-align:left;background:#fff;border-radius:13px;flex:1;justify-content:space-between;align-items:center;gap:16px;padding:11px 13px;display:flex}.journey-history-list button span:first-child{display:grid}.journey-history-list small{color:var(--muted);margin-top:3px}.eyebrow{color:var(--violet);letter-spacing:.13em;text-transform:uppercase;margin:0 0 9px;font-size:11px;font-weight:850}.display-title{letter-spacing:-.065em;margin:0;font-size:clamp(42px,6vw,84px);font-weight:780;line-height:.98}.page-title{letter-spacing:-.055em;margin:0;font-size:clamp(31px,4vw,50px);font-weight:760;line-height:1}.lede{max-width:760px;color:var(--muted);font-size:18px;line-height:1.6}.button{color:#fff;background:var(--ink);cursor:pointer;border:0;border-radius:13px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 16px;font-size:13px;font-weight:800;text-decoration:none;transition:transform .16s,box-shadow .16s;display:inline-flex;box-shadow:0 7px 20px #1519181f}.button:hover{transform:translateY(-1px);box-shadow:0 10px 25px #1519182e}.button:focus-visible,.choice:focus-visible,.reaction-button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #25d5c880}.button:disabled{cursor:not-allowed;opacity:.45;transform:none}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.button-secondary{border:1px solid var(--line);color:var(--ink);background:var(--panel);box-shadow:none}.button-cyan{color:#082b29;background:var(--cyan)}.button-danger{color:#7e1f1b;box-shadow:none;background:#ffe3df}.card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fbfaf4e0;border-radius:22px}.card-header{justify-content:space-between;align-items:flex-start;gap:18px;padding:22px 22px 0;display:flex}.card-body{padding:22px}.card h2,.card h3{letter-spacing:-.025em;margin:0}.landing{grid-template-columns:1.12fr .88fr;align-items:center;gap:60px;min-height:calc(100vh - 72px);padding-top:80px;padding-bottom:90px;display:grid}.landing-copy{z-index:2;position:relative}.landing .lede{margin:28px 0 34px}.landing-actions{flex-wrap:wrap;gap:12px;display:flex}.landing-visual{min-height:580px;position:relative}.orbit-card{color:#fff;background:#111827;border:1px solid #fff3;border-radius:34px;width:min(480px,92%);min-height:520px;position:absolute;inset:20px 0 auto auto;overflow:hidden;transform:rotate(2.5deg);box-shadow:0 35px 90px #15191847}.orbit-grid{opacity:.17;background-image:linear-gradient(#ffffff40 1px,#0000 1px),linear-gradient(90deg,#ffffff40 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:0}.mars{aspect-ratio:1;background:radial-gradient(circle at 32% 29%,#ffc4a0 0 5%,#0000 6%),radial-gradient(circle at 58% 64%,#923b31 0 7%,#0000 8%),radial-gradient(circle at 25% 70%,#d36b54 0 10%,#0000 11%),radial-gradient(circle at 35% 30%,#f49470,#b5483c 55%,#5d2124 100%);border-radius:50%;width:370px;position:absolute;top:74px;right:-70px;box-shadow:inset -45px -30px 70px #300b15a6,0 0 80px #ff6b5e38}.orbit-copy{z-index:2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#080d19a6;border:1px solid #ffffff24;border-radius:22px;padding:22px;position:absolute;bottom:24px;left:24px;right:24px}.orbit-copy p{color:#ffffffa6;margin:8px 0 0;line-height:1.5}.floating-pulse{z-index:3;background:var(--cyan);border-radius:20px;width:235px;padding:18px;position:absolute;bottom:22px;left:-35px;transform:rotate(-4deg);box-shadow:0 25px 60px #14403c38}.floating-pulse strong{letter-spacing:-.05em;margin-top:7px;font-size:28px;display:block}.teacher-grid{grid-template-columns:minmax(0,1.45fr) minmax(330px,.55fr);gap:22px;display:grid}.teacher-main,.teacher-side{align-content:start;gap:20px;display:grid}.lesson-hero{color:#fff;background:#111827;min-height:430px;position:relative;overflow:hidden}.lesson-hero-ocean{background:linear-gradient(135deg,#082f49,#0e7490 62%,#164e63)}.lesson-hero-rainforest{background:linear-gradient(135deg,#052e16,#166534 62%,#14532d)}.story-orb{z-index:1;aspect-ratio:1;opacity:.76;border-radius:50%;width:390px;position:absolute;top:28px;right:-85px}.story-orb-mars,.story-orb-ice,.story-orb-energy{background:radial-gradient(circle at 32% 29%,#ffc4a0 0 5%,#0000 6%),radial-gradient(circle at 58% 64%,#923b31 0 7%,#0000 8%),radial-gradient(circle at 25% 70%,#d36b54 0 10%,#0000 11%),radial-gradient(circle at 35% 30%,#f49470,#b5483c 55%,#5d2124 100%);box-shadow:inset -45px -30px 70px #300b15a6,0 0 80px #ff6b5e38}.story-orb-ocean{background:radial-gradient(circle at 30% 70%,#f472b6 0 8%,#0000 9%),radial-gradient(circle at 62% 38%,#67e8f9 0 4%,#0000 5%),radial-gradient(circle,#22d3ee,#0369a1 68%,#082f49);border:34px solid #67e8f973;box-shadow:0 0 90px #22d3ee47}.story-orb-rainforest{background:radial-gradient(circle at 35% 30%,#bbf7d0 0 4%,#0000 5%),linear-gradient(145deg,#4ade80,#15803d 52%,#052e16);border-radius:68% 32% 70% 30%/45% 58% 42% 55%;transform:rotate(-18deg);box-shadow:0 0 90px #22c55e38}.lesson-copy{z-index:3;max-width:730px;padding:36px;position:relative}.lesson-copy h2{letter-spacing:-.06em;max-width:650px;margin:12px 0 18px;font-size:clamp(38px,5vw,66px);line-height:.98}.lesson-copy>p{color:#ffffffb8;max-width:610px;font-size:17px;line-height:1.55}.lesson-source{color:#ffffffbd;background:#060a1373;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:8px;width:fit-content;margin-top:24px;padding:9px 12px;font-size:11px;font-weight:700;display:flex}.teacher-toolbar{border:1px solid var(--line);background:#ffffff85;border-radius:17px;flex-wrap:wrap;gap:10px;padding:16px;display:flex}.prompt-card{padding:22px}.prompt-card p{color:var(--muted);margin:8px 0 18px;line-height:1.5}.choice-list{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.choice{border:1px solid var(--line);min-height:64px;color:var(--ink);cursor:pointer;text-align:left;background:#fff;border-radius:14px;padding:12px 14px;font-weight:750}.choice-selected{border-color:var(--violet);color:#412bd1;background:#eeebff;box-shadow:0 0 0 3px #7256ff1a}.metric-row{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px;display:grid}.metric{background:#efefe8;border-radius:14px;padding:14px}.metric span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:800;display:block}.metric strong{letter-spacing:-.04em;margin-top:6px;font-size:25px;display:block}.cluster-list,.response-list,.source-list{gap:10px;margin-top:16px;display:grid}.cluster{background:#efefe8;border-radius:13px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-size:12px;font-weight:700;display:flex}.cluster-count{color:#fff;background:var(--ink);border-radius:9px;place-items:center;min-width:28px;height:28px;display:grid}.response{border:1px solid var(--line);background:#fff;border-radius:14px;padding:13px}.response-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:7px;display:flex}.response p{color:#404440;margin:0;font-size:13px;line-height:1.45}.response-safe{color:#16663b}.response-review{color:#89570a}.response-blocked{color:#a0312a}.suggestion-card{background:linear-gradient(145deg, #7256ff17, transparent 60%), var(--panel);border-color:#7256ff4d}.suggestion-card blockquote{border-left:3px solid var(--violet);color:#45414e;background:#fff9;margin:18px 0;padding:16px;line-height:1.5}.student-wrap{place-items:center;min-height:calc(100vh - 72px);padding:30px 18px;display:grid}.student-card{width:min(680px,100%);padding:26px}.student-card h1{letter-spacing:-.06em;margin:12px 0;font-size:clamp(34px,7vw,54px);line-height:1}.join-grid{grid-template-columns:1fr auto;gap:10px;margin-top:20px;display:grid}input,textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:13px}input{min-height:46px;padding:0 14px}textarea{resize:vertical;min-height:108px;padding:13px 14px}.reaction-row{grid-template-columns:repeat(3,1fr);gap:9px;margin:20px 0;display:grid}.reaction-button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:15px;min-height:74px;font-size:12px;font-weight:750}.reaction-button span{margin-bottom:5px;font-size:21px;display:block}.reaction-selected{border-color:var(--cyan-dark);background:#e1faf7}.safety-note{color:#5d625e;background:#efefe8;border-radius:13px;align-items:flex-start;gap:10px;margin-top:14px;padding:12px;font-size:11px;line-height:1.45;display:flex}.display-page{color:#fff;background:#101619;grid-template-columns:minmax(0,1.5fr) minmax(330px,.5fr);min-height:100vh;display:grid}.display-stage{flex-direction:column;justify-content:space-between;min-height:100vh;padding:44px;display:flex;position:relative;overflow:hidden}.display-stage .story-orb{width:min(48vw,650px);top:auto;bottom:-12vw;right:-5vw}.display-stage-ocean{background:linear-gradient(135deg,#082f49,#0e7490 65%,#164e63)}.display-stage-rainforest{background:linear-gradient(135deg,#052e16,#166534 65%,#14532d)}.display-stage-content{z-index:2;max-width:780px;position:relative}.display-stage .eyebrow{color:var(--cyan)}.display-stage .lede{color:#ffffffa6;max-width:700px}.display-question{z-index:2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0000003d;border:1px solid #ffffff21;border-radius:18px;max-width:760px;padding:18px 20px;font-size:18px;font-weight:700;position:relative}.display-sidebar{color:var(--ink);background:var(--paper);padding:30px 24px}.avatar-stack{flex-wrap:wrap;gap:8px;margin:15px 0 24px;display:flex}.avatar{border:2px solid var(--paper);color:#fff;background:var(--violet);width:38px;height:38px;box-shadow:0 0 0 1px var(--line);border-radius:50%;place-items:center;font-size:12px;font-weight:850;display:grid}.public-response{background:var(--cyan);border-radius:18px;margin-top:20px;padding:18px}.public-response p{margin:8px 0 0;font-size:17px;font-weight:700;line-height:1.4}.loading,.error-box{min-height:45vh;color:var(--muted);text-align:center;place-items:center;display:grid}.error-box{color:#912b25}@media (max-width:980px){.landing,.teacher-grid,.display-page{grid-template-columns:1fr}.landing{padding-top:35px}.landing-visual{min-height:540px}.teacher-side{grid-template-columns:repeat(2,minmax(0,1fr))}.display-stage{min-height:68vh}.display-sidebar{min-height:32vh}}@media (max-width:680px){.app-header{padding:0 16px}.header-actions .status-pill{display:none}.page{padding:22px 16px}.landing{gap:10px}.landing-visual{min-height:490px}.orbit-card{right:-30px}.floating-pulse{left:0}.teacher-side,.choice-list{grid-template-columns:1fr}.lesson-copy{padding:26px}.story-orb{opacity:.3}.journey-grid{grid-template-columns:1fr}.journey-card{grid-template-columns:76px 1fr}.journey-section-heading{flex-direction:column;align-items:stretch}.journey-section-heading input{width:100%}.display-stage{padding:30px 22px}.join-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}