:root{--color-bg:#0f1419;--color-surface:#1a2332;--color-text:#e7ecf3;--color-muted:#9aa8bc;--color-accent:#3b82f6;--color-border:#2a3548;--font-sans:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;--space-1:0.25rem;--space-2:0.5rem;--space-3:1rem;--space-4:1.5rem;--space-5:2rem;--radius:0.5rem}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);line-height:1.5}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}main{max-width:40rem;margin:0 auto;padding:var(--space-5) var(--space-3)}.card{background:var(--color-surface);border:1px solid var(--color-border);padding:var(--space-4)}.btn,.card{border-radius:var(--radius)}.btn{display:inline-block;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);background:var(--color-accent);color:#fff;font:inherit;cursor:pointer}.btn:hover{filter:brightness(1.05)}.btn-ghost{background:transparent;color:var(--color-text)}.muted{color:var(--color-muted)}pre{overflow:auto;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-3);font-size:.85rem}header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}h1{font-size:1.5rem;margin:0 0 var(--space-2)}