:root{color-scheme:light;--color-bg: #ffffff;--color-surface: #f7f7f8;--color-text: #1c1c1f;--color-text-muted: #4a4a52;--color-border: #d4d4d8;--color-border-strong: #71717a;--color-primary: #1d4ed8;--color-primary-hover: #1e40af;--color-on-primary: #ffffff;--color-error: #b91c1c;--color-error-bg: #fef2f2;--color-success: #15803d;--color-focus: #1d4ed8}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--color-bg: #18181b;--color-surface: #232327;--color-text: #f4f4f5;--color-text-muted: #c4c4cc;--color-border: #3f3f46;--color-border-strong: #a1a1aa;--color-primary: #93b4fd;--color-primary-hover: #bfd2fe;--color-on-primary: #111827;--color-error: #fca5a5;--color-error-bg: #3b1515;--color-success: #86efac;--color-focus: #93b4fd}}html{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}body{margin:0;color:var(--color-text);background:var(--color-bg)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.page{max-width:60rem;margin:0 auto;padding:2rem 1rem}.page>h1{margin:0 0 1.5rem}.panel{padding:1.5rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:.5rem}.panel>h2{margin:0 0 1rem;font-size:1.25rem}.form-field{margin-bottom:1.25rem}.form-field label{display:block;margin-bottom:.375rem;font-weight:600}.form-field input{box-sizing:border-box;width:100%;padding:.625rem .75rem;font:inherit;color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border-strong);border-radius:.375rem}.form-field input[aria-invalid=true]{border-color:var(--color-error);border-width:2px}.form-hint{margin:0 0 .375rem;color:var(--color-text-muted);font-size:.9375rem}.form-error{margin:.375rem 0 0;color:var(--color-error);font-size:.9375rem}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem}.btn{padding:.625rem 1rem;font:inherit;font-weight:600;color:var(--color-on-primary);background:var(--color-primary);border:0;border-radius:.375rem;cursor:pointer}.btn:hover{background:var(--color-primary-hover)}.btn[aria-disabled=true]{cursor:progress;opacity:.85}.alert{margin-bottom:1.25rem;padding:.75rem 1rem;color:var(--color-error);background:var(--color-error-bg);border:1px solid var(--color-error);border-radius:.375rem}.notice{margin:0;color:var(--color-success);font-weight:600}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}