:root{--bg:#0b1220;--card:#111a2b;--text:#eaf2f8;--muted:#91a5b7;--accent:#4cc9f0;--ok:#3ddc97;--err:#ef476f}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.6 ui-sans-serif,system-ui,Segoe UI,Roboto,Arial}.container{max-width:1100px;margin:0 auto;padding:24px}h1{font-size:22px;margin:0 0 16px}h2{font-size:18px;margin:0 0 12px}.grid{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 920px){.grid{grid-template-columns:1fr 1fr}}.card{background:var(--card);border-radius:16px;padding:18px;box-shadow:0 8px 24px #00000040}.row{display:flex;gap:10px;align-items:center;margin:8px 0}.btn{background:var(--accent);border:none;color:#001119;border-radius:10px;padding:8px 12px;font-weight:700;cursor:pointer}textarea{width:100%;background:#0c1728;border:1px solid #20314a;color:var(--text);border-radius:12px;padding:10px 12px}.small{color:var(--muted);font-size:12px}.badge{display:inline-block;padding:4px 8px;border-radius:999px;font-weight:700}.badge.ok{background:color-mix(in oklab,var(--ok) 25%,transparent)}.badge.err{background:color-mix(in oklab,var(--err) 25%,transparent)}