.add-garment-view{min-height:100dvh;padding-bottom:calc(48px + env(safe-area-inset-bottom))}.add-garment-view:focus{outline:none}.add-garment-toolbar{z-index:5;padding:max(10px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) 10px max(14px, env(safe-area-inset-left));background:var(--surface);grid-template-columns:56px minmax(0,1fr) 56px;align-items:center;display:grid;position:sticky;top:0}.add-garment-toolbar h1{letter-spacing:-.02em;text-align:center;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1.05rem;font-weight:620;overflow:hidden}.add-garment-back,.add-garment-save{cursor:pointer;background:0 0;border:0;min-width:44px;min-height:44px;padding:0}.add-garment-back{border-radius:50%;place-items:center;width:44px;display:grid}.add-garment-back svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:23px;height:23px}.add-garment-save{color:var(--ink);border-radius:10px;justify-self:end;font-size:.9rem;font-weight:650}.garment-form{width:100%;max-width:560px;padding:22px max(20px, env(safe-area-inset-right)) 0 max(20px, env(safe-area-inset-left));gap:24px;margin:0 auto;display:grid}.add-photo-section{min-width:0}.add-photo-heading{justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex}.add-photo-heading h2{letter-spacing:.01em;margin:0;font-size:.8rem;font-weight:610}.add-photo-heading span{color:var(--muted);font-size:.75rem}.add-photo-empty{border-radius:var(--radius-image);min-height:150px;color:var(--muted);background:#eeece7;place-content:center;justify-items:center;display:grid}.add-photo-empty span{font-size:2rem;font-weight:300;line-height:1}.add-photo-empty p{margin:8px 0 0;font-size:.8rem}.add-photo-previews{overscroll-behavior-inline:contain;scrollbar-width:thin;gap:10px;padding:2px 2px 6px;display:flex;overflow-x:auto}.add-photo-preview{aspect-ratio:4/5;background:#eeece7;border-radius:14px;flex:0 0 112px;width:112px;position:relative;overflow:hidden}.add-photo-preview img{object-fit:cover;width:100%;height:100%}.add-photo-cover{color:var(--surface);background:#20201ed4;border-radius:6px;padding:5px 8px;font-size:.7rem;font-weight:620;position:absolute;bottom:8px;left:8px}.add-photo-preview button{color:#fff;cursor:pointer;background:#20201ec7;border:0;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute;top:4px;right:4px}.add-photo-preview button span{font-size:1.4rem;font-weight:300;line-height:1}.add-photo-actions{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.add-photo-actions button{min-height:44px;color:var(--ink);cursor:pointer;background:0 0;border:1px solid #cfccc5;border-radius:10px;padding:0 15px;font-size:.85rem;font-weight:590}.add-photo-file-input{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.add-photo-status,.add-photo-error{margin:10px 0 0;font-size:.8rem;line-height:1.45}.add-photo-status{color:var(--muted)}.add-photo-error{color:#8f3026}.garment-form-intro{color:var(--muted);margin:0 0 6px;font-size:.875rem;line-height:1.5}.form-field{gap:8px;display:grid}.form-field label{color:var(--ink);letter-spacing:.01em;font-size:.8rem;font-weight:610}.form-field input,.form-field select,.form-field textarea{width:100%;min-height:48px;color:var(--ink);background:#fffefb;border:1px solid #cfccc5;border-radius:12px;padding:11px 13px;font-size:1rem;line-height:1.4}.form-field textarea{resize:vertical;min-height:108px}.form-field input[aria-invalid=true],.form-field select[aria-invalid=true]{border-color:#a23e32}.field-error{color:#8f3026;margin:0;font-size:.8rem;line-height:1.4}.garment-form-note{color:var(--muted);margin:4px 0 0;font-size:.78rem;line-height:1.5}.add-garment-back:focus-visible,.add-garment-save:focus-visible,.add-photo-actions button:focus-visible,.add-photo-preview button:focus-visible,.form-field input:focus-visible,.form-field select:focus-visible,.form-field textarea:focus-visible{outline:2px solid var(--ink);outline-offset:2px}@media (hover:hover){.add-garment-back:hover,.add-garment-save:hover{background:#eceae5}}@media (prefers-reduced-motion:no-preference){.add-garment-back,.add-garment-save{transition:background-color .16s,transform .16s}.add-garment-back:active,.add-garment-save:active{transform:scale(.96)}}.filter-dialog{width:min(100%,760px);max-width:none;max-height:calc(100dvh - max(20px, env(safe-area-inset-top)));padding:22px max(20px, env(safe-area-inset-right)) calc(20px + env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));color:var(--ink);background:var(--surface);border:0;border-radius:22px 22px 0 0;margin:0;position:fixed;inset:auto 0 0 50%;overflow-y:auto;transform:translate(-50%)}.filter-dialog::backdrop{background:#20201e61}.filter-sheet-header,.filter-sheet-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.filter-sheet-header h2{margin:0;font-size:1.08rem;font-weight:630}.filter-dialog button{cursor:pointer;border:0;min-height:44px}.filter-sheet-header button,.filter-sheet-footer button:first-child{background:0 0;padding:0 10px;font-size:.85rem}.filter-sheet-content{gap:26px;margin:26px 0 30px;display:grid}.filter-sheet-content h3{margin:0 0 12px;font-size:.82rem;font-weight:610}.filter-sheet-content p{color:var(--muted);margin:0;font-size:.82rem}.filter-options{flex-wrap:wrap;gap:8px;display:flex}.filter-options button{max-width:100%;color:var(--muted);overflow-wrap:anywhere;background:#eceae5;border-radius:999px;padding:0 14px;font-size:.85rem}.filter-options button[aria-pressed=true]{color:var(--surface);background:var(--ink)}.filter-sheet-footer{border-top:1px solid var(--line);padding-top:14px}.filter-sheet-footer .filter-apply{color:var(--surface);background:var(--ink);border-radius:11px;padding:0 18px;font-weight:610}.filter-dialog button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.garment-detail-view{min-height:100dvh;padding-bottom:calc(48px + env(safe-area-inset-bottom))}.garment-detail-view:focus{outline:none}.detail-toolbar{padding:max(10px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) 10px max(14px, env(safe-area-inset-left));justify-content:space-between;align-items:center;display:flex}.detail-control{width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.detail-control svg{fill:currentColor;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:23px;height:23px}.detail-control:first-child svg{fill:none}.detail-menu-anchor{position:relative}.detail-action-menu{z-index:3;border:1px solid var(--line);background:var(--surface);border-radius:14px;min-width:148px;padding:4px;position:absolute;top:48px;right:0}.detail-delete-action{color:#a13b35;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;width:100%;min-height:44px;padding:0 14px}.detail-delete-dialog{width:min(100% - 40px,380px);max-height:calc(100dvh - 40px - env(safe-area-inset-top) - env(safe-area-inset-bottom));color:var(--ink);background:var(--surface);border:0;border-radius:20px;margin:auto;padding:26px 24px 24px;overflow-y:auto}.detail-delete-dialog::backdrop{background:#20201e61}.detail-delete-dialog h2{margin:0;font-size:1.2rem;font-weight:630}.detail-delete-dialog p{color:var(--muted);overflow-wrap:anywhere;margin:14px 0 0;font-size:.9rem;line-height:1.6}.detail-delete-dialog .detail-delete-error{color:#a13b35}.detail-delete-dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:24px;display:flex}.detail-delete-dialog-actions button{cursor:pointer;background:#ebe9e4;border:0;border-radius:11px;min-height:44px;padding:0 14px}.detail-delete-dialog-actions .detail-delete-confirm{color:#fff;background:#a13b35}.detail-delete-dialog-actions button:disabled{opacity:.6;cursor:default}.detail-delete-action:focus-visible,.detail-delete-dialog-actions button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.detail-media-gallery{padding:0 max(20px, env(safe-area-inset-right)) 0 max(20px, env(safe-area-inset-left));gap:16px;display:grid}.garment-detail-media{aspect-ratio:4/5;border-radius:var(--radius-image);place-items:center;width:100%;max-width:560px;margin:0 auto;display:grid;overflow:hidden}.garment-detail-media .garment-artwork{width:78%;height:78%}.garment-detail-media .garment-artwork--shoes{width:91%;height:91%}.garment-detail-media .garment-photo{object-fit:contain}.detail-photo-thumbnails{max-width:560px;padding:2px max(20px, env(safe-area-inset-right)) 6px max(20px, env(safe-area-inset-left));overscroll-behavior-inline:contain;gap:10px;margin:14px auto 0;display:flex;overflow-x:auto}.detail-photo-thumbnail{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:12px;flex:0 0 64px;width:64px;height:80px;padding:2px;overflow:hidden}.detail-photo-thumbnail[aria-pressed=true]{border-color:var(--ink)}.detail-photo-thumbnail .garment-media{border-radius:7px;width:100%;height:100%;overflow:hidden}.detail-photo-thumbnail .garment-photo{object-fit:cover}.detail-photo-thumbnail:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.detail-content{max-width:560px;padding:24px max(20px, env(safe-area-inset-right)) 0 max(20px, env(safe-area-inset-left));margin:0 auto}.detail-category{color:var(--muted);letter-spacing:.045em;text-transform:uppercase;margin:0 0 8px;font-size:.75rem;font-weight:580}.detail-content h1{color:var(--ink);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,9vw,2.65rem);font-weight:630;line-height:1.05}.detail-color{color:var(--muted);margin:10px 0 0;font-size:.9rem;line-height:1.45}.detail-facts{border-top:1px solid var(--line);margin:34px 0 0}.detail-facts div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:24px;min-height:51px;padding:14px 0;display:flex}.detail-facts dt,.detail-facts dd{margin:0;font-size:.875rem;line-height:1.5}.detail-facts dt{color:var(--muted)}.detail-facts dd{color:var(--ink);text-align:right;font-weight:540}.detail-notes{margin-top:34px}.detail-notes h2{letter-spacing:-.015em;margin:0;font-size:1rem;font-weight:610}.detail-notes p{color:var(--ink);margin:10px 0 0;font-size:.875rem;line-height:1.6}.detail-notes .detail-notes-empty{color:var(--muted)}.detail-control:focus-visible{outline:2px solid var(--ink);outline-offset:2px}@media (hover:hover){.detail-control:hover{background:#eceae5}}@media (prefers-reduced-motion:no-preference){.detail-control{transition:background-color .16s,transform .16s}.detail-control:active{transform:scale(.96)}}@media (width>=680px){.detail-media-gallery,.detail-content{padding-left:28px;padding-right:28px}}.app-shell{background:var(--surface);width:100%;max-width:760px;min-height:100dvh;margin:0 auto;position:relative;overflow-x:clip}.database-state{min-height:100dvh;padding:max(32px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(32px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));text-align:center;align-content:center;justify-items:center;gap:14px;display:grid}.database-state h1{letter-spacing:-.04em;margin:0;font-size:1.65rem;font-weight:650}.database-state p{max-width:280px;color:var(--muted);margin:0;font-size:.875rem;line-height:1.5}.database-state button{border:1px solid var(--line);min-width:96px;min-height:44px;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border-radius:12px;padding:0 16px}.database-state button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.app-header{padding:max(20px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) 20px max(20px, env(safe-area-inset-left))}.app-header-main{justify-content:space-between;align-items:center;gap:12px;display:flex}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.search-bar{align-items:center;gap:8px;margin-top:18px;display:flex}.search-bar input{min-width:0;min-height:44px;color:var(--ink);background:#fffefb;border:1px solid #cfccc5;border-radius:12px;flex:1;padding:0 14px;font-size:1rem}.search-bar button{cursor:pointer;background:0 0;border:0;min-height:44px;padding:0 8px;font-size:.85rem}.search-bar input:focus-visible,.search-bar button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.app-header h1{letter-spacing:-.055em;margin:0;font-size:clamp(2rem,9vw,2.65rem);font-weight:650;line-height:1}.header-actions{flex:none;align-items:center;gap:4px;display:flex}.icon-button{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid;position:relative}.icon-button--active:after{background:var(--ink);content:"";border-radius:50%;width:5px;height:5px;position:absolute;bottom:2px}.icon-button svg{fill:none;stroke:currentColor;stroke-width:1.65px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.add-button{color:var(--surface);background:var(--ink);margin-left:3px}.category-navigation{width:100%;overflow:hidden}.category-tabs{width:100%;padding:2px max(20px, env(safe-area-inset-right)) 18px max(20px, env(safe-area-inset-left));overscroll-behavior-inline:contain;scrollbar-width:none;touch-action:pan-x;gap:8px;display:flex;overflow-x:auto}.category-tabs::-webkit-scrollbar{display:none}.category-navigation--has-subcategories .category-tabs{padding-bottom:8px}.subcategory-tabs{width:100%;padding:0 max(20px, env(safe-area-inset-right)) 12px max(20px, env(safe-area-inset-left));overscroll-behavior-inline:contain;scrollbar-width:none;touch-action:pan-x;gap:8px;display:flex;overflow-x:auto}.subcategory-tabs::-webkit-scrollbar{display:none}.subcategory-tab{min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;padding:0 15px;font-size:.82rem}.subcategory-tab[aria-pressed=true]{color:var(--ink);background:#e9e7e1;font-weight:620}.category-tab{color:#65635e;cursor:pointer;background:#ebe9e4;border:0;border-radius:999px;flex:none;min-height:44px;padding:0 17px;font-size:.875rem;font-weight:540}.category-tab[aria-pressed=true]{color:var(--surface);background:var(--ink)}.collection{padding:14px max(20px, env(safe-area-inset-right)) calc(104px + env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left))}.collection:focus{outline:none}.collection-summary{color:var(--muted);letter-spacing:.035em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:.75rem;font-weight:560;display:flex}.garment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 12px;display:grid}.garment-card{min-width:0;position:relative}.garment-card-action{z-index:1;border-radius:var(--radius-image);cursor:pointer;background:0 0;border:0;padding:0;position:absolute;inset:0}.garment-card-action:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.garment-image{aspect-ratio:4/5;border-radius:var(--radius-image);place-items:center;width:100%;display:grid;overflow:hidden}.garment-artwork{width:82%;height:82%;overflow:visible}.garment-artwork--shoes{width:94%;height:94%}.garment-photo{object-fit:cover;width:100%;height:100%}.garment-detail{fill:none;stroke:#20201e4d;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.garment-copy{padding:11px 2px 0}.garment-copy h2{color:var(--ink);letter-spacing:-.015em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.92rem;font-weight:590;line-height:1.3;overflow:hidden}.garment-copy p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:.75rem;line-height:1.35;overflow:hidden}.empty-state{text-align:center;place-content:center;justify-items:center;min-height:52vh;padding:48px 24px;display:grid}.empty-state-mark{border:1.5px solid var(--quiet);border-radius:15px;width:46px;height:58px;margin-bottom:22px}.empty-state h2{letter-spacing:-.02em;margin:0;font-size:1.08rem;font-weight:600}.empty-state p{max-width:240px;color:var(--muted);margin:8px 0 0;font-size:.875rem;line-height:1.5}.empty-state button{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:12px;min-height:44px;margin-top:20px;padding:0 18px}.empty-state button:focus-visible,.subcategory-tab:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.bottom-navigation{z-index:10;width:min(100%,760px);padding:7px max(14px, env(safe-area-inset-right)) max(7px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));border-top:1px solid var(--line);background:#fbfaf7;grid-template-columns:repeat(3,1fr);display:grid;position:fixed;bottom:0;left:50%;right:0;transform:translate(-50%)}.post-save-pointer-guard{z-index:20;touch-action:none;background:0 0;width:min(100%,760px);position:fixed;inset:0 auto 0 50%;transform:translate(-50%)}.navigation-item{min-height:50px;color:var(--quiet);cursor:pointer;background:0 0;border:0;border-radius:12px;place-content:center;justify-items:center;gap:3px;padding:3px 6px;font-size:.66rem;font-weight:560;display:grid}.navigation-item svg{fill:none;stroke:currentColor;stroke-width:1.65px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.navigation-item[aria-current=page]{color:var(--ink)}.icon-button:focus-visible,.category-tab:focus-visible,.navigation-item:focus-visible{outline:2px solid var(--ink);outline-offset:2px}@media (hover:hover){.icon-button:not(.add-button):hover,.navigation-item:hover{background:#eceae5}.add-button:hover,.category-tab[aria-pressed=true]:hover{background:#3a3935}.category-tab:not([aria-pressed=true]):hover{color:var(--ink);background:#e2e0da}}@media (prefers-reduced-motion:no-preference){.icon-button,.category-tab,.navigation-item{transition:color .16s,background-color .16s,transform .16s}.icon-button:active,.category-tab:active,.navigation-item:active{transform:scale(.96)}}@media (width>=680px){.app-header,.category-tabs,.subcategory-tabs,.collection{padding-left:28px;padding-right:28px}.garment-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 14px}}:root{color:#20201e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--canvas:#eceae5;--surface:#f8f7f3;--ink:#20201e;--muted:#74716b;--quiet:#716f69;--line:#e5e2dc;--radius-image:20px;background:#eceae5;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--canvas);min-width:320px;min-height:100%}body{background:var(--canvas);min-width:320px;min-height:100%;margin:0;overflow-x:hidden}button,input,textarea,select{font:inherit}button{color:inherit;-webkit-tap-highlight-color:transparent}#root{min-height:100dvh}::selection{color:var(--surface);background:var(--ink)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}