:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;--md-primary:#315d4b;--md-on-primary:#fff;--md-primary-container:#b4e5c8;--md-on-primary-container:#123b28;--md-secondary:#4f6557;--md-secondary-container:#d2e8d7;--md-on-secondary-container:#172c1f;--md-surface:#f7faf6;--md-surface-container:#ecf2eb;--md-surface-container-high:#e5ede4;--md-surface-container-lowest:#fff;--md-on-surface:#18221d;--md-on-surface-variant:#44534a;--md-outline:#75857b;--md-outline-variant:#c2cec3;--md-error:#b3261e;--md-error-container:#f9dcd7;--md-warning-container:#fff1cb;--md-success-container:#d9f4de;background:var(--md-surface);color:var(--md-on-surface);font-family:Noto Sans JP,Roboto,Hiragino Kaku Gothic ProN,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--md-primary);outline-offset:2px}.topbar{background:var(--md-surface-container-lowest);border-bottom:1px solid var(--md-outline-variant);justify-content:space-between;align-items:center;gap:20px;height:72px;padding:0 clamp(16px,3.5vw,48px);display:flex}.brand,.top-actions{align-items:center;gap:14px;display:flex}.brand-icon{background:var(--md-primary-container);width:44px;height:44px;color:var(--md-on-primary-container);border-radius:16px;place-items:center;font-size:22px;font-weight:700;display:grid}.brand strong{letter-spacing:.01em;font-size:17px;display:block}.brand span{color:var(--md-on-surface-variant);margin-top:2px;font-size:11px;display:block}.status-chip{background:var(--md-warning-container);color:#6d4c00;white-space:nowrap;border-radius:20px;padding:7px 12px;font-size:12px;font-weight:600}.store-label{color:var(--md-on-surface-variant);align-items:center;gap:6px;font-size:12px;display:flex}.store-label select{border:1px solid var(--md-outline-variant);border-radius:10px;padding:7px 10px}.main-grid{grid-template-columns:minmax(0,1.1fr) minmax(390px,1fr);align-items:start;gap:20px;max-width:1480px;margin:0 auto;padding:22px;display:grid}.surface{background:var(--md-surface-container-lowest);border-radius:24px;min-width:0;padding:24px;box-shadow:0 1px 3px #254e3214,0 7px 24px #254e3209}.section-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.eyebrow{letter-spacing:.15em;color:var(--md-primary);margin:0 0 5px;font-size:11px;font-weight:700}h1,h2{letter-spacing:0;margin:0;font-size:22px;font-weight:650;line-height:1.4}h3{margin:0 0 10px;font-size:16px}.indicator{background:var(--md-surface-container);color:var(--md-on-surface-variant);white-space:nowrap;border-radius:15px;padding:7px 11px;font-size:11px}.indicator.on{background:var(--md-success-container);color:#145627}.camera-window{aspect-ratio:16/9;background:#17251f;border-radius:20px;place-items:center;display:grid;position:relative;overflow:hidden}.camera-window video{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.scan-corners{z-index:1;pointer-events:none;border:2px solid #b6f2cb;border-radius:18px;width:50%;height:56%;position:relative;box-shadow:0 0 0 100vmax #0000000d}#camera-hint{z-index:2;color:#e0f2e6;text-align:center;padding:0 12px;font-size:12px;position:absolute;top:20px}#camera-hint[hidden]{display:none}.toolbar{flex-wrap:wrap;gap:9px;margin-top:14px;display:flex}.btn{border:0;border-radius:100px;min-height:40px;padding:9px 20px;font-size:13px;font-weight:650;transition:background .15s,color .15s,box-shadow .15s}.btn-filled{background:var(--md-primary);color:var(--md-on-primary)}.btn-filled:hover:not(:disabled){background:#214636;box-shadow:0 2px 7px #315d4b2c}.btn-tonal{color:var(--md-on-secondary-container);background:var(--md-secondary-container)}.btn-tonal:hover:not(:disabled){background:#bfdcc5}.btn-outline{border:1px solid var(--md-outline);color:var(--md-primary);background:0 0}.btn-outline:hover:not(:disabled){background:var(--md-surface-container)}.btn-text{min-height:36px;color:var(--md-primary);background:0 0;padding:7px 11px}.btn-text:hover{background:var(--md-surface-container)}.feedback{background:var(--md-success-container);color:#1b5430;border-radius:14px;min-height:46px;margin:14px 0 0;padding:13px 15px;font-size:13px;line-height:1.5}.feedback.bad{background:var(--md-error-container);color:#8f2721}.manual-form{color:var(--md-on-surface-variant);gap:8px;margin-top:16px;font-size:13px;display:grid}.input-row{gap:8px;display:flex}.input-row input{flex:1;min-width:0}input:not([type=checkbox]),select{color:var(--md-on-surface);background:var(--md-surface-container-lowest);border:1px solid var(--md-outline);border-radius:12px;min-height:44px;padding:10px 13px}.divider{border-top:1px solid var(--md-outline-variant);margin:24px 0}.small-head{margin-bottom:12px}.small-head h2{font-size:19px}.muted{color:var(--md-on-surface-variant);font-size:12px;line-height:1.55}.catalog-filters{gap:8px;margin-bottom:12px;display:flex}.catalog-filters input{flex:1;min-width:0}.catalog-filters select{max-width:165px}.quick-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-height:450px;padding:2px;display:grid;overflow:auto}.item-card{text-align:left;background:var(--md-surface-container);border:1px solid #0000;border-radius:16px;flex-direction:column;gap:8px;min-width:0;padding:12px;display:flex}.item-card:hover{background:var(--md-surface-container-high)}.item-card[aria-pressed=true]{background:var(--md-primary-container);border-color:var(--md-primary)}.item-card-top{justify-content:space-between;align-items:start;gap:8px;display:flex}.item-type{color:var(--md-on-surface-variant);white-space:normal;font-size:10px;line-height:1.4}.item-price{white-space:nowrap;font-size:14px}.item-name{font-size:12px;font-weight:650;line-height:1.5}.item-code{color:var(--md-on-surface-variant);word-break:break-all;font-size:10px}.cart{min-height:80px}.empty-cart{text-align:center;color:var(--md-on-surface-variant);padding:23px;font-size:13px}.cart-row{border-bottom:1px solid var(--md-outline-variant);align-items:center;gap:10px;min-width:0;padding:11px 0;display:flex}.cart-details{flex:1;min-width:0}.cart-details strong{overflow-wrap:anywhere;font-size:13px;line-height:1.55;display:block}.cart-details small{color:var(--md-on-surface-variant);font-size:11px}.cart-price{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px}.remove{min-width:50px;font-size:12px}.included-label{color:var(--md-primary);background:var(--md-secondary-container);border-radius:10px;margin-top:10px;padding:10px;font-size:12px;line-height:1.5}.help{margin:0 0 14px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.form-grid label{color:var(--md-on-surface-variant);flex-direction:column;gap:5px;font-size:12px;display:flex}.form-grid input,.form-grid select{width:100%;font-size:13px}.extra-checks{gap:10px;margin-top:18px;display:grid}.md-check{cursor:pointer;align-items:flex-start;gap:10px;font-size:13px;line-height:1.45;display:flex}.md-check input{width:18px;height:18px;accent-color:var(--md-primary);flex:none;margin-top:3px}.issues{gap:9px;margin-top:22px;display:grid}.issue{border-radius:14px;margin:0;padding:12px 14px;font-size:13px;line-height:1.55}.issue strong{font-weight:750}.issue.error{color:#8f251d;background:var(--md-error-container)}.issue.pending{color:#71510c;background:var(--md-warning-container)}.issue.ready{color:#1e5a33;background:var(--md-success-container)}.total-card{background:var(--md-surface-container);border-radius:20px;margin-top:22px;padding:19px}.total-line{color:var(--md-on-surface-variant);justify-content:space-between;gap:8px;padding:5px 0;font-size:13px;display:flex}.total-line strong{font-variant-numeric:tabular-nums;color:var(--md-on-surface);font-weight:600}.grand-total{border-top:1px solid var(--md-outline-variant);justify-content:space-between;align-items:center;gap:14px;margin-top:11px;padding-top:16px;display:flex}.grand-total span{font-size:16px;font-weight:750;display:block}.grand-total small{color:var(--md-on-surface-variant);margin-top:5px;font-size:11px;display:block}.grand-total strong{color:var(--md-primary);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:29px}.bottom-disclaimer{color:var(--md-on-surface-variant);margin:14px 2px 0;font-size:11px;line-height:1.7}@media (width<=960px){.main-grid{grid-template-columns:1fr}.surface{padding:20px}.topbar{padding:0 16px}}@media (width<=480px){.topbar{height:auto;min-height:66px;padding:10px 13px}.brand{gap:8px}.brand strong{font-size:14px}.brand span{font-size:10px}.brand-icon{width:38px;height:38px;font-size:20px}.top-actions{flex-direction:column;align-items:flex-end;gap:5px}.status-chip{padding:4px 8px;font-size:10px}.main-grid{gap:12px;padding:11px}.surface{border-radius:19px;padding:15px}h1,h2{font-size:19px}.quick-items{grid-template-columns:1fr}.catalog-filters select{max-width:125px}.form-grid{grid-template-columns:1fr}.toolbar .btn{flex:1}.grand-total strong{font-size:26px}}@media (prefers-reduced-motion:reduce){.btn{transition:none}}[hidden]{display:none!important}.main-grid{grid-template-rows:auto auto;grid-template-areas:"scan checkout""manual checkout"}.scanner-panel{grid-area:scan}.checkout{grid-area:checkout}.manual-panel{grid-area:manual}.scan-overlay{z-index:5;color:#103b22;background:#e5f5e8;border:2px solid #7bcb95;border-radius:16px;align-items:center;gap:12px;padding:12px 14px;display:flex;position:absolute;bottom:12px;left:12px;right:12px;box-shadow:0 3px 14px #0005}.scan-overlay[data-state=duplicate]{color:#604509;background:#fff0c7;border-color:#f0bf65}.scan-overlay[data-state=error]{color:#77241c;background:#ffded9;border-color:#ed9286}.scan-overlay[data-state=info]{color:#29394a;background:#e7edf3;border-color:#abb7c4}.scan-overlay-icon{color:#fff;background:#1a7043;border-radius:50%;flex:none;place-items:center;width:42px;height:42px;font-size:27px;font-weight:800;line-height:1;display:grid}.scan-overlay[data-state=duplicate] .scan-overlay-icon{background:#987018}.scan-overlay[data-state=error] .scan-overlay-icon{background:#b3261e}.scan-overlay[data-state=info] .scan-overlay-icon{background:#576878}.scan-overlay-content{flex-direction:column;gap:2px;min-width:0;line-height:1.4;display:flex}.scan-overlay-title{font-size:12px;font-weight:800}.scan-overlay-content strong{overflow-wrap:anywhere;font-size:15px;line-height:1.35}.scan-overlay-price{font-variant-numeric:tabular-nums;font-size:18px;font-weight:850}.scan-summary{background:var(--md-secondary-container);border:1px solid #a2c9af;border-radius:18px;margin-top:12px;padding:14px 16px}.scan-summary-top{justify-content:space-between;align-items:center;gap:10px;font-size:14px;display:flex}.scan-count{background:var(--md-primary);color:#fff;border-radius:20px;padding:4px 10px;font-size:12px}.scan-latest{overflow-wrap:anywhere;color:#143f29;margin-top:8px;font-size:14px;font-weight:700;line-height:1.5}.scan-latest[data-state=error]{color:#9c2b24}.scan-latest[data-state=duplicate]{color:#78510b}.scan-recent{flex-wrap:wrap;gap:5px;margin-top:9px;display:flex}.scan-recent:empty{display:none}.scan-recent-chip{color:#254a32;overflow-wrap:anywhere;background:#fff;border:1px solid #b2c7b6;border-radius:8px;max-width:100%;padding:4px 7px;font-size:11px;line-height:1.4}.manual-panel .manual-form{margin-top:0}@media (width<=960px){.main-grid{grid-template:"scan""checkout""manual"/minmax(0,1fr)}}@media (width<=480px){.scan-overlay{border-radius:13px;gap:9px;padding:10px;bottom:7px;left:7px;right:7px}.scan-overlay-icon{width:34px;height:34px;font-size:22px}.scan-overlay-content strong{font-size:13px}.scan-overlay-price{font-size:16px}.scan-summary{margin-top:10px;padding:12px 14px}.scan-latest{font-size:14px}.camera-window{border-radius:16px}.toolbar .btn{flex:42%;padding:9px 10px}}.coupon-negative{font-weight:800;color:#196b43!important}.coupon-row{background:#eff8f0;border:1px solid #c5e1cc;border-radius:12px;margin:7px 0;padding:10px 12px}.coupon-row .cart-details strong{color:#185d37}.coupon-row .cart-details small{color:#416d52}.coupon-row .discount-pending{color:#895509;margin-top:4px;font-weight:650;display:block}.discount-line{border-bottom:1px solid var(--md-outline-variant);padding:9px 0}.discount-line strong{color:#196b43;font-variant-numeric:tabular-nums;font-size:17px}.coupon-target-price{color:var(--md-on-surface-variant);font-size:10px}.coupon-invalid{font-weight:800;color:var(--md-error)!important}.discount-line strong{white-space:nowrap}.discount-line strong.invalid{color:var(--md-error)}
