:root{--bg:#06111f;--panel:#0d1c2f;--text:#eaf2ff;--muted:#a9bdd6;--cyan:#3dd9ff;--green:#75e39a;--yellow:#ffd166;--red:#ff6b6b;--border:#24435f}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(circle at top left,#123b62 0,#06111f 35%,#030712 100%);color:var(--text);line-height:1.55}.wrap{max-width:1380px;margin:auto;padding:24px}.top{display:flex;justify-content:space-between;gap:14px;margin-bottom:20px}.brand{font-weight:900;letter-spacing:.08em}.brand span{color:var(--cyan)}a{color:var(--cyan);text-decoration:none}.badge,.tag{display:inline-block;border:1px solid var(--border);border-radius:999px;padding:5px 9px;color:var(--muted);font-size:.82rem;background:rgba(255,255,255,.035)}.tag{border-radius:8px;color:#dff6ff;margin:3px}.hero,.panel,.card,.choice,.notebook,.command{border:1px solid var(--border);border-radius:22px;background:rgba(13,28,47,.84);box-shadow:0 18px 60px rgba(0,0,0,.23)}.hero{padding:32px}.hero h1{font-size:clamp(2rem,4vw,4rem);margin:0 0 10px}.muted,.hero p,.card p{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:20px}.card,.choice,.panel,.command{padding:20px}.choice{cursor:pointer;transition:.2s}.choice:hover,.card:hover{transform:translateY(-2px);border-color:var(--cyan)}.layout{display:grid;grid-template-columns:1fr 380px;gap:18px}.score{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:16px 0}.score div{padding:10px;border:1px solid var(--border);border-radius:14px;background:#081525}.score b{display:block}.terminal,pre{white-space:pre-wrap;background:#020712;border:1px solid #1d344f;border-radius:14px;padding:14px;color:#d7f7ff;font-family:Consolas,Menlo,monospace}.reading{border-left:4px solid var(--green);padding:12px;background:rgba(117,227,154,.08);border-radius:10px;margin:12px 0}.bad{border-left:4px solid var(--red);background:rgba(255,107,107,.08)}.warn{border:1px solid #6d5520;background:rgba(255,209,102,.08);border-radius:16px;padding:14px;color:#fff4d2}.notebook{position:sticky;top:12px;padding:16px;height:calc(100vh - 40px);overflow:auto}.notebook textarea{width:100%;min-height:76px;margin:6px 0 12px;border-radius:12px;border:1px solid var(--border);background:#07111f;color:var(--text);padding:10px}.btn{border:0;border-radius:12px;background:linear-gradient(135deg,var(--cyan),#7aa7ff);color:#03111f;font-weight:900;padding:10px 13px;margin:4px;cursor:pointer}.btn.secondary{background:#173453;color:var(--text);border:1px solid var(--border)}.event{border-left:3px solid var(--cyan);padding:8px 10px;margin:8px 0;background:#071526;border-radius:10px;font-size:.9rem}.command{margin:14px 0}.command h3{margin-top:0;color:#fff}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:1000px){.layout,.grid,.score,.two{grid-template-columns:1fr}.notebook{position:relative;height:auto}}