.packing{margin-top:var(--space-lg)}.packing__meter{border-radius:var(--radius-pill);background:var(--color-surface-2);border:1px solid var(--glass-border);height:8px;overflow:hidden}.packing__meter-fill{border-radius:var(--radius-pill);background:linear-gradient(90deg, var(--aurora-green), var(--aurora-teal));height:100%;transition:width var(--duration-normal) var(--ease-out-expo);display:block}.packing__progress{font-family:var(--font-display);color:var(--text-strong);font-variant-numeric:tabular-nums;margin:.55rem 0 0;font-weight:700}.packing__hint{font-size:var(--text-sm);color:var(--text-muted);margin:.1rem 0 0}.packing__group{margin-top:var(--space-xl)}.packing__group-title{font-size:var(--text-lg);color:var(--text-strong);margin-bottom:var(--space-sm)}.packing__list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.packing__item{border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm), inset 0 1px 1px #ffffffd9;transition:opacity var(--duration-fast) ease;border:1.5px solid #ffffffb3;border:1.5px solid lab(100% 0 0/.7);align-items:center;gap:.75rem;padding:.7rem .95rem;display:flex}@supports (color:lab(0% 0 0)){.packing__item{box-shadow:var(--shadow-sm), inset 0 1px 1px lab(100% 0 0/.85)}}.packing__item--done{opacity:.62}.packing__check{cursor:pointer;flex:1;align-items:center;gap:.6rem;min-width:0;display:flex}.packing__input{opacity:0;width:1px;height:1px;position:absolute}.packing__box{border:1.5px solid var(--glass-border-strong);background:var(--color-surface-2);width:1.35rem;height:1.35rem;transition:background var(--duration-fast) var(--ease-out-expo), border-color var(--duration-fast) var(--ease-out-expo);border-radius:.5rem;flex:none;place-items:center;display:grid;box-shadow:inset 0 1px 1px #ffffffb3;box-shadow:inset 0 1px 1px lab(100% 0 0/.7)}.packing__box:after{content:"";border:solid var(--text-on-accent);width:.42rem;height:.72rem;transition:transform var(--duration-fast) var(--ease-bounce);border-width:0 2.5px 2.5px 0;margin-top:-.12rem;transform:rotate(45deg)scale(0)}.packing__item--done .packing__box{background:linear-gradient(135deg, var(--aurora-green), var(--aurora-teal));border-color:#0000}.packing__item--done .packing__box:after{transform:rotate(45deg)scale(1)}.packing__input:focus-visible+.packing__box{outline:2.5px solid var(--aurora-violet);outline-offset:2px}.packing__name{font-weight:600;font-size:var(--text-sm);color:var(--text-strong);min-width:0;line-height:1.2}.packing__item--done .packing__name{text-decoration:line-through;-webkit-text-decoration-color:var(--text-faint);text-decoration-color:var(--text-faint);color:var(--text-muted)}.packing__badge{font-size:var(--text-xs);letter-spacing:.02em;color:var(--accent-ink);background:var(--accent-soft);border-radius:var(--radius-pill);white-space:nowrap;border:1px solid #00ae6c47;border:1px solid lab(62.6467% -52.9446 23.2822/.28);margin-left:.5rem;padding:.05rem .45rem;font-weight:700}.packing__price{font-size:var(--text-xs);color:var(--text-faint);white-space:nowrap}.packing__buy{font-size:var(--text-sm);color:var(--aurora-cyan);white-space:nowrap;flex:none;font-weight:700;text-decoration:none}.packing__buy:hover{color:color-mix(in oklch, var(--aurora-cyan) 80%, black)}@media (max-width:30rem){.packing__item{flex-wrap:wrap;gap:.35rem .6rem}.packing__check{flex:100%}}@media (prefers-reduced-motion:reduce){.packing__meter-fill,.packing__box,.packing__box:after{transition:none}}