:root{--bg: #0b1220;--panel: #0f172a;--muted: #94a3b8;--text: #e5e7eb;--brand: #0ea5e9;--ok: #10b981;--warn: #f59e0b;--bad: #ef4444}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji"}.container{max-width:980px;margin:0 auto;padding:24px}.card{background:var(--panel);border-radius:16px;padding:20px;box-shadow:0 8px 28px #00000040}.row{display:grid;gap:12px}@media(min-width:720px){.row-2{grid-template-columns:1fr 1fr}}input,textarea{width:100%;padding:12px 14px;border-radius:12px;border:1px solid #1f2937;background:#0b1220;color:--text}button{cursor:pointer;border:0;padding:12px 16px;border-radius:12px;background:var(--brand);color:#001018;font-weight:700}button.ghost{background:#111827;color:var(--text);border:1px solid #1f2937}.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;font-size:13px;font-weight:700}.badge.ok{background:color-mix(in oklab,var(--ok) 25%,transparent);border:1px solid var(--ok)}.badge.warn{background:color-mix(in oklab,var(--warn) 25%,transparent);border:1px solid var(--warn)}.badge.bad{background:color-mix(in oklab,var(--bad) 25%,transparent);border:1px solid var(--bad)}.list{display:grid;gap:10px;margin-top:12px}.item{padding:12px;border:1px solid #1f2937;border-radius:12px}.small{color:var(--muted);font-size:12px}hr{border:0;border-top:1px solid #1f2937;margin:18px 0}