:root{color-scheme:light dark;font-family:Segoe UI,system-ui,sans-serif;--bg: #f8fafc;--fg: #0f172a;--card-bg: #fff;--card-border: #e2e8f0;--muted: #64748b;--link: #6d28d9;--btn: #6d28d9;--btn-fg: #fff;--btn-secondary: #e2e8f0;--btn-secondary-fg: #0f172a;--btn-danger: #b91c1c;--input-border: #cbd5e1;--input-bg: #fff;--error: #b91c1c;--toggle-off: #cbd5e1;--toggle-knob: #fff;color:var(--fg);background:var(--bg)}@media (prefers-color-scheme: dark){:root{--bg: #0b1220;--fg: #e2e8f0;--card-bg: #111827;--card-border: #1f2937;--muted: #94a3b8;--link: #a78bfa;--btn: #7c3aed;--btn-fg: #fff;--btn-secondary: #1f2937;--btn-secondary-fg: #e2e8f0;--btn-danger: #dc2626;--input-border: #374151;--input-bg: #0f172a;--error: #f87171;--toggle-off: #374151;--toggle-knob: #e2e8f0}}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--fg)}a{color:var(--link)}.container{max-width:960px;margin:0 auto;padding:1.5rem}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:1.25rem;margin-bottom:1rem}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:8px;padding:.6rem 1rem;background:var(--btn);color:var(--btn-fg);font-weight:600;cursor:pointer}.btn.secondary{background:var(--btn-secondary);color:var(--btn-secondary-fg)}.btn.danger{background:var(--btn-danger)}.btn:disabled{opacity:.6;cursor:not-allowed}input,textarea{width:100%;border:1px solid var(--input-border);border-radius:8px;padding:.65rem .75rem;font:inherit;background:var(--input-bg);color:var(--fg)}textarea{min-height:320px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9rem}label{display:block;font-weight:600;margin:.75rem 0 .35rem}.row{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.muted{color:var(--muted)}.header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem}.error{color:var(--error);margin:.5rem 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.toggle{position:relative;width:52px;height:30px;border-radius:999px;border:0;background:var(--toggle-off);cursor:pointer;padding:0;flex-shrink:0}.toggle.on{background:var(--btn)}.toggle-knob{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:var(--toggle-knob);transition:transform .15s ease}.toggle.on .toggle-knob{transform:translate(22px)}.toggle:disabled{opacity:.6;cursor:not-allowed}