*,:before,:after{box-sizing:border-box}:root{--bg:#fff;--bg-subtle:#f8f9fa;--border:#e5e7eb;--text:#374151;--text-muted:#6b7280;--text-strong:#111827;--accent:#2563eb;--accent-hover:#1d4ed8;--code-bg:#f3f4f6;--radius:8px;--max-w:760px;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.6}body{margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{color:var(--text-strong);margin:0 0 .5em;line-height:1.3}p{margin:0 0 1em}.container{max-width:var(--max-w);margin:0 auto;padding:0 1.25rem}button,.btn{cursor:pointer;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);padding:.4rem .9rem;font-family:inherit;font-size:.875rem;transition:background .15s,border-color .15s}button:hover,.btn:hover{background:var(--bg-subtle)}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.hint{color:var(--text-muted);font-size:.9rem}.err{color:#b91c1c;font-size:.9rem}