:root{--bg:#f3f6f8;--surface:#fff;--sunk:#eaf0f3;--ink:#1b2833;--muted:#5a6873;--line:#d6dee3;--accent:#1f4e79;--accent-soft:#e1ebf5;--on-accent:#fff;--good:#22744a;--good-soft:#e2f3e9;--warn:#9a6a10;--warn-soft:#fbf0d9;--bad:#b3362a;--bad-soft:#fbe5e2;--paper:#fffdf8;--paper-ink:#2b2b2b;--f-ui:"Noto Sans JP","Hiragino Sans","Yu Gothic",system-ui,sans-serif;--f-mono:"BIZ UDGothic","Osaka-Mono",ui-monospace,monospace}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#11181e;--surface:#18222a;--sunk:#0d1418;--ink:#e3eaef;--muted:#9aa9b4;--line:#2b3842;--accent:#7fb0e0;--accent-soft:#1c3045;--on-accent:#0d1a26;--good:#6cc995;--good-soft:#173326;--warn:#e2b45a;--warn-soft:#352a12;--bad:#f08578;--bad-soft:#3a1d1a;--paper:#232a2f;--paper-ink:#e6e6e6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#11181e;--surface:#18222a;--sunk:#0d1418;--ink:#e3eaef;--muted:#9aa9b4;--line:#2b3842;--accent:#7fb0e0;--accent-soft:#1c3045;--on-accent:#0d1a26;--good:#6cc995;--good-soft:#173326;--warn:#e2b45a;--warn-soft:#352a12;--bad:#f08578;--bad-soft:#3a1d1a;--paper:#232a2f;--paper-ink:#e6e6e6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--f-ui);font-size:14px;line-height:1.6}*{box-sizing:border-box}button,select,input{font:inherit;color:inherit}.app{grid-template-columns:200px 1fr;min-height:100%;display:grid}nav.side{background:var(--surface);border-right:1px solid var(--line);flex-direction:column;gap:2px;padding:16px 10px;display:flex}.brand{padding:4px 10px 14px;font-weight:700;line-height:1.3}.brand small{color:var(--muted);letter-spacing:.05em;font-size:11px;font-weight:400;display:block}.nav-btn{text-align:left;cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.nav-btn:hover{background:var(--sunk);color:var(--ink)}.nav-btn[aria-current=page]{background:var(--accent-soft);color:var(--accent);font-weight:700}.nav-sec{color:var(--muted);letter-spacing:.08em;padding:14px 10px 4px;font-size:11px}.badge{background:var(--bad);color:var(--surface);font-variant-numeric:tabular-nums;border-radius:9px;padding:0 7px;font-size:11px}main{flex-direction:column;min-width:0;display:flex}header.top{border-bottom:1px solid var(--line);background:var(--surface);top:env(safe-area-inset-top,0px);z-index:5;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 24px;display:flex;position:sticky}.ctx{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ctx label{color:var(--muted);font-size:12px}select,input[type=text],input[type=number],input[type=date]{background:var(--surface);border:1px solid var(--line);border-radius:6px;min-width:0;padding:5px 8px}.mock-note{color:var(--warn);background:var(--warn-soft);border-radius:4px;padding:3px 10px;font-size:12px}.view{flex-direction:column;gap:16px;padding:20px 24px 40px;display:flex}h1{text-wrap:balance;margin:0;font-size:20px}h2{margin:0;font-size:15px}.sub{color:var(--muted);margin:0;font-size:13px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;min-width:0;padding:16px}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.spread{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.btn{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:6px;padding:6px 12px}.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:700}.btn.small{padding:2px 8px;font-size:12px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tbl-wrap{overflow-x:auto}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;white-space:nowrap;padding:7px 8px}th{color:var(--muted);background:var(--sunk);font-size:12px;font-weight:400}td.num,th.num{text-align:right}tr.sel td{background:var(--accent-soft)}tbody tr.click{cursor:pointer}tbody tr.click:hover td{background:var(--sunk)}.chip{white-space:nowrap;border-radius:10px;align-items:center;gap:4px;padding:0 8px;font-size:12px;display:inline-flex}.c-good{background:var(--good-soft);color:var(--good)}.c-warn{background:var(--warn-soft);color:var(--warn)}.c-bad{background:var(--bad-soft);color:var(--bad)}.c-plain{background:var(--sunk);color:var(--muted)}.c-accent{background:var(--accent-soft);color:var(--accent)}.dot{background:currentColor;border-radius:50%;width:8px;height:8px}.stripe{border-left:4px solid #0000}.s-good{border-left-color:var(--good)}.s-warn{border-left-color:var(--warn)}.s-bad{border-left-color:var(--bad)}.s-done{border-left-color:var(--line)}.muted{color:var(--muted)}.mono{font-family:var(--f-mono)}.small{font-size:12px}.grid-review{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:16px;display:grid}.grid-2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.stat{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:12px 14px}.stat b{font-variant-numeric:tabular-nums;font-size:22px;display:block}.stat span{color:var(--muted);font-size:12px}.paper{background:var(--paper);color:var(--paper-ink);border:1px solid var(--line);border-radius:4px;min-height:280px;padding:18px;font-size:13px;box-shadow:0 1px 3px #00000014}.paper h3{text-align:center;letter-spacing:.3em;margin:0 0 8px;font-size:16px}.paper .kv{border-bottom:1px dotted var(--line);justify-content:space-between;gap:8px;padding:3px 0;display:flex}.paper table th{background:0 0}.paper tr.hl td{background:var(--warn-soft)}.fname{font-family:var(--f-mono);color:var(--muted);word-break:break-all;font-size:12px}.basis{color:var(--muted);font-size:12px}.lines td{border-bottom:0;padding:2px 8px 2px 0}.overlay{z-index:20;background:#0a141e73;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:var(--surface);flex-direction:column;gap:14px;width:min(520px,100%);height:100%;padding:20px;display:flex;overflow:auto}.field{grid-template-columns:110px minmax(0,1fr);align-items:center;gap:8px;display:grid}.field>span{color:var(--muted);font-size:12px}fieldset{border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:6px;margin:0;padding:10px 12px;display:flex}legend{color:var(--muted);padding:0 4px;font-size:12px}.notice{border-radius:6px;padding:8px 12px;font-size:13px}.n-warn{background:var(--warn-soft);color:var(--warn)}.n-info{background:var(--accent-soft);color:var(--accent)}.toast{bottom:calc(20px + env(safe-area-inset-bottom,0px));background:var(--ink);color:var(--bg);z-index:30;border-radius:6px;padding:8px 16px;font-size:13px;position:fixed;left:50%;transform:translate(-50%)}pre.csv{background:var(--sunk);font-family:var(--f-mono);border-radius:6px;margin:0;padding:12px;font-size:12px;line-height:1.7;overflow-x:auto}.filters{flex-wrap:wrap;gap:6px;display:flex}.filters button{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:14px;padding:2px 12px;font-size:12px}.filters button[aria-pressed=true]{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.drop{border:2px dashed var(--line);border-radius:8px;flex-direction:column;gap:4px;padding:14px;display:flex}.drop.done{border-style:solid;border-color:var(--good)}.thumb{border:1px solid var(--line);cursor:zoom-in;background:var(--surface);border-radius:2px;width:100%;height:58px;padding:5px;display:block}.thumb span{background:repeating-linear-gradient(to bottom,var(--line) 0 2px,transparent 2px 7px);opacity:.8;height:100%;display:block}.big{background:var(--paper);color:var(--paper-ink);border:1px solid var(--line);aspect-ratio:1/1.41;flex-direction:column;gap:10px;padding:24px;display:flex}.big .ln{background:var(--line);border-radius:2px;height:7px}tr.sel-scan td{background:var(--accent-soft)}.groups{flex-direction:column;gap:10px;display:flex}.grp{border:1px solid var(--line);background:var(--surface);border-radius:8px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.grp.excl{background:var(--sunk);border-style:dashed}.grp-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.pages{flex-wrap:wrap;align-items:stretch;gap:6px;display:flex}.pg{background:var(--paper);width:104px;color:var(--paper-ink);border:1px solid var(--line);border-radius:3px;flex-direction:column;gap:2px;padding:6px;font-size:11px;line-height:1.4;display:flex}.pg b{font-size:12px}.pg .no{color:var(--muted);font-family:var(--f-mono)}.pg.x{opacity:.5}.cut{border:1px dashed var(--line);cursor:pointer;color:var(--muted);writing-mode:vertical-rl;background:0 0;border-radius:4px;padding:0 4px;font-size:11px}.cut:hover{border-color:var(--accent);color:var(--accent)}.join{border:1px dashed var(--line);background:var(--surface);cursor:pointer;color:var(--muted);border-radius:12px;align-self:center;padding:0 12px;font-size:12px}.join:hover{border-color:var(--accent);color:var(--accent)}.steps{counter-reset:st;flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none;display:flex}.steps li{counter-increment:st;color:var(--muted);background:var(--sunk);border-radius:12px;padding:2px 10px 2px 6px;font-size:12px}.steps li:before{content:counter(st) " "}.steps li.on{background:var(--accent);color:var(--on-accent);font-weight:700}.steps li.done{color:var(--accent);background:var(--accent-soft)}.drop-zone{border:2px dashed var(--line);border-radius:8px;flex-direction:column;align-items:flex-start;gap:10px;padding:20px;display:flex}.drop-zone.over{border-color:var(--accent);background:var(--accent-soft)}.dist{color:var(--muted);white-space:normal;font-size:12px}.tree{font-family:var(--f-mono);background:var(--sunk);white-space:pre;border-radius:6px;margin:0;padding:10px 12px;font-size:12px;overflow-x:auto}@media (width<=900px){.grid-review{grid-template-columns:1fr}}@media (width<=720px){.app{grid-template-columns:1fr}nav.side{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;padding:8px 16px;overflow-x:auto}.brand,.nav-sec{display:none}.nav-btn{white-space:nowrap;gap:6px}header.top,.view{padding-inline:16px}header.top{position:static}.field{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}#root{height:100%}a.nav-btn{text-decoration:none}.nav-btn[aria-disabled=true]{opacity:.45;pointer-events:none}.nav-foot{border-top:1px solid var(--line);color:var(--muted);flex-direction:column;gap:6px;margin-top:auto;padding:12px 10px 0;font-size:12px;display:flex}.auth{place-items:center;min-height:100%;padding:24px 16px;display:grid}.auth .panel{flex-direction:column;gap:14px;width:min(400px,100%);display:flex}.auth .brand{padding:0}.auth label{color:var(--muted);flex-direction:column;gap:4px;font-size:12px;display:flex}.auth input[type=text],.auth input[type=email],.auth input[type=password]{width:100%;padding:8px 10px;font-size:15px}input[type=email],input[type=password]{background:var(--surface);border:1px solid var(--line);border-radius:6px;min-width:0;padding:5px 8px}.n-bad{background:var(--bad-soft);color:var(--bad)}.n-good{background:var(--good-soft);color:var(--good)}.qr{background:#fff;border-radius:6px;align-self:center;padding:12px;line-height:0}.codes{font-family:var(--f-mono);background:var(--sunk);border-radius:6px;grid-template-columns:repeat(2,1fr);gap:4px 16px;margin:0;padding:10px 14px;list-style:none;display:grid}.otp{font-family:var(--f-mono);letter-spacing:.3em;text-align:center;font-size:22px!important}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:disabled:hover{border-color:var(--line)}.t-bad{color:var(--bad)}.b{font-weight:600}.link-btn{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}tfoot th{color:inherit;font-weight:600}textarea{background:var(--surface);color:inherit;border:1px solid var(--line);font:inherit;resize:vertical;border-radius:6px;width:100%;padding:5px 8px}