:root{color-scheme:dark;--bg:#070a12;--card:#101725;--card2:#151f31;--muted:#8ea0b9;--text:#eef5ff;--line:#25334b;--accent:#63e6be;--accent2:#7aa2ff;--warn:#ffcf5a;--bad:#ff7b88;--good:#82f29a}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 0%,#192849 0,#070a12 36rem),#070a12;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}button,textarea{font:inherit}button{border:0;border-radius:999px;padding:.72rem 1rem;color:var(--text);cursor:pointer;background:#22304a;transition:.15s transform,.15s background}button:hover{transform:translateY(-1px);background:#2b3d5e}.primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#061018;font-weight:800}.ghost{border:1px solid var(--line);background:rgba(255,255,255,.04)}.hero{display:flex;justify-content:space-between;gap:2rem;padding:2.2rem clamp(1rem,4vw,3rem);border-bottom:1px solid var(--line)}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--accent);font-size:.76rem;font-weight:800}.hero h1{margin:.2rem 0;font-size:clamp(2.2rem,6vw,5rem);line-height:.9}.lede{max-width:70rem;color:var(--muted);font-size:1.05rem}.hero-actions{display:flex;gap:.7rem;align-items:start;flex-wrap:wrap;justify-content:flex-end}main{padding:1.25rem clamp(1rem,4vw,3rem) 4rem}.scoreboard,.workspace-grid,.output-grid,.cross-grid{display:grid;gap:1rem}.scoreboard{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:1rem}.score-card,.chapter-card,.cross-panel,.output-card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));border-radius:24px;box-shadow:0 18px 50px rgba(0,0,0,.25)}.score-card{padding:1rem}.score-card span,.score-card small{display:block;color:var(--muted)}.score-card strong{display:block;font-size:2.2rem;margin:.15rem 0}.workspace-grid{grid-template-columns:1fr 1fr}.chapter-card{padding:1rem}.chapter-head,.panel-head{display:flex;justify-content:space-between;align-items:center;gap:1rem}.chapter-head h2,.panel-head h2,.output-card h2{margin:.2rem 0 1rem}label{display:block;color:var(--muted);font-weight:700;font-size:.82rem;margin:.8rem 0;text-transform:uppercase;letter-spacing:.06em}textarea{width:100%;resize:vertical;margin-top:.35rem;border-radius:16px;border:1px solid var(--line);background:#08101d;color:var(--text);padding:.85rem;line-height:1.45;outline:none}textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(99,230,190,.12)}.cross-panel{padding:1rem;margin:1rem 0}.cross-grid{grid-template-columns:repeat(4,1fr)}.wide{grid-column:1/-1}.cross-grid>div{background:rgba(0,0,0,.18);border:1px solid var(--line);border-radius:18px;padding:1rem}.cross-grid h3{margin-top:0;color:var(--accent)}ul{margin:.2rem 0 0;padding-left:1.2rem;color:#d9e7fa}li{margin:.35rem 0}.allocation-columns{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.allocation-columns div{border-left:3px solid var(--accent2);padding-left:1rem}.output-grid{grid-template-columns:1fr 1fr}.output-card{padding:1rem;min-width:0}pre{white-space:pre-wrap;word-break:break-word;background:#050914;border:1px solid var(--line);border-radius:16px;padding:1rem;max-height:34rem;overflow:auto;color:#dbe8fb;line-height:1.45}#toast{position:fixed;right:1rem;bottom:1rem;background:#102f2a;color:#dbfff6;border:1px solid #2fd6b5;border-radius:14px;padding:.8rem 1rem;opacity:0;transform:translateY(10px);transition:.2s}#toast.show{opacity:1;transform:none}@media(max-width:960px){.hero{display:block}.scoreboard,.workspace-grid,.output-grid,.cross-grid,.allocation-columns{grid-template-columns:1fr}.hero-actions{justify-content:flex-start}.wide{grid-column:auto}}@media print{body{background:white;color:#111}.hero-actions,.chapter-card,.scoreboard,.cross-panel button,#toast{display:none}.hero,main{padding:0;border:0}.output-grid{display:block}.output-card{border:0;box-shadow:none;background:white;page-break-inside:avoid}pre{color:#111;border:1px solid #ccc;background:white;max-height:none}.lede,.eyebrow{color:#333}}