:root{color-scheme:light dark;--bg:#fff;--fg:#111114;--fg-muted:#55565c;--card-bg:#f0f0f2;--border:#d5d5da;--accent:#4f7dff}@media (prefers-color-scheme:dark){:root{--bg:#0b0b0d;--fg:#f2f2f2;--fg-muted:#a3a3aa;--card-bg:#1a1a1d;--border:#444}}:root[data-theme=light]{color-scheme:light;--bg:#fff;--fg:#111114;--fg-muted:#55565c;--card-bg:#f0f0f2;--border:#d5d5da}:root[data-theme=dark]{color-scheme:dark;--bg:#0b0b0d;--fg:#f2f2f2;--fg-muted:#a3a3aa;--card-bg:#1a1a1d;--border:#444}body{margin:0;font-family:system-ui,sans-serif;background:var(--bg);color:var(--fg)}.container{max-width:720px;margin:0 auto;padding:3rem 1.5rem}a.button,button.button{display:inline-block;padding:.75rem 1.5rem;border-radius:6px;background:var(--accent);color:#fff;text-decoration:none;font-weight:600;border:none;font-size:1rem;cursor:pointer;margin-top:.5rem}input,select{display:block;width:100%;max-width:360px;padding:.5rem;margin:.5rem 0;border-radius:4px;border:1px solid var(--border);background:var(--card-bg);color:var(--fg)}.theme-toggle{position:fixed;top:1.5rem;right:1.5rem;z-index:10;display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .6rem;border-radius:6px;border:1px solid var(--border);background:var(--card-bg);color:var(--fg-muted);cursor:pointer;font-size:.8rem}.theme-toggle svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}