:root{--bg:#0b1220;--accent:#22d3ee;--fg:#f8fafc;--muted:#94a3b8;--card:#111827;--danger:#f87171;--ok:#34d399}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:ui-sans-serif,system-ui,sans-serif}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:880px;margin:0 auto;padding:1.25rem}footer.site,header.site{border:0 solid #1e293b}header.site{border-bottom-width:1px;padding:.85rem 0;justify-content:space-between;align-items:center}footer.site,header.site{display:flex;gap:1rem;flex-wrap:wrap}footer.site{border-top-width:1px;margin-top:3rem;padding:1.25rem 0;color:var(--muted);font-size:.9rem}nav a{margin-right:.85rem}.brand,nav a{color:var(--fg)}.brand{font-weight:700;letter-spacing:.02em;display:flex;align-items:center;gap:.5rem}.mark{width:28px;height:28px;border-radius:8px;background:var(--accent);color:#0b1220;display:grid;place-items:center;font-weight:800}.card{background:var(--card);border:1px solid #1e293b;border-radius:16px;padding:1.25rem;margin:1rem 0}h1{font-size:1.6rem;margin:.4rem 0 .8rem}h2{font-size:1.15rem}.muted{color:var(--muted)}.btn,button{background:var(--accent);color:#082f3a;border:0;border-radius:10px;padding:.65rem 1rem;font-weight:700;cursor:pointer}.btn.ghost,button.ghost{background:transparent;color:var(--fg);border:1px solid #334155}input,select,textarea{width:100%;background:#0b1220;color:var(--fg);border:1px solid #334155;border-radius:10px;padding:.65rem}label{display:block;margin:.7rem 0 .3rem;color:var(--muted);font-size:.85rem}.banner{background:#422006;color:#fde68a;padding:.75rem 1rem;border-radius:10px;margin-bottom:1rem}.empty{padding:2rem 1rem;text-align:center;color:var(--muted)}.ok{color:var(--ok)}.err{color:var(--danger)}.grid{display:grid;grid-gap:.75rem;gap:.75rem}@media (min-width:640px){.grid.cols-2{grid-template-columns:1fr 1fr}}