:root{color-scheme:light dark;--bg: #ffffff;--fg: #1d1f23;--muted: #6b7280;--border: #e5e7eb;--hover: #f3f4f6;--accent: #2563eb;--ok: #15803d;--danger: #b91c1c}@media(prefers-color-scheme:dark){:root{--bg: #16181d;--fg: #e5e7eb;--muted: #9ca3af;--border: #2d3139;--hover: #1f2329;--accent: #60a5fa;--ok: #4ade80;--danger: #f87171}}body{margin:0;padding:1rem 1.5rem;font-family:system-ui,sans-serif;background:var(--bg);color:var(--fg)}header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}h1{font-size:1.4rem}h3{margin:1.5rem 0 .5rem}input,textarea,button{font:inherit;color:inherit;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:.35rem .6rem}button{cursor:pointer}button:hover:not(:disabled){background:var(--hover)}button:disabled{opacity:.5;cursor:default}