:root{--bg: #0b1220;--surface: #111a30;--surface-2: #1a2545;--border: #283256;--ink: #e6ecff;--ink-dim: #99a6cc;--accent: #67e8f0;--accent-2: #0ea5a5;--pill: #1f2a4d;font-family:ui-sans-serif,system-ui,-apple-system,Inter,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;background:radial-gradient(1200px 600px at 80% -10%,#1c2a55 0%,var(--bg) 60%) fixed;color:var(--ink);min-height:100vh}main{max-width:1200px;margin:0 auto}h1{font-weight:800;letter-spacing:-.02em;line-height:1.1;background:linear-gradient(120deg,var(--accent) 0%,#c084fc 100%);-webkit-background-clip:text;background-clip:text;color:transparent}h2{margin:40px 0 12px;font-size:1.1rem;font-weight:700;color:var(--ink)}.badge{display:inline-block;margin-left:8px;padding:4px 10px;font-size:.7em;font-weight:600;color:var(--accent);background:#67e8f01f;border:1px solid rgba(103,232,240,.3);border-radius:999px;letter-spacing:0;-webkit-text-fill-color:var(--accent)}.lede{color:var(--ink-dim);margin:0 0 32px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.stat{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 16px}.stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-dim);margin-bottom:4px}.stat-value{font-size:1.05rem;font-weight:600;font-variant-numeric:tabular-nums}.cards{display:grid;gap:10px}.card{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:24px 8px;text-align:center;font-weight:600;color:var(--ink-dim)}.show-row{display:flex;flex-wrap:wrap;gap:8px}.pill{background:var(--pill);border:1px solid var(--border);padding:6px 12px;border-radius:999px;font-size:.85rem}.code{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px;font-size:.85rem;overflow-x:auto;color:var(--accent)}.resizable{resize:horizontal;overflow:auto;width:min(900px,100%);min-width:280px;max-width:100%;background:var(--surface);border:2px dashed var(--border);border-radius:12px;padding:18px}.muted{color:var(--ink-dim);font-size:.85rem;margin:8px 0 0}footer{margin:56px 0 24px;color:var(--ink-dim);font-size:.85rem;text-align:center}footer a{color:var(--accent);text-decoration:none}footer a:hover{text-decoration:underline}
