:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b1020;--panel:#141a2e;--text:#e8ecf5;--muted:#9aa6c2;--accent:#7dd3fc;--line:#243049}*{box-sizing:border-box}html,body{background:radial-gradient(1200px 600px at 10% -10%, #1b2748 0%, var(--bg) 55%);min-height:100%;color:var(--text);margin:0;font-family:Segoe UI,system-ui,sans-serif}main{max-width:760px;margin:0 auto;padding:48px 20px 80px}h1{letter-spacing:.08em;margin:0;font-size:2.4rem;line-height:.95}h1 a{color:inherit;text-decoration:none}.brand{flex-direction:column;gap:0;display:flex}.tagline{margin:0;padding:0;font-size:1rem;line-height:1.1}h2{margin:0 0 8px}p{color:var(--muted)}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.session{color:var(--muted);white-space:nowrap;align-items:center;gap:12px;display:flex}.login{max-width:440px}label{color:var(--muted);margin:12px 0 6px;font-size:.9rem;display:block}form,.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;margin-top:24px;padding:20px}input,select,textarea,button{width:100%;font:inherit}input,select,textarea{color:var(--text);border:1px solid var(--line);background:#0d1324;border-radius:10px;padding:12px}select{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='%239aa6c2' d='M1 1l5 5 5-5'/></svg>");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}textarea{resize:vertical;min-height:110px}button{background:var(--accent);color:#082033;cursor:pointer;border:0;border-radius:10px;margin-top:12px;padding:12px 16px;font-weight:700}button.secondary,button.icon{width:auto;color:var(--text);border:1px solid var(--line);background:0 0;margin-top:0}button.icon{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:inline-flex}button.icon.active{background:var(--text);color:var(--bg);border-color:var(--text)}button.icon:hover,button.secondary:hover{border-color:var(--accent)}button.icon.active:hover{border-color:var(--text)}button.danger{color:#1a0a0a;background:#f87171}button:disabled{opacity:.6;cursor:wait}.status{text-transform:uppercase;letter-spacing:.06em;color:var(--accent);font-size:.85rem}.error{color:#fca5a5}.saved{color:#86efac}.story-setup{margin-top:24px}.questions{background:var(--panel);border:1px solid var(--line);border-radius:16px;margin-top:0;padding:20px}.question{margin-top:18px}.question:first-child{margin-top:0}.questions label,.question-label{color:var(--muted);letter-spacing:.08em;margin:0 0 8px;font-size:.8rem;font-weight:700;display:block}.example{margin:0 0 8px;font-size:.88rem;line-height:1.45}.badges{flex-wrap:wrap;gap:8px;display:flex}button.badge{width:auto;color:var(--muted);border:1px solid var(--line);background:0 0;border-radius:999px;margin-top:0;padding:6px 12px;font-size:.82rem;font-weight:600}button.badge.active{background:var(--accent);color:#082033;border-color:var(--accent)}button.badge:hover{border-color:var(--accent)}.scene{background:var(--panel);border:1px solid var(--line);border-radius:16px;margin-top:24px;padding:24px 20px}.scene h2{margin-bottom:4px}.scene h3{margin:12px 0 8px;font-size:1.1rem}.scene-meta{letter-spacing:.04em;text-transform:uppercase;margin:0 0 12px;font-size:.85rem}.scene p{color:var(--text);line-height:1.55}.choices{flex-direction:column;gap:10px;margin-top:20px;display:flex}button.choice{color:var(--text);border:1px solid var(--line);text-align:left;background:0 0;margin-top:0}button.choice.active{background:var(--accent);color:#082033;border-color:var(--accent)}button.choice:hover:not(:disabled){border-color:var(--accent)}.debug-handle{z-index:40;writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.12em;width:auto;color:var(--muted);border:1px solid var(--line);background:#10182c;border-radius:10px;margin:0;padding:10px 8px;font-size:.72rem;font-weight:700;position:fixed;top:50%}.debug-handle.left{left:8px;transform:translateY(-50%)rotate(180deg)}.debug-handle.right{right:8px;transform:translateY(-50%)}.debug-handle.active{background:var(--text);color:var(--bg);border-color:var(--text)}.debug-panel{z-index:30;border:1px solid var(--line);width:min(390px,42vw);color:var(--text);background:#0c1222;flex-direction:column;font-size:.82rem;line-height:1.4;display:flex;position:fixed;top:0;bottom:0}.debug-panel.left{border-left:0;left:0}.debug-panel.right{border-right:0;right:0}.debug-half{border-bottom:1px solid var(--line);flex:1;min-height:0;padding:16px 16px 20px 18px;overflow:auto}.debug-half:last-child{border-bottom:0}.debug-panel h3{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0 0 10px;font-size:.78rem}.debug-heading-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.debug-copy{width:auto;color:var(--text);border:1px solid var(--line);background:0 0;margin:0;padding:6px 10px;font-size:.72rem}.debug-tokens{color:var(--muted);margin:0 0 10px}.debug-block{margin-bottom:14px}.debug-block h4{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 4px;font-size:.72rem}.debug-block p,.debug-block li,.debug-empty{color:#c5cde0;margin:0 0 6px}.debug-block ul{margin:0;padding-left:16px}.debug-block pre,.debug-panel details pre{white-space:pre-wrap;word-break:break-word;color:#d7deee;background:#080d18;border:1px solid #1b2438;border-radius:8px;margin:0 0 8px;padding:8px;font-size:.74rem}.debug-panel details{margin-bottom:8px}.debug-panel summary{cursor:pointer;color:var(--accent)}@media (max-width:640px){.session{flex-wrap:wrap;justify-content:flex-end;width:100%}}