:root{--bg:#0b1020;--panel:#121a2e;--muted:#8b9bb4;--text:#e7eefb;--accent:#4f8cff;--accent-2:#22c55e;--danger:#ef4444;--border:rgba(255,255,255,.08)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:linear-gradient(180deg,#0b1020,#0c1426);color:var(--text);font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1100px;margin:0 auto;padding:16px}.header{position:sticky;top:0;background:#0c1326cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);z-index:10}.nav{display:flex;flex-wrap:wrap;gap:8px}.brand{display:flex;align-items:center;gap:10px}.brand h1{font-size:20px;margin:0}.badge{font-size:12px;color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-left:auto}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:#0f1830;color:var(--text);padding:10px 14px;border-radius:10px;font-weight:600;transition:all .2s ease;min-height:44px;min-width:44px}.btn:hover{border-color:#2a375a;transform:translateY(-1px)}.btn:focus-visible{outline:2px solid #7aa8ff;outline-offset:2px}.btn-primary{background:var(--accent);border-color:transparent;color:#fff}.btn-primary:hover{filter:brightness(1.05)}a:focus-visible{outline:2px solid #7aa8ff;outline-offset:2px;border-radius:4px}.btn-ghost{background:transparent}.main{padding:16px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:16px}.h1{font-size:28px;margin:0 0 12px}.footer{color:var(--muted);font-size:12px;border-top:1px solid var(--border);padding:16px;margin-top:24px;text-align:center}.grid{display:grid;gap:16px}@media (min-width:768px){.grid-2{grid-template-columns:1fr 1fr}}.prose{line-height:1.7}.muted{color:var(--muted)}.lang a{color:var(--muted);margin-left:8px}.lang a.active{color:var(--text);font-weight:700}
