:root{--c-page:#fff;--c-tile:#f2f2f2;--c-surface:#f7f7f5;--c-ink:#161616;--c-ink-2:#5c5f66;--c-line:#e3e3e0;--c-on-ink:#fff;--c-accent:#8c4a33;--c-danger:#b42318;--c-scrim:#16161652;--c-glass:#ffffffdb;--c-shadow:#1616161f;--font:-apple-system, system-ui, sans-serif;--fs-xs:13px;--fs-sm:15px;--fs-md:17px;--fs-lg:22px;--fs-xl:30px;--fw-regular:400;--fw-medium:500;--fw-bold:700;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--r-sm:10px;--r-md:16px;--r-lg:24px;--r-pill:999px;--shadow-float:0 8px 24px var(--c-shadow);--hit:44px;--icon:20px;--content-max:960px;--nav-h:64px;--stroke:1px;color:#1d2327;-webkit-text-size-adjust:100%;background:#fff;font-family:-apple-system,system-ui,sans-serif}body{margin:0}.shell{max-width:960px;padding:max(16px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));margin:0 auto}.muted{color:#667085}.topbar{justify-content:space-between;align-items:center;gap:12px;display:flex}button.link{font:inherit;color:#2f3e46;cursor:pointer;background:0 0;border:none;padding:8px 0;text-decoration:underline}.choice{border:1px solid #d0d5dd;border-radius:8px;padding:12px 16px}.choice label{align-items:center;gap:8px;padding:8px 0;font-size:1.05rem;display:flex}.signin{gap:14px;max-width:360px;display:grid}.signin label{gap:6px;display:grid}input[type=email],input[type=password]{font:inherit;border:1px solid #c4cad0;border-radius:8px;padding:10px 12px;font-size:16px}button.primary,.choice button{font:inherit;color:#fff;cursor:pointer;background:#2f3e46;border:1px solid #2f3e46;border-radius:8px;padding:10px 16px}.choice button{color:#2f3e46;background:#fff}button:disabled{opacity:.6}.error{color:#b42318}.add-item{flex-wrap:wrap;gap:10px;margin:8px 0 16px;display:flex}.button{font:inherit;color:#2f3e46;cursor:pointer;background:#fff;border:1px solid #2f3e46;border-radius:10px;padding:12px 16px;display:inline-block}.button.primary{color:#fff;background:#2f3e46}.button.disabled{opacity:.5;pointer-events:none}.grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.card{aspect-ratio:3/4;cursor:pointer;background:#f8f9fb;border:1px solid #e4e7ec;border-radius:10px;width:100%;padding:0;display:block;overflow:hidden}.card img,.photo{object-fit:contain;width:100%;height:100%;display:block}.photo{background:#f8f9fb;border-radius:12px;max-height:70vh}.checker{background:repeating-conic-gradient(#eceff3 0 25%, #fff 0 50%) 0 0 / 16px 16px}.segmented{border:1px solid #2f3e46;border-radius:10px;margin-top:12px;display:inline-flex;overflow:hidden}.segmented button{font:inherit;color:#2f3e46;cursor:pointer;background:#fff;border:none;padding:10px 16px}.segmented button[aria-pressed=true]{color:#fff;background:#2f3e46}.tags{gap:10px;margin:16px 0 0;display:grid}.tag-row{grid-template-columns:90px 1fr;align-items:start;gap:8px;display:grid}.tag-row dt{color:#667085;padding-top:8px}.tag-row dd{margin:0}.chip{font:inherit;color:#2f3e46;cursor:pointer;background:#fff;border:1px solid #2f3e46;border-radius:999px;padding:7px 12px}.chip.empty{color:#667085;border-style:dashed}.choices{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.choices button{font:inherit;color:#1d2327;cursor:pointer;background:#f8f9fb;border:1px solid #d0d5dd;border-radius:999px;padding:8px 12px;font-size:.95rem}.choices button[aria-pressed=true]{color:#fff;background:#2f3e46;border-color:#2f3e46}.choices button.clear{border-style:dashed}.caption{color:#667085;text-align:center;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:.8rem;display:block;overflow:hidden}.filters{margin:0 0 12px}.filters-head{align-items:center;gap:10px;display:flex}.chip.on{color:#fff;background:#2f3e46}.filter-label{color:#667085;width:100%;margin-top:6px;font-size:.85rem}.danger-zone{border-top:1px solid #e4e7ec;margin-top:28px;padding-top:16px}.danger-link{color:#b42318}button.danger{font:inherit;color:#fff;cursor:pointer;background:#b42318;border:1px solid #b42318;border-radius:10px;padding:10px 16px}.queue{background:var(--surface,#7f7f7f14);border-radius:12px;margin:0 0 1rem;padding:.75rem}.queue p{margin:0 0 .4rem}.queue progress{width:100%}.queue-failed ul{margin:0;padding-left:1.2rem}.dropzone.dragging{outline-offset:4px;border-radius:12px;outline:2px dashed}.drop-hint{margin-top:.25rem;font-size:.85rem}@media (hover:none){.drop-hint{display:none}}.summary{background:var(--surface,#7f7f7f14);border-radius:12px;margin:0 0 1rem;padding:.75rem}.summary>summary{cursor:pointer;font-weight:600}.summary h3{color:#667085;margin:1rem 0 .4rem;font-size:.85rem}.summary-big{margin:.75rem 0 .2rem}.summary-big strong{margin-right:.3rem;font-size:2rem}.summary-hint{margin:0;font-size:.85rem}.counts{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.counts li{border:1px solid #e4e7ec;border-radius:999px;padding:4px 10px;font-size:.9rem}.dupes{margin:0;padding:0;list-style:none}.dupes li{margin-bottom:.6rem}.dupe-thumbs{gap:6px;margin-top:4px;display:flex;overflow-x:auto}.thumb{cursor:pointer;background:#fff;border:1px solid #e4e7ec;border-radius:8px;flex:none;width:52px;height:52px;padding:0;overflow:hidden}.thumb img{object-fit:contain;width:100%;height:100%}.tabs{gap:6px;margin:0 0 12px;display:flex}.tabs button{font:inherit;color:inherit;cursor:pointer;background:#fff;border:1px solid #d0d5dd;border-radius:999px;padding:8px 14px}.tabs button[aria-current=page]{color:#fff;background:#2f3e46;border-color:#2f3e46}span.thumb{cursor:inherit;display:inline-block}.outfits{gap:10px;margin:0;padding:0;list-style:none;display:grid}.outfit-card{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;background:#fff;border:1px solid #e4e7ec;border-radius:12px;gap:6px;padding:10px 12px;display:grid}.outfit-name{font-weight:600}.outfit-strip{gap:6px;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.thumb-button{cursor:pointer;background:0 0;border:none;padding:0}.field{gap:6px;max-width:360px;display:grid}.field input{font:inherit;border:1px solid #d0d5dd;border-radius:8px;padding:10px 12px}.editor-actions{margin:12px 0}.card.chosen{outline-offset:-3px;outline:3px solid #2f3e46}.button:disabled{opacity:.5;cursor:default}.suggestions .outfit-card{cursor:default}.suggestion-actions{gap:8px;display:flex}.checklist{margin:0 0 1rem;padding:0;list-style:none}.checklist li{border-bottom:1px solid #e4e7ec;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;display:flex}.checklist label{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.checklist input[type=checkbox]{flex:none;width:22px;height:22px}.checklist li.packed span{opacity:.55}.trip-progress{font-weight:600}.outfit-card.chosen{outline-offset:-3px;outline:3px solid #2f3e46}.outfit-card:disabled,.card:disabled{opacity:.6;cursor:default}:root{font-family:var(--font);color:var(--c-ink);background:var(--c-page)}body{background:var(--c-page)}:focus-visible{outline:calc(var(--stroke) * 2) solid var(--c-accent);outline-offset:calc(var(--stroke) * 2)}.shell{max-width:var(--content-max);padding-bottom:calc(var(--nav-h) + var(--sp-6) + env(safe-area-inset-bottom))}.ui-topbar{justify-content:space-between;align-items:center;gap:var(--sp-3);min-height:var(--hit);margin-bottom:var(--sp-3);display:flex}.ui-wordmark{font-size:var(--fs-lg);font-weight:var(--fw-bold);letter-spacing:-.01em;margin:0}.ui-title{margin:var(--sp-2) 0 var(--sp-4);font-size:var(--fs-xl);font-weight:var(--fw-bold);letter-spacing:-.02em;line-height:1.15}.ui-muted{color:var(--c-ink-2)}.ui-btn{justify-content:center;align-items:center;gap:var(--sp-2);min-height:var(--hit);padding:0 var(--sp-5);font:inherit;font-size:var(--fs-md);font-weight:var(--fw-medium);color:var(--c-ink);background:var(--c-page);border:var(--stroke) solid var(--c-line);border-radius:var(--r-pill);cursor:pointer;text-decoration:none;display:inline-flex}.ui-btn--primary{color:var(--c-on-ink);background:var(--c-ink);border-color:var(--c-ink)}.ui-btn:disabled,.ui-btn.is-disabled{opacity:.5;pointer-events:none}.ui-btn--quiet-danger{color:var(--c-danger);padding:0 var(--sp-2);background:0 0;border-color:#0000}.ui-btn--danger{color:var(--c-on-ink);background:var(--c-danger);border-color:var(--c-danger)}.ui-icon-btn{width:var(--hit);height:var(--hit);color:var(--c-ink);background:var(--c-page);border:var(--stroke) solid var(--c-line);border-radius:var(--r-pill);box-shadow:var(--shadow-float);cursor:pointer;flex:none;place-items:center;padding:0;display:inline-grid}.ui-icon{width:var(--icon);height:var(--icon);display:block}.ui-actions{gap:var(--sp-2);margin:0 0 var(--sp-4);flex-wrap:wrap;display:flex}@media (width<=599px){.ui-actions>.ui-btn{padding:0 var(--sp-3);flex:1 1 0}}.ui-chip,.ui-chips button{justify-content:center;align-items:center;gap:var(--sp-2);min-width:var(--hit);min-height:var(--hit);padding:0 var(--sp-4);font:inherit;font-size:var(--fs-sm);color:var(--c-ink);background:var(--c-page);border:var(--stroke) solid var(--c-line);border-radius:var(--r-pill);cursor:pointer;display:inline-flex}.ui-chip[aria-pressed=true],.ui-chip.is-on,.ui-chips button[aria-pressed=true]{color:var(--c-on-ink);background:var(--c-ink);border-color:var(--c-ink)}.ui-chip.is-empty,.ui-chips button.clear{color:var(--c-ink-2);border-style:dashed}.ui-chips{gap:var(--sp-2);margin-top:var(--sp-2);flex-wrap:wrap;display:flex}.ui-chips .filter-label{width:100%;margin-top:var(--sp-2);font-size:var(--fs-xs);color:var(--c-ink-2)}.ui-grid{gap:var(--sp-3);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}@media (width>=600px){.ui-grid{gap:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}}.ui-tile{aspect-ratio:3/4;width:100%;padding:var(--sp-3);background:var(--c-tile);border-radius:var(--r-md);cursor:pointer;border:none;display:block;overflow:hidden}.ui-tile img{object-fit:contain;width:100%;height:100%;display:block}.ui-tile.is-chosen{outline:calc(var(--stroke) * 3) solid var(--c-accent);outline-offset:calc(var(--stroke) * -3)}.ui-caption{margin-top:var(--sp-1);font-size:var(--fs-xs);color:var(--c-ink-2);text-align:center;white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.ui-stage{margin:var(--sp-3) 0;padding:var(--sp-5);aspect-ratio:4/5;background:var(--c-tile);border-radius:var(--r-lg);place-items:center;max-height:62vh;display:grid}.ui-stage img{width:100%;height:100%;max-height:calc(62vh - var(--sp-6));object-fit:contain}.ui-panel{margin:0 0 var(--sp-4);padding:var(--sp-4);background:var(--c-surface);border-radius:var(--r-md)}.ui-tags{gap:var(--sp-2);margin:var(--sp-4) 0 0;display:grid}.ui-tags .tag-row{align-items:start;gap:var(--sp-2);grid-template-columns:96px 1fr;display:grid}.ui-tags dt{padding-top:var(--sp-3);font-size:var(--fs-sm);color:var(--c-ink-2)}.ui-tags dd{margin:0}.ui-danger-zone{margin-top:var(--sp-6);padding-top:var(--sp-4);border-top:var(--stroke) solid var(--c-line)}.ui-danger-zone p{margin:0 0 var(--sp-3)}.ui-bottom-nav{left:50%;bottom:calc(var(--sp-3) + env(safe-area-inset-bottom));z-index:10;gap:var(--sp-1);padding:var(--sp-1);background:var(--c-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:var(--stroke) solid var(--c-line);border-radius:var(--r-pill);box-shadow:var(--shadow-float);display:flex;position:fixed;transform:translate(-50%)}.ui-bottom-nav button{min-width:84px;min-height:calc(var(--nav-h) - var(--sp-2));padding:var(--sp-2) var(--sp-3);font:inherit;font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--c-ink-2);border-radius:var(--r-pill);cursor:pointer;background:0 0;border:none;justify-items:center;gap:0;display:grid}.ui-bottom-nav button[aria-current=page]{color:var(--c-on-ink);background:var(--c-ink)}.ui-scrim{z-index:20;background:var(--c-scrim);justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.ui-sheet{width:100%;max-width:var(--content-max);max-height:85vh;padding:var(--sp-5) var(--sp-4) calc(var(--sp-5) + env(safe-area-inset-bottom));background:var(--c-page);border-radius:var(--r-lg) var(--r-lg) 0 0;overflow:auto}.ui-sheet h2{margin:0 0 var(--sp-3);font-size:var(--fs-lg)}.ui-empty{justify-items:center;gap:var(--sp-3);margin:var(--sp-6) auto;text-align:center;max-width:320px;color:var(--c-ink-2);display:grid}.ui-empty .ui-icon{width:calc(var(--icon) * 2);height:calc(var(--icon) * 2)}.ui-empty p{margin:0}.ui-toast{left:50%;bottom:calc(var(--nav-h) + var(--sp-5) + env(safe-area-inset-bottom));z-index:30;max-width:calc(100vw - var(--sp-6));padding:var(--sp-3) var(--sp-4);font-size:var(--fs-sm);color:var(--c-on-ink);background:var(--c-ink);border-radius:var(--r-pill);box-shadow:var(--shadow-float);position:fixed;transform:translate(-50%)}