:root{color-scheme:light dark;--tax-bg: light-dark(#f7f0e5, #26231e);--tax-paper: light-dark(#fffdf7, #302d26);--tax-text: light-dark(#27281f, #f5eee2);--tax-muted: light-dark(#5b5c50, #c7bdae);--tax-border: light-dark(#e1d6c4, #524a3d);--tax-accent: light-dark(#9a442c, #ef9d82);--tax-on-accent: light-dark(#fffaf1, #29140e);--tax-selected: light-dark(#f1dfd1, #48332c);--tax-green: light-dark(#364732, #c9d9b7);--tax-green-bg: light-dark(#e9eee1, #283524);--tax-accent-bg: light-dark(#f7e7db, #49362d);--tax-machine: light-dark(#354433, #283524);--tax-machine-top: light-dark(#57664a, #506245);--tax-machine-face: #e9ecd9;--err: #b3402a}*{box-sizing:border-box}[hidden]{display:none!important}:is(h1,h2,h3,p,dl,dd,dt){margin:0}button,input,select{font:inherit}button{cursor:pointer}html,body{margin:0;padding:0}body{color:var(--tax-text);font:14px/1.48 -apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;background:var(--tax-bg);min-height:100dvh}main{max-width:1080px;margin:0 auto;padding:0 clamp(10px,3vw,28px) 56px}.tax-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;max-width:1080px;margin:0 auto;padding:14px clamp(12px,3vw,28px);background:var(--tax-paper);border-bottom:1px solid var(--tax-border)}.tax-brand{display:flex;align-items:center;gap:9px;font-weight:700;white-space:nowrap}.tax-brand em{font-style:normal;font-weight:400;color:var(--tax-muted);font-size:12px}.brand-mark{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:var(--tax-accent);color:var(--tax-on-accent)}.tax-tabs{display:flex;gap:4px}.tax-tabs button{padding:8px 12px;border:0;border-radius:10px;background:transparent;color:var(--tax-muted);white-space:nowrap}.tax-tabs button[aria-current=page]{background:var(--tax-selected);color:var(--tax-accent);font-weight:700}.tax-layout{display:grid;grid-template-columns:minmax(0,1.24fr) minmax(0,.76fr);align-items:start;gap:23px;padding:20px 0 0}.tax-work{min-width:0;background:var(--tax-paper);border:1px solid var(--tax-border);border-radius:16px;padding:20px}.tax-title-row{display:flex;justify-content:space-between;align-items:center;gap:9px}.eyebrow{color:var(--tax-accent);font-size:12px;font-weight:700}h1{font-size:25px;line-height:1.25;font-weight:720;margin-top:3px}:is(.tax-switch,.labor-invoice-toggle){display:inline-flex;flex:0 0 auto;gap:5px;align-items:center;min-height:39px;padding:6px 12px;border:1px solid var(--tax-border);border-radius:10px;background:var(--tax-bg);color:var(--tax-accent);font-weight:700}.tax-switch[aria-pressed=true],.labor-invoice-toggle[aria-expanded=true]{background:var(--tax-selected)}.tax-switch:disabled{opacity:.5;cursor:not-allowed}.labor-mode-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}#labor-invoice-form .tax-details{margin-bottom:12px}.paper-invoice-pit{margin-top:8px;padding-top:8px;border-top:1px dashed var(--tax-border)}.paper-invoice-pit strong{display:block}.tax-intro{color:var(--tax-muted);margin:6px 0 14px}.tax-form{display:block}.tax-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.tax-field{display:grid;align-content:start;gap:2px;min-width:0}.tax-field label{font-weight:650}.tax-field small{color:var(--tax-muted);font-size:12px}.tax-field :is(input,select){min-width:0;width:100%;min-height:40px;padding:7px 10px;border:1px solid var(--tax-border);border-radius:8px;background:var(--tax-paper);color:var(--tax-text);font-size:16px}.tax-field input::placeholder{color:var(--tax-muted)}.tax-field input[aria-invalid=true]{border-color:var(--err)}.tax-error{color:var(--err);font-size:12.5px;margin:2px 0 0}.tax-field-help{margin:7px 0 0;padding-inline-start:18px;color:var(--tax-muted);font-size:12px}.tax-field-help li+li{margin-top:3px}.tax-sample-conditions{margin:10px 0 8px;color:var(--tax-muted);font-size:12px}.kind-switch{display:flex;flex-wrap:wrap;gap:4px 12px;min-height:40px;align-items:center}.kind-switch label{display:flex;align-items:center;gap:4px;font-weight:500}.kind-switch input{accent-color:var(--tax-accent)}.tax-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:11px}.tax-actions button{border:1px solid transparent;border-radius:9px;min-height:43px;padding:8px 13px}.tax-actions .tax-primary{flex:1;background:var(--tax-accent);color:var(--tax-on-accent);font-weight:700;border:0}.tax-actions :is(.tax-sample,.tax-more){flex:0 0 auto;background:transparent;color:var(--tax-accent)}.tax-actions .tax-more{border-color:var(--tax-border)}.tax-actions .tax-primary:disabled{opacity:.6}.tax-optional{width:min(410px,calc(100% - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:16px;border:1px solid var(--tax-border);border-radius:14px;background:var(--tax-paper);color:var(--tax-text)}.tax-optional::backdrop{background:#15161065}.tax-optional .tax-fields{grid-template-columns:1fr;margin:12px 0}.tax-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.tax-close{flex:0 0 auto;min-height:44px;padding:8px 13px;border:0;border-radius:9px;background:var(--tax-accent);color:var(--tax-on-accent);font-weight:700}.salary-dialog{width:min(550px,calc(100% - 24px))}.salary-choices{display:grid;gap:8px;margin-top:12px}.salary-choices button{display:grid;text-align:start;gap:2px;padding:10px 12px;border:1px solid var(--tax-border);border-radius:10px;background:var(--tax-bg);color:var(--tax-text)}.salary-choices small,.salary-assumption{color:var(--tax-muted);font-size:12px}.salary-dialog .salary-assumption{margin:8px 0}.salary-deduction{margin:8px 0 0;padding:0;border:0;min-width:0}.salary-deduction legend{padding:0;font-weight:650}.salary-options{display:flex;flex-wrap:wrap;gap:4px 12px;margin-bottom:4px}.salary-options label{display:flex;align-items:center;gap:3px;min-height:44px}.salary-options input{accent-color:var(--tax-accent)}.salary-dialog .tax-fields{grid-template-columns:repeat(2,minmax(0,1fr));margin:8px 0}.salary-back{min-height:38px;border:0;padding:4px 0;margin-top:6px}.salary-dialog .tax-error{margin-top:5px}.tax-output{width:100%;max-width:320px;margin:0 auto;background:var(--tax-paper);border:1px solid var(--tax-border);border-radius:16px;padding:14px 14px 16px;position:relative;overflow:clip;isolation:isolate}.tax-printer{position:relative;z-index:2;width:100%}.printer-top{height:18px;margin:0 12px;border-radius:10px 10px 0 0;background:var(--tax-machine-top)}.printer-front{display:flex;align-items:center;justify-content:space-between;height:40px;padding:0 16px;border-radius:12px 12px 0 0;background:var(--tax-machine);color:var(--tax-machine-face);font-size:12px;letter-spacing:.1em}.printer-led{width:7px;height:7px;border-radius:50%;background:#c9d6a1}.tax-output:has(.tax-paper.is-feeding) .printer-led,.tax-output:has(.reprint-stub:not([hidden])) .printer-led{background:#e3efaa;box-shadow:0 0 7px #d6e78eaa}.printer-slot{position:relative;height:10px;margin-top:-1px;border-radius:0 0 10px 10px;background:var(--tax-machine)}.printer-slot:after{content:"";position:absolute;top:0;right:8px;bottom:1px;left:8px;border-radius:1px 1px 3px 3px;background:linear-gradient(#11160f,#252e22);box-shadow:0 1px #828e7355}.paper-clip{position:relative;isolation:isolate;overflow:hidden;padding:0 11px 5px}.paper-clip:has(.tax-paper:not([hidden])):before{content:"";position:absolute;z-index:1;inset:0 11px auto;height:6px;background:linear-gradient(180deg,#181e1666,transparent);pointer-events:none}.paper-wait{color:var(--tax-muted);text-align:center;padding-top:11px}.paper-wait.warn{color:var(--err)}.tax-paper{position:relative;background:var(--tax-paper);color:var(--tax-text);padding:14px 16px 20px;border:1px solid var(--tax-border);border-top:0;transform-origin:right top;font-size:14px;line-height:1.48;clip-path:polygon(0 0,100% 0,100% 97%,98% 100%,96% 97%,94% 100%,92% 97%,90% 100%,88% 97%,86% 100%,84% 97%,82% 100%,80% 97%,78% 100%,76% 97%,74% 100%,72% 97%,70% 100%,68% 97%,66% 100%,64% 97%,62% 100%,60% 97%,58% 100%,56% 97%,54% 100%,52% 97%,50% 100%,48% 97%,46% 100%,44% 97%,42% 100%,40% 97%,38% 100%,36% 97%,34% 100%,32% 97%,30% 100%,28% 97%,26% 100%,24% 97%,22% 100%,20% 97%,18% 100%,16% 97%,14% 100%,12% 97%,10% 100%,8% 97%,6% 100%,4% 97%,2% 100%,0 97%)}.tax-paper:after{content:"";position:absolute;inset:auto 0 0;height:9px;background:linear-gradient(0deg,light-dark(#d3c3a438,#ccc7a920),transparent);pointer-events:none}.tax-paper:not(.is-feeding):before{content:"";position:absolute;inset:0 0 auto;height:2px;background:repeating-linear-gradient(90deg,var(--tax-border) 0 3px,transparent 3px 5px);pointer-events:none;z-index:2}.paper-head{display:flex;justify-content:space-between;gap:6px;color:var(--tax-muted);font-size:12px}.paper-label{margin-top:9px}.paper-amount{color:var(--tax-green);font-size:clamp(24px,6vw,36px);font-weight:720;font-variant-numeric:tabular-nums;line-height:1.22}.paper-lines{margin-top:9px;padding:7px 0;border-top:1px dashed var(--tax-border);border-bottom:1px dashed var(--tax-border)}.paper-lines div{display:flex;gap:6px;justify-content:space-between;padding:2px 0}.paper-lines dd{white-space:nowrap;font-variant-numeric:tabular-nums}.paper-note{margin-top:7px;color:var(--tax-muted);font-size:12px}.paper-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.paper-row dd{margin:0;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.paper-start{margin:9px 0 0}.paper-target{margin:0 0 12px;padding-bottom:12px;border-bottom:1px dashed var(--tax-border)}.paper-emphasis dt{color:var(--tax-text)}.paper-emphasis dd{color:var(--tax-green);font-size:22px;line-height:1.2;font-weight:650}.paper-parts{margin-top:11px}.paper-part{padding:7px 0}.paper-part+.paper-part{border-top:1px solid var(--tax-border)}.paper-part-name{margin:0;font-weight:650}.paper-part-detail{margin:4px 0 0;color:var(--tax-muted);font-size:12px}.paper-total{margin:8px 0 0;padding-top:9px;border-top:1px solid var(--tax-border)}.paper-more{margin-top:9px;font-size:12px;color:var(--tax-muted)}.paper-more summary{cursor:pointer}.paper-more div{display:flex;justify-content:space-between;gap:6px;padding:2px 0}.tax-paper[data-old]{position:absolute;z-index:3;pointer-events:none;border-top:0}.reprint-stub{position:absolute;z-index:1;inset:0 11px auto;height:10px;background:linear-gradient(#ddd1ba,#fffdf7);clip-path:polygon(0 0,100% 0,100% 65%,96% 100%,92% 65%,88% 100%,84% 65%,80% 100%,76% 65%,72% 100%,68% 65%,64% 100%,60% 65%,56% 100%,52% 65%,48% 100%,44% 65%,40% 100%,36% 65%,32% 100%,28% 65%,24% 100%,20% 65%,16% 100%,12% 65%,8% 100%,4% 65%,0 100%)}.result-detail{margin-top:10px}.explain{margin-top:8px;border-top:1px dashed var(--tax-border);padding-top:6px}.explain summary{color:var(--tax-accent);font-weight:650;cursor:pointer}.formula{margin:6px 0;font-size:12.5px;color:var(--tax-muted);word-break:break-all}.qa-item{margin:4px 0;font-size:12.5px}.qa-item b{color:var(--tax-muted);font-weight:650}.status-card{margin-top:10px;padding:10px 12px;border:1px solid var(--tax-border);border-radius:10px;font-size:13px}.status-card.warn{border-color:var(--err);color:var(--err)}.status-card.ok{border-color:var(--tax-green);color:var(--tax-green)}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;background:#15161066;padding:12px}.modal{width:min(460px,100%);max-height:86dvh;overflow:auto;padding:16px;background:var(--tax-paper);border:1px solid var(--tax-border);border-radius:15px;color:var(--tax-text)}.modal .note{color:var(--tax-muted);font-size:12.5px;margin:6px 0}.qa-head h2{margin:2px 0 12px;font-size:19px}.qa-head span{color:var(--tax-muted);font-size:12px}.qa-question{margin:14px 0 8px;font-weight:600}.qa-options{display:grid;gap:6px;margin-bottom:10px}.qa-opt{min-height:44px;padding:8px 12px;border:1px solid var(--tax-border);border-radius:10px;background:var(--tax-bg);color:var(--tax-text);text-align:start}.qa-opt.chosen{border-color:var(--tax-accent);background:var(--tax-selected);color:var(--tax-accent);font-weight:700}.qa-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}#share-text{width:100%;border:1px solid var(--tax-border);border-radius:9px;padding:8px 10px;background:var(--tax-bg);color:var(--tax-text);font:inherit;font-size:13px}.tax-foot{max-width:1080px;margin:26px auto 0;padding:14px clamp(12px,3vw,28px);border-top:1px solid var(--tax-border);color:var(--tax-muted);font-size:12px}.tax-foot p{margin:4px 0}.page-slide-in{animation:page-slide .22s ease-out both}@keyframes page-slide{0%{transform:translate(var(--slide-from, 22px));opacity:.65}to{transform:translate(0);opacity:1}}@media(max-width:767px){.tax-header{position:sticky;top:0;z-index:20;padding:5px 8px;gap:0}.tax-brand{display:none}.tax-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:3px}.tax-tabs button{padding:8px 2px;min-height:40px;font-size:13px;border-radius:10px}.tax-layout{grid-template-columns:1fr;gap:8px;padding:8px 0 0}.tax-work{padding:10px}h1{font-size:20px;margin-top:0}.tax-intro,.tax-field small{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.tax-output{max-width:none}:is(.tax-switch,.labor-invoice-toggle,.tax-tabs button,.tax-field input,.tax-field select,.tax-actions button){min-height:44px}}@media(max-width:480px){.tax-header{padding:4px 6px}.tax-tabs button{font-size:12px;min-height:38px}.tax-work{padding:8px}.tax-fields{gap:7px}h1{font-size:18px}.printer-top{height:12px;margin:0 10px}.printer-front{height:32px;padding:0 12px;font-size:11px}.printer-slot{height:8px}.tax-output{padding:10px 10px 12px}.paper-amount{font-size:clamp(22px,7vw,28px)}}@media(prefers-reduced-motion:reduce){.page-slide-in{animation:none}*{transition-duration:0s!important}}.tax-details{margin:12px 12px 0;border:1px solid var(--tax-border);border-radius:6px;background:var(--tax-paper);color:var(--tax-text)}.tax-details summary{cursor:pointer;padding:9px 12px;color:var(--tax-text);font-size:14px}.tax-details .tax-details-body{padding:2px 12px 10px}.tax-details .tax-details-lines{margin:0}.tax-details .tax-details-lines>div{display:flex;justify-content:space-between;gap:12px;padding:5px 0;border-bottom:1px dashed var(--tax-border)}.tax-details .tax-details-lines>div:last-child{border-bottom:0}.tax-details dt{color:var(--tax-muted)}.tax-details dd{margin:0;font-variant-numeric:tabular-nums;color:var(--tax-text)}.tax-details .tax-details-note{margin:8px 0 0;color:var(--tax-muted);font-size:13px}.explain-route{margin:6px 0 10px;padding:8px 10px;border-radius:7px;color:var(--tax-green);background:var(--tax-green-bg);font-size:13px;font-weight:650;font-variant-numeric:tabular-nums}.explain-steps{list-style:none;margin:0;padding:0}.explain-steps>li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:9px}.explain-steps>li+li{margin-top:9px}.explain-marker{display:grid;grid-template-rows:23px 1fr;justify-items:center}.explain-marker span{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;color:var(--tax-green);background:var(--tax-green-bg);font-weight:650;font-size:12px}.explain-steps>li:not(:last-child) .explain-marker:after{content:"";width:1px;background:var(--tax-border);margin-top:4px}.explain-step{border-bottom:1px solid var(--tax-border);padding:0 0 9px;min-width:0}.explain-steps>li:last-child .explain-step{border-bottom:0;padding-bottom:0}.explain-step h4{margin:0 0 4px;font-size:14px;font-weight:650}.explain-formula{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 6px;padding:1px 0;font-variant-numeric:tabular-nums}.explain-formula span{white-space:nowrap}#salary-tax-details .explain-formula span,#bonus-tax-details .explain-formula span,#annual-tax-details .explain-formula span{white-space:normal}.explain-result{color:var(--tax-green);font-weight:650}.explain-why{width:fit-content;max-width:100%;margin-top:5px;padding:3px 6px;border-radius:5px;color:var(--tax-accent);background:var(--tax-accent-bg);font-size:12px}.explain-quiet{color:var(--tax-muted);font-size:12px}.explain-check{color:var(--tax-green);margin-top:5px;font-size:12px;font-weight:650}@media(min-width:768px){#page-labor .tax-work .tax-actions{margin-bottom:0}#page-labor .tax-details{margin:14px 0 0}}@media(max-width:767px){#page-labor .tax-details{margin:14px auto 0;width:calc(100% - 20px)}}
