@charset "UTF-8";:root{color-scheme:light;--bg: #f6f7fb;--surface: #ffffff;--surface-2: #eef0f6;--border: #dde1ea;--text: #1c2030;--muted: #646b80;--primary: #4f46e5;--primary-soft: #e8e7fd;--success: #15803d;--success-soft: #dcfce7;--danger: #dc2626;--danger-soft: #fee2e2;--neutral-bar: #b6bccb;--on-primary: #ffffff;--on-success: #ffffff;--on-danger: #ffffff;--focus: #4f46e5;--wc-1: #4f46e5;--wc-2: #0e7490;--wc-3: #be185d;--wc-4: #c2410c;--wc-5: #15803d;--wc-6: #6d28d9;--wc-7: #a16207;--wc-8: #b91c1c;--radius: .75rem}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--bg: #12141c;--surface: #1b1e29;--surface-2: #252937;--border: #333849;--text: #e9ebf2;--muted: #9aa1b5;--primary: #8b84ff;--primary-soft: #2c2a55;--success: #4ade80;--success-soft: #15361f;--danger: #f87171;--danger-soft: #3d1a1a;--neutral-bar: #4b5266;--on-primary: #12141c;--on-success: #0b1f12;--on-danger: #1f0b0b;--focus: #b4afff;--wc-1: #a5b4fc;--wc-2: #67e8f9;--wc-3: #f9a8d4;--wc-4: #fdba74;--wc-5: #86efac;--wc-6: #c4b5fd;--wc-7: #fde047;--wc-8: #fca5a5}}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:100%;line-height:1.5;-webkit-text-size-adjust:100%}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;left:1rem;top:-10rem;z-index:100;padding:.6rem 1rem;border-radius:.5rem;background:var(--primary);color:var(--on-primary);font-weight:700}.skip-link:focus{top:.5rem}main:focus{outline:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}a{color:var(--primary)}h1,h2,h3{line-height:1.2}code{background:var(--surface-2);padding:.1rem .4rem;border-radius:.3rem}input,textarea,select{font:inherit;color:inherit;background:var(--surface);border:1px solid var(--border);border-radius:.5rem;padding:.5rem .65rem}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--focus);outline-offset:0;border-color:var(--primary)}@media(pointer:coarse){input,textarea,select{font-size:max(1rem,16px)}}input[type=checkbox],input[type=radio]{width:1.1rem;height:1.1rem;accent-color:var(--primary)}.btn{min-height:2.5rem;display:inline-flex;align-items:center;justify-content:center;gap:.3rem;padding:.5rem 1rem;border-radius:.6rem;border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;font-weight:600;text-decoration:none;cursor:pointer;white-space:nowrap}.btn:hover:not(:disabled){background:var(--surface-2)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.btn.primary:hover:not(:disabled){filter:brightness(1.08);background:var(--primary)}.btn.danger{background:var(--danger);border-color:var(--danger);color:var(--on-danger)}.btn.ghost{background:transparent;border-color:transparent}.btn.ghost.danger{color:var(--danger)}.btn.small{min-height:2rem;padding:.25rem .6rem;font-size:.875rem}@media(pointer:coarse){.btn,.btn.small{min-height:2.75rem}}.badge{display:inline-block;font-size:.75rem;font-weight:700;padding:.1rem .5rem;border-radius:999px;background:var(--surface-2);color:var(--muted)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.page{max-width:72rem;margin:0 auto;padding:1.5rem max(1rem,env(safe-area-inset-left)) 3rem max(1rem,env(safe-area-inset-right))}.page.wide{max-width:90rem}.page.narrow{max-width:44rem}.page-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.page-header h1{margin:0}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.field>label,.field>.label{font-weight:600;font-size:.9rem}.segmented{display:inline-flex;border:1px solid var(--border);border-radius:.6rem;overflow:hidden;width:fit-content}.segmented button{border:none;background:var(--surface);color:inherit;padding:.45rem 1rem;font:inherit;cursor:pointer}.segmented button.active{background:var(--primary);color:var(--on-primary);font-weight:600}.muted{color:var(--muted)}.alert{background:var(--danger-soft);color:var(--danger);padding:.6rem 1rem;border-radius:.6rem}.success-msg{background:var(--success-soft);color:var(--success);padding:.6rem 1rem;border-radius:.6rem}
