:root{color-scheme:light dark;--bg:#0b0b0c;--card:#151519;--muted:#9aa0a6;--fg:#e6e6e7;--accent:#7c5cff;--ok:#22c55e;--warn:#f59e0b;--err:#ef4444}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:var(--bg);color:var(--fg)}.container{max-width:960px;margin:0 auto;padding:24px}.card{background:var(--card);border:1px solid #24242a;border-radius:14px;padding:16px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.btn{background:var(--accent);color:#fff;border:none;padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:600}.btn.secondary{background:#2a2a34}.input,.code{background:#0f0f14;color:var(--fg);border:1px solid #23232a;padding:10px 12px;border-radius:10px}.label{font-size:12px;color:var(--muted)}.stack{display:flex;flex-direction:column;gap:8px}.grid{display:grid;gap:12px}.grid.cols-2{grid-template-columns:1fr 1fr}.badge{font-size:12px;color:#d4d4d8;background:#27272a;border:1px solid #32323a;padding:2px 8px;border-radius:999px}.progress{width:100%;height:10px;border-radius:999px;background:#1e1e24;overflow:hidden;border:1px solid #2b2b33}.progress>span{display:block;height:100%;background:linear-gradient(90deg,#7c5cff,#22c55e);width:0%;transition:width .2s ease}.small{font-size:12px;color:var(--muted)}.kbd{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:#121218;border:1px solid #2a2a35;padding:2px 6px;border-radius:6px}