@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#edf8f5;font-synthesis:none;--ink:#071019;--panel:#0c1923;--panel2:#10232d;--line:#b8e0d51f;--muted:#839d99;--mint:#75efc9;--mint2:#b6ffe8;--amber:#f1ae5d;background:#071019;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 66% -10%,#2d7b6f29,#0000 35%),#071019;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{grid-template-columns:246px 1fr;min-height:100vh;transition:grid-template-columns .22s;display:grid}.sidebar{border-right:1px solid var(--line);z-index:10;background:linear-gradient(#09151f 0%,#071019 78%);flex-direction:column;width:246px;padding:24px 16px 18px;transition:width .22s,padding .22s,box-shadow .22s;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-toggle{display:none}.brand{color:#fff;text-align:left;background:0 0;border:0;align-items:center;gap:11px;padding:0 8px 22px;display:flex}.brand-mark{color:#071019;background:linear-gradient(135deg,var(--mint2),#4ad0aa);border-radius:11px;place-items:center;width:35px;height:35px;display:grid;box-shadow:0 0 25px #5de8bf2e}.brand b{letter-spacing:-.5px;font:800 18px Manrope;display:block}.brand small{color:#688a84;letter-spacing:4px;margin-top:2px;font-size:8px;display:block}.workspace-card{border:1px solid var(--line);background:#11242fb8;border-radius:14px;gap:10px;margin-bottom:25px;padding:12px;display:flex}.school-mark{width:34px;height:34px;color:var(--mint);background:#173a3c;border-radius:9px;flex:none;place-items:center;display:grid}.workspace-card div:last-child{min-width:0}.workspace-card small,.workspace-card strong,.workspace-card span{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.workspace-card small{color:#66857f;letter-spacing:1.5px;font-size:8px;font-weight:700}.workspace-card strong{margin:3px 0 2px;font-size:12px}.workspace-card span{color:#76918d;font-size:10px}nav{flex-direction:column;gap:4px;display:flex}.nav-label{color:#496a65;letter-spacing:1.7px;margin:17px 11px 7px;font-size:9px;font-weight:800}nav button{color:#8da6a2;text-align:left;background:0 0;border:1px solid #0000;border-radius:11px;align-items:center;gap:11px;height:42px;padding:0 11px;font-size:12px;font-weight:600;display:flex;position:relative}nav button svg{width:17px;height:17px}nav button:hover{color:#cfe6e1;background:#ffffff06}nav button.active{color:#d9fff3;background:linear-gradient(90deg,#276f5e47,#1639391a);border-color:#75efc921}nav button.active:before{content:"";background:var(--mint);width:3px;height:22px;box-shadow:0 0 12px var(--mint);border-radius:9px;position:absolute;left:-17px}nav .soon{color:#70918b;background:#10272b;border-radius:8px;margin-left:auto;padding:2px 6px;font-size:9px}nav .new{color:#071019;background:var(--amber);letter-spacing:.5px;border-radius:5px;margin-left:auto;padding:2px 6px;font-size:7px;font-weight:900}.sidebar-foot{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:auto;padding:17px 5px 0;display:flex}.mini-avatars{display:flex}.mini-avatars span{color:#caffee;background:#20463f;border:2px solid #071019;border-radius:50%;place-items:center;width:25px;height:25px;margin-left:-7px;font-size:8px;display:grid}.mini-avatars span:first-child{background:#9c633d;margin-left:0}.sidebar-foot strong,.sidebar-foot small{display:block}.sidebar-foot strong{font-size:10px}.sidebar-foot small{color:#6c8984;margin-top:2px;font-size:9px}@media (width>=901px){.app-shell.sidebar-collapsed{grid-template-columns:72px 1fr}.sidebar-toggle{z-index:2;width:28px;height:28px;color:var(--mint);background:#10272f;border:1px solid #75efc940;border-radius:9px;place-items:center;padding:0;display:grid;position:absolute;top:25px;right:-14px;box-shadow:0 8px 24px #0000004d}.sidebar-toggle svg{width:15px;height:15px}.sidebar.collapsed{width:72px;padding-left:12px;padding-right:12px}.sidebar.collapsed:hover,.sidebar.collapsed:focus-within{width:246px;padding-left:16px;padding-right:16px;box-shadow:18px 0 60px #0000005c}.sidebar.collapsed:not(:hover):not(:focus-within) .brand{justify-content:center;padding-left:0;padding-right:0}.sidebar.collapsed:not(:hover):not(:focus-within) .brand>span:last-child,.sidebar.collapsed:not(:hover):not(:focus-within) .workspace-card>div:last-child,.sidebar.collapsed:not(:hover):not(:focus-within) .nav-label,.sidebar.collapsed:not(:hover):not(:focus-within) .sidebar-foot>div:last-child{display:none}.sidebar.collapsed:not(:hover):not(:focus-within) .workspace-card{justify-content:center;margin-left:0;margin-right:0;padding:7px}.sidebar.collapsed:not(:hover):not(:focus-within) nav button{justify-content:center;gap:0;padding-left:0;padding-right:0;font-size:0}.sidebar.collapsed:not(:hover):not(:focus-within) nav button svg{width:19px;height:19px}.sidebar.collapsed:not(:hover):not(:focus-within) nav .new,.sidebar.collapsed:not(:hover):not(:focus-within) nav .soon{display:none}.sidebar.collapsed:not(:hover):not(:focus-within) .sidebar-foot{justify-content:center;padding-left:0;padding-right:0}.sidebar.collapsed:not(:hover):not(:focus-within) .mini-avatars span{display:none}.sidebar.collapsed:not(:hover):not(:focus-within) .mini-avatars span:first-child{margin:0;display:grid}}main{grid-column:2;min-width:0}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:8;background:#071019d1;justify-content:space-between;align-items:center;height:72px;padding:0 28px;display:flex;position:sticky;top:0}.crumb{color:#657f7a;align-items:center;gap:8px;font-size:11px;display:flex}.crumb strong{color:#c5d9d5}.top-actions{align-items:center;gap:14px;display:flex}.live-dot{color:#668b82;letter-spacing:1.3px;align-items:center;gap:7px;font-size:8px;font-weight:800;display:flex}.live-dot i{background:var(--mint);width:7px;height:7px;box-shadow:0 0 10px var(--mint);border-radius:50%}.persona{border:1px solid var(--line);background:#091720;border-radius:9px;padding:3px}.persona button{color:#718d88;background:0 0;border:0;border-radius:6px;padding:6px 10px;font-size:9px;font-weight:700}.persona button.selected{color:#072019;background:var(--mint)}.avatar{color:#ffe0bd;background:linear-gradient(145deg,#a5623b,#4d2f2c);border:1px solid #46665e;border-radius:50%;width:34px;height:34px;font-size:10px;font-weight:800}.notice{color:#f5c489;background:#73461b38;border:1px solid #f1ae5d3d;border-radius:11px;justify-content:space-between;margin:15px 28px 0;padding:10px 14px;font-size:11px;display:flex}.notice button{color:inherit;background:0 0;border:0}.page{padding:30px 30px 50px}.page-heading{justify-content:space-between;align-items:flex-end;margin-bottom:25px;display:flex}.eyebrow{color:var(--mint);letter-spacing:1.5px;align-items:center;gap:7px;font-size:9px;font-weight:800;display:flex}h1{letter-spacing:-1px;margin:8px 0 5px;font:800 27px Manrope}.page-heading p{color:#78918e;margin:0;font-size:12px}.heading-actions{gap:9px;display:flex}.primary,.ghost{border-radius:10px;align-items:center;gap:7px;height:38px;padding:0 14px;font-size:10px;font-weight:800;display:inline-flex}.primary{color:#071812;background:linear-gradient(135deg,#baffea,#63dcb9);border:1px solid #88f5d3;box-shadow:0 8px 25px #49cda826}.ghost{color:#9db5b0;border:1px solid var(--line);background:#0c1923}.studio-grid{grid-template-columns:minmax(320px,1.03fr) minmax(370px,1.17fr) 250px;align-items:start;gap:17px;display:grid}.scene-frame{background:#0d2630;border:1px solid #97e7d02e;border-radius:20px;min-height:495px;position:relative;overflow:hidden;box-shadow:0 20px 70px #00000040}.scene-frame>img{object-fit:cover;width:100%;height:100%;min-height:495px;position:absolute;inset:0}.scene-frame:after{content:"";background:linear-gradient(#01090d0d,#0000 50%,#020a0ef5);position:absolute;inset:0}.scene-count{z-index:2;color:#c8fff0;letter-spacing:1.2px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#031216b8;border:1px solid #b9ffed3b;border-radius:7px;padding:6px 9px;font-size:8px;font-weight:800;position:absolute;top:15px;left:15px}.scene-play{z-index:2;color:#072019;background:#76efcae0;border:1px solid #caffef;border-radius:50%;place-items:center;width:52px;height:52px;margin:auto;display:grid;position:absolute;inset:0;box-shadow:0 0 40px #66ebc247}.scene-play svg{width:19px}.scene-caption{z-index:2;position:absolute;bottom:18px;left:19px}.scene-caption span,.scene-caption strong,.scene-caption small{display:block}.scene-caption span{color:#72edc7;letter-spacing:1.4px;font-size:8px;font-weight:800}.scene-caption strong{margin:4px 0 2px;font:700 16px Manrope}.scene-caption small{color:#91aaa5;font-size:9px}.timeline-strip{gap:7px;margin-top:9px;display:flex;overflow:auto}.timeline-strip button{border:1px solid var(--line);color:#8ca4a0;text-align:left;background:#0a1720;border-radius:11px;align-items:center;gap:8px;min-width:145px;padding:8px;display:flex}.timeline-strip button.current{background:#102a2b;border-color:#75efc959}.timeline-strip button>span,.timeline-strip .future>svg{width:25px;height:25px;color:var(--mint);background:#15343a;border-radius:7px;flex:none;place-items:center;display:grid}.timeline-strip strong,.timeline-strip small{white-space:nowrap;text-overflow:ellipsis;max-width:92px;display:block;overflow:hidden}.timeline-strip strong{color:#bcd0cc;font-size:8px}.timeline-strip small{color:#59736f;margin-top:2px;font-size:7px}.story-card,.insights section,.district-card,.render-panel,.storyboard{border:1px solid var(--line);background:linear-gradient(#0e1e28f2,#09141cf7);border-radius:18px}.story-card{min-height:590px;padding:25px}.story-meta{color:#5f817a;letter-spacing:1.3px;justify-content:space-between;align-items:center;font-size:8px;font-weight:800;display:flex}.story-meta span:last-child{letter-spacing:0;align-items:center;gap:5px;display:flex}.story-card h2{letter-spacing:-.7px;margin:20px 0 14px;font:800 28px/1.16 Manrope}.story-card>p{color:#c8d8d5;max-width:68ch;margin:0 0 26px;font:500 20px Manrope}.question{border-top:1px solid var(--line);align-items:center;gap:10px;margin-bottom:11px;padding-top:19px;display:flex}.question>span{width:29px;height:29px;color:var(--amber);background:#f1ae5d1c;border-radius:8px;place-items:center;display:grid}.question small,.question strong{display:block}.question small{color:#bb864a;letter-spacing:1.2px;font-size:7px;font-weight:800}.question strong{margin-top:2px;font-size:11px}.choices{flex-direction:column;gap:7px;display:flex}.choices button{color:#a9bfba;text-align:left;background:#0a1821;border:1px solid #b5ded31a;border-radius:11px;align-items:center;gap:10px;padding:10px;transition:all .18s;display:flex}.choices button:hover{background:#10252c;border-color:#75efc959;transform:translate(3px)}.choices button>svg{color:#4d6c66;width:15px;margin-left:auto}.choice-icon{border-radius:8px;flex:none;place-items:center;width:32px;height:32px;display:grid}.intent-courageous{color:#ffd293;background:#f1ae5d1f}.intent-curious{color:#9bd6ff;background:#549ecf21}.intent-careful{color:#9ff1d6;background:#50bf9c1f}.choices strong,.choices small{display:block}.choices strong{color:#d3e4e0;font-size:10px}.choices small{color:#637e79;white-space:nowrap;text-overflow:ellipsis;max-width:330px;margin-top:3px;font-size:8px;overflow:hidden}.custom-action{grid-template-columns:1fr auto;gap:6px;margin-top:10px;display:grid}.custom-action input{border:1px solid var(--line);color:#a8bfba;background:#08141c;border-radius:9px;min-width:0;padding:9px 10px;font-size:9px}.custom-action button{color:#78938d;background:#1c3739;border:0;border-radius:8px;padding:0 11px;font-size:9px}.custom-action span{color:#4d6863;grid-column:1/-1;font-size:7px}.insights{flex-direction:column;gap:10px;display:flex}.character-mini{background:linear-gradient(120deg,#1d494557,#0c1b24e6);border:1px solid #75efc92b;border-radius:14px;align-items:center;gap:9px;padding:10px;display:flex;position:relative}.character-mini img{object-fit:cover;object-position:center 28%;border-radius:9px;width:52px;height:56px}.character-mini span,.character-mini strong,.character-mini small{display:block}.character-mini span{color:#66bda6;letter-spacing:1px;font-size:7px;font-weight:800}.character-mini strong{margin:3px 0 1px;font-size:12px}.character-mini small{color:#718c87;font-size:8px}.character-mini i{background:var(--mint);color:#0a201a;border-radius:50%;place-items:center;width:19px;height:19px;display:grid;position:absolute;top:9px;right:9px}.insights section{border-radius:14px;padding:15px}.panel-title{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.panel-title span{font:700 11px Manrope}.panel-title small{color:#65c7aa;letter-spacing:.8px;font-size:7px;font-weight:800}.stat{margin:11px 0}.stat>div:first-child{color:#79938e;text-transform:capitalize;justify-content:space-between;margin-bottom:5px;font-size:9px;display:flex}.stat b{color:#afc8c3}.bar,.progress,.mini-progress{background:#15272c;border-radius:20px;height:4px;overflow:hidden}.bar i,.progress i,.mini-progress i{border-radius:inherit;background:linear-gradient(90deg,#4fb997,var(--mint));height:100%;display:block}.objective{color:#8fa6a2;margin:0 0 13px;font-size:9px;line-height:1.5}.vocab>small{color:#58746f;letter-spacing:1px;margin-bottom:7px;font-size:7px;font-weight:800;display:block}.vocab span{color:#bffff0;background:#153b36;border:1px solid #266255;border-radius:20px;align-items:center;gap:4px;margin:0 4px 4px 0;padding:4px 7px;font-size:8px;display:inline-flex}.vocab em{color:#546e69;font-size:8px;font-style:normal}.teacher-note{color:#78d7b8;background:#18483d38;border:1px solid #75efc91a;border-radius:12px;gap:9px;padding:12px;display:flex}.teacher-note svg{flex:none}.teacher-note strong,.teacher-note span{display:block}.teacher-note strong{font-size:9px}.teacher-note span{color:#64817b;margin-top:3px;font-size:7px}.video-grid{grid-template-columns:minmax(620px,1.55fr) minmax(340px,.75fr);gap:18px;display:grid}.storyboard{padding:20px}.section-head{justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.section-head strong,.section-head span{display:block}.section-head strong{font:700 13px Manrope}.section-head span{color:#6f8984;margin-top:3px;font-size:9px}.section-head button{color:var(--mint);background:0 0;border:0;font-size:9px}.model-pill{background:#12332f;border:1px solid #75efc929;border-radius:20px;align-items:center;gap:5px;padding:6px 9px;color:#b9ffe9!important;display:flex!important}.clip-list{flex-direction:column;gap:8px;display:flex}.clip{border:1px solid var(--line);background:#091720;border-radius:12px;grid-template-columns:38px 108px 1fr auto;align-items:center;gap:11px;padding:9px;display:grid}.clip-number{color:#4d6a65;text-align:center;font:700 13px Manrope}.clip img{object-fit:cover;border-radius:8px;width:108px;height:67px}.clip-copy{min-width:0}.clip-copy small,.clip-copy strong{display:block}.clip-copy small{color:#55736d;letter-spacing:.8px;font-size:7px}.clip-copy strong{margin:5px 0;font-size:10px}.clip-copy p{color:#657e79;white-space:nowrap;text-overflow:ellipsis;max-width:470px;margin:0;font-size:8px;overflow:hidden}.clip .ready,.teacher-chapter-grid article header em.ready{color:#67d8b7;align-items:center;gap:4px;font-size:7px;font-weight:800;display:flex}.render-panel{overflow:hidden}.render-visual{background:#0a151e;height:250px;position:relative}.render-visual>img,.render-visual video{object-fit:cover;width:100%;height:100%}.render-visual:after{content:"";pointer-events:none;background:linear-gradient(#03090c0d,#03090cc7);position:absolute;inset:0}.film-overlay{z-index:2;color:#c8fff0;flex-direction:column;justify-content:center;align-items:center;gap:9px;display:flex;position:absolute;inset:0}.film-overlay span{text-align:center;max-width:220px;font-size:10px;line-height:1.5}.render-status{border-bottom:1px solid var(--line);padding:18px}.render-status>div:first-child{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.render-status span{color:#72daba;letter-spacing:1px;font-size:8px;font-weight:800}.render-status strong{color:#bdfff0;font-size:11px}.render-status p{color:#6c8781;margin:10px 0 0;font-size:9px;line-height:1.5}.pipeline{gap:10px;padding:17px;display:grid}.pipeline span{color:#59736e;align-items:center;gap:8px;font-size:9px;display:flex}.pipeline svg{border:1px solid #29423d;border-radius:50%;width:16px;height:16px;padding:3px}.pipeline span:first-child,.pipeline span.done{color:#9cebd3}.pipeline span:first-child svg,.pipeline span.done svg{color:#071a14;background:var(--mint);border-color:var(--mint)}.active-provider{color:#56736d;letter-spacing:.7px;overflow-wrap:anywhere;margin-top:10px;font-size:7px;display:block}.settings-grid{grid-template-columns:minmax(0,1.3fr) minmax(390px,.9fr);align-items:start;gap:16px;display:grid}.settings-card{border:1px solid var(--line);background:linear-gradient(160deg,#0f222cfa,#08131bfa);border-radius:18px;padding:20px}.image-provider-card{grid-column:2}.video-provider-card{grid-area:1/1/3}.settings-card-head{align-items:flex-start;gap:13px;display:flex}.settings-card-head>div{flex:1;min-width:0}.settings-icon{width:42px;height:42px;color:var(--mint);background:#14332f;border:1px solid #75efc92e;border-radius:12px;flex:none;place-items:center;display:grid}.settings-icon svg{width:20px}.settings-card-head small{color:var(--mint);letter-spacing:1.1px;font-size:8px;font-weight:800}.settings-card-head h2{margin:5px 0 4px;font:700 17px Manrope}.settings-card-head p{color:#708a85;margin:0;font-size:10px;line-height:1.55}.availability{color:#a88181;letter-spacing:.7px;background:#281b20;border:1px solid #49383a;border-radius:20px;flex:none;padding:5px 7px;font-size:7px;font-weight:900}.availability.online{color:#8de9ca;background:#12332d;border-color:#245749}.model-lines{border-top:1px solid var(--line);gap:8px;margin-top:18px;padding-top:15px;display:grid}.model-lines span{color:#9ab2ad;align-items:center;gap:8px;font:9px monospace;display:flex}.model-lines svg{width:15px;color:var(--mint)}.provider-options{gap:9px;margin-top:18px;display:grid}.provider-options>button{text-align:left;border:1px solid var(--line);color:#dceae7;background:#091821;border-radius:13px;grid-template-columns:20px 1fr auto;align-items:start;gap:11px;width:100%;padding:14px;display:grid}.provider-options>button.selected{background:linear-gradient(135deg,#12342f,#0b2028);border-color:#75efc973;box-shadow:inset 0 0 0 1px #75efc914}.provider-radio{border:1px solid #3d5b55;border-radius:50%;place-items:center;width:18px;height:18px;margin-top:2px;display:grid}.provider-options>button.selected .provider-radio{border-color:var(--mint)}.provider-options>button.selected .provider-radio i{background:var(--mint);border-radius:50%;width:8px;height:8px}.provider-options small,.provider-options strong,.provider-options p,.provider-options code{display:block}.provider-options small{color:#63817a;letter-spacing:1px;font-size:7px}.provider-options strong{margin:3px 0 4px;font-size:12px}.provider-options p{color:#6d8983;margin:0;font-size:9px;line-height:1.45}.provider-options code{color:#87b6a9;overflow-wrap:anywhere;margin-top:7px;font-size:8px}.fallback-toggle{border:1px solid var(--line);cursor:pointer;background:#0a1820;border-radius:13px;grid-template-columns:42px 1fr;align-items:start;gap:12px;margin-top:14px;padding:14px;display:grid}.fallback-toggle.disabled{opacity:.45;cursor:not-allowed}.fallback-toggle input{opacity:0;pointer-events:none;position:absolute}.toggle-track{background:#263a3a;border-radius:20px;width:40px;height:24px;padding:3px;transition:all .2s}.toggle-track i{background:#69807b;border-radius:50%;width:18px;height:18px;transition:all .2s;display:block}.fallback-toggle input:checked+.toggle-track{background:#236451}.fallback-toggle input:checked+.toggle-track i{background:#baffea;transform:translate(16px)}.fallback-toggle strong{align-items:center;gap:6px;font-size:10px;display:flex}.fallback-toggle strong svg{width:14px}.fallback-toggle p{color:#6d8882;margin:5px 0 0;font-size:9px;line-height:1.45}.route-summary{border-left:3px solid var(--amber);background:#87561f21;border-radius:5px;margin-top:14px;padding:13px}.route-summary span,.route-summary strong{display:block}.route-summary span{color:#a87743;letter-spacing:1px;font-size:7px}.route-summary strong{color:#e4c190;margin-top:4px;font-size:10px}.settings-safety{color:#7ed9bd;background:#13363033;border:1px solid #75efc91f;border-radius:15px;grid-column:2;gap:11px;padding:16px;display:flex}.settings-safety>svg{flex:none;width:20px}.settings-safety strong{font-size:10px}.settings-safety p{color:#6e8b84;margin:5px 0 0;font-size:9px;line-height:1.55}.metric-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:17px;display:grid}.metric{border:1px solid var(--line);background:linear-gradient(150deg,#0f202b,#0a1720);border-radius:15px;align-items:center;gap:13px;padding:18px;display:flex}.metric-icon{width:40px;height:40px;color:var(--mint);background:#153432;border-radius:11px;place-items:center;display:grid}.metric-icon svg{width:19px}.metric small,.metric strong,.metric div>span{display:block}.metric small{color:#78918d;font-size:9px}.metric strong{margin:3px 0 1px;font:800 23px Manrope}.metric div>span{color:#58b79b;font-size:8px}.dashboard-grid{grid-template-columns:1.45fr .8fr;gap:15px;display:grid}.district-card{padding:19px}.class-row{border-top:1px solid var(--line);grid-template-columns:38px 1fr 50px 90px 15px;align-items:center;gap:11px;padding:13px 5px;display:grid}.class-icon{color:#8ef0d2;background:#173933;border-radius:9px;place-items:center;width:33px;height:33px;font-weight:800;display:grid}.class-row strong,.class-row small{display:block}.class-row strong{font-size:10px}.class-row small{color:#667f7a;margin-top:3px;font-size:8px}.student-count{text-align:center}.student-count b{font-size:11px;display:block}.student-count small{color:#57716d;font-size:7px}.class-row>svg{color:#46615c;width:14px}.standard-row{border-top:1px solid var(--line);grid-template-columns:1fr auto;gap:7px 12px;padding:11px 2px;display:grid}.standard-row>div:first-child b,.standard-row>div:first-child span{display:block}.standard-row b{color:#9ee7d2;font-size:9px}.standard-row span{color:#67827d;margin-top:3px;font-size:8px}.standard-row>strong{font-size:10px}.standard-row .bar{grid-column:1/-1}.boot{color:#d8fff2;align-content:center;place-items:center;gap:12px;min-height:100vh;display:grid}.boot svg{color:var(--mint)}.boot strong{font:700 18px Manrope}.boot span{color:#69847f;font-size:11px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.autosave{background:#0f27259e;border:1px solid #75efc924;border-radius:12px;align-items:center;gap:9px;padding:10px 13px;display:flex}.autosave>i{background:var(--mint);width:7px;height:7px;box-shadow:0 0 12px var(--mint);border-radius:50%}.autosave strong,.autosave small{display:block}.autosave strong{color:#baf4e2;font-size:9px}.autosave small{color:#638079;margin-top:2px;font-size:7px}.assignment-layout{grid-template-columns:minmax(620px,1.5fr) minmax(300px,.65fr);align-items:start;gap:17px;display:grid}.assignment-builder,.assignment-preview,.assignment-list{border:1px solid var(--line);background:linear-gradient(145deg,#0f212bf5,#07131bfa);border-radius:17px;box-shadow:0 18px 50px #00000021}.assignment-builder{padding:20px}.builder-head{border-bottom:1px solid var(--line);grid-template-columns:42px 1fr auto;align-items:center;gap:11px;padding-bottom:17px;display:grid}.builder-icon{width:38px;height:38px;color:var(--mint);background:linear-gradient(145deg,#235d50,#14352f);border-radius:11px;place-items:center;display:grid}.builder-icon svg{width:18px}.builder-head small,.builder-head strong{display:block}.builder-head small{color:#5d7d76;letter-spacing:1.2px;font-size:7px;font-weight:800}.builder-head strong{margin-top:3px;font:700 13px Manrope}.step-pill{color:#83d9c0;background:#102f2b;border:1px solid #214b43;border-radius:20px;padding:6px 9px;font-size:8px}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:18px 0;display:grid}.field.wide{grid-column:1/-1}.field>span{color:#829b96;justify-content:space-between;margin:0 0 6px 2px;font-size:8px;font-weight:700;display:flex}.field>span small{color:#536c67;font-weight:500}.field input,.field textarea,.field select{box-sizing:border-box;color:#d7e8e4;background:#09171f;border:1px solid #20363d;border-radius:10px;outline:none;width:100%;padding:10px 11px;font:500 10px DM Sans;transition:all .18s}.field input:focus,.field textarea:focus,.field select:focus{border-color:#3b8976;box-shadow:0 0 0 3px #75efc912}.field textarea{resize:vertical;min-height:62px;line-height:1.45}.field select{appearance:auto}.builder-options{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px;display:grid}.builder-options>div{border:1px solid var(--line);background:#0a1921;border-radius:11px;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:11px;display:grid}.builder-options svg{color:#70d3b6;width:17px}.builder-options strong,.builder-options small{display:block}.builder-options strong{font-size:9px}.builder-options small{color:#58736d;margin-top:3px;font-size:7px}.builder-options b{color:#6ccfb2;letter-spacing:.6px;font-size:7px}.switch{background:#263b40;border:0;border-radius:20px;width:30px;height:17px;padding:2px}.switch i{background:#72847f;border-radius:50%;width:13px;height:13px;transition:all .2s;display:block}.switch.on{background:#3f9f84}.switch.on i{background:#fff;transform:translate(13px)}.builder-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;padding-top:16px;display:flex}.assignment-preview{position:sticky;top:80px;overflow:hidden}.preview-label{justify-content:space-between;padding:13px 15px;display:flex}.preview-label span{color:#7ce0c2;letter-spacing:1px;font-size:7px;font-weight:800}.preview-label small{color:#546e69;font-size:7px}.preview-visual{height:175px;position:relative;overflow:hidden}.preview-visual img{object-fit:cover;width:100%;height:100%}.preview-visual:after{content:"";background:linear-gradient(#0000 35%,#040d12d9);position:absolute;inset:0}.preview-visual>span{z-index:2;color:#d8fff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#051214a3;border:1px solid #9effe033;border-radius:20px;padding:5px 8px;font-size:7px;position:absolute;bottom:11px;left:13px}.preview-copy{padding:16px 16px 11px}.preview-copy>small{color:#68c7ab;letter-spacing:.8px;font-size:7px}.preview-copy h3{margin:6px 0;font:800 18px/1.13 Manrope}.preview-copy p{color:#77908b;margin:0;font-size:9px;line-height:1.5}.preview-objective{background:#0c2026;border:1px solid #1b3439;border-radius:10px;gap:9px;margin:0 14px 12px;padding:10px;display:flex}.preview-objective svg{width:16px;color:var(--mint);flex:none}.preview-objective small,.preview-objective strong{display:block}.preview-objective small{color:#57736d;letter-spacing:.8px;font-size:6px}.preview-objective strong{color:#9eb5b1;margin-top:3px;font-size:8px;line-height:1.35}.preview-tags{flex-wrap:wrap;gap:5px;padding:0 14px 11px;display:flex}.preview-tags span{color:#a7e8d5;background:#14352f;border:1px solid #285248;border-radius:20px;padding:4px 7px;font-size:7px}.preview-foot{border-top:1px solid var(--line);color:#64827b;background:#08151c;justify-content:space-between;padding:12px 14px;font-size:8px;display:flex}.preview-foot span{align-items:center;gap:5px;display:flex}.preview-foot svg{color:#64c5aa;width:13px}.assignment-list{margin-top:17px;padding:19px}.assignment-list>.section-head>span{color:#7dbaa8;background:#112a29;border-radius:20px;margin:0;padding:5px 8px}.assignment-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;display:grid}.assignment-cards article{background:#091820;border:1px solid #1c3239;border-radius:13px;padding:15px}.assignment-status{justify-content:space-between;align-items:center;display:flex}.assignment-status>span{letter-spacing:.7px;align-items:center;gap:5px;font-size:7px;font-weight:800;display:flex}.assignment-status>span i{background:currentColor;border-radius:50%;width:5px;height:5px}.assignment-status .published{color:#74ddb9}.assignment-status .draft{color:#e4b869}.assignment-status>small{color:#58726d;font-size:7px}.assignment-cards h3{margin:11px 0 5px;font:700 12px Manrope}.assignment-cards p{color:#6d8781;min-height:36px;font-size:8px;line-height:1.45}.assignment-meta{flex-wrap:wrap;gap:5px;margin:10px 0;display:flex}.assignment-meta span{color:#77958e;background:#10262b;border-radius:6px;padding:4px 6px;font-size:7px}.assignment-card-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding-top:10px;display:flex}.assignment-card-foot>span{color:#54736c;align-items:center;gap:4px;font-size:7px;display:flex}.assignment-card-foot svg{width:12px}.assignment-card-foot button{color:#7be1c2;background:0 0;border:0;align-items:center;gap:3px;font-size:8px;font-weight:700;display:flex}.assignment-card-foot button:disabled{color:#4f6661}.character-lab{background:linear-gradient(145deg,#0d222afa,#07141cfa);border:1px solid #75efc92b;border-radius:19px;margin-bottom:18px;padding:20px;box-shadow:0 18px 60px #0000002e}.character-lab-head{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:17px;display:flex}.character-lab-head>div>span{color:var(--mint);letter-spacing:1.3px;align-items:center;gap:7px;font-size:8px;font-weight:800;display:flex}.character-lab-head h2{letter-spacing:-.5px;margin:7px 0 4px;font:800 19px Manrope}.character-lab-head p{color:#78938e;max-width:720px;margin:0;font-size:10px;line-height:1.55}.fal-live{color:#9ce8d1;letter-spacing:.7px;background:#102d2b;border:1px solid #75efc92e;border-radius:20px;flex:none;align-items:center;gap:7px;padding:7px 10px;font-size:7px;font-weight:800;display:flex}.fal-live i{background:var(--mint);width:6px;height:6px;box-shadow:0 0 10px var(--mint);border-radius:50%}.character-lab-grid{grid-template-columns:minmax(300px,.7fr) minmax(420px,1.3fr);gap:15px;display:grid}.reference-card,.generator-card{border:1px solid var(--line);background:#091821;border-radius:14px;min-width:0;padding:14px}.reference-visual{background:#10242d;border-radius:11px;height:175px;position:relative;overflow:hidden}.reference-visual img{object-fit:cover;width:100%;height:100%}.reference-visual:after{content:"";pointer-events:none;background:linear-gradient(#0000 50%,#030c10c7);position:absolute;inset:0}.reference-visual>span{z-index:1;color:#b8ffee;letter-spacing:.8px;background:#05191abf;border:1px solid #aaffe938;border-radius:7px;padding:5px 8px;font-size:7px;font-weight:800;position:absolute;bottom:10px;left:10px}.reference-actions{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.reference-button,.reference-clear{border-radius:9px;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:0 11px;font-size:9px;font-weight:700;display:inline-flex}.reference-button{color:#c6e4dd;cursor:pointer;background:#10262a;border:1px solid #29453f}.reference-button input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.reference-clear{color:#8ca49f;border:1px solid var(--line);background:0 0}.reference-name{color:#688680;align-items:center;gap:5px;min-height:18px;margin-top:8px;font-size:8px;display:flex}.generator-card{flex-direction:column;display:flex}.generator-card>label{color:#9ab2ad;margin-bottom:7px;font-size:9px;font-weight:700}.generator-card textarea{resize:vertical;color:#d6e7e3;background:#07151d;border:1px solid #213b40;border-radius:11px;outline:none;width:100%;min-height:105px;padding:12px;font:500 12px/1.5 DM Sans}.generator-card textarea:focus{border-color:#438f7d;box-shadow:0 0 0 3px #75efc912}.generator-meta{color:#5f7a75;justify-content:space-between;gap:10px;margin:7px 1px 12px;font-size:8px;display:flex}.generator-meta strong{color:#7fcdb7}.generate-character{justify-content:center;align-self:flex-start;min-height:44px}.generation-success{color:#8ff0d2;background:#19463d3d;border:1px solid #75efc926;border-radius:10px;align-items:center;gap:8px;margin-top:11px;padding:10px;display:flex}.generation-success strong,.generation-success small{display:block}.generation-success strong{font-size:10px}.generation-success small{color:#73938c;margin-top:2px;font-size:8px}.generation-error{color:#ffd3b1;background:#69371b40;border:1px solid #f1ae5d3d;border-radius:9px;margin-top:10px;padding:10px;font-size:9px;line-height:1.45}.demo-privacy{color:#59746f;align-items:flex-start;gap:6px;margin:11px 0 0;font-size:8px;line-height:1.45;display:flex}.demo-privacy>span{color:#d5a55e}.camera-modal{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#02080ce0;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.camera-sheet{background:#0b1b24;border:1px solid #75efc933;border-radius:18px;width:min(560px,100%);padding:17px;box-shadow:0 25px 90px #000}.camera-sheet>div:first-child{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.camera-sheet>div:first-child strong{font:700 15px Manrope}.camera-sheet>div:first-child button{border:1px solid var(--line);color:#9eb6b1;background:#10232b;border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.camera-sheet>div:first-child svg{width:17px}.camera-sheet video{aspect-ratio:4/3;object-fit:cover;background:#050c11;border-radius:12px;width:100%;transform:scaleX(-1)}.camera-sheet p{color:#728c87;font-size:10px;line-height:1.5}.camera-capture{justify-content:center;width:100%;min-height:48px}@media (width<=1300px){.studio-grid{grid-template-columns:minmax(300px,.85fr) minmax(350px,1.15fr)}.insights{grid-column:1/-1;grid-template-columns:repeat(4,1fr);display:grid}.video-grid{grid-template-columns:1fr 350px}.assignment-layout{grid-template-columns:1fr 310px}}@media (width<=900px){html,body,#root{max-width:100%;overflow-x:clip}.app-shell{min-width:0;padding-bottom:0;display:block}.sidebar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:40;background:#071019f7;border:0;border-bottom:1px solid #1b3439;width:100%;height:64px;padding:0 8px;position:sticky;inset:0 auto auto}.sidebar .brand,.sidebar .workspace-card,.sidebar .nav-label,.sidebar .sidebar-foot{display:none}.sidebar nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;height:100%;padding:5px 0;display:grid}.sidebar nav button{display:none}.sidebar nav button.mobile-primary{text-align:center;white-space:nowrap;border-radius:12px;flex-direction:column;justify-content:center;gap:4px;min-width:0;height:54px;margin:0;padding:4px 2px;font-size:9px;line-height:1.1;display:flex;position:relative}.sidebar nav button.mobile-primary svg{width:20px;height:20px}.sidebar nav button.mobile-primary.active{color:#d8fff2;background:#12302f}.sidebar nav .new,.sidebar nav .soon{display:none}main{grid-column:auto;width:100%;min-width:0}.topbar{gap:8px;height:62px;padding:0 13px;top:64px}.crumb{flex:1;min-width:0}.crumb>span,.crumb>svg{display:none}.crumb strong{text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:11px;display:block;overflow:hidden}.top-actions{flex-shrink:0;gap:7px}.live-dot{display:none}.avatar{flex:none;place-items:center;display:grid}.persona{padding:3px}.persona button{min-height:36px;padding:0 11px;font-size:9px}.notice{margin:10px 13px 0;padding:11px 13px;font-size:11px}.page{width:100%;min-width:0;padding:22px 13px 42px}.page-heading{margin-bottom:19px;display:block}.page-heading h1{letter-spacing:-1px;margin-top:9px;font-size:28px;line-height:1.08}.page-heading p{max-width:none;font-size:13px;line-height:1.55}.page-heading>.primary{justify-content:center;width:100%;min-height:50px;margin-top:15px}.eyebrow{font-size:8px}.character-lab{border-radius:16px;margin-bottom:14px;padding:15px}.character-lab-head{margin-bottom:14px;display:block}.character-lab-head h2{font-size:21px}.character-lab-head p{font-size:12px}.fal-live{width:max-content;margin-top:10px;font-size:8px}.character-lab-grid{grid-template-columns:1fr;gap:11px}.reference-card,.generator-card{padding:12px}.reference-visual{aspect-ratio:4/3;height:auto}.reference-actions{grid-template-columns:1fr 1fr;display:grid}.reference-button,.reference-clear{min-height:48px;padding:0 9px;font-size:12px}.reference-clear{grid-column:1/-1}.reference-name{font-size:10px;line-height:1.4}.generator-card>label{font-size:12px}.generator-card textarea{min-height:125px;font-size:16px}.generator-meta{flex-wrap:wrap;font-size:9px}.generate-character{width:100%;min-height:50px;font-size:12px}.generation-success strong{font-size:12px}.generation-success small{font-size:10px;line-height:1.4}.generation-error,.demo-privacy{font-size:10px;line-height:1.5}.camera-modal{align-items:end;padding:12px}.camera-sheet{border-radius:18px 18px 12px 12px}.camera-sheet p{font-size:12px}.studio-grid{min-width:0;display:block}.visual-column,.story-card,.insights{width:100%;min-width:0}.scene-frame{aspect-ratio:4/3;border-radius:16px;min-height:0}.scene-frame img{min-height:100%}.scene-count{top:12px;left:12px}.scene-play{width:44px;height:44px}.scene-caption{max-width:none;padding:11px 13px;bottom:12px;left:12px;right:12px}.scene-caption small{font-size:8px}.timeline-strip{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:8px;margin-bottom:14px;padding:10px 2px 4px;display:flex;overflow-x:auto}.timeline-strip button{scroll-snap-align:start;flex:0 0 220px;min-height:62px}.story-card{border-radius:16px;min-height:0;padding:21px 18px}.story-card h2{margin:18px 0 14px;font-size:27px;line-height:1.17}.story-card>p{color:#d4e2df;margin-bottom:27px;font-size:20px;line-height:1.7}.story-meta{font-size:8px}.question{align-items:flex-start}.question strong{font-size:15px;line-height:1.35}.question small{margin-top:3px;font-size:10px;line-height:1.45}.choices{gap:10px}.choices button{align-items:flex-start;min-height:64px;padding:12px 11px}.choices button>.choice-icon{flex:0 0 31px;width:31px;height:31px}.choices button strong{font-size:13px;line-height:1.35}.choices button small{margin-top:3px;font-size:10px;line-height:1.4}.custom-action input{min-height:48px;font-size:16px}.custom-action button{min-height:48px;padding:0 14px;font-size:12px}.custom-action span{font-size:10px;line-height:1.4}.story-actions{flex-wrap:wrap;gap:8px}.story-actions button{flex:145px;justify-content:center;min-height:46px}.insights{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.insight-card{min-width:0;padding:15px}.stats-card,.character-row{grid-column:1/-1}.assignment-layout{flex-direction:column;gap:14px;display:flex}.assignment-builder,.assignment-preview,.assignment-list{width:100%;min-width:0}.assignment-builder{border-radius:16px;padding:17px}.assignment-preview{order:-1;position:static}.field-grid{grid-template-columns:1fr;gap:12px}.field.wide{grid-column:auto}.field>span{margin-bottom:7px;font-size:11px;line-height:1.35}.field>span small{font-size:10px}.field input,.field select,.field textarea{min-height:48px;font-size:16px}.field textarea{min-height:100px}.builder-options{grid-template-columns:1fr;gap:9px}.builder-options>div{min-height:64px;padding:11px}.builder-options strong{font-size:12px}.builder-options small{font-size:10px;line-height:1.35}.switch{width:46px;height:28px;padding:3px}.switch i{width:22px;height:22px}.switch.on i{transform:translate(18px)}.builder-actions{flex-direction:column-reverse;align-items:stretch}.builder-actions button{justify-content:center;width:100%;min-height:50px;font-size:12px}.preview-visual{min-height:205px}.preview-copy h3{font-size:20px}.assignment-cards{grid-template-columns:1fr}.assignment-list{padding:15px}.assignment-cards article{padding:16px}.assignment-card-foot{flex-direction:column;align-items:stretch;gap:10px}.assignment-card-foot button{justify-content:center;min-height:44px;font-size:11px}.video-grid{display:block}.storyboard,.render-panel{width:100%;min-width:0}.render-panel{margin-top:14px;position:static}.storyboard{padding:15px}.clip{grid-template-columns:42px minmax(0,1fr);gap:10px;padding:11px}.clip img{display:none}.clip-copy strong{font-size:13px;line-height:1.35}.clip-copy p{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:none;font-size:11px;line-height:1.4;display:-webkit-box}.clip-copy small{font-size:9px;line-height:1.35}.clip .ready{grid-column:2;justify-self:start;font-size:10px}.render-visual video{width:100%;height:auto;min-height:180px}.video-page .heading-actions{grid-template-columns:1fr 1.35fr;gap:8px;width:100%;margin-top:15px;display:grid}.video-page .heading-actions button{justify-content:center;height:auto;min-height:50px;padding:0 8px}.settings-page>.page-heading>.primary{justify-content:center;width:100%;min-height:50px;margin-top:15px}.settings-grid{flex-direction:column;gap:12px;display:flex}.settings-card,.settings-safety{width:100%;padding:15px}.video-provider-card{order:1}.image-provider-card{order:2}.settings-safety{order:3}.settings-card-head{flex-wrap:wrap;gap:10px}.settings-card-head>div{flex:200px}.settings-card-head h2{font-size:18px}.settings-card-head p{font-size:11px}.settings-icon{width:38px;height:38px}.availability{font-size:8px}.provider-options>button{grid-template-columns:20px minmax(0,1fr);min-height:104px;padding:13px}.provider-options>button>.availability{grid-column:2;justify-self:start}.provider-options strong{font-size:13px}.provider-options p{font-size:10px}.provider-options code{font-size:9px}.fallback-toggle{grid-template-columns:42px minmax(0,1fr);min-height:82px}.fallback-toggle strong{font-size:11px}.fallback-toggle p{font-size:10px}.route-summary strong{font-size:11px}.settings-safety p{font-size:10px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.metric{min-width:0;padding:14px}.metric strong{font-size:23px}.dashboard-grid{grid-template-columns:1fr;gap:12px}.district-card{min-width:0;padding:15px}.class-row{grid-template-columns:37px minmax(0,1fr) auto;gap:9px}.class-row .mini-progress,.class-row>svg{display:none}.student-count b{font-size:14px}}@media (width<=480px){.page-heading h1{font-size:26px}.metric-grid{grid-template-columns:1fr 1fr}.metric small{font-size:8px}.insights{grid-template-columns:1fr}.stats-card,.character-row{grid-column:auto}.section-head{align-items:flex-start;gap:10px}.section-head>button{flex-shrink:0}.assignment-list>.section-head{display:flex}.assignment-list>.section-head>div span{font-size:9px}.preview-scene{min-height:180px}}.character-entry{isolation:isolate;background:radial-gradient(circle at 76% 16%,#75efc924,#0000 27%),radial-gradient(circle at 16% 76%,#f1ae5d14,#0000 34%);min-height:calc(100vh - 64px);padding:58px clamp(22px,5vw,76px) 80px;position:relative;overflow:hidden}.character-entry__glow{z-index:-1;filter:blur(30px);background:#38b5970d;border-radius:50%;width:520px;height:520px;position:absolute;top:80px;right:-210px}.character-entry>header{text-align:center;max-width:780px;margin:0 auto 38px}.character-entry>header h1{letter-spacing:-3px;margin:15px 0 14px;font:800 clamp(38px,5vw,68px)/.98 Manrope}.character-entry>header h1 em,.teacher-heading h1 em{color:var(--mint);font-style:normal}.character-entry>header p{color:#9bb5b0;max-width:670px;margin:auto;font-size:16px;line-height:1.7}.character-builder{grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);align-items:start;gap:18px;max-width:1120px;margin:auto;display:grid}.builder-main,.assignment-brief{background:linear-gradient(145deg,#10232df5,#09171ff5);border:1px solid #b8e0d524;border-radius:24px;box-shadow:0 24px 80px #00000038}.builder-main{padding:30px}.step-kicker,.composer-title{letter-spacing:1.7px;color:#b6cbc7;align-items:center;gap:12px;margin-bottom:24px;font-size:11px;font-weight:800;display:flex}.step-kicker span,.composer-title>span,.composer-toggle>span,.composer-section summary>span{width:31px;height:31px;color:var(--mint);letter-spacing:0;background:#75efc91a;border-radius:9px;place-items:center;font-size:10px;display:grid}.builder-main .field span{font-size:10px}.builder-main .field input,.builder-main .field textarea{background:#0a1821;border-color:#b8e0d524;font-size:15px}.builder-main .field textarea{resize:vertical}.hero-name input{font:700 21px Manrope!important}.compact-row{grid-template-columns:1fr 2fr;gap:12px;display:grid}.builder-main .compact-row+.field{margin-top:12px}.style-picker{border-top:1px solid var(--line);margin-top:24px;padding-top:23px}.style-picker>span{color:#d7e9e5;margin-bottom:12px;font-size:12px;font-weight:700;display:block}.style-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;display:grid}.style-grid button{border:1px solid var(--line);color:#98aea9;text-align:left;background:#0a1821;border-radius:12px;padding:0 0 10px;overflow:hidden}.style-grid button.selected{color:#e6fff7;border-color:#75efc9a6;box-shadow:0 0 0 2px #75efc917}.style-grid button b{padding:8px 8px 0;font-size:10px;display:block}.style-swatch{background:linear-gradient(135deg,#568287,#172630);height:54px;display:block}.style-storybook-3d{background:linear-gradient(135deg,#ffbf75,#6d67ce)}.style-game-3d{background:linear-gradient(135deg,#39dcb1,#155e82)}.style-blocky{background:linear-gradient(135deg,#9ccf59 50%,#5c873e 50%)}.style-anime{background:linear-gradient(135deg,#fa7ba9,#5f75d8)}.style-comic{background:linear-gradient(135deg,#f3cf50,#db4b55)}.style-watercolor{background:linear-gradient(135deg,#8dcad0,#eab3ce)}.style-clay{background:linear-gradient(135deg,#d98254,#7055a4)}.style-pixel{background:repeating-linear-gradient(45deg,#4b75a2 0 8px,#263c62 8px 16px)}.style-picker details{margin-top:10px}.style-picker summary{color:#72938d;cursor:pointer;font-size:10px}.style-grid.more{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:10px}.story-options{border:1px solid var(--line);background:#08141b8c;border-radius:14px;margin-top:20px;padding:15px}.story-options summary{cursor:pointer;justify-content:space-between;align-items:center;display:flex}.story-options summary span{align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.story-options summary svg{width:15px;color:var(--mint)}.story-options summary small{color:#688985}.story-options[open] summary{margin-bottom:16px}.story-options .compact-row{grid-template-columns:1fr 1fr}.character-reference-picker{border:1px solid var(--line);background:#08141b8c;border-radius:14px;margin-top:14px;padding:15px}.character-reference-picker>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:48px;list-style:none;display:flex}.character-reference-picker>summary::-webkit-details-marker{display:none}.character-reference-picker>summary span{color:#d7e9e5;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.character-reference-picker>summary svg{width:16px;color:var(--mint)}.character-reference-picker>summary small{color:#688985;font-size:10px}.reference-picker-body{padding-top:14px}.reference-actions{grid-template-columns:1fr 1fr;gap:9px;display:grid}.reference-actions>label,.reference-actions>button{border:1px solid var(--line);color:#a9c1bc;text-align:left;cursor:pointer;background:#0a1821;border-radius:12px;align-items:center;gap:10px;min-height:68px;padding:12px;display:flex;position:relative}.reference-actions>label:hover,.reference-actions>button:hover{border-color:#75efc98c}.reference-actions svg{width:19px;color:var(--mint);flex:none}.reference-actions strong,.reference-actions small{display:block}.reference-actions strong{color:#e6f4f1;font-size:12px}.reference-actions small{color:#688985;margin-top:3px;font-size:9px;line-height:1.35}.reference-actions input{opacity:0;cursor:pointer;position:absolute;inset:0}.reference-actions .disabled{opacity:.55;pointer-events:none}.reference-preview{grid-template-columns:72px 1fr 34px;align-items:center;gap:12px;display:grid}.reference-preview img{object-fit:cover;border:1px solid #75efc940;border-radius:12px;width:72px;height:72px}.reference-preview strong,.reference-preview small{display:block}.reference-preview strong{font-size:12px}.reference-preview small{color:#779792;margin-top:4px;font-size:10px;line-height:1.4}.reference-preview button{border:1px solid var(--line);color:#91aaa5;background:#10232d;border-radius:9px;width:32px;height:32px}.reference-preview button svg{width:14px}.camera-capture{border:1px solid var(--line);background:#07151c;border-radius:13px;margin-top:12px;padding:10px}.camera-capture video{object-fit:cover;background:#020609;border-radius:9px;width:100%;max-height:320px;display:block}.camera-capture>div{gap:8px;margin-top:9px;display:flex}.camera-capture button{background:var(--mint);color:#071019;border:0;border-radius:9px;align-items:center;gap:7px;min-height:42px;padding:0 13px;font-weight:800;display:flex}.camera-capture button.ghost{color:#bed0cc;background:#11252f}.camera-capture button svg{width:15px}.teacher-locked{background:#f1ae5d0f;border:1px solid #f1ae5d33;border-radius:14px;gap:12px;padding:18px;display:flex}.teacher-locked svg{color:var(--amber)}.teacher-locked strong,.teacher-locked span{display:block}.teacher-locked span{color:#9eb1ad;margin-top:4px;font-size:12px}.begin-adventure{color:#071019;text-align:left;background:linear-gradient(135deg,#b6ffe8,#62dfba);border:1px solid #b6ffe88c;border-radius:16px;grid-template-columns:30px 1fr 22px;align-items:center;gap:10px;width:100%;min-height:68px;margin-top:25px;padding:0 18px;display:grid;box-shadow:0 14px 35px #4bdcb229}.begin-adventure strong,.begin-adventure small{display:block}.begin-adventure strong{font:800 14px Manrope}.begin-adventure small{color:#285b4f;margin-top:2px;font-size:9px}.assignment-brief{padding:28px;position:sticky;top:85px}.assignment-brief>span{color:var(--amber);letter-spacing:1.6px;font-size:9px;font-weight:800}.assignment-brief h2{margin:13px 0;font:800 26px/1.08 Manrope}.assignment-brief p{color:#9bb0ac;font-size:13px;line-height:1.6}.assignment-brief>div{flex-wrap:wrap;gap:7px;margin:20px 0;display:flex}.assignment-brief small{color:#9ef4d8;background:#75efc914;border-radius:8px;align-items:center;gap:5px;padding:6px 8px;font-size:9px;display:flex}.assignment-brief small svg{width:11px}.assignment-brief em{border-top:1px solid var(--line);color:#728d88;padding-top:17px;font-size:11px;line-height:1.5;display:block}.immersive-story{padding:24px 32px 60px}.reader-toolbar{grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;margin-bottom:14px;display:grid}.reader-toolbar>.primary{justify-self:end}.story-identity{text-align:center}.story-identity small,.story-identity strong{display:block}.story-identity small{color:var(--mint);letter-spacing:1px;font-size:8px;font-weight:800}.story-identity strong{margin-top:4px;font:700 15px Manrope}.branch-bar{border:1px solid var(--line);background:#0a171f;border-radius:12px;align-items:center;gap:7px;min-height:43px;margin-bottom:14px;padding:7px 10px;display:flex;overflow-x:auto}.branch-bar>svg{width:16px;color:var(--mint);flex:none}.branch-bar button{border:1px solid var(--line);color:#91a9a5;background:#10232d;border-radius:8px;flex:none;padding:6px 10px;font-size:9px}.branch-bar button.active{color:var(--mint);background:#75efc91f}.branch-bar>span{color:#607d78;white-space:nowrap;margin-left:auto;font-size:9px}.reader-layout{grid-template-columns:minmax(0,1.05fr) minmax(430px,.95fr);align-items:start;gap:16px;display:grid}.visual-story-pane,.reading-pane{border:1px solid var(--line);background:#0b1922;border-radius:19px;overflow:hidden}.scene-canvas{aspect-ratio:16/10;background:#08141c;position:relative;overflow:hidden}.scene-canvas img,.scene-canvas video{object-fit:cover;width:100%;height:100%}.scene-canvas.generating img{filter:saturate(.6)brightness(.55)}.scene-number{color:#d7ebe6;letter-spacing:1px;background:#050d12c7;border-radius:8px;padding:6px 9px;font-size:8px;font-weight:800;position:absolute;top:13px;left:13px}.image-progress{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.image-progress svg{color:var(--mint)}.image-progress strong{margin:12px 0 4px}.image-progress span{color:#9ab0ac;font-size:10px}.scene-video-action{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#050d12cc;border:1px solid #ffffff3d;border-radius:10px;align-items:center;gap:7px;height:38px;padding:0 13px;font-size:10px;font-weight:700;display:flex;position:absolute;bottom:13px;right:13px}.scene-video-action svg{width:15px;color:var(--mint)}.scene-timeline{gap:8px;padding:11px;display:flex;overflow-x:auto}.scene-timeline button{color:#809a95;text-align:left;background:#0e202a;border:1px solid #0000;border-radius:10px;grid-template-columns:28px minmax(120px,1fr);align-items:center;gap:8px;min-width:175px;padding:8px;display:grid}.scene-timeline button.current{color:#dffff5;background:#123029;border-color:#75efc959}.scene-timeline button>span{width:28px;height:28px;color:var(--mint);background:#152d37;border-radius:7px;place-items:center;font-size:9px;display:grid}.scene-timeline strong,.scene-timeline small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.scene-timeline strong{font-size:10px}.scene-timeline small{color:#69847f;margin-top:2px;font-size:8px}.reading-pane{min-height:640px;padding:clamp(24px,3vw,42px)}.reading-meta{color:var(--amber);letter-spacing:1.5px;justify-content:space-between;font-size:8px;font-weight:800;display:flex}.reading-meta small{color:#587873}.reading-pane>h1{letter-spacing:-1.5px;margin:17px 0;font:800 clamp(28px,3vw,43px)/1.06 Manrope}.story-prose{color:#d4e3e0;white-space:pre-wrap;min-height:155px;margin:0;font:500 clamp(18px,1.55vw,22px)/1.75 DM Sans}.story-sentence{border-radius:5px;outline:none;margin:-2px -3px;padding:2px 3px;transition:color .16s,background .16s,opacity .16s,box-shadow .16s}.story-prose.sentence-focus-active .story-sentence:not(.active){opacity:.28;color:#6f8783}.story-sentence.active{color:#eafff8;text-shadow:0 0 14px #b6ffe81f;background:#75efc929;box-shadow:0 0 0 3px #75efc914,0 5px 18px #16524533}.typing-caret{vertical-align:middle;background:var(--mint);width:7px;height:1.1em;margin-left:5px;animation:.8s infinite blink;display:inline-block}.decision-area{opacity:.55;margin-top:30px;transition:all .3s}.visual-story-pane>.decision-area{border-top:1px solid var(--line);background:linear-gradient(#0d1f29,#0a1821);margin:0;padding:18px 16px 20px}.decision-area.ready{opacity:1}.decision-heading span,.decision-heading strong{display:block}.decision-heading span{color:var(--mint);letter-spacing:1.6px;font-size:8px;font-weight:900}.decision-heading strong{margin-top:5px;font:700 14px Manrope}.generated-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:13px;display:grid}.generated-choices button{border:1px solid var(--line);color:#d6e6e2;text-align:left;opacity:0;background:#0e202a;border-radius:12px;grid-template-rows:auto 1fr;grid-template-columns:28px 1fr;align-items:start;gap:9px;min-height:116px;padding:12px;display:grid;transform:translateY(10px)}.decision-area.ready .generated-choices button{animation:.32s forwards choice-rise}.decision-area.ready .generated-choices .choice-2{animation-delay:.14s}.decision-area.ready .generated-choices .choice-3{animation-delay:.28s}.generated-choices button:hover{border-color:#75efc959;transform:translateY(-2px)}.generated-choices button>i{width:28px;height:28px;color:var(--mint);background:#75efc917;border-radius:8px;place-items:center;font-style:normal;display:grid}.generated-choices button>span{min-width:0}.generated-choices strong,.generated-choices small{display:block}.generated-choices strong{font-size:12px;line-height:1.35}.generated-choices small{color:#78938e;margin-top:5px;font-size:9px;line-height:1.4}.generated-choices svg{display:none}.student-custom-choice{grid-template-columns:1fr auto;gap:7px;margin-top:10px;display:grid}.student-custom-choice input{border:1px solid var(--line);color:#fff;background:#081820;border-radius:10px;min-width:0;height:45px;padding:0 12px;font-size:13px}.student-custom-choice button{background:var(--mint);color:#071019;border:0;border-radius:10px;padding:0 15px;font-size:10px;font-weight:800}.choice-skeleton{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:13px;display:grid}.choice-skeleton i{background:linear-gradient(90deg,#0e202a,#15312f,#0e202a) 0 0/200%;border-radius:12px;height:116px;animation:1.2s infinite shimmer}.learning-ribbon{background:#75efc90b;border:1px solid #75efc91f;border-radius:12px;margin-top:22px;padding:13px}.learning-ribbon>span{color:var(--mint);letter-spacing:1px;align-items:center;gap:6px;font-size:8px;font-weight:800;display:flex}.learning-ribbon svg{width:12px}.learning-ribbon>strong{color:#b6cac6;margin-top:7px;font-size:10px;line-height:1.45;display:block}.learning-ribbon>div{gap:5px;margin-top:8px;display:flex}.learning-ribbon small{color:#9de6d0;background:#15362f;border-radius:6px;padding:4px 7px}.ending-card{background:#f1ae5d0f;border:1px solid #f1ae5d40;border-radius:13px;gap:12px;margin-top:28px;padding:18px;display:flex}.ending-card svg{color:var(--amber)}.ending-card strong,.ending-card span{display:block}.ending-card span{color:#8fa6a1;margin-top:4px;font-size:11px}.fork-hint{color:#6e928b;background:0 0;border:0;margin-top:13px;font-size:9px}.fork-hint svg{vertical-align:middle;width:12px}.teacher-heading{align-items:flex-start}.teacher-heading h1 em{color:var(--mint)}.join-code-card{background:linear-gradient(135deg,#75efc917,#0c1923e6);border:1px solid #75efc933;border-radius:16px;grid-template-columns:1fr auto;gap:4px 10px;min-width:230px;padding:17px;display:grid}.join-code-card small{color:#6f948d;letter-spacing:1.4px;grid-column:1/-1;font-size:8px}.join-code-card strong{letter-spacing:1px;font:800 25px Manrope}.join-code-card button{border:1px solid var(--line);color:var(--mint);background:#10252d;border-radius:8px;font-size:9px}.join-code-card button svg{vertical-align:middle;width:12px}.join-code-card span{color:#718c87;grid-column:1/-1;font-size:9px}.new-assignment-layout{grid-template-columns:minmax(0,1.35fr) 310px}.teacher-composer{background:0 0;border:0;gap:11px;padding:0;display:grid}.composer-section{border:1px solid var(--line);background:linear-gradient(145deg,#0e202a,#0a171f);border-radius:17px;padding:22px}.composer-title{margin-bottom:18px}.composer-title div strong,.composer-title div small,.composer-toggle div strong,.composer-toggle div small,.composer-section summary div strong,.composer-section summary div small{display:block}.composer-title div small,.composer-toggle div small,.composer-section summary div small{color:#637f7a;letter-spacing:0;margin-top:2px;font-size:9px;font-weight:500}.composer-toggle,.composer-section summary{color:#e6f3f0;text-align:left;background:0 0;border:0;grid-template-columns:31px 1fr 20px;align-items:center;gap:12px;width:100%;list-style:none;display:grid}.composer-toggle>svg,.composer-section summary>svg{color:#668a84;width:16px;transition:all .2s}.composer-toggle>svg.open,.composer-section[open] summary>svg{transform:rotate(180deg)}.composer-section summary{cursor:pointer}.composer-section summary::-webkit-details-marker{display:none}.composer-section[open] summary{margin-bottom:18px}.composer-section .field-grid{grid-template-columns:1fr 1fr}.composer-section .field-grid .wide{grid-column:1/-1}.composer-section input,.composer-section textarea,.composer-section select{background:#091820;font-size:13px}.standards-picker{border-top:1px solid var(--line);padding-top:17px}.standard-search{border:1px solid var(--line);background:#081820;border-radius:11px;align-items:center;gap:8px;height:45px;padding:0 12px;display:flex}.standard-search svg{color:#5f817b;width:16px}.standard-search input{color:#fff;background:0 0;border:0;outline:0;flex:1}.subject-filter{gap:5px;margin:11px 0;display:flex;overflow-x:auto}.subject-filter button{border:1px solid var(--line);color:#72908b;background:#0b1b24;border-radius:8px;flex:none;padding:7px 9px;font-size:8px}.subject-filter button.selected{color:#071019;background:var(--mint);border-color:var(--mint)}.selected-standards{flex-wrap:wrap;gap:5px;margin-bottom:10px;display:flex}.selected-standards button{color:#9cebd3;background:#75efc914;border:1px solid #75efc933;border-radius:7px;padding:5px 7px;font-size:8px}.selected-standards svg{vertical-align:middle;width:10px}.selected-standards span{margin-left:4px}.standards-results{gap:6px;max-height:335px;padding-right:4px;display:grid;overflow:auto}.standards-results>button{border:1px solid var(--line);color:#d7e8e4;text-align:left;background:#091921;border-radius:11px;grid-template-columns:22px 1fr;gap:9px;padding:11px;display:grid}.standards-results>button.selected{background:#75efc90f;border-color:#75efc959}.standards-results>button>i{border:1px solid #315047;border-radius:6px;place-items:center;width:19px;height:19px;display:grid}.standards-results>button>i svg{width:12px;color:var(--mint)}.standards-results span{color:#60817b;text-transform:uppercase;letter-spacing:.7px;font-size:7px}.standards-results strong{color:var(--mint);margin:3px 0;font-size:11px;display:block}.standards-results p{color:#8da39f;margin:0;font-size:9px;line-height:1.4}.catalog-note{color:#54716c;margin-top:10px;font-size:8px;display:block}.agency-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.agency-grid button{border:1px solid var(--line);color:#5f7d78;text-align:left;background:#091921;border-radius:11px;grid-template-columns:22px 1fr auto;align-items:center;gap:8px;min-height:62px;padding:9px;font-size:8px;font-weight:800;display:grid}.agency-grid button.enabled{color:var(--mint);border-color:#75efc93b}.agency-grid button>i{border:1px solid #2c4942;border-radius:6px;place-items:center;width:20px;height:20px;display:grid}.agency-grid button svg{width:12px}.agency-grid strong,.agency-grid small{display:block}.agency-grid strong{color:#d2e2df;font-size:10px}.agency-grid small{color:#69847f;margin-top:3px;font-size:8px}.media-mode-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.media-mode-grid button{border:1px solid var(--line);color:#77928d;text-align:left;background:#091921;border-radius:12px;min-height:84px;padding:13px;position:relative}.media-mode-grid button.selected{background:#75efc912;border-color:#75efc973}.media-mode-grid button>svg{width:18px;color:var(--mint)}.media-mode-grid button>span strong,.media-mode-grid button>span small{display:block}.media-mode-grid button strong{color:#d6e6e3;margin-top:8px;font-size:10px}.media-mode-grid button small{margin-top:3px;font-size:8px}.media-mode-grid button>svg:last-child{width:12px;position:absolute;top:9px;right:9px}.provider-explainer{background:#091921;border-radius:10px;gap:10px;margin-top:10px;padding:11px;display:flex}.provider-explainer svg{width:17px;color:var(--amber)}.provider-explainer strong,.provider-explainer small{display:block}.provider-explainer strong{font-size:9px}.provider-explainer small{color:#657f7a;margin-top:3px;font-size:8px;line-height:1.4}.teacher-sidecar{position:sticky;top:84px}.preview-art{background:radial-gradient(circle at 60% 30%,#75efc938,#0000 30%),linear-gradient(145deg,#163c3b,#0b1821);align-items:flex-end;min-height:260px;padding:24px;display:flex;position:relative}.preview-orb{width:80px;height:80px;color:var(--mint);background:#75efc91a;border-radius:50%;align-self:flex-start;place-items:center;display:grid;position:absolute;top:25px;right:25px;box-shadow:0 0 45px #75efc921}.preview-art small{color:var(--mint);font-size:8px}.preview-art h3{margin:8px 0;font:800 24px Manrope}.preview-art p{color:#afc4bf;font-size:11px;line-height:1.5}.preview-rules{grid-template-columns:1fr;gap:5px;padding:16px;display:grid}.preview-rules span{color:#66847e;text-transform:uppercase;letter-spacing:.8px;align-items:center;gap:6px;font-size:8px;display:flex}.preview-rules span svg{width:12px}.preview-rules strong{border-bottom:1px solid var(--line);padding-bottom:9px;font-size:10px}.assignment-card-actions{gap:7px;display:flex}.assignment-card-actions button{flex:1}.assignment-card-actions .wrap{color:var(--amber);background:#f1ae5d12;border:1px solid #f1ae5d33;border-radius:9px;font-size:9px}.assignment-card-actions svg{vertical-align:middle;width:13px}@keyframes blink{50%{opacity:0}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes choice-rise{to{opacity:1;transform:translateY(0)}}@media (width<=1100px){.character-builder,.reader-layout,.new-assignment-layout{grid-template-columns:1fr}.assignment-brief,.teacher-sidecar{position:static}.reader-layout{max-width:820px;margin:auto}.teacher-sidecar{display:none}}@media (width<=720px){.character-entry{padding:28px 14px 90px}.character-entry>header{text-align:left}.character-entry>header h1{letter-spacing:-2px;font-size:39px}.character-entry>header p{font-size:14px}.builder-main{border-radius:18px;padding:18px}.character-builder{display:block}.assignment-brief{margin-top:12px}.style-grid{grid-template-columns:repeat(3,1fr)}.style-grid.more{grid-template-columns:repeat(2,1fr)}.compact-row,.story-options .compact-row{grid-template-columns:1fr}.immersive-story{padding:13px 10px 90px}.reader-toolbar{grid-template-columns:1fr auto}.story-identity{display:none}.reader-toolbar>.primary{padding:0 10px}.branch-bar>span{display:none}.reader-layout{flex-direction:column;display:flex}.visual-story-pane{width:100%}.scene-canvas{aspect-ratio:4/3}.reading-pane{width:100%;min-height:0;padding:24px 18px}.story-prose{min-height:0;font-size:20px;line-height:1.7}.scene-timeline button{min-width:150px}.teacher-heading{display:block}.join-code-card{margin-top:15px}.composer-section{padding:16px}.composer-section .field-grid,.agency-grid,.media-mode-grid{grid-template-columns:1fr}.composer-section .field-grid .wide{grid-column:auto}.new-assignment-layout{display:block}.teacher-composer{padding:0}.assignment-page{padding-left:13px;padding-right:13px}.standards-results{max-height:290px}.reference-actions{grid-template-columns:1fr}.character-reference-picker>summary{flex-direction:column;align-items:flex-start;gap:4px}.generated-choices,.choice-skeleton{scroll-snap-type:x mandatory;padding-bottom:4px;display:flex;overflow-x:auto}.generated-choices button,.choice-skeleton i{scroll-snap-align:start;flex:0 0 82vw;max-width:310px}.visual-story-pane>.decision-area{padding:18px 12px 20px}}.join-top{color:#a8efda;background:#75efc912;border:1px solid #75efc938;border-radius:9px;align-items:center;gap:6px;height:34px;padding:0 11px;font-size:9px;font-weight:800;display:flex}.join-modal{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#02080cb8;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.join-modal form{background:linear-gradient(145deg,#102630,#08151d);border:1px solid #75efc933;border-radius:22px;width:min(440px,100%);padding:34px;position:relative;box-shadow:0 30px 100px #000}.join-modal h2{margin:18px 0 10px;font:800 30px/1.05 Manrope}.join-modal p{color:#8da7a2;font-size:13px;line-height:1.5}.join-modal label{margin-top:14px;display:block}.join-modal label span{color:#75928c;text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px;font-size:9px;font-weight:800;display:block}.join-modal input{border:1px solid var(--line);color:#fff;background:#07151d;border-radius:11px;width:100%;height:50px;padding:0 13px;font-size:16px}.join-modal .primary{justify-content:center;width:100%;height:52px;margin-top:18px}.join-modal>form>small{color:#58746f;text-align:center;margin-top:13px;font-size:8px;display:block}.join-close{border:1px solid var(--line);color:#84a09b;background:#0b1c24;border-radius:50%;width:30px;height:30px;position:absolute;top:15px;right:15px}.join-modal .eyebrow{align-items:center;gap:6px;display:flex}@media (width<=720px){.join-top{display:none}.join-modal form{padding:26px 20px}.join-modal h2{font-size:26px}}.live-class-page{max-width:1420px}.live-heading{justify-content:space-between;align-items:flex-end;display:flex}.live-heading .primary{height:46px}.live-metrics{grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0;display:grid}.live-metrics article{border:1px solid var(--line);background:#0b1a23;border-radius:15px;align-items:center;gap:13px;padding:18px;display:flex}.live-metrics article>svg{color:#70d9bc;width:20px}.live-metrics article span{flex-direction:column;display:flex}.live-metrics strong{font:800 24px Manrope}.live-metrics small{color:#728d88;font-size:9px}.live-metrics .attention{background:#60281e33;border-color:#ff9d6d57}.live-metrics .attention>svg,.live-metrics .attention strong{color:#ffa071}.monitor-layout{grid-template-columns:minmax(420px,1.15fr) minmax(360px,.85fr);align-items:start;gap:16px;display:grid}.student-stream,.conversation-inspector{border:1px solid var(--line);background:#091821;border-radius:18px;overflow:hidden}.student-stream .section-head{border-bottom:1px solid var(--line);padding:18px}.live-pulse{color:#73e8c5;align-items:center;gap:5px;font-size:8px;font-weight:900;display:flex}.live-pulse i{background:#6ff0c6;border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #6ff0c6}.student-stream>button{border:0;border-bottom:1px solid var(--line);color:#dfece9;text-align:left;background:0 0;grid-template-columns:38px 1fr auto;align-items:center;gap:11px;width:100%;padding:14px 17px;display:grid}.student-stream>button:hover,.student-stream>button.selected{background:#75efc90f}.student-stream>button.selected{box-shadow:inset 3px 0 #70e3c0}.student-stream>button.flagged{background:#752d1f2b}.student-initial{color:#92f2d4;background:#15363a;border-radius:11px;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.student-stream button>span:nth-child(2){flex-direction:column;gap:3px;display:flex}.student-stream button strong{font-size:12px}.student-stream button small{color:#708d87;font-size:9px}.student-stream button>i{color:#5f827b;text-transform:uppercase;font-size:8px;font-style:normal}.student-stream button>em{color:#ffc1a6;background:#6b3023;border-radius:8px;align-items:center;gap:4px;padding:6px 8px;font-size:8px;font-style:normal;font-weight:900;display:flex}.conversation-inspector{padding:21px}.inspector-head{align-items:center;gap:11px;display:flex}.inspector-head div{flex-direction:column;display:flex}.inspector-head small{color:#5d7d76;letter-spacing:1px;font-size:8px}.inspector-head strong{margin:3px 0;font-size:15px}.inspector-head div>span{color:#7d9892;font-size:9px}.serious-alert{color:#ffc0a4;background:#66261933;border:1px solid #ff8f5c4d;border-radius:13px;gap:12px;margin:20px 0;padding:15px;display:flex}.serious-alert>svg{flex:none}.serious-alert small{letter-spacing:1px;font-size:7px;font-weight:900}.serious-alert strong{margin:4px 0;font-size:12px;display:block}.serious-alert p{color:#b98876;margin:0;font-size:9px}.story-snapshot{border:1px solid var(--line);background:#07151c;border-radius:14px;margin-top:19px;padding:20px}.story-snapshot small{color:#6e9188;letter-spacing:1px;font-size:8px}.story-snapshot p{color:#dcebe7;font:600 16px/1.65 Manrope}.story-snapshot span{color:#5e7d76;font-size:8px}.safety-actions{grid-template-columns:1.35fr 1fr;gap:8px;margin-top:14px;display:grid}.safety-actions button{justify-content:center;height:44px}.danger-action{color:#ffae8a;background:#7028192e;border:1px solid #ff825a40;border-radius:10px;justify-content:center;align-items:center;gap:6px;font-size:9px;font-weight:800;display:flex}.resolved-state{color:#87e2c6;background:#4fbd9a14;border-radius:10px;margin-top:14px;padding:13px;font-size:10px;font-weight:800}.moderation-note{color:#5f7b75;margin:15px 2px 0;font-size:8px;line-height:1.5}@media (width<=1000px){.monitor-layout{grid-template-columns:1fr}.live-metrics{grid-template-columns:1fr 1fr}}@media (width<=600px){.live-heading{display:block}.live-heading .primary{justify-content:center;width:100%;margin-top:14px}.live-metrics{grid-template-columns:1fr 1fr;gap:8px}.live-metrics article{padding:13px}.monitor-layout{display:block}.conversation-inspector{margin-top:12px}.safety-actions{grid-template-columns:1fr}.student-stream>button{grid-template-columns:35px 1fr auto;padding:12px}.live-class-page{padding-left:13px;padding-right:13px}}.teacher-story-feed{border:1px solid var(--line);background:#0a1821;border-radius:17px;margin:0 0 18px;padding:18px}.teacher-chapter-grid{gap:10px;padding-top:14px;display:flex;overflow-x:auto}.teacher-chapter-grid>article{border:1px solid var(--line);background:#0d2029;border-radius:13px;flex:0 0 min(360px,82vw);padding:14px}.teacher-chapter-grid article header{color:var(--mint);letter-spacing:1px;justify-content:space-between;gap:8px;font-size:8px;display:flex}.teacher-chapter-grid article header em{font-style:normal}.teacher-chapter-grid article header em.building{color:var(--amber)}.teacher-chapter-grid article>strong{margin-top:10px;font:700 14px Manrope;display:block}.teacher-chapter-grid article p{color:#91aaa5;max-height:74px;font-size:10px;line-height:1.5;overflow:hidden}.teacher-chapter-grid article small{color:#c2d5d1;font-size:9px;display:block}.teacher-chapter-grid video{background:#061118;border-radius:9px;width:100%;margin-top:10px}.teacher-story-empty{color:#78938e;padding:26px;font-size:11px}.teacher-film-link{color:var(--mint);align-items:center;gap:6px;margin-top:13px;font-size:10px;display:inline-flex}.film-chapter-strip{gap:12px;margin:20px 0;padding-bottom:8px;display:flex;overflow-x:auto}.film-chapter-strip article{border:1px solid var(--line);background:#0a1922;border-radius:15px;flex:0 0 min(290px,76vw);padding:12px}.film-chapter-strip article>div{aspect-ratio:16/9;background:#061118;border-radius:10px;place-items:center;display:grid;overflow:hidden}.film-chapter-strip video{object-fit:cover;width:100%;height:100%}.film-chapter-strip small,.film-chapter-strip strong,.film-chapter-strip em{display:block}.film-chapter-strip small{color:var(--mint);letter-spacing:1px;margin-top:10px;font-size:8px}.film-chapter-strip strong{margin-top:4px;font:700 14px Manrope}.film-chapter-strip em{color:#78bea9;margin-top:8px;font-size:9px;font-style:normal}.film-chapter-strip em svg{vertical-align:middle;width:12px}.film-assembly-status{border:1px solid var(--line);background:#0a1922;border-radius:15px;align-items:center;gap:14px;padding:18px;display:flex}.film-assembly-status>span{width:42px;height:42px;color:var(--mint);background:#75efc917;border-radius:12px;place-items:center;display:grid}.film-assembly-status strong{font:700 15px Manrope}.film-assembly-status p{color:#78938e;margin:4px 0 0;font-size:10px}.film-assembly-status.failed{border-color:#ff875d59}.final-film{background:#07151d;border:1px solid #75efc938;border-radius:18px;margin-top:18px;padding:14px}.final-film video{background:#000;border-radius:12px;width:100%;max-height:68vh}.final-film>div{gap:10px;margin-top:12px;display:flex}.final-film .secondary{border-radius:10px;align-items:center;gap:7px;height:44px;padding:0 16px;text-decoration:none;display:inline-flex}.character-review{background:linear-gradient(145deg,#75efc914,#061219cc);border:1px solid #75efc947;border-radius:18px;grid-template-columns:150px 1fr;gap:17px;margin-top:25px;padding:16px;display:grid;box-shadow:0 18px 48px #0003}.character-review__image{aspect-ratio:4/5;background:#07141c;border-radius:13px;grid-row:1/3;position:relative;overflow:hidden}.character-review__image img{object-fit:cover;width:100%;height:100%}.character-review__image>span{min-height:25px;color:var(--mint);letter-spacing:1px;text-align:center;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#040f14e0;border-radius:7px;justify-content:center;align-items:center;gap:5px;padding:5px 7px;font-size:7px;font-weight:900;display:flex;position:absolute;bottom:8px;left:8px;right:8px}.character-review__image>span svg{width:11px}.character-review__copy{align-self:end}.character-review__copy>small{color:var(--mint);letter-spacing:1.4px;font-size:8px;font-weight:900}.character-review__copy h2{margin:7px 0 5px;font:800 24px/1.05 Manrope}.character-review__copy p{color:#8eaaa4;margin:0;font-size:11px;line-height:1.55}.character-review__actions{grid-template-columns:auto 1fr;align-self:end;gap:9px;display:grid}.character-review__actions>.ghost{justify-content:center;min-height:48px;padding:0 13px}.character-review__actions>.begin-adventure{min-height:58px;margin:0}.character-review__actions button:disabled{cursor:not-allowed;opacity:.48}@media (width<=720px){.character-review{grid-template-columns:105px 1fr;gap:12px;padding:12px}.character-review__image{grid-row:1/2}.character-review__copy h2{font-size:20px}.character-review__actions{grid-column:1/-1;grid-template-columns:1fr}.character-review__actions>.ghost{min-height:50px}.character-review__actions>.begin-adventure{min-height:66px}.builder-main .field input,.builder-main .field textarea{font-size:16px}}.maintenance-page{text-align:center;min-height:100vh;color:var(--text);background:radial-gradient(circle at 50% 32%,#75efc921,#0000 34%),linear-gradient(145deg,#061118,#0b2029);align-content:center;place-items:center;gap:17px;padding:32px;display:grid}.maintenance-page>span{color:var(--mint);letter-spacing:2.4px;font-size:10px;font-weight:900}.maintenance-page h1{letter-spacing:-3px;max-width:780px;margin:0;font:800 clamp(38px,7vw,76px)/.98 Manrope}.maintenance-page p{color:#a8bdb8;max-width:650px;margin:0;font-size:clamp(17px,2vw,22px);line-height:1.65}.maintenance-page small{color:#b8d1cb;background:#75efc912;border:1px solid #75efc93d;border-radius:999px;justify-content:center;align-items:center;gap:9px;max-width:620px;padding:12px 16px;font-size:12px;display:flex}.maintenance-page small svg{width:17px;color:var(--mint)}.maintenance-orbit{background:#75efc917;border:1px solid #75efc957;border-radius:50%;place-items:center;width:76px;height:76px;display:grid;box-shadow:0 0 70px #75efc924}.maintenance-orbit svg{width:31px;height:31px;color:var(--mint)}@media (width<=600px){.maintenance-page{padding:24px}.maintenance-page h1{letter-spacing:-1.8px}.maintenance-page small{border-radius:18px}}.scene-canvas{aspect-ratio:16/9}.scene-target-layer{z-index:2;background:#061118;position:absolute;inset:0}.scene-target-layer>img{object-fit:fill;width:100%;height:100%;position:absolute;inset:0}.scene-target-layer>svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.scene-target-layer polygon{fill:#ffcd5c00;stroke:#0000;stroke-width:4px;vector-effect:non-scaling-stroke;cursor:pointer;pointer-events:all;transition:fill .14s,stroke .14s,filter .14s}.scene-target-layer polygon.hovered,.scene-target-layer polygon:hover,.scene-target-layer polygon:focus{fill:#ffc74640;stroke:#ffd36e;filter:drop-shadow(0 0 8px #ffcb5cf2);outline:none}.scene-target-layer polygon.selected{fill:#75efc94a;stroke:#8effdb;filter:drop-shadow(0 0 10px #75efc9f2)}.scene-target-label{z-index:4;color:#fff3c4;letter-spacing:.3px;text-align:center;pointer-events:none;background:#050f14eb;border:1px solid #ffe5968c;border-radius:9px;max-width:min(260px,70%);padding:7px 10px;font:800 10px/1.2 Manrope;position:absolute;transform:translate(-50%,-115%);box-shadow:0 9px 24px #0000006b}.interaction-instruction{z-index:5;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);color:#c9fff0;white-space:nowrap;pointer-events:none;background:#041115e0;border:1px solid #75efc966;border-radius:22px;align-items:center;gap:7px;padding:8px 12px;font-size:9px;font-weight:800;display:flex;position:absolute;bottom:13px;left:50%;transform:translate(-50%)}.interaction-instruction svg{width:14px;height:14px;color:var(--mint)}.replay-scene{z-index:6;color:#e9f5f2;background:#030c11c7;border:1px solid #ffffff40;border-radius:9px;align-items:center;gap:6px;padding:7px 10px;font-size:9px;font-weight:800;display:flex;position:absolute;top:12px;right:12px}.replay-scene svg{width:14px;height:14px}.interaction-progress{z-index:5;color:#c3ddd7;white-space:nowrap;background:#041015e6;border-radius:20px;align-items:center;gap:8px;padding:9px 13px;font-size:9px;display:flex;position:absolute;bottom:15px;left:50%;transform:translate(-50%)}.interaction-progress svg{width:14px;color:var(--mint)}.decision-heading small{color:#73958f;margin-top:5px;font-size:8px;font-weight:600;display:block}@media (width<=720px){.scene-target-label{font-size:9px}.interaction-instruction{text-overflow:ellipsis;max-width:80%;overflow:hidden}.replay-scene{top:auto;bottom:12px;right:10px}.scene-target-layer polygon{stroke-width:3px}}a.primary,a.ghost,a.secondary,a.launch{text-decoration:none}.primary.big,.ghost.big{border-radius:13px;height:50px;padding:0 22px;font-size:13px}.primary.small,.ghost.small{height:32px;padding:0 11px;font-size:10px}.secondary{color:#b9d2cc;border:1px solid var(--line);background:#0f2230;border-radius:10px;align-items:center;gap:7px;height:38px;padding:0 14px;font-size:10px;font-weight:800;display:inline-flex}.danger-action{color:#ffb7b7;background:#781e1e40;border:1px solid #ff787840;border-radius:10px;align-items:center;gap:7px;height:38px;padding:0 14px;font-size:10px;font-weight:800;display:inline-flex}.danger-action.small{height:32px;padding:0 10px}.muted{color:#7f9893;font-size:12px}.form-error{color:#ffb7b7;margin:4px 0 0;font-size:12px}.sidebar nav a{color:#8da6a2;white-space:nowrap;text-overflow:ellipsis;border:1px solid #0000;border-radius:11px;align-items:center;gap:11px;height:42px;padding:0 11px;font-size:12px;font-weight:600;text-decoration:none;display:flex;position:relative;overflow:hidden}.sidebar nav a svg{flex:none;width:17px;height:17px}.sidebar nav a:hover{color:#cfe6e1;background:#ffffff06}.sidebar nav a.active{color:#d9fff3;background:linear-gradient(90deg,#276f5e47,#1639391a);border-color:#75efc921}.sidebar nav a.active:before{content:"";background:var(--mint);width:3px;height:22px;box-shadow:0 0 12px var(--mint);border-radius:9px;position:absolute;left:-17px}@media (width>=901px){.sidebar.collapsed:not(:hover):not(:focus-within) nav a{justify-content:center;gap:0;padding-left:0;padding-right:0;font-size:0}.sidebar.collapsed:not(:hover):not(:focus-within) nav a svg{width:19px;height:19px}}.sidebar-foot>svg{color:var(--mint);flex:none}.brand{text-decoration:none}.boot.inline{flex-direction:row;gap:10px;min-height:0;padding:30px}.centered-page{flex-direction:column;justify-content:center;align-items:flex-start;gap:14px;min-height:60vh;display:flex}.section-block{margin-top:28px}.empty-state{border:1px dashed var(--line);color:#7f9893;text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:10px;padding:34px 24px;display:flex}.empty-state svg{width:28px;height:28px;color:var(--mint)}.empty-state p{max-width:420px;margin:0;font-size:13px}.empty-state.small{padding:22px}.notice+.page{padding-top:16px}.landing{max-width:1180px;margin:0 auto;padding:0 28px 60px}.landing-nav{justify-content:space-between;align-items:center;height:76px;display:flex}.landing-nav nav{flex-direction:row;align-items:center;gap:18px;display:flex}.landing-nav nav a{color:#9db5b0;font-size:12px;font-weight:700;text-decoration:none}.landing-nav nav a.primary{color:#071812;border-radius:10px;align-items:center;height:36px;padding:0 14px;font-size:11px;display:inline-flex}.hero-actions .primary,.hero-actions .ghost{width:auto}.landing-nav .brand{padding:0}.hero{max-width:820px;padding:70px 0 40px}.hero h1{letter-spacing:-2.4px;margin:16px 0 18px;font-size:54px;line-height:1.02}.hero h1 em{color:var(--mint);font-style:normal}.hero p{color:#a9c0bb;max-width:640px;font-size:17px;line-height:1.6}.hero-actions{flex-wrap:wrap;gap:12px;margin:26px 0 20px;display:flex}.hero-proof{color:#8fb3ab;flex-wrap:wrap;gap:18px;margin:0;padding:0;font-size:12px;list-style:none;display:flex}.hero-proof li{align-items:center;gap:6px;display:flex}.hero-proof svg{color:var(--mint)}.feature-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin:30px 0 70px;display:grid}.feature-grid article{border:1px solid var(--line);background:#0c1923cc;border-radius:18px;padding:22px}.feature-grid svg{color:var(--mint);width:22px;height:22px;margin-bottom:12px}.feature-grid strong{margin-bottom:6px;font:800 15px Manrope;display:block}.feature-grid p{color:#8fa8a3;margin:0;font-size:12.5px;line-height:1.55}.pricing{text-align:center;padding-bottom:40px}.pricing .eyebrow{justify-content:center}.pricing h2{letter-spacing:-1.4px;margin:10px 0 8px;font:800 34px Manrope}.pricing>p{color:#8fa8a3;max-width:560px;margin:0 auto 26px;font-size:13px}.plan-grid{text-align:left;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.plan-grid article{border:1px solid var(--line);background:#0c1923d9;border-radius:18px;flex-direction:column;gap:6px;padding:20px;display:flex}.plan-grid article.featured{border-color:#75efc966;box-shadow:0 0 0 1px #75efc926,0 20px 60px #00000059}.plan-grid article.current{border-color:var(--amber)}.plan-grid small{color:#6f8f89;letter-spacing:1.6px;font-size:9px;font-weight:800}.plan-grid strong{font:800 20px Manrope}.plan-grid em{color:var(--mint);font-size:14px;font-style:normal;font-weight:700}.plan-grid ul{color:#a9c0bb;flex-direction:column;gap:6px;margin:6px 0 12px;padding:0;font-size:12px;list-style:none;display:flex}.plan-grid li{align-items:flex-start;gap:6px;display:flex}.plan-grid li svg{color:var(--mint);flex:none;margin-top:3px}.plan-grid .primary,.plan-grid .ghost{justify-content:center;margin-top:auto}.landing-foot{color:#5f7a75;border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:20px;padding-top:22px;font-size:11px;display:flex}.auth-page{place-items:center;min-height:100vh;padding:30px 16px;display:grid}.auth-card{border:1px solid var(--line);background:#0c1923e6;border-radius:22px;flex-direction:column;gap:14px;width:100%;max-width:440px;padding:30px 28px;display:flex;box-shadow:0 30px 80px #0006}.auth-card.wide{max-width:560px}.auth-card .brand{padding-bottom:6px}.auth-card h1{margin:0;font-size:28px}.auth-card h1 em{color:var(--mint);font-style:normal}.auth-card p{color:#8fa8a3;margin:0;font-size:13px;line-height:1.5}.auth-card small{color:#7f9893;font-size:11px;line-height:1.5}.auth-card a{color:var(--mint)}.auth-card .primary{justify-content:center;height:46px;font-size:12px}.field span small{color:#6f8f89;margin-left:6px;font-weight:500}.big-input input{letter-spacing:2px;height:56px;font-size:22px}.kind-toggle{grid-template-columns:1fr 1fr;gap:10px;display:grid}.kind-toggle button{text-align:left;border:1px solid var(--line);color:#9db5b0;background:#0c1923;border-radius:14px;align-items:center;gap:10px;padding:12px;display:flex}.kind-toggle button.selected{color:#e4fff6;background:#276f5e2e;border-color:#75efc973}.kind-toggle svg{color:var(--mint);flex:none}.kind-toggle strong{font-size:13px;display:block}.kind-toggle small{color:#7f9893;font-size:10px;display:block}.class-cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.class-card{border:1px solid var(--line);color:inherit;background:#0c1923d9;border-radius:18px;flex-direction:column;gap:10px;padding:18px;text-decoration:none;transition:border-color .15s;display:flex}.class-card:hover{border-color:#75efc959}.class-card.archived{opacity:.55}.class-card-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.class-card-head strong{font:800 16px Manrope}.class-card-head span{letter-spacing:1.4px;color:#6f8f89;font-size:8px;font-weight:800}.class-card-head span.open{color:#071019;background:var(--mint);border-radius:6px;padding:3px 7px}.class-card code{letter-spacing:3px;color:var(--mint2);font:700 22px Manrope}.class-card-meta{color:#7f9893;flex-wrap:wrap;gap:10px;font-size:11px;display:flex}.class-card-meta .attention{color:var(--amber);align-items:center;gap:4px;display:flex}.class-card em{color:#9db5b0;align-items:center;gap:4px;margin-top:auto;font-size:11px;font-style:normal;display:flex}.guardrail-chip{color:#c9f6e8;background:#276f5e26;border:1px solid #75efc940;border-radius:10px;align-items:center;gap:6px;height:40px;padding:0 12px;font-size:12px;display:inline-flex}.create-class{margin-bottom:24px}.safety-list{flex-direction:column;gap:8px;display:flex}.safety-row{border:1px solid var(--line);color:inherit;background:#0c1923d9;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;display:grid}.safety-row.serious{border-color:#f1ae5d66}.safety-row.resolved{opacity:.6}.safety-row>svg{color:var(--amber)}.safety-row strong{text-transform:capitalize;font-size:12px;display:block}.safety-row span{color:#7f9893;font-size:10px;display:block}.safety-row p{color:#c5d9d5;margin:6px 0 0;font-size:12px}.safety-row small{color:#6f8f89;margin-top:4px;font-size:10px;display:block}.safety-list.compact .safety-row{grid-template-columns:auto 1fr auto}.tab-bar{border-bottom:1px solid var(--line);flex-flow:wrap;gap:6px;margin:0 0 22px;padding-bottom:10px;display:flex}.tab-bar button{color:#8da6a2;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:7px;width:auto;height:36px;padding:0 13px;font-size:11px;font-weight:700;display:inline-flex}.tab-bar button svg{width:15px;height:15px}.tab-bar button.active:before{display:none}.tab-bar button.active{color:#d9fff3;background:#276f5e33;border-color:#75efc933}.tab-bar button em{background:var(--amber);color:#071019;border-radius:7px;padding:1px 6px;font-size:9px;font-style:normal}.crumb-link{color:var(--mint);align-items:center;gap:4px;text-decoration:none;display:inline-flex}.join-code-card.inline{grid-template-columns:1fr auto;align-items:center;gap:4px 12px;margin:0;display:grid}.join-code-card.inline small{grid-column:1/-1}.join-code-card.open{border-color:#75efc973}.join-code-card.big{padding:22px}.join-code-card.big strong{letter-spacing:4px;white-space:nowrap;font-size:clamp(26px,3vw,40px)}.join-code-card.big span{color:#8fa8a3;margin-top:8px;font-size:12px;display:block}.join-code-card.big em{color:#7f9893;align-items:flex-start;gap:6px;margin-top:14px;font-size:11px;font-style:normal;line-height:1.5;display:flex}.join-controls{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.roster-page{grid-template-columns:minmax(300px,.9fr) minmax(320px,1.1fr);gap:20px;display:grid}.join-panel{flex-direction:column;gap:14px;display:flex}.add-student{border:1px solid var(--line);background:#0c1923cc;border-radius:16px;grid-template-columns:1fr auto;align-items:end;gap:10px;padding:14px;display:grid}.roster{flex-direction:column;gap:8px;display:flex}.roster-row{border:1px solid var(--line);background:#0c1923d9;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.roster-row.pending{border-color:#f1ae5d66}.roster-row.paused{opacity:.7}.roster-row strong{font-size:13px;display:block}.roster-row small{color:#7f9893;font-size:10px}.roster-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.roster-actions .small{height:32px;padding:0 10px;font-size:10px}.teacher-chapter-list{flex-direction:column;gap:10px;max-height:60vh;margin:12px 0;display:flex;overflow:auto}.teacher-chapter-list article{border:1px solid var(--line);background:#0c1923;border-radius:12px;padding:12px}.teacher-chapter-list header{letter-spacing:1.2px;color:#6f8f89;justify-content:space-between;margin-bottom:6px;font-size:9px;font-weight:800;display:flex}.teacher-chapter-list header em.ready{color:var(--mint);font-style:normal}.teacher-chapter-list header em.building{color:var(--amber);font-style:normal}.teacher-chapter-list strong{margin-bottom:4px;font-size:13px;display:block}.teacher-chapter-list p{color:#b9d2cc;margin:0;font-size:12px;line-height:1.5}.teacher-chapter-list small{color:#7f9893;margin-top:6px;font-size:10px;display:block}.teacher-chapter-list .ghost.small{margin-top:8px}.library-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;display:grid}.library-card{border:1px solid var(--line);background:#0c1923d9;border-radius:16px;flex-direction:column;gap:6px;padding:16px;display:flex}.library-card small{color:#6f8f89;font-size:10px}.library-card strong{font:800 15px Manrope}.library-card span{color:#8fa8a3;font-size:11px}.guardrail-summary{background:#276f5e1f;border:1px solid #75efc940;border-radius:16px;gap:12px;margin-bottom:16px;padding:16px;display:flex}.guardrail-summary svg{color:var(--mint);flex:none}.guardrail-summary strong{font-size:13px;display:block}.guardrail-summary p{color:#a9c0bb;margin:4px 0 0;font-size:12px;line-height:1.5}.guardrail-options{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;display:grid}.guardrail-options button{text-align:left;border:1px solid var(--line);color:#9db5b0;background:#0c1923;border-radius:12px;flex-direction:column;gap:4px;padding:12px;display:flex}.guardrail-options button.selected{color:#e4fff6;background:#276f5e2e;border-color:#75efc973}.guardrail-options button:disabled{opacity:.45}.guardrail-options strong{font-size:13px}.guardrail-options small{font-size:10px;line-height:1.4}.guardrail-options em{color:var(--amber);font-size:9px;font-style:normal}.field.checkbox{flex-direction:row;align-items:center;gap:10px}.field.checkbox input{width:18px;height:18px}.guardrail-note{color:#8fb3ab;align-items:flex-start;gap:6px;margin-top:12px;font-size:10px;line-height:1.5;display:flex}.guardrail-note svg{flex:none;width:13px;height:13px;margin-top:1px}.usage-table{grid-template-columns:1fr 1fr;gap:8px;display:grid}.usage-table div{border:1px solid var(--line);color:#9db5b0;border-radius:10px;justify-content:space-between;padding:10px 12px;font-size:12px;display:flex}.usage-table strong{color:#e4fff6}.credit-history{color:#9db5b0;flex-direction:column;gap:4px;margin:10px 0 0;padding:0;font-size:11px;list-style:none;display:flex}.credit-history li{grid-template-columns:90px 1fr auto;gap:8px;display:grid}.credit-history strong.plus{color:var(--mint)}.film-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;display:grid}.film-card{border:1px solid var(--line);color:inherit;background:#0c1923d9;border-radius:14px;align-items:center;gap:12px;padding:14px;text-decoration:none;display:flex}.film-card svg{color:var(--mint)}.film-card strong{font-size:13px;display:block}.film-card small{color:#7f9893;font-size:10px}.assignment-cards.student article{padding-bottom:14px}.modal-backdrop{z-index:40;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#03090ec7;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--line);background:#0c1923;border-radius:22px;flex-direction:column;gap:12px;width:100%;max-width:720px;max-height:92vh;padding:30px;display:flex;position:relative;overflow:auto;box-shadow:0 30px 90px #00000080}.modal h2{letter-spacing:-1px;margin:0;font:800 26px Manrope}.modal p{color:#a9c0bb;margin:0;font-size:13px;line-height:1.55}.modal-close{border:1px solid var(--line);color:#9db5b0;background:#10232d;border-radius:10px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:14px;right:14px}.paywall-actions{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}.story-topbar .crumb{gap:12px}.demo-chip{color:var(--amber)}.demo-chip i{background:var(--amber);box-shadow:0 0 10px var(--amber)}.shared-story{max-width:900px;margin:0 auto;padding:0 20px 60px}.shared-story-body h1{font-size:36px}.shared-film{background:#000;border-radius:16px;width:100%;margin:18px 0 26px}.shared-passage{margin:26px 0}.shared-passage small{color:#6f8f89;letter-spacing:1.6px;font-size:9px;font-weight:800}.shared-passage h2{margin:6px 0 10px;font:800 22px Manrope}.shared-passage video{background:#000;border-radius:14px;width:100%;margin-bottom:12px}.shared-passage .story-prose{min-height:0;font-size:18px;line-height:1.7}@media (width<=900px){.landing{padding:0 16px 40px}.hero{padding:36px 0 20px}.hero h1{letter-spacing:-1.6px;font-size:36px}.feature-grid{grid-template-columns:1fr;margin-bottom:40px}.landing-nav nav a:not(.primary){display:none}.roster-page{grid-template-columns:1fr}.join-code-card.big strong{letter-spacing:4px;font-size:32px}.usage-table{grid-template-columns:1fr}.tab-bar{flex-wrap:nowrap;overflow-x:auto}.tab-bar button{flex:none}.page-heading .heading-actions{margin-top:12px}.kind-toggle{grid-template-columns:1fr}}.assignment-card-actions{flex-wrap:wrap;gap:6px;display:flex}.assignment-card-actions>*{white-space:nowrap;flex:auto;justify-content:center;align-items:center;gap:6px;min-width:0;height:36px;display:inline-flex}.assignment-card-actions .launch svg,.assignment-card-actions .wrap svg{width:14px;height:14px}.join-code-card.big{display:block}.join-code-card.big em{width:100%}@media (width<=720px){.join-code-card.inline,.heading-actions{width:100%}.page-heading{flex-direction:column;align-items:stretch;gap:12px}}.brand-mark{background:0 0;padding:0;overflow:hidden;box-shadow:0 6px 18px #00000059}.brand-mark img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.landing-nav .brand-mark,.auth-card .brand-mark{width:38px;height:38px}button.character-review__image{cursor:zoom-in;border:0;width:100%;padding:0;display:block}.lightbox{z-index:60;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:zoom-out;background:#03090ee6;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.lightbox img{cursor:default;border-radius:16px;max-width:min(96vw,1400px);max-height:88vh;box-shadow:0 40px 120px #0009}.lightbox-close{border:1px solid var(--line);color:#e4fff6;background:#10232d;border-radius:12px;width:44px;height:44px;font-size:22px;position:absolute;top:16px;right:16px}.lightbox small{color:#7f9893;font-size:11px;position:absolute;bottom:18px}.writing-panel{grid-template-columns:auto 1fr;align-items:center;gap:12px 14px;padding:6px 0 2px;display:grid}.writing-orb{color:#071019;background:linear-gradient(135deg,var(--mint2),#4ad0aa);border-radius:50%;place-items:center;width:44px;height:44px;animation:1.4s ease-in-out infinite orb-pulse;display:grid;box-shadow:0 0 30px #75efc959}.writing-orb svg{width:20px;height:20px}.writing-panel strong{font:800 15px Manrope;display:block}.writing-panel small{color:#8fb3ab;margin-top:3px;font-size:12px;display:block}.writing-panel .choice-skeleton{grid-column:1/-1}.choice-skeleton.compact i{height:44px}@keyframes orb-pulse{0%,to{transform:scale(1);box-shadow:0 0 22px #75efc940}50%{transform:scale(1.08);box-shadow:0 0 42px #75efc980}}.decision-area.ready .generated-choices button{transition:transform .12s,border-color .12s}.decision-area.ready .generated-choices button:active{transform:scale(.985)}.video-progress{gap:6px}.video-progress-bar{background:#ffffff1a;border-radius:6px;width:min(320px,70%);height:6px;margin-top:8px;display:block;overflow:hidden}.video-progress-bar b{background:linear-gradient(90deg,var(--mint2),#4ad0aa);border-radius:6px;height:100%;transition:width .5s linear;display:block}.scene-target-layer svg polygon{fill:#75efc91a;stroke:#75efc98c;stroke-width:2.5px;vector-effect:non-scaling-stroke;cursor:pointer;transition:fill .15s,stroke .15s}.scene-target-layer svg polygon.hovered{fill:#75efc938;stroke:var(--mint2);stroke-width:3.5px;filter:drop-shadow(0 0 10px #75efc999)}.scene-target-layer svg polygon.selected{fill:#f1ae5d38;stroke:var(--amber);stroke-width:4px;filter:drop-shadow(0 0 12px #f1ae5db3)}.provider-buttons{flex-direction:column;gap:9px;margin:2px 0 4px;display:flex}.provider-button{color:#edf8f5;background:#0d1d27;border:1px solid #b8e0d533;border-radius:12px;justify-content:center;align-items:center;gap:10px;min-height:46px;font-size:13px;font-weight:700;text-decoration:none;transition:all .18s;display:flex}.provider-button:hover{background:#10242f;border-color:#75efc973}.provider-divider{align-items:center;gap:10px;margin-top:4px;display:flex}.provider-divider i{background:var(--line);flex:1;height:1px}.provider-divider small{color:#66857f;letter-spacing:1.5px;text-transform:uppercase;font-size:10px}.composer-note{color:#9fb8b3;margin:0 0 12px;font-size:12px;line-height:1.5}.story-prose .story-sentence.readable{cursor:pointer;border-radius:6px;margin:0 -3px;padding:1px 3px;transition:background .18s,color .18s}.story-prose .story-sentence.readable:hover,.story-prose .story-sentence.readable:focus-visible{background:#75efc917;outline:none}.story-prose .story-sentence.visited{color:#edf8f5;background:#75efc90d}.story-prose .story-sentence.unread{color:#a6bdb8}.story-prose .story-sentence.hint{color:#ffe7c4;background:#f1ae5d38;box-shadow:0 0 0 2px #f1ae5d59}.story-prose .story-sentence.evidence-pick{cursor:pointer}.story-prose .story-sentence.evidence-selected{color:#e8fff7;background:#75efc947;box-shadow:0 0 0 2px #75efc980}.story-prose .story-sentence.evidence-correct{text-decoration:underline;-webkit-text-decoration-color:var(--mint);text-decoration-color:var(--mint);text-underline-offset:4px;background:#75efc938}.story-prose.evidence-mode .story-sentence{border-bottom:1px dashed #b8e0d559}.reading-progress{color:#9fb8b3;align-items:center;gap:12px;margin:10px 0 4px;font-size:12px;display:flex}.reading-progress i{background:#10242f;border-radius:9px;flex:1;height:6px;overflow:hidden}.reading-progress i b{background:linear-gradient(90deg,var(--mint),#4ad0aa);height:100%;transition:width .3s;display:block}.reading-progress strong{color:#d9fff3;white-space:nowrap;font-size:12px}.reading-progress .mark-read{margin-left:auto;padding:6px 10px;font-size:11px}.mastery-panel{background:linear-gradient(145deg,#10232dfa,#09171ffa);border:1px solid #75efc938;border-radius:18px;margin-top:14px;padding:16px;animation:.35s mastery-in}@keyframes mastery-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.mastery-panel header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.mastery-panel header span{color:var(--mint);letter-spacing:2px;font-size:9px;font-weight:800}.mastery-panel header small{color:#7a9691;font-size:10px}.mastery-panel h3{margin:0 0 12px;font:700 17px/1.35 Manrope}.mastery-choices{gap:8px;display:grid}.mastery-choices button{text-align:left;color:#d7e8e4;background:#0a1821;border:1px solid #b8e0d529;border-radius:12px;align-items:center;gap:11px;min-height:48px;padding:10px 12px;font-size:14px;line-height:1.35;transition:all .18s;display:flex}.mastery-choices button i{width:24px;height:24px;color:var(--mint);text-transform:uppercase;background:#75efc91a;border-radius:7px;flex:none;place-items:center;font:800 11px Manrope;display:grid}.mastery-choices button:hover:not(:disabled),.mastery-choices button:focus-visible{background:#10242f;border-color:#75efc973;outline:none}.mastery-choices button.selected{border-color:var(--mint);background:#75efc91a}.mastery-choices button.wrong{opacity:.75;border-color:#f1ae5d80}.mastery-choices button.right{border-color:var(--mint);background:#75efc929}.mastery-feedback{color:#d7e8e4;background:#0a1821;border:1px solid #b8e0d524;border-radius:12px;margin:12px 0 0;padding:11px 13px;font-size:13px;line-height:1.45}.mastery-feedback.ok{color:#d9fff3;border-color:#75efc966}.mastery-feedback.hint{color:#ffe7c4;border-color:#f1ae5d66}.mastery-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.mastery-actions .primary{min-height:44px}.mastery-actions .flag{color:#7a9691;text-underline-offset:3px;background:0 0;border:0;margin-left:auto;font-size:11px;text-decoration:underline}.mastery-steps{gap:6px;margin-bottom:10px;display:flex}.mastery-steps i{background:#1a323b;border-radius:9px;flex:1;height:4px}.mastery-steps i.done{background:var(--mint)}.mastery-steps i.current{background:#75efc973}.mastery-done{color:#d9fff3;align-items:center;gap:12px;font-size:14px;display:flex}.mastery-done svg{color:var(--mint)}.evidence-instruction{color:#ffe7c4;align-items:center;gap:8px;margin:10px 0 0;font-size:13px;display:flex}.video-lock{text-align:center;color:#edf8f5;z-index:2;background:radial-gradient(circle at 50% 40%,#0710198c,#071019e6);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex;position:absolute;inset:0}.video-lock svg{width:34px;height:34px;color:var(--mint)}.video-lock strong{font:800 18px Manrope}.video-lock span{color:#a6bdb8;max-width:360px;font-size:13px;line-height:1.45}.video-lock .lock-progress{color:var(--mint);letter-spacing:1.5px;margin-top:6px;font-size:11px;font-weight:800}.scene-canvas.locked video{filter:blur(14px)saturate(.6);pointer-events:none}.play-chapter{color:#edf8f5;z-index:2;cursor:pointer;background:#07101959;border:0;place-items:center;display:grid;position:absolute;inset:0}.play-chapter span{background:var(--mint);color:#071019;border-radius:999px;align-items:center;gap:10px;padding:14px 22px;font:800 15px Manrope;display:flex;box-shadow:0 12px 40px #75efc959}.choices-wait{color:#9fb8b3;align-items:center;gap:10px;padding:14px 0;font-size:13px;display:flex}.mastery-tab .live-metrics{margin-bottom:16px}.mastery-table{border-collapse:collapse;width:100%;font-size:12px}.mastery-table th{text-align:left;color:#66857f;letter-spacing:1.5px;border-bottom:1px solid var(--line);padding:6px 8px;font-size:9px;font-weight:800}.mastery-table td{color:#d7e8e4;vertical-align:middle;border-bottom:1px solid #b8e0d512;padding:9px 8px}.mastery-table td strong{color:#edf8f5}.mastery-table tr.support td:first-child{border-left:3px solid var(--amber);padding-left:10px}.mastery-table .pill{color:#9fb8b3;background:#10242f;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}.mastery-table .pill.good{color:var(--mint);background:#75efc924}.mastery-table .pill.warn{color:var(--amber);background:#f1ae5d29}.skill-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin:8px 0 18px;display:grid}.skill-grid article{border:1px solid var(--line);background:#0c1923cc;border-radius:14px;padding:12px}.skill-grid article strong{text-transform:capitalize;font:800 14px Manrope;display:block}.skill-grid article span{color:#9fb8b3;margin-top:4px;font-size:11px;display:block}.skill-grid article i{background:#10242f;border-radius:9px;height:5px;margin-top:8px;display:block;overflow:hidden}.skill-grid article i b{background:var(--mint);height:100%;display:block}.misconception-list{gap:8px;margin-bottom:18px;display:grid}.misconception-list article{background:#f1ae5d0d;border:1px solid #f1ae5d33;border-radius:12px;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:10px 12px;font-size:12px;display:grid}.misconception-list article b{width:30px;height:30px;color:var(--amber);background:#f1ae5d29;border-radius:9px;place-items:center;display:grid}.misconception-list article strong{color:#edf8f5;display:block}.misconception-list article small{color:#9fb8b3}.answer-key{gap:10px;display:grid}.answer-key article{border:1px solid var(--line);background:#0c1923cc;border-radius:12px;padding:10px 12px;font-size:12px}.answer-key article strong{color:#edf8f5;margin-bottom:4px;display:block}.answer-key article ul{color:#a6bdb8;margin:6px 0 0;padding-left:18px}.answer-key article li.correct{color:var(--mint)}.answer-key article em{color:#7a9691;margin-top:6px;font-style:normal;display:block}@media (prefers-reduced-motion:reduce){.mastery-panel{animation:none}.reading-progress i b{transition:none}}@media (width<=720px){.mastery-panel{padding:13px}.mastery-choices button{min-height:52px;font-size:15px}.story-prose .story-sentence.readable{padding:3px 4px}.reading-progress{flex-wrap:wrap}}.decision-card{background:#0c1923e6;border:1px solid #b8e0d529;border-radius:16px;margin:14px 0 0;padding:14px 16px}.decision-card header{flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:6px;display:flex}.decision-card header span{letter-spacing:2px;color:var(--mint);font-size:9px;font-weight:800}.decision-card.risky header span{color:var(--amber)}.decision-card.mistake{border-color:#f1ae5d59}.decision-card.mistake header span{color:#ffb7b7}.decision-card header small{color:#7a9691;font-size:11px}.decision-card p{color:#d7e8e4;margin:0;font-size:14px;line-height:1.5}.decision-card p.historical{color:#cfe6e1;border-top:1px dashed #b8e0d529;margin-top:8px;padding-top:8px}.decision-recovery{color:#ffe7c4;flex-direction:column;gap:8px;margin-top:10px;font-size:13px;display:flex}.decision-recovery button{align-self:flex-start}.legal-card{gap:8px;max-width:760px;line-height:1.55}.legal-card h2{color:#d9fff3;margin:14px 0 4px;font:800 15px Manrope}.legal-card p,.legal-card li{color:#cfe6e1;font-size:13px}.legal-card ul{margin:0;padding-left:18px}.legal-card a{color:var(--mint)}.scene-canvas.generating video{filter:brightness(.18)saturate(.35)blur(2px)}.scene-canvas.generating:after{content:"";pointer-events:none;background:radial-gradient(circle at 50% 45%,#07101959,#071019d9);position:absolute;inset:0}.scene-canvas.generating .image-progress,.scene-canvas.generating .scene-number,.scene-canvas.generating .video-lock{z-index:2}.story-prose .story-sentence.next-up{box-shadow:0 0 0 2px #75efc959}.story-prose .story-sentence.not-yet{cursor:default;opacity:.55}.demo-controls .field-grid{padding:10px 0}.demo-controls .standards-results{max-height:220px}.demo-controls .modal{max-width:760px;max-height:90vh;overflow:auto}.danger-note{color:#ffb7b7;border:1px solid #ffb7b759;border-radius:10px;padding:8px 10px;font-size:12px}.battle-page{max-width:1000px;margin:auto;padding:18px 14px 90px}.battle-topbar{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.battle-title{letter-spacing:2.4px;color:var(--mint);align-items:center;gap:7px;font:700 10px Manrope;display:flex}.battle-turn{letter-spacing:2px;color:#7a9691;font:800 10px Manrope}.battle-stage{aspect-ratio:16/9;background:#07131a;border:1px solid #b8e0d52e;border-radius:18px;position:relative;overflow:hidden}.battle-stage img,.battle-stage video{object-fit:cover;width:100%;height:100%;display:block}.battle-stage-empty{color:#5f7c77;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.battle-stage-empty svg{width:34px;height:34px;color:var(--mint)}.battle-hud{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2;background:#050d12d1;border:1px solid #b8e0d533;border-radius:12px;min-width:210px;padding:9px 11px;position:absolute}.battle-hud.rival{top:12px;left:12px}.battle-hud.player{bottom:12px;right:12px}.battle-hud-name{justify-content:space-between;align-items:center;gap:8px;display:flex}.battle-hud-name strong{letter-spacing:.3px;font-size:12px}.battle-hud-name em{letter-spacing:1px;text-transform:uppercase;color:#071019;border-radius:6px;padding:2px 6px;font-size:8px;font-style:normal;font-weight:800}.battle-hp{background:#10242f;border:1px solid #b8e0d524;border-radius:9px;height:9px;margin:7px 0 4px;overflow:hidden}.battle-hp i{height:100%;transition:width .45s;display:block}.battle-hp.good i{background:linear-gradient(90deg,#5be0b0,#39c39a)}.battle-hp.warn i{background:linear-gradient(90deg,#f1c15d,#e0a13a)}.battle-hp.low i{background:linear-gradient(90deg,#ff9b9b,#e46a6a)}.battle-hud-meta{color:#9ab0ac;font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;font-size:9px;display:flex}.battle-hud-meta b{color:var(--amber);text-transform:uppercase;letter-spacing:1px;font-size:8px}.battle-filming{color:#d9fff3;z-index:3;background:#050d12d9;border:1px solid #75efc94d;border-radius:999px;align-items:center;gap:8px;padding:8px 13px;font-size:11px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.battle-filming svg{width:14px;height:14px;color:var(--mint)}.battle-result{z-index:4;background:#071019d1;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.battle-result strong{text-align:center;padding:0 20px;font:800 24px Manrope}.battle-console{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:12px;margin-top:12px;display:grid}.battle-log{border:1px solid var(--line);background:#0b1922;border-radius:14px;min-height:150px;max-height:230px;padding:12px 14px;font-size:13px;line-height:1.5;overflow:auto}.battle-log p{color:#c6ddd8;margin:0 0 5px}.battle-log p.super,.battle-log p.crit,.battle-log p.win{color:var(--mint);font-weight:600}.battle-log p.faint,.battle-log p.lose{color:#ffb7b7}.battle-log p.resist,.battle-log p.miss{color:#8fa8a3}.battle-actions{flex-direction:column;gap:9px;display:flex}.battle-prompt{color:var(--amber);margin:0;font-size:13px}.battle-moves{grid-template-columns:1fr 1fr;gap:9px;display:grid}.battle-moves button{text-align:left;color:#e2f1ed;background:#0e202a;border:1px solid #b8e0d52e;border-radius:12px;flex-direction:column;align-items:flex-start;gap:5px;min-height:62px;padding:10px 12px;transition:all .16s;display:flex}.battle-moves button:hover:not(:disabled){background:#123029;border-color:#75efc980}.battle-moves button strong{font:700 14px Manrope}.battle-moves button small{color:#8fa8a3;align-items:center;gap:6px;font-size:10px;display:flex}.battle-moves button small i{border-radius:3px;width:8px;height:8px;display:inline-block}.battle-bench{flex-wrap:wrap;gap:8px;display:flex}.battle-bench button{color:#c6ddd8;background:#0a1821;border:1px solid #b8e0d524;border-radius:10px;flex-direction:column;flex:1;gap:2px;min-width:96px;padding:8px 10px;font-size:11px;font-weight:600;display:flex}.battle-bench button span{color:#7a9691;font-variant-numeric:tabular-nums;font-size:9px}.battle-bench button:disabled{opacity:.4}.battle-note{color:#66857f;font-size:10px}@media (width<=760px){.battle-console{grid-template-columns:1fr}.battle-hud{width:44%;min-width:0;padding:7px 9px}.battle-hud-name strong{font-size:10px}.battle-moves button{min-height:70px}}@media (prefers-reduced-motion:reduce){.battle-hp i{transition:none}}.field{position:relative}.field.has-wand,.field.has-wand input,.field.has-wand textarea{display:block}.field-wand-row{z-index:2;justify-content:flex-end;gap:5px;margin:0;font-size:0;line-height:0;display:flex;position:absolute;bottom:7px;right:7px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.field-wand{width:27px;height:27px;color:var(--mint);background:#0c2028e6;border:1px solid #75efc947;border-radius:9px;place-items:center;padding:0;transition:all .16s;display:grid}.field-wand:hover:not(:disabled){border-color:var(--mint);background:#173a31;transform:translateY(-1px)}.field-wand:focus-visible{outline:2px solid var(--mint);outline-offset:2px}.field-wand:disabled{opacity:.55}.field-wand.undo{color:#9fb8b3;background:#0a1821e6;border-color:#b8e0d538}.field-wand.busy{border-color:#75efc980}.field.has-wand input,.field.has-wand select{padding-right:42px}.field.has-wand textarea{resize:none;padding-right:42px}:is(.field.has-wand:has(.field-wand.undo) input,.field.has-wand:has(.field-wand.undo) textarea){padding-right:75px}@media (width<=720px){.field-wand{width:32px;height:32px}.field-wand-row{bottom:8px;right:8px}}@media (prefers-reduced-motion:reduce){.field-wand:hover:not(:disabled){transform:none}}.learning-board-page{background:radial-gradient(circle at 16% 0,#0891b226,#0000 34%),radial-gradient(circle at 92% 10%,#f59e0b1f,#0000 28%),#050b14;min-height:100vh;padding:18px clamp(14px,3vw,42px) 54px;grid-column:1/-1!important}.reader-actions{justify-self:end;align-items:center;gap:8px;display:flex}.reader-actions .ghost,.reader-actions .primary{white-space:nowrap;text-decoration:none}.learning-back{color:#8ea6b5;align-items:center;gap:7px;margin:0 0 16px;font-size:12px;font-weight:700;display:inline-flex}.learning-back:hover{color:#fff}.learning-board-shell{max-width:1480px;margin:0 auto}.learning-board-heading{justify-content:space-between;align-items:flex-end;gap:28px;padding:8px 4px 22px;display:flex}.learning-board-heading h1{letter-spacing:-2.2px;margin:9px 0 5px;font-size:clamp(29px,4vw,52px)}.learning-board-heading p{color:#a8bdc8;margin:0;font-size:clamp(15px,1.5vw,19px)}.learning-standard{background:#081927c2;border:1px solid #67e8f92b;border-radius:15px;max-width:320px;padding:13px 16px}.learning-standard small,.learning-standard strong,.learning-standard span{display:block}.learning-standard small{color:#67e8f9;letter-spacing:1.6px;font-size:8px;font-weight:900}.learning-standard strong{margin:5px 0;font:700 12px Manrope}.learning-standard span{color:#748d9c;font-size:10px}.learning-board-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:15px;display:grid}.learning-canvas-card,.learning-tutor-panel{background:#081421e6;border:1px solid #94bdd224;border-radius:22px;box-shadow:0 28px 90px #00000052}.learning-canvas-card{overflow:hidden}.learning-toolbar{background:#081522;border-bottom:1px solid #94bdd21f;align-items:center;gap:10px;min-height:54px;padding:10px 14px;display:flex}.learning-toolbar>span{color:#8fa8b7;margin-right:auto;font-size:11px}.learning-toolbar>button{color:#a9bec9;background:#0c1c2a;border:1px solid #94bdd221;border-radius:9px;align-items:center;gap:6px;padding:8px 10px;font-size:10px;font-weight:700;display:inline-flex}.learning-mobile-evidence{display:none}.ink-swatches{gap:5px;padding-right:5px;display:flex}.ink-swatches button{background:var(--ink);border:2px solid #132536;border-radius:50%;width:25px;height:25px;padding:0;box-shadow:inset 0 0 0 3px #081522}.ink-swatches button.active{border-color:#67e8f9;transform:scale(1.09)}.learning-canvas{touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none;width:100%;height:auto;min-height:440px;max-height:68vh;display:block}.learning-text-response{gap:7px;padding:13px 15px 0;display:grid}.learning-text-response span{color:#9fb7c2;font-size:10px;font-weight:700}.learning-text-response textarea{resize:vertical;color:#eef9f7;background:#071522;border:1px solid #94bdd22e;border-radius:11px;outline:none;width:100%;min-height:58px;padding:11px 13px;font:14px/1.45 DM Sans}.learning-text-response textarea:focus{border-color:#67e8f9;box-shadow:0 0 0 2px #67e8f929}.learning-board-error{color:#fde68a;background:#78350f33;border:1px solid #fbbf2473;border-radius:11px;margin:10px 15px 0;padding:11px 13px;font-size:13px;line-height:1.45}.learning-object rect{fill:#0c1b2a;stroke-width:2px}.learning-object circle{fill:#14283a;stroke-width:2px}.learning-object .object-title{fill:#effaff;font:800 20px Manrope}.learning-object foreignObject p{color:#92aebb;margin:0;font:500 15px/1.45 DM Sans}.learning-object.tone-water rect,.learning-object.tone-water circle{stroke:#22d3ee}.learning-object.tone-earth rect,.learning-object.tone-earth circle{stroke:#f59e0b}.learning-object.tone-structure rect,.learning-object.tone-structure circle{stroke:#a78bfa}.learning-object.highlight-affirm rect{fill:#0e3438;stroke:#67e8f9;filter:drop-shadow(0 0 15px #67e8f973)}.learning-object.highlight-coach rect{fill:#352a13;stroke:#fbbf24;filter:drop-shadow(0 0 15px #fbbf2466)}.tutor-connection path{fill:none;stroke:#fbbf24;stroke-width:6px;stroke-linecap:round;stroke-dasharray:12 10;filter:drop-shadow(0 0 7px #fbbf248c)}.tutor-connection text{fill:#ffe5a2;text-anchor:middle;paint-order:stroke;stroke:#071120;stroke-width:7px;font:800 15px Manrope}.tutor-note rect{fill:#112c36;stroke:#67e8f9;stroke-width:1.5px}.tutor-note text{fill:#c8f7ff;font:700 14px Manrope}.learning-canvas-foot{background:#081522;border-top:1px solid #94bdd21f;justify-content:space-between;align-items:center;gap:15px;padding:13px 14px;display:flex}.learning-canvas-foot>span{color:#708b9a;font-size:10px}.learning-ask-button{color:#041712;background:linear-gradient(135deg,#c8fff1,#67e8c7);border:1px solid #9af5df;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:41px;padding:0 16px;font-size:11px;font-weight:900;display:inline-flex;box-shadow:0 10px 30px #67e8c729}.learning-tutor-panel{padding:24px;position:sticky;top:18px;overflow:hidden}.learning-tutor-panel:before{content:"";filter:blur(30px);background:#22d3ee1a;border-radius:50%;width:220px;height:220px;position:absolute;top:-100px;right:-90px}.tutor-orb{color:#06161b;background:linear-gradient(145deg,#cffafe,#22d3ee);border-radius:16px;place-items:center;width:48px;height:48px;margin-bottom:17px;display:grid;box-shadow:0 0 35px #22d3ee38}.learning-tutor-panel h2{letter-spacing:-.7px;margin:8px 0;font:800 23px Manrope}.learning-tutor-panel>p{color:#afc1ca;min-height:86px;font-size:14px;line-height:1.58}.tutor-readout{gap:8px;margin:19px 0;display:grid}.tutor-readout>div{color:#89a9b8;background:#081623;border:1px solid #94bdd21c;border-radius:12px;align-items:flex-start;gap:10px;padding:11px;display:flex}.tutor-readout svg{color:#67e8f9;flex:none;margin-top:2px}.tutor-readout span,.tutor-readout small{display:block}.tutor-readout span{text-transform:capitalize;font-size:11px;line-height:1.4}.tutor-readout small{color:#8ea6b5;letter-spacing:1.2px;margin-bottom:3px;font-size:7px;font-weight:900}.confidence{color:#839eab;margin:17px 0;font-size:9px}.confidence>span{float:left}.confidence>strong{float:right;color:#d7f7f2}.confidence>div{clear:both;background:#0c2230;border-radius:7px;height:6px;margin-top:7px;overflow:hidden}.confidence i{background:linear-gradient(90deg,#22d3ee,#86efac);border-radius:7px;height:100%;display:block}.decision-payload{border-top:1px solid #94bdd21f;margin-top:19px;padding-top:13px}.decision-payload summary{cursor:pointer;color:#7696a5;font-size:10px;font-weight:700}.decision-payload pre{color:#7ed9e8;white-space:pre-wrap;background:#040b12;border-radius:10px;max-height:230px;padding:10px;font:9px/1.5 monospace;overflow:auto}.prototype-label{color:#8ea6b5;letter-spacing:1.2px;margin-top:17px;font-size:7px;font-weight:900;display:block}.pulse{animation:1s ease-in-out infinite learning-pulse}@keyframes learning-pulse{50%{opacity:.35;transform:scale(.9)}}@media (width<=980px){.learning-board-layout{grid-template-columns:1fr}.learning-tutor-panel{grid-template-columns:auto 1fr;gap:0 16px;display:grid;position:static}.learning-tutor-panel>.eyebrow,.learning-tutor-panel>h2,.learning-tutor-panel>p,.tutor-readout,.confidence,.decision-payload,.prototype-label{grid-column:2}.tutor-orb{grid-area:1/1/5}.learning-canvas{min-height:390px}}@media (width<=680px){.reader-toolbar{grid-template-columns:1fr}.reader-toolbar>.ghost{justify-content:center;width:100%}.reader-actions{grid-template-columns:1fr 1fr;justify-self:stretch;width:100%;display:grid}.reader-actions .ghost,.reader-actions .primary{white-space:normal;text-align:center;justify-content:center;height:auto;min-height:42px}.learning-board-page{padding-left:9px;padding-right:9px}.learning-board-heading{display:block}.learning-standard{max-width:none;margin-top:16px}.learning-toolbar{flex-wrap:wrap}.learning-toolbar>span{order:3;width:100%;margin:0}.learning-toolbar>button{padding:8px;font-size:0}.learning-toolbar>button svg{margin:0}.learning-mobile-evidence{background:#071522;border-bottom:1px solid #94bdd21f;gap:10px;margin:0;padding:14px;list-style:none;display:grid}.learning-mobile-evidence li{background:#0c1b2a;border:1px solid #94bdd233;border-radius:13px;gap:5px;padding:14px;display:grid}.learning-mobile-evidence strong{color:#effaff;font:800 17px/1.3 Manrope}.learning-mobile-evidence span{color:#b8ccd5;font:500 16px/1.55 DM Sans}.learning-canvas{min-height:300px}.learning-canvas-foot{flex-direction:column;align-items:stretch}.learning-ask-button{width:100%}.learning-tutor-panel{padding:20px;display:block}.learning-tutor-panel>*{grid-column:auto!important}.learning-tutor-panel>p{min-height:0}}@media (prefers-reduced-motion:reduce){.pulse{animation:none}}
