.packing-list{background:var(--color-surface,#ffffff);border:1px solid var(--color-border,#dfe8ed);border-radius:var(--radius-xl,16px);padding:28px;box-shadow:var(--shadow-card,0 12px 32px rgba(10,17,40,.08))}.packing-list__header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;flex-wrap:wrap}.packing-list__title-wrap{display:flex;align-items:flex-start;gap:14px}.packing-list__icon{width:48px;height:48px;border-radius:var(--radius-lg,12px);background:var(--color-primary-light,#f0f7f8);color:var(--color-primary,#005a64);border:1px solid rgba(0,90,100,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.packing-list__title{font-family:var(--font-display,var(--font-family-display,"Fraunces",Georgia,serif));font-size:22px;font-weight:700;color:var(--color-ink-950,#0a1128);margin:0;line-height:1.25}.packing-list__subtitle{font-size:14px;color:var(--color-ink-700,#4a5568);margin:4px 0 0}.packing-list__actions{display:flex;gap:8px}.packing-list__actions .btn{min-height:38px;display:inline-flex;align-items:center;gap:6px;font-size:13px;transition:transform .15s ease,background-color .15s ease}.packing-list__actions .btn:focus-visible{outline:2px solid var(--color-primary,#005a64);outline-offset:2px}.packing-list__preset-selector{margin-bottom:24px;background:var(--color-surface-alt,#f1f6f6);padding:16px;border-radius:var(--radius-lg,12px);border:1px solid var(--color-border,#dfe8ed)}.packing-list__preset-label{font-size:13px;font-weight:700;color:var(--color-ink-950,#0a1128);display:block;margin-bottom:10px;text-transform:uppercase;letter-spacing:.05em}.packing-list__preset-pills{display:flex;gap:8px;flex-wrap:wrap}.packing-list__preset-pill{padding:8px 14px;min-height:38px;border:1px solid var(--color-border-strong,#c7d5df);border-radius:var(--radius-md,8px);background:var(--color-surface,#ffffff);font-size:13px;font-weight:500;color:var(--color-ink-950,#0a1128);cursor:pointer;transition:all .15s ease}.packing-list__preset-pill:hover{border-color:var(--color-primary,#005a64);background:var(--color-primary-light,#f0f7f8);color:var(--color-primary,#005a64)}.packing-list__preset-pill:focus-visible{outline:2px solid var(--color-primary,#005a64);outline-offset:2px}.packing-list__preset-pill:active{transform:scale(.97)}.packing-list__preset-pill--active{border-color:var(--color-primary,#005a64);background:var(--color-primary-light,#f0f7f8);color:var(--color-primary,#005a64);font-weight:700;box-shadow:0 0 0 1px var(--color-primary,#005a64)}.packing-list__progress-bar-wrap{margin-bottom:24px}.packing-list__progress-info{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--color-ink-950,#0a1128);margin-bottom:8px}.packing-list__progress-info span{font-weight:600}.packing-list__progress-info strong{color:var(--color-primary,#005a64);font-weight:700}.packing-list__progress-track{height:10px;background:var(--color-border,#dfe8ed);border-radius:var(--radius-full,9999px);overflow:hidden}.packing-list__progress-fill{height:100%;background:linear-gradient(90deg,var(--color-accent,#f7941d) 0,var(--color-primary,#005a64) 100%);border-radius:var(--radius-full,9999px);transition:width .3s cubic-bezier(.16,1,.3,1)}.packing-list__category-tabs{display:flex;gap:6px;border-bottom:1px solid var(--color-border,#dfe8ed);padding-bottom:8px;margin-bottom:20px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.packing-list__category-tabs::-webkit-scrollbar{display:none}.packing-list__cat-tab{border:none;background:transparent;padding:8px 14px;min-height:38px;font-size:13px;font-weight:500;color:var(--color-ink-700,#4a5568);border-radius:var(--radius-md,8px);cursor:pointer;white-space:nowrap;transition:all .15s ease}.packing-list__cat-tab:hover{color:var(--color-ink-950,#0a1128);background:var(--color-surface-alt,#f1f6f6)}.packing-list__cat-tab:focus-visible{outline:2px solid var(--color-primary,#005a64);outline-offset:1px}.packing-list__cat-tab--active{background:var(--color-primary-light,#f0f7f8);color:var(--color-primary,#005a64);font-weight:700}.packing-list__items{display:flex;flex-direction:column;gap:10px}.packing-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:var(--radius-md,8px);background:var(--color-surface,#ffffff);border:1px solid var(--color-border,#dfe8ed);transition:background .15s ease,border-color .15s ease,opacity .2s ease;position:relative}.packing-item:hover{border-color:var(--color-border-strong,#c7d5df)}.packing-item--checked,.packing-item:hover{background:var(--color-surface-alt,#f1f6f6)}.packing-item--checked{opacity:.65}.packing-item--checked .packing-item__text{text-decoration:line-through;color:var(--color-ink-500,#718096)}.packing-item__checkbox-input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.packing-item__label{flex:1 1;font-size:14px;color:var(--color-ink-950,#0a1128);cursor:pointer;display:flex;align-items:center;gap:12px;-webkit-user-select:none;-moz-user-select:none;user-select:none;min-height:24px}.packing-item__checkbox-custom{display:flex;align-items:center;justify-content:center;color:var(--color-ink-500,#718096);transition:transform .15s ease,color .15s ease}.packing-item__checkbox-input:focus-visible+.packing-item__label .packing-item__checkbox-custom{outline:2px solid var(--color-primary,#005a64);outline-offset:3px;border-radius:4px}.packing-item:hover .packing-item__checkbox-custom{color:var(--color-primary,#005a64)}.packing-item__icon--checked{color:var(--color-success,#1a7f37)}.packing-item__text{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-weight:500}.packing-item__badge{font-size:11px;font-weight:700;background:rgba(220,38,38,.1);color:var(--color-error,#dc2626);border:1px solid rgba(220,38,38,.2);padding:2px 8px;border-radius:var(--radius-full,9999px);text-transform:uppercase;letter-spacing:.04em}.packing-item__gear-link{font-size:12px;color:var(--color-primary,#005a64);text-decoration:none;display:inline-flex;align-items:center;gap:4px;font-weight:600;padding:4px 8px;border-radius:6px;background:var(--color-primary-light,#f0f7f8);border:1px solid rgba(0,90,100,.15);transition:all .15s ease;white-space:nowrap}.packing-item__gear-link:hover{background:var(--color-primary,#005a64);color:#ffffff;border-color:var(--color-primary,#005a64)}.packing-item__gear-link:focus-visible{outline:2px solid var(--color-primary,#005a64);outline-offset:2px}.packing-list__completion-banner{background:linear-gradient(135deg,#10b981,#059669);color:#ffffff;padding:16px 20px;border-radius:var(--radius-lg,12px);margin-bottom:20px;box-shadow:0 4px 12px rgba(16,185,129,.2)}.packing-list__completion-text strong{font-size:16px;display:block;margin-bottom:2px}.packing-list__completion-text p{font-size:13px;margin:0;opacity:.95}.packing-list__essentials-banner{margin-top:28px;padding:20px;background:var(--color-surface-alt,#f1f6f6);border:1px solid var(--color-border,#dfe8ed);border-radius:var(--radius-lg,12px);text-align:center}.packing-list__essentials-title{font-size:15px;font-weight:700;color:var(--color-ink-950,#0a1128);margin:0 0 12px}.packing-list__essentials-links{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.packing-list__disclosure{font-size:11px;color:var(--color-ink-600,#718096);text-align:center;margin:12px 0 0;font-style:italic}@media print{.packing-item__gear-link,.packing-list__actions,.packing-list__category-tabs,.packing-list__essentials-banner,.packing-list__preset-selector{display:none!important}.packing-list{border:none;box-shadow:none;padding:0}}@media (max-width:640px){.packing-list{padding:20px 16px}.packing-list__header{flex-direction:column;align-items:stretch}.packing-list__actions{width:100%;justify-content:flex-end}.packing-item{flex-wrap:wrap;gap:8px}.packing-item__gear-link{margin-left:32px}}