:root{--bg:#0f0f11;--surface:#1a1a1e;--surface2:#252529;--border:#2f2f34;--text:#e4e4e7;--text2:#a1a1aa;--accent:#6366f1;--accent-hover:#818cf8;--green:#22c55e;--red:#ef4444;--yellow:#eab308;color:var(--text);background:var(--bg);font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0;padding:0}h1{margin:0 0 .25rem;font-size:1.5rem}h2{color:var(--text2);margin:0 0 .25rem;font-size:1.15rem}h3{margin:0 0 .5rem;font-size:1rem}code{background:var(--surface2);border-radius:4px;padding:.125rem .375rem;font-size:.875rem}pre{background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:1rem;font-size:.8rem;overflow-x:auto}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-bottom:1rem;padding:1.25rem}button,.btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;transition:background .15s}button:hover,.btn:hover{background:var(--accent-hover)}button:active{transform:scale(.97)}input,select{background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:.5rem .75rem;font-size:.875rem}input:focus,select:focus{border-color:var(--accent);outline:none}.badge{border-radius:4px;padding:.2rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.badge-green{color:var(--green);background:#166534}.badge-red{color:var(--red);background:#7f1d1d}.badge-yellow{color:var(--yellow);background:#713f12}header.svelte-vny38x{background:var(--surface);border-bottom:1px solid var(--border);z-index:100;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex;position:sticky;top:0}.logo.svelte-vny38x{color:var(--accent);font-size:1.1rem;font-weight:700;text-decoration:none}nav.svelte-vny38x{flex-wrap:wrap;gap:.25rem;display:flex}nav.svelte-vny38x a:where(.svelte-vny38x){color:var(--text2);border-radius:4px;padding:.3rem .5rem;font-size:.8rem;text-decoration:none;transition:all .15s}nav.svelte-vny38x a:where(.svelte-vny38x):hover{color:var(--text);background:var(--surface2)}main.svelte-vny38x{max-width:900px;margin:2rem auto;padding:0 1.5rem}