:root{--bg: #f6f8fa;--surface: #ffffff;--text: #1b2733;--muted: #4a5a6a;--border: #b8c4d0;--accent: #1f4e79;--accent-text: #ffffff;--accent-soft: #e4eef8;--focus: #b35c00;--warn-bg: #fff4d6;--warn-text: #5c3d00;--error: #a4121d;--ok: #1d6b3a;--demo-bg: #ffd54a;--demo-text: #1b1400;--radius: .6rem;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #11181f;--surface: #1a232c;--text: #e8eef4;--muted: #b0bdca;--border: #51606f;--accent: #8cc2f2;--accent-text: #0b1a28;--accent-soft: #223445;--focus: #ffb454;--warn-bg: #3d3210;--warn-text: #ffe9a8;--error: #ff9aa2;--ok: #7fd59b}}*,*:before,*:after{box-sizing:border-box}html{font-size:100%;-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);line-height:1.5;font:1.0625rem/1.5 system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}#app{min-height:100vh;display:flex;flex-direction:column}.boot{padding:1rem}.main{flex:1;width:100%;max-width:46rem;margin:0 auto;padding:1rem}.top{max-width:46rem;width:100%;margin:0 auto;padding:.75rem 1rem 0}.brand{font-weight:700;letter-spacing:.02em;color:var(--accent)}.foot{max-width:46rem;width:100%;margin:0 auto;padding:0 1rem 1rem}h1{font-size:1.6rem;line-height:1.25;margin:.5rem 0 1rem}h2{font-size:1.25rem;margin:1.5rem 0 .5rem}h3,h4{font-size:1.1rem;margin:1rem 0 .4rem}h1:focus{outline:none}a{color:var(--accent)}ul{padding-left:1.25rem}ul.plain{padding-left:1.1rem}li{margin:.35rem 0}.hint{color:var(--muted);font-size:.95rem;margin:.2rem 0 .6rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.demo-banner{position:sticky;top:0;z-index:10;background:var(--demo-bg);color:var(--demo-text);text-align:center;font-weight:700;padding:.5rem 1rem;border-bottom:2px solid #8a6d00}.demo-banner[hidden],[hidden]{display:none!important}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.btn{min-height:3rem;min-width:3rem;padding:.6rem 1.4rem;font:inherit;font-weight:600;border-radius:var(--radius);border:2px solid var(--accent);cursor:pointer}.btn.primary{background:var(--accent);color:var(--accent-text)}.btn.secondary{background:var(--surface);color:var(--accent)}.btn:disabled{opacity:.6;cursor:default}.link{background:none;border:0;color:var(--accent);text-decoration:underline;font:inherit;cursor:pointer;padding:.7rem .4rem;min-height:2.75rem}.nav{display:flex;gap:.75rem;justify-content:space-between;margin:1.5rem 0;flex-wrap:wrap}.nav.stack{flex-direction:column}.nav .btn{flex:1 1 10rem}.stack{display:flex;flex-direction:column;gap:.75rem}.field{font:inherit;min-height:3rem;padding:.5rem .75rem;border:2px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);max-width:100%}.field.code{text-transform:uppercase;letter-spacing:.2em;font-size:1.4rem;text-align:center}.field.short{width:5rem;text-align:center;font-size:1.3rem;text-transform:uppercase}.field.num{width:8rem}.field-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.9rem;margin:0 0 1rem}.item-text{font-weight:600;margin-bottom:.6rem}.options{display:grid;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:.5rem}.opt{display:flex;align-items:center;gap:.6rem;min-height:2.9rem;padding:.5rem .75rem;cursor:pointer;border:2px solid var(--border);border-radius:var(--radius);background:var(--bg)}.opt:hover{border-color:var(--accent)}.opt:has(input:checked){background:var(--accent-soft);border-color:var(--accent)}.opt:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}.opt input{width:1.4rem;height:1.4rem;flex:none;accent-color:var(--accent)}.opt.inline{display:inline-flex}.opt-label{flex:1}.clear{font-size:.95rem}.vh{visibility:hidden}.anon-q{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:.75rem .9rem;margin:0}.anon-q legend{font-weight:600;padding:0 .3rem}.example,.card,.notice{border-radius:var(--radius);padding:.8rem 1rem;margin:1rem 0}.example{background:var(--accent-soft)}.card{background:var(--surface);border:1px solid var(--border)}.notice{background:var(--warn-bg);color:var(--warn-text)}.notice .link{color:inherit}.error{color:var(--error);font-weight:600;margin:.3rem 0 0}.error:empty{display:none}.instructions{color:var(--muted)}.disclosure{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem 1rem 1rem;margin:1rem 0}.disclosure h2,.disclosure h3{margin-top:.6rem}.progress-wrap{margin-bottom:.5rem}.progress{width:100%;height:.75rem;accent-color:var(--accent)}.progress-text{margin:.2rem 0 0;color:var(--muted);font-size:.95rem}.sync-status{margin:0;font-size:.95rem;color:var(--muted)}.sync-status[data-kind=error]{color:var(--error);font-weight:600}.sync-status[data-kind=synced]{color:var(--ok)}@media(min-width:48rem){.nav .btn{flex:0 0 auto}.options{grid-template-columns:repeat(auto-fit,minmax(8rem,1fr))}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}