:root{--paper: #fafbfc;--paper-raised: #ffffff;--rule: #d8dee7;--rule-strong: #b9c2ce;--ink: #10161f;--ink-dim: #52606f;--ink-faint: #8d99a8;--signal: #5b3fd6;--signal-soft: rgba(91, 63, 214, .1);--warn: #b91c1c;--warn-soft: rgba(185, 28, 28, .07);--ok: #059669;--font-sans: "IBM Plex Sans", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;--radius: 3px;color-scheme:light}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--rule-strong) transparent}html,body{margin:0;padding:0;min-height:100%;background:var(--paper);color:var(--ink);font-family:var(--font-sans);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.006em}code,.mono{font-family:var(--font-mono);font-size:.88em;font-variant-numeric:tabular-nums}code{padding:.08em .3em;border:1px solid var(--rule);border-radius:var(--radius);background:var(--paper-raised);color:var(--ink);-webkit-user-select:text;user-select:text}a{color:var(--signal);text-decoration-thickness:1px;text-underline-offset:.15em}button,select,input,textarea{font:inherit;color:inherit}button,.button-like{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;cursor:pointer;background:var(--paper-raised);border:1px solid var(--rule);border-radius:var(--radius);padding:.4rem .7rem;font-size:.76rem;font-weight:500;letter-spacing:.015em;color:var(--ink-dim);text-decoration:none;transition:background .11s ease,border-color .11s ease,color .11s ease}button:hover:not(:disabled),.button-like:hover{border-color:var(--rule-strong);color:var(--ink)}button:focus-visible,.button-like:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--signal);outline-offset:1px}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:var(--ink);border-color:var(--ink);color:var(--paper-raised);padding:.55rem 1.1rem;font-size:.8rem}button.primary:hover:not(:disabled){background:var(--signal);border-color:var(--signal);color:#fff}button.on{border-color:var(--signal);color:var(--signal);background:var(--signal-soft)}@media (pointer: coarse){button,.button-like{min-height:max(2.6rem,44px);padding:.5rem .8rem}}
