:root{--brand: #003366;--text: #1a1a1a;--muted: #5c6670;--surface: #ffffff;--background: #f4f6f8;--border: #c9d1d9;--link: #0b5cad;--danger: #b42318;--notice-bg: #e7f0fa;--swap-bg: #dbeafe;--comp-bg: #fde7c7;--ptd-bg: #d9f2e3;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--brand: #0b2a4a;--text: #e8eaed;--muted: #9aa4ae;--surface: #1c1f23;--background: #121416;--border: #3a4048;--link: #79b8ff;--danger: #ff8a80;--notice-bg: #1d2a38;--swap-bg: #1e3a5f;--comp-bg: #5a3d12;--ptd-bg: #1b4430}}html,body{margin:0;background:var(--background);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--link)}.card{background:var(--surface);border-radius:12px;padding:1.25rem;margin-bottom:1rem}.card h1,.card h2{margin:0 0 .75rem}.card h1{font-size:1.375rem}.card h2{font-size:1.125rem}.field{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.875rem}.field label{font-weight:600;font-size:.875rem}.field input{width:100%;min-width:0;box-sizing:border-box;font:inherit;font-size:1rem;padding:.625rem .75rem;border:1px solid var(--border);border-radius:8px;background:var(--background);color:var(--text)}.field input:focus{outline:2px solid var(--link);outline-offset:1px}.hint{color:var(--muted);font-size:.8125rem}.field-error,.form-error{color:var(--danger);font-size:.875rem}.form-error{margin:0 0 .875rem}.notice{background:var(--notice-bg);border-radius:8px;padding:.75rem;margin:0 0 .875rem}.btn{font:inherit;font-weight:600;border:0;border-radius:8px;padding:.7rem 1rem;background:var(--brand);color:#fff;cursor:pointer;width:100%}.btn:disabled{opacity:.6;cursor:default}.btn-secondary{background:transparent;color:var(--text);border:1px solid var(--border)}.links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin-top:1rem;font-size:.9375rem}a.btn{display:block;text-align:center;text-decoration:none;box-sizing:border-box}.badges{display:flex;flex-wrap:wrap;gap:.375rem}.badge{font-size:.75rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;padding:.2rem .5rem;border-radius:999px;background:var(--notice-bg);color:var(--text)}.badge.kind[data-kind=SWAP]{background:var(--swap-bg)}.badge.kind[data-kind=COMP_SWAP]{background:var(--comp-bg)}.badge.kind[data-kind=PTD]{background:var(--ptd-bg)}.badge.qual{background:transparent;border:1px solid var(--border)}.badge.status{background:transparent;color:var(--muted);border:1px solid var(--border)}.segmented{display:inline-flex;border:1px solid var(--border);border-radius:8px;overflow:hidden}.segmented button{font:inherit;font-size:.875rem;border:0;background:var(--surface);color:var(--text);padding:.5rem .75rem;cursor:pointer}.segmented button+button{border-left:1px solid var(--border)}.segmented button.active{background:var(--brand);color:#fff}.check{display:flex;gap:.5rem;align-items:flex-start;margin-bottom:.875rem;font-size:.9375rem}.check input{margin-top:.2rem}.link-btn{font:inherit;background:none;border:0;padding:0;color:var(--link);cursor:pointer;text-decoration:underline}.link-btn.danger{color:var(--danger)}h2.when .shift-id{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;margin-right:.375rem}
