:root{
  --bg:#0b0b0f; --card:#12121a; --muted:#8a8fa3; --line:#25263a; --text:#eef0ff;
  --accent:#6ea8fe; --good:#63e6be; --bad:#ff6b6b;
}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:1100px;margin:18px auto;padding:0 14px}
.topbar{position:sticky;top:0;z-index:50;background:rgba(11,11,15,.85);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08)}
.row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.brand{font-weight:900;letter-spacing:.2px}
.nav a{margin-left:12px;color:var(--muted)}
.card{background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:14px}
.h1{font-size:20px;margin:0 0 6px 0}
.p{color:var(--muted);margin:0 0 14px 0;line-height:1.5}
.grid{display:grid;grid-template-columns:1fr;gap:12px}
@media(min-width:900px){.grid.two{grid-template-columns:1fr 1fr}}
.label{font-size:12px;color:var(--muted);margin-bottom:6px}
.input, textarea{width:100%;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.25);color:var(--text);padding:10px 12px;outline:none}
textarea{min-height:92px;resize:vertical}
.btn{border:0;border-radius:12px;padding:10px 12px;font-weight:900;cursor:pointer}
.btn.primary{background:#fff;color:#0b0b0f}
.btn.secondary{background:transparent;border:1px solid rgba(255,255,255,.16);color:var(--text)}
.badge{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.10);background:rgba(0,0,0,.25);padding:6px 10px;border-radius:999px;color:var(--muted);font-size:12px}
.hr{height:1px;background:rgba(255,255,255,.08);margin:12px 0}
.table{width:100%;border-collapse:collapse}
.table th,.table td{padding:10px 8px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left;vertical-align:top}
.table th{color:var(--muted);font-size:12px;font-weight:800}
.good{color:var(--good);font-weight:900}
.bad{color:var(--bad);font-weight:900}
.footer{margin:18px 0 30px 0;color:var(--muted);font-size:12px}
.small{font-size:12px;color:var(--muted)}
.kbd{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}