:root{--bg:#f6f3ee;--surface:#fff;--surface-sunk:#efeae1;--border:#e4ddcf;--border-strong:#8fada6;--text-1:#221f1a;--text-2:#5b564c;--text-3:#7a7468;--primary:#0f6b62;--on-primary:#fff;--danger:#b23b2e;--danger-surface:#fbeae6;--discount:#8a5a1f;--s1:8px;--s2:16px;--s3:24px;--s4:32px;--s5:48px;--radius-card:12px;--radius-control:8px;--radius-badge:6px;color:var(--text-1);background-color:var(--bg);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--bg:#12191a;--surface:#1b2523;--surface-sunk:#161f1d;--border:#263230;--border-strong:#4d625c;--text-1:#edeee9;--text-2:#b7bdb3;--text-3:#8e958b;--primary:#5fcbb9;--on-primary:#0d2320;--danger:#e88477;--danger-surface:#331f1a;--discount:#d9a54b}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background-color:var(--bg);color:var(--text-1);min-height:100vh}#root{min-height:100vh}button,input,select{color:inherit;font-family:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.page{max-width:720px;padding:var(--s3) var(--s4) var(--s5);margin:0 auto}.page-head{margin-bottom:var(--s2)}.page-title{margin:0;font-size:20px;font-weight:700;line-height:1.3}.page-lead{color:var(--text-2);margin:4px 0 0;font-size:13px;font-weight:400}.summary{z-index:10;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:var(--s2);margin-bottom:var(--s3);position:sticky;top:0}.summary-row{align-items:center;gap:var(--s1);min-height:32px;display:flex}.summary-label{color:var(--text-1);flex:auto;min-width:0;font-size:15px;font-weight:600}.summary-value{color:var(--text-2);text-align:right;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;flex:none;font-size:16px;font-weight:600;line-height:1.15}.summary-total{color:var(--primary);text-align:right;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;flex:none;font-size:28px;font-weight:700;line-height:1.15}.summary-row--total{min-height:44px}.summary-divider{background:var(--border);height:1px;margin:var(--s1) 0}.summary-note{color:var(--text-3);margin:var(--s1) 0 0;font-size:11px;font-weight:600}.summary-error{color:var(--danger);margin:4px 0 0;font-size:13px;font-weight:400}.discount-mode{border:1px solid var(--border-strong);border-radius:var(--radius-control);flex:none;display:flex;overflow:hidden}.mode-btn{background:var(--surface);width:44px;height:40px;color:var(--text-2);cursor:pointer;border:0;font-size:13px;font-weight:600}.mode-btn.is-active{background:var(--discount);color:var(--surface)}@media (prefers-color-scheme:dark){.mode-btn.is-active{color:#2e2412}}.discount-input{width:96px;height:40px;padding:0 var(--s1);border:1px solid var(--border-strong);border-radius:var(--radius-control);background:var(--surface);color:var(--discount);text-align:right;font-variant-numeric:tabular-nums;flex:none;font-size:16px;font-weight:600}.tax-select{width:76px;height:40px;padding:0 22px 0 var(--s1);border:1px solid var(--border-strong);border-radius:var(--radius-control);background-color:var(--surface);color:var(--text-1);cursor:pointer;appearance:none;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 14px),calc(100% - 9px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;flex:none;font-size:13px;font-weight:600}.summary-subrow{justify-content:flex-end;min-height:22px;display:flex}.summary-sub-value{color:var(--discount);text-align:right;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;font-size:13px;font-weight:600;line-height:1.15}.is-error{border-color:var(--danger)!important;background:var(--danger-surface)!important}.section-title{margin:0 0 var(--s1);color:var(--text-1);font-size:15px;font-weight:600;line-height:1.3}.item-list{margin:0 0 var(--s2);gap:var(--s1);flex-direction:column;padding:0;list-style:none;display:flex}.item-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:12px var(--s2)}.item-head{align-items:baseline;gap:var(--s1);margin-bottom:var(--s1);display:flex}.item-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-1);flex:auto;font-size:15px;font-weight:600;overflow:hidden}.item-amount{color:var(--text-1);text-align:right;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;flex:none;font-size:15px;font-weight:700;line-height:1.15}.item-ops{align-items:center;gap:var(--s1);display:flex}.stepper{align-items:center;gap:var(--s1);flex:none;display:flex}.stepper-btn{border:1px solid var(--border-strong);border-radius:var(--radius-control);background:var(--surface);width:44px;height:44px;color:var(--text-1);cursor:pointer;font-size:16px;font-weight:600;line-height:1}.stepper-btn:disabled{color:var(--text-3);cursor:default;opacity:.6}.stepper-value{width:36px;height:44px;color:var(--text-1);text-align:center;font-variant-numeric:tabular-nums;background:0 0;border:0;padding:0;font-size:15px;font-weight:600}.unit-field{min-width:0;height:44px;padding:0 var(--s1);border:1px solid var(--border-strong);border-radius:var(--radius-control);background:var(--surface);flex:auto;align-items:center;gap:2px;display:flex}.unit-mark{color:var(--text-3);flex:none;font-size:11px;font-weight:600}.unit-input{width:100%;min-width:0;color:var(--text-1);text-align:right;font-variant-numeric:tabular-nums;background:0 0;border:0;flex:auto;padding:0;font-size:13px;font-weight:400}.delete-btn{min-width:44px;height:44px;padding:0 var(--s1);border:1px solid var(--border-strong);border-radius:var(--radius-control);background:var(--surface);color:var(--danger);cursor:pointer;flex:none;font-size:11px;font-weight:600}.empty{color:var(--text-2);background:var(--surface-sunk);border-radius:var(--radius-card);padding:var(--s3) var(--s2);margin:0 0 var(--s2);text-align:center;font-size:13px}.add-form{background:var(--surface-sunk);border:1px solid var(--border);border-radius:var(--radius-card);padding:12px var(--s2)}.add-row{gap:var(--s1);flex-wrap:wrap;display:flex}.add-name{min-width:0;height:44px;padding:0 var(--s1);border:1px solid var(--border-strong);border-radius:var(--radius-control);background:var(--surface);flex:200px;font-size:13px}.add-nums{gap:var(--s1);flex:none;display:flex}.add-qty,.add-price{height:44px;padding:0 var(--s1);border:1px solid var(--border-strong);border-radius:var(--radius-control);background:var(--surface);text-align:right;font-variant-numeric:tabular-nums;min-width:0;font-size:13px}.add-qty{flex:0 72px;width:72px}.add-price{flex:96px;width:96px}.add-btn{border-radius:var(--radius-control);background:var(--primary);height:44px;color:var(--on-primary);white-space:nowrap;cursor:pointer;border:0;flex:none;padding:0 12px;font-size:11px;font-weight:600}.add-errors{margin:var(--s1) 0 0;color:var(--danger);padding:0;font-size:13px;list-style:none}.item-error{color:var(--danger);margin:var(--s1) 0 0;padding:0;font-size:13px;font-weight:400;list-style:none}.page-foot{justify-content:flex-end;align-items:center;gap:var(--s1);margin-top:var(--s3);flex-wrap:wrap;display:flex}.foot-note{color:var(--text-2);margin:0;font-size:13px}.fallback{margin-top:var(--s2);padding:var(--s2);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-card)}.fallback-note{color:var(--text-2);margin:0 0 var(--s1);font-size:13px}.fallback-text{width:100%;padding:var(--s1);border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-sunk);color:var(--text-1);resize:vertical;margin-bottom:var(--s1);font-size:13px;line-height:1.5}.copy-btn{height:40px;padding:0 var(--s2);border:1px solid var(--border-strong);border-radius:var(--radius-control);background:var(--surface);color:var(--text-2);cursor:pointer;font-size:13px;font-weight:600}.copy-btn:disabled{color:var(--text-3);cursor:default;opacity:.6}@media (width<=767px){.page{padding:var(--s2) var(--s2) var(--s4)}.add-name,.add-nums{flex:100%}.add-price{flex:auto}}