.packing-view{max-width:760px}.packing-trip{display:grid;grid-template-columns:1fr 100px;align-items:end;gap:20px;margin-top:28px}.packing-trip fieldset{padding:0;border:0;margin:0;min-width:0}.packing-trip legend{font-size:14px;font-weight:700;margin-bottom:7px}.packing-lodging{display:flex;gap:6px}.packing-lodging button{flex:1;min-height:52px;border:1px solid #aab6a8;border-radius:8px;background:white;color:#304c37;font-weight:750}.packing-lodging button[aria-pressed=true]{background:#304c37;border-color:#304c37;color:white}.packing-trip input{min-height:52px;margin-top:7px;font-size:18px}.packing-progress{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:25px 0 8px;align-items:center}.packing-count{font-variant-numeric:tabular-nums}.packing-hint{margin:0 0 24px}.packing-category{border-top:1px solid #ccd2c7}.packing-category summary{font-size:18px;font-weight:750;padding:18px 2px;min-height:60px;cursor:pointer}.packing-category summary span{float:right;font-size:14px;font-weight:600;color:#526253;margin-top:3px;font-variant-numeric:tabular-nums}.packing-category summary:focus-visible,.packing-add summary:focus-visible{outline:3px solid #b58036;outline-offset:2px}.packing-row{display:grid;grid-template-columns:minmax(0,1fr) 58px 44px;align-items:center;gap:8px;padding:9px 0;border-top:1px solid #e0e4dc;min-height:68px}.packing-item{display:flex;align-items:center;gap:10px;font-size:15px;line-height:1.4;font-weight:600;min-height:48px;cursor:pointer;overflow-wrap:anywhere}.packing-item input{flex:0 0 26px;width:26px;height:26px;margin:0 3px 0 2px;accent-color:#304c37}.packing-quantity input{margin:0;padding:9px 5px;min-height:46px;text-align:center;font-size:16px;font-variant-numeric:tabular-nums}.packing-remove{display:grid;place-items:center;width:44px;height:48px;border:0;background:transparent;color:#687362;border-radius:8px}.packing-remove:hover{background:#f3e4df;color:#852f2a}.packing-row.is-packed .packing-item span{text-decoration:line-through;color:#64715f}.packing-bottom{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.packing-bottom button:disabled{opacity:.55;cursor:default}.packing-add{border-top:1px solid #ccd2c7;padding:8px 0}.packing-add summary{min-height:52px;padding:15px 0;cursor:pointer;font-weight:750}.packing-add form{padding:10px 0}.packing-add .form-grid{margin:16px 0}.packing-add input,.packing-add select{min-height:50px;font-size:16px}.packing-error{color:#852f2a;font-size:14px;line-height:1.5}.packing-error:empty{display:none}.packing-private{margin-top:20px}.packing-view [hidden]{display:none}.packing-view .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:450px){.packing-trip{grid-template-columns:1fr 82px;gap:12px}.packing-row{gap:5px;grid-template-columns:minmax(0,1fr) 51px 44px}.packing-item{font-size:14px;gap:7px}.packing-progress{font-size:15px}.packing-category summary{font-size:17px}}

.packing-trip{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) 82px}.packing-season select{min-height:52px;margin-top:7px;font-size:16px;width:100%}.packing-lodging button:focus-visible{outline:3px solid #b58036;outline-offset:2px}@media(max-width:600px){.packing-trip{grid-template-columns:minmax(0,1fr) 82px}.packing-trip fieldset{grid-column:1/-1}.packing-season{min-width:0}}
@media(max-width:600px){.packing-season select{font-size:14px;padding-left:10px;padding-right:18px}}

.packing-trip{align-items:start;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 82px}.packing-trip fieldset{grid-column:auto}.packing-toggle{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1fr;gap:0;padding:4px;background:#e3e8df;border:1px solid #c8d1c3;border-radius:13px}.packing-toggle:before{content:'';position:absolute;z-index:-1;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);background:#304c37;border-radius:9px;transition:transform 180ms ease-out}.packing-toggle[data-selected=barracks]:before,.packing-toggle[data-selected=winter]:before{transform:translateX(100%)}.packing-toggle button,.packing-lodging button{min-height:44px;min-width:0;border:0;border-radius:9px;background:transparent;color:#304c37;font-size:15px;font-weight:750;padding:8px 5px}.packing-toggle button[aria-pressed=true],.packing-lodging button[aria-pressed=true]{background:transparent;border:0;color:white}.packing-toggle button:focus-visible{outline:3px solid #b58036;outline-offset:2px}.packing-season-months{margin:6px 0 0;font-size:12px;line-height:1.4}.packing-trip input{margin-top:7px;min-height:54px}@media(max-width:600px){.packing-trip{grid-template-columns:minmax(0,1fr) 82px;gap:16px 12px}.packing-trip>fieldset:first-child{grid-column:1/-1}.packing-season{grid-column:1}.packing-toggle button{font-size:15px}}@media(prefers-reduced-motion:reduce){.packing-toggle:before{transition:none}}