:root{--bg:#f5f6f8;--panel:#fff;--ink:#1d2330;--muted:#6b7280;--line:#e3e6ea;--accent:#2f6fed;--accent-ink:#fff;--warn:#b45309;--warn-bg:#fff7e0;--ok:#15803d;--s0:#dbeafe;--s1:#dcfce7;--s2:#fef3c7;--s3:#fce7f3;--s4:#ede9fe;--s5:#cffafe;--s0i:#1e3a8a;--s1i:#14532d;--s2i:#78350f;--s3i:#831843;--s4i:#4c1d95;--s5i:#164e63;--neutral:#e5e7eb}:root[data-theme=dark]{--bg:#26282c;--panel:#2f3136;--ink:#dcdee2;--muted:#9ba0a8;--line:#3f424a;--accent:#6d9cff;--accent-ink:#15181e;--warn:#e3b354;--warn-bg:#3e3729;--ok:#7dcf92;--s0:#35415a;--s1:#344a3c;--s2:#52473a;--s3:#503a48;--s4:#43405c;--s5:#314a4f;--s0i:#b9cdf5;--s1i:#b6e2c2;--s2i:#ecd3a8;--s3i:#ebc3dc;--s4i:#cfc6f4;--s5i:#a9dde6;--neutral:#3a3d44}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font:14px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button{font:inherit;color:var(--ink);background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:6px;padding:6px 10px}button:hover:not(:disabled){border-color:var(--accent)}button:disabled:not(.slot){opacity:.5;cursor:default}button.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}button.ghost{background:0 0}button.tiny{padding:2px 6px;font-size:12px}kbd{background:var(--neutral);color:var(--ink);border-radius:4px;margin-left:4px;padding:2px 5px;font:11px/1 ui-monospace,Menlo,monospace}input,select{font:inherit;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:6px 8px}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:0}.muted{color:var(--muted)}.small{font-size:12px}.warn{color:var(--warn)}.spacer{flex:1}.app{grid-template-rows:auto auto 1fr auto;height:100%;display:grid}.app>.welcome,.app>.work{grid-row:3}.backup-hint{background:var(--warn-bg);color:var(--warn);border-bottom:1px solid var(--line);grid-row:2;align-items:center;gap:10px;padding:6px 12px;font-size:13px;display:flex}.backup-hint span{flex:1}.toolbar{background:var(--panel);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;display:flex}.brand{margin-right:6px;font-weight:700}.batch-select{max-width:260px}.progress{color:var(--muted)}.progress b{color:var(--ink)}.dirty{color:var(--warn)}.saved{color:var(--ok)}.welcome{text-align:center;place-content:center;max-width:640px;margin:0 auto;padding:24px;display:grid}.work{grid-template-columns:1fr 340px;min-height:0;display:grid}.viewer{background:var(--neutral);min-height:0;transition:background .25s;display:flex;position:relative}.viewer.slot-bg-0{background:var(--s0)}.viewer.slot-bg-1{background:var(--s1)}.viewer.slot-bg-2{background:var(--s2)}.viewer.slot-bg-3{background:var(--s3)}.viewer.slot-bg-4{background:var(--s4)}.viewer.slot-bg-5{background:var(--s5)}.pdf-scroller{flex:1;padding:16px;overflow:auto}.pdf-pages{flex-direction:column;align-items:center;gap:12px;display:flex}.pdf-page{background:#fff;box-shadow:0 2px 10px #00000026}.pdf-status{color:var(--muted);pointer-events:none;place-content:center;display:grid;position:absolute;inset:0}.viewer-badge{background:color-mix(in srgb, var(--panel) 85%, transparent);border-radius:999px;align-items:center;gap:8px;padding:4px 10px;display:flex;position:absolute;top:10px;right:14px}.badge{border-radius:999px;padding:2px 10px}.card{background:var(--panel);border-radius:14px;width:calc(100% - 48px);max-width:640px;margin:auto;padding:32px 40px;box-shadow:0 4px 24px #00000014}.card-name{font-size:28px;font-weight:700;line-height:1.2}.card-vkn{color:var(--muted);margin-top:4px}.card-no{margin-top:18px;font-family:ui-monospace,Menlo,monospace;font-size:20px}.card-meta{color:var(--muted);align-items:center;gap:8px;margin-top:6px;display:flex}.chip{background:var(--neutral);color:var(--ink);border-radius:999px;padding:1px 8px;font-size:12px}.card-amount{margin-top:18px;font-size:36px;font-weight:700}.card-hint{color:var(--muted);margin-top:18px;font-size:12px}.side{background:var(--panel);border-left:1px solid var(--line);flex-direction:column;min-height:0;display:flex}.detail{border-bottom:1px solid var(--line);padding:12px 14px}.detail-name{margin-bottom:6px;font-size:15px;font-weight:700}.detail-row{justify-content:space-between;gap:8px;padding:2px 0;font-size:13px;display:flex}.detail-row span{color:var(--muted)}.detail-row b{text-align:right;text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.detail-code{background:var(--neutral);border-radius:8px;justify-content:space-between;margin-top:8px;padding:6px 10px;display:flex}.detail-code b{font-size:16px}.issue{color:var(--warn);background:var(--warn-bg);border-radius:6px;margin-top:6px;padding:4px 8px;font-size:12px}.search{margin:8px 10px 4px}.list{flex:1;min-height:0;overflow:auto}.row{cursor:pointer;border-left:3px solid #0000;align-items:center;gap:8px;padding:6px 12px;display:flex}.row:hover{background:var(--bg)}.row.current{background:var(--bg);border-left-color:var(--accent)}.row.done .row-name{color:var(--muted)}.row-main{flex-direction:column;flex:1;min-width:0;display:flex}.row-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.row-sub{color:var(--muted);font-family:ui-monospace,Menlo,monospace;font-size:11px}.row-code{white-space:nowrap;font-size:12px;font-weight:600}.dot{border:1px solid var(--line);background:0 0;border-radius:50%;flex:none;width:10px;height:10px}.warn-dot{color:var(--warn);margin-left:4px;font-weight:700;display:inline-block}.files{border-top:1px solid var(--line);padding:8px 12px;font-size:12px}.unmatched{align-items:center;gap:6px;padding:2px 0;display:flex}.unmatched span:first-child{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.slot-0{background:var(--s0);color:var(--s0i)}.slot-1{background:var(--s1);color:var(--s1i)}.slot-2{background:var(--s2);color:var(--s2i)}.slot-3{background:var(--s3);color:var(--s3i)}.slot-4{background:var(--s4);color:var(--s4i)}.slot-5{background:var(--s5);color:var(--s5i)}.dot.slot-0,.dot.slot-1,.dot.slot-2,.dot.slot-3,.dot.slot-4,.dot.slot-5{border-color:#0000}.dot.slot--1{background:0 0}.row.done .dot.slot--1{background:var(--muted);border-color:#0000}.bar{background:var(--panel);border-top:1px solid var(--line);grid-row:4;grid-template-columns:1fr 360px;align-items:center;gap:12px;padding:10px 12px;display:grid}.slots{grid-template-columns:repeat(3,1fr);gap:8px;max-width:760px;display:grid}.slot{border:2px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:16px;font-weight:600;display:flex}.slot kbd{color:inherit;background:#fff9;margin:0;font-size:13px}:root[data-theme=dark] .slot kbd{background:#0000004d}.slot.active{border-color:currentColor}.slot.empty{opacity:.75}.slot.empty .slot-code{opacity:.55}.slot:disabled{cursor:default}.slot .pin{opacity:.7;margin-left:auto;font-size:9px}.manual-box{flex-direction:column;gap:4px;display:flex}.manual-input{padding:8px 10px;font-family:ui-monospace,Menlo,monospace;font-size:18px}.bar.manual .slots{opacity:.45}.sugg{flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.modal-backdrop{z-index:20;background:#0006;place-items:center;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border-radius:12px;flex-direction:column;width:min(720px,94vw);max-height:90vh;display:flex;box-shadow:0 10px 40px #0000004d}.modal.wide{width:96vw;height:92vh}.modal-head{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px;display:flex}.legend{flex-wrap:wrap;gap:6px;font-size:12px;display:flex}.lg{background:var(--neutral);border-radius:999px;padding:2px 8px}.lg-no-code{background:var(--warn-bg);color:var(--warn)}.lg.ok{color:var(--ok)}.table-box{flex:1;overflow:auto}table{border-collapse:collapse;white-space:nowrap;font-size:12px}th,td{border-bottom:1px solid var(--line);text-align:left;padding:4px 8px}th{background:var(--panel);z-index:1;position:sticky;top:0}th.code-col,td.code-col{background:var(--s0);color:var(--s0i);font-weight:600}td.num,th.num{color:var(--muted)}tr.iss-code td{background:var(--warn-bg)}tr.iss-code td.code-col{background:var(--warn-bg);color:var(--warn)}tr.iss-other td{box-shadow:inset 3px 0 0 var(--warn)}.form{flex-direction:column;gap:12px;padding:16px;display:flex;overflow:auto}.form label{flex-direction:column;gap:4px;display:flex}.form label span{color:var(--muted);font-size:12px}.form .two{grid-template-columns:1fr 1fr;gap:12px;display:grid}fieldset{border:1px solid var(--line);border-radius:8px;padding:10px 12px}legend{color:var(--muted);padding:0 4px;font-size:12px}.shortcut-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.shortcut-grid label{border-radius:8px;flex-direction:row;align-items:center;padding:6px 8px}.shortcut-grid input{flex:1;min-width:0}.radio{align-items:center;flex-direction:row!important;gap:8px!important}.radio span{color:var(--ink)!important;font-size:14px!important}input.inline{width:90px}.keys{flex-direction:column;gap:4px;font-size:13px;display:flex}.busy{background:var(--accent);color:#fff;z-index:30;border-radius:999px;padding:6px 14px;position:fixed;top:56px;left:50%;transform:translate(-50%)}.toast{background:var(--ink);color:var(--bg);z-index:30;border-radius:999px;padding:8px 16px;position:fixed;bottom:96px;left:50%;transform:translate(-50%)}.drop-hint{border:3px dashed var(--accent);color:var(--accent);pointer-events:none;z-index:10;background:#2f6fed0f;border-radius:16px;place-content:center;font-size:24px;display:grid;position:fixed;inset:12px}@media (width<=900px){.work{grid-template-columns:1fr}.side{max-height:40vh}.bar{grid-template-columns:1fr}}.keys-table td{vertical-align:top;padding:5px 10px}.keys-table td:first-child{white-space:nowrap}.keys-table kbd{margin:0 4px 0 0;padding:3px 7px;font-size:12px}.row-inline{justify-content:space-between;align-items:center;gap:12px;display:flex}button.danger{color:#b91c1c;border-color:#fca5a5}button.danger:hover{background:#fee2e2}@media (width<=1600px){.toolbar kbd{display:none}.batch-select{max-width:190px}.firm-select{max-width:160px}.toolbar{gap:6px}.toolbar button{padding:6px 8px}}@media (width<=1366px){.brand{display:none}.batch-select{max-width:150px}.firm-select{max-width:130px}}:root[data-theme=dark] .pdf-page{filter:brightness(.86);box-shadow:0 2px 12px #00000073}:root[data-theme=dark] .card{box-shadow:0 4px 24px #00000059}:root[data-theme=dark] .toast{color:#26282c;background:#e6e8ec}:root[data-theme=dark] .modal-backdrop{background:#0000008c}:root[data-theme=dark] .drop-hint{background:#6d9cff14}:root[data-theme=dark] button.danger{color:#f1a0a0;border-color:#7a4242}:root[data-theme=dark] button.danger:hover{background:#4a2d2d}:root[data-theme=dark] th.code-col,:root[data-theme=dark] td.code-col{color:#b9cdf5;background:#35415a}.theme-btn{min-width:36px}.link-list{border:1px solid var(--line);border-radius:8px;max-height:50vh}.detail-row b button{vertical-align:middle;margin-left:6px}.slot{position:relative}.slot.empty{cursor:default}.slot-code.ghost{opacity:.5;cursor:pointer;font-style:italic}.slot-code.ghost.muted{cursor:default;font-style:normal}.slot.empty.has-ghost{opacity:.9}.slot-icon{color:inherit;cursor:pointer;opacity:.85;background:#ffffff8c;border:none;border-radius:6px;margin-left:auto;padding:3px 6px;font-size:13px;line-height:1}:root[data-theme=dark] .slot-icon{background:#00000047}.slot-icon.edit{opacity:0;transition:opacity .15s}.slot:hover .slot-icon.edit,.slot:focus-within .slot-icon.edit{opacity:.8}.slot-icon.save{font-size:14px}.slot.editing{border-color:var(--accent)}.slot-input{min-width:0;font:inherit;flex:1;padding:3px 8px;font-size:15px}button.hint{text-align:left;border-style:dashed;width:100%;margin-top:8px;padding:6px 10px}.list-controls{gap:6px;margin:8px 10px 0;display:flex}.list-controls select{flex:1;min-width:0;padding:4px;font-size:12px}.search{margin-top:6px}.bulk-bar{flex-direction:column;gap:4px;margin:4px 10px 6px;display:flex}.bulk-bar.active{background:var(--neutral);border-radius:8px;margin:4px 10px 6px;padding:6px 8px}.bulk-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.bulk-input{flex:1;min-width:0;font-family:ui-monospace,Menlo,monospace}.bulk-slots button{border-color:#0000;font-weight:600}.row-check{cursor:pointer;opacity:.35;flex:none;width:14px;height:14px;margin:0}.row:hover .row-check,.row-check:checked,.row.selected .row-check{opacity:1}.row.selected{outline:2px solid var(--accent);outline-offset:-2px}.row.done{background:var(--assigned)}.row.done.slot-row-0{background:var(--s0)}.row.done.slot-row-1{background:var(--s1)}.row.done.slot-row-2{background:var(--s2)}.row.done.slot-row-3{background:var(--s3)}.row.done.slot-row-4{background:var(--s4)}.row.done.slot-row-5{background:var(--s5)}.row.done.slot-row-0 .row-code{color:var(--s0i)}.row.done.slot-row-1 .row-code{color:var(--s1i)}.row.done.slot-row-2 .row-code{color:var(--s2i)}.row.done.slot-row-3 .row-code{color:var(--s3i)}.row.done.slot-row-4 .row-code{color:var(--s4i)}.row.done.slot-row-5 .row-code{color:var(--s5i)}.row.done:hover{filter:brightness(.97)}.row.done.current{box-shadow:inset 0 0 0 1px var(--accent)}.row.done .row-name{color:var(--ink);opacity:.75}.row.bulk .row-name{opacity:.6}.bulk-tag{color:var(--muted);background:var(--panel);border:1px solid var(--line);vertical-align:middle;border-radius:999px;margin-right:6px;padding:0 6px;font-size:10px;font-weight:500}:root{--assigned:#e9edf1}:root[data-theme=dark]{--assigned:#3a3e46}:root[data-theme=dark] .row.done:hover{filter:brightness(1.08)}.chart-backdrop{place-items:start center;padding-top:10vh}.chart-pop{background:var(--panel);border-radius:12px;flex-direction:column;width:min(640px,94vw);display:flex;overflow:hidden;box-shadow:0 10px 40px #0000004d}.chart-head{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;display:flex}.chart-input{border:none;border-bottom:1px solid var(--line);border-radius:0;padding:10px 14px;font-family:ui-monospace,Menlo,monospace;font-size:18px}.chart-input:focus{background:var(--bg);outline:none}.chart-list{max-height:50vh;overflow:auto}.chart-row{cursor:pointer;border-left:3px solid #0000;align-items:center;gap:12px;padding:8px 14px;display:flex}.chart-row.active{background:var(--bg);border-left-color:var(--accent)}.chart-code{min-width:90px;font-family:ui-monospace,Menlo,monospace}.chart-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.chart-empty{color:var(--muted);padding:14px}.chart-add{border-top:1px solid var(--line);background:var(--bg);align-items:center;gap:8px;padding:8px 14px;display:flex}.chart-add-name{flex:1}.acc-text{font:inherit;color:var(--ink);background:var(--panel);border:1px solid var(--line);resize:vertical;border-radius:6px;padding:6px 8px;font-family:ui-monospace,Menlo,monospace}.acc-list{border:1px solid var(--line);border-radius:8px;max-height:240px;overflow:auto}.acc-row{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:3px 8px;display:flex}.acc-row:last-child{border-bottom:none}.acc-name{flex:1;min-width:0;padding:3px 6px;font-size:13px}.lg-not-in-chart{background:var(--warn-bg);color:var(--warn)}tr.iss-chart td.code-col{color:var(--warn);text-decoration:underline wavy var(--warn)}.bulk-toggle{flex:none}.bulk-toggle.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.modal.guide{width:min(1100px,96vw);height:92vh}.guide-wrap{flex:1;grid-template-columns:180px 1fr;min-height:0;display:grid}.guide-toc{border-right:1px solid var(--line);flex-direction:column;gap:2px;padding:10px 8px;display:flex;overflow:auto}.guide-toc a{color:var(--ink);border-radius:6px;padding:6px 10px;font-size:13px;text-decoration:none}.guide-toc a:hover{background:var(--bg)}.guide-toc a.active{background:var(--s0);color:var(--s0i);font-weight:600}.guide-body{scroll-behavior:smooth;padding:8px 28px 40px;overflow:auto}.guide-step{border-bottom:1px solid var(--line);max-width:820px;padding:22px 0;scroll-margin-top:8px}.guide-step h3{margin:0 0 10px;font-size:20px}.guide-step h4{margin:16px 0 6px;font-size:15px}.guide-text p,.guide-text ol,.guide-text ul{margin:6px 0;line-height:1.55}.guide-text li{margin:4px 0}.guide-text ol{padding-left:22px}.guide-text ol li::marker{color:var(--accent);font-weight:700}.guide-text a{color:var(--accent)}.guide-text code{background:var(--neutral);border-radius:4px;padding:1px 6px;font-size:13px}.g-fig{margin:12px 0}.g-fig.narrow{max-width:480px}.g-fig img{border:1px solid var(--line);background:#fff;border-radius:10px;width:100%;display:block;box-shadow:0 2px 12px #00000014}.g-fig figcaption{color:var(--muted);margin-top:4px;font-size:12px}.g-flow{flex-wrap:wrap;align-items:center;gap:6px;margin:10px 0;display:flex}.g-flow span{background:var(--s0);color:var(--s0i);border-radius:999px;padding:6px 12px;font-weight:600}.g-flow i{color:var(--muted);font-style:normal}.g-tip,.g-warn{border-radius:8px;margin:10px 0;padding:8px 12px;font-size:13px}.g-tip{background:var(--s1);color:var(--s1i)}.g-warn{background:var(--warn-bg);color:var(--warn)}.g-table{border-collapse:collapse;width:100%;margin:8px 0;font-size:13px}.g-table td{border-bottom:1px solid var(--line);vertical-align:top;padding:6px 8px}.g-table td:first-child{white-space:nowrap;width:34%}.g-cols{flex-wrap:wrap;align-items:center;gap:16px;margin:10px 0;display:flex}.g-cols>div{background:var(--bg);border-radius:8px;flex-direction:column;gap:3px;min-width:170px;padding:10px 12px;font-family:ui-monospace,Menlo,monospace;font-size:12px;display:flex}.g-cols-title{margin-bottom:4px;font-family:system-ui,sans-serif;font-weight:700}.g-cols .ins{background:var(--s0);color:var(--s0i);border-radius:4px;padding:1px 6px;font-weight:700}.g-arrow{color:var(--muted);font-size:24px;background:0 0!important;min-width:0!important}:root[data-theme=dark] .g-fig img{filter:brightness(.86)}.keys-table{border-collapse:collapse}.keys-table td{border-bottom:1px solid var(--line);padding:5px 10px}.keys-table kbd{margin:0 4px 0 0;font-size:12px}@media (width<=800px){.guide-wrap{grid-template-columns:1fr}.guide-toc{border-right:none;border-bottom:1px solid var(--line);flex-flow:wrap}}.firm-select{max-width:200px;font-weight:600}.g-fig.mid{max-width:640px}.g-notes{counter-reset:n;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:4px 16px;margin:8px 0 0;padding-left:0;list-style:none;display:grid}.g-notes li{counter-increment:n;align-items:flex-start;gap:8px;font-size:13px;line-height:1.45;display:flex}.g-notes li:before{content:counter(n);background:var(--accent);color:#fff;text-align:center;border-radius:50%;flex:none;width:20px;height:20px;margin-top:1px;font:700 12px/20px system-ui}.g-fig.narrow .g-notes,.g-fig.mid .g-notes{grid-template-columns:1fr}.g-keys{flex-wrap:wrap;gap:8px 20px;margin:8px 0;display:flex}.g-keys>div{align-items:center;gap:4px;font-size:13px;display:flex}.g-keys span{color:var(--muted);margin-left:4px}.guide-text p{margin:6px 0 4px}