:root{--color-bg:#f6f8fa;--color-surface:#fff;--color-border:#dfe4ea;--color-text:#1c2430;--color-text-muted:#5b6676;--color-accent:#1f6feb;--color-accent-contrast:#fff;--color-ok:#1a7f4b;--color-warn:#9a6700;--color-danger:#b42318;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--radius:8px;--font:14px/1.5 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:12px/1.5 ui-monospace, "Cascadia Mono", Consolas, monospace}*{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);font:var(--font);margin:0}main{padding:var(--space-4);max-width:880px}h1{margin:0 0 var(--space-2);font-size:18px}p{margin:0 0 var(--space-3);color:var(--color-text-muted)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-4);margin-bottom:var(--space-4)}.notice{border-left:3px solid var(--color-warn);padding-left:var(--space-3)}.notice[data-tone=danger]{border-left-color:var(--color-danger)}button{font:inherit;padding:var(--space-2) var(--space-4);border-radius:var(--radius);border:1px solid var(--color-accent);background:var(--color-accent);color:var(--color-accent-contrast);cursor:pointer}button:disabled{opacity:.6;cursor:progress}button:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}pre{font:var(--font-mono);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-3);margin:var(--space-3) 0 0;overflow-x:auto}