.pack{margin-top:1.5rem}.pack-note{color:var(--muted);margin-top:1.5rem;font-size:.85rem}.pack-toolbar{border:1px solid var(--rule);background:color-mix(in srgb, var(--bg) 92%, transparent);border-radius:10px;flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:1rem;padding:.75rem;display:flex}.pack-lbl{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-left:.4rem;font-size:.66rem}.pack-select{font-family:var(--font-sans);background:var(--bg);color:var(--fg);border:1px solid var(--rule);border-radius:6px;padding:.35rem .5rem;font-size:.9rem}.pack-unit{min-width:3.2rem}.pack-btn{padding:.35rem .6rem;font-size:.82rem}.pack-file{display:none}.pack-summary{grid-template-columns:repeat(auto-fit,minmax(6.5rem,1fr));gap:.55rem;margin-bottom:1rem;display:grid}.pack-sum-cell{border:1px solid color-mix(in srgb, var(--fg) 14%, transparent);background:color-mix(in srgb, var(--bg) 88%, transparent);border-radius:8px;padding:.6rem .7rem}.pack-sum-cell.is-base{border-color:color-mix(in srgb, #2c63d6 45%, var(--rule))}.pack-sum-cell.is-total{border-color:color-mix(in srgb, #1f9d6b 45%, var(--rule))}.pack-sum-n{font-family:var(--font-mono);font-size:1.05rem;font-weight:700;line-height:1.2}.pack-sum-l{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-top:.15rem;font-size:.7rem}.pack-breakdown{margin-bottom:1.5rem}.pack-bar{background:color-mix(in srgb, var(--fg) 9%, transparent);border-radius:999px;width:100%;height:1.1rem;display:flex;overflow:hidden}.pack-bar-seg{height:100%;transition:width .2s}.pack-legend{flex-wrap:wrap;gap:.4rem 1rem;margin-top:.6rem;font-size:.78rem;display:flex}.pack-legend-item{align-items:center;gap:.35rem;display:inline-flex}.pack-legend-dot{border-radius:50%;flex:none;width:.6rem;height:.6rem}.pack-legend-val{color:var(--muted)}.pack-cat{border:1px solid var(--rule);background:color-mix(in srgb, var(--bg) 94%, transparent);border-radius:10px;margin-bottom:.9rem;padding:.75rem}.pack-cat-head{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.pack-cat-name{min-width:0;font-family:var(--font-sans);color:var(--fg);background:0 0;border:1px solid #0000;border-radius:6px;flex:1;padding:.25rem .4rem;font-size:1rem;font-weight:600}.pack-cat-name:hover{border-color:var(--rule)}.pack-cat-name:focus{background:var(--bg);border-color:#2c63d6;outline:none}.pack-cat-subtotal{font-family:var(--font-mono);color:var(--muted);white-space:nowrap;font-size:.9rem}.pack-items{flex-direction:column;gap:.3rem;display:flex}.pack-row{grid-template-columns:1fr 3.2rem 6rem 2.6rem 2.6rem 1.6rem;align-items:center;gap:.4rem;display:grid}.pack-row-head{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.66rem}.pack-row-head .pack-c{text-align:center}.pack-c{justify-content:center;align-items:center;display:flex}.pack-i-name,.pack-i-num{font-family:var(--font-sans);background:var(--bg);color:var(--fg);border:1px solid var(--rule);border-radius:6px;width:100%;min-width:0;padding:.3rem .45rem;font-size:.9rem}.pack-i-num{font-family:var(--font-mono);text-align:right;-moz-appearance:textfield}.pack-i-weight{align-items:center;gap:.25rem;display:flex}.pack-i-unit{color:var(--muted);font-size:.7rem}.pack-chk{accent-color:#2c63d6;cursor:pointer;width:1.05rem;height:1.05rem}.pack-x{cursor:pointer;width:1.6rem;height:1.6rem;color:var(--muted);border:1px solid var(--rule);background:0 0;border-radius:6px;font-size:.8rem;line-height:1}.pack-x:hover{color:#c0392b;border-color:#c0392b}.pack-add-item{color:var(--muted);cursor:pointer;border:1px dashed var(--rule);background:0 0;border-radius:6px;margin-top:.5rem;padding:.35rem .6rem;font-size:.82rem}.pack-add-item:hover{color:var(--fg);border-color:#2c63d6}.pack-add-cat{margin-top:.25rem}@media (width<=560px){.pack-row{grid-template-columns:1fr 2.6rem 5rem 2rem 2rem 1.5rem;gap:.25rem}.pack-i-name,.pack-i-num{padding:.3rem;font-size:.82rem}}