@font-face{font-family:Archivo;src:url(/fonts/archivo-variable.woff2) format("woff2");font-weight:100 900;font-display:swap}:root{--bg-base: #F2F2F0;--bg-elevated: #FFFFFF;--bg-inset: #F2F2F0;--border-subtle: #E4E4E4;--border-strong: #111111;--text-primary: #111111;--text-secondary: #4A4A4A;--text-muted: #686868;--text-placeholder: #A8A8A8;--accent: #C6351F;--accent-strong: #A82B19;--accent-subtle: rgba(198, 53, 31, .1);--on-accent: #FFFFFF;--danger: #A3291C;--on-danger: #FFFFFF;--success: #1F6B3D;--on-success: #FFFFFF;--warn: #8A5A00;--on-warn: #FFFFFF;--verdict-sharp: #218645;--on-verdict-sharp: #FFFFFF;--verdict-works: #1A61CC;--on-verdict-works: #FFFFFF;--verdict-risky: #674D00;--on-verdict-risky: #FFFFFF;--verdict-mismatch: #611C12;--on-verdict-mismatch: #FFFFFF;--font-sans: "Archivo", -apple-system, BlinkMacSystemFont, "Helvetica Neue", system-ui, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--tracking-tighter: -.02em;--tracking-tight: -.01em;--tracking-open: .04em;--tracking-wide: .08em;--icon-size-sm: 1.1em;--icon-size-md: 1.25em;--icon-size-lg: 1.4em;--icon-size-xl: 1.5em;--wordmark-paintx-size: 1.05em;--hint-line-reserve: 1.2em;--badge-inline-pad: .25em;--dot-baseline-nudge: .1em;--text-display: 2rem;--text-title: 1.5rem;--text-body: 1rem;--text-label: .875rem;--text-micro: .75rem;--leading-tight: 1.15;--leading-snug: 1.3;--leading-normal: 1.5;--weight-black: 900;--weight-bold: 700;--weight-semibold: 600;--weight-medium: 500;--weight-regular: 400;--space-4: 4px;--space-8: 8px;--space-12: 12px;--space-16: 16px;--space-24: 24px;--space-32: 32px;--space-48: 48px;--radius-card: 16px;--radius-pill: 999px;--hit-min: 44px;--shadow-card: 0 1px 2px rgba(0, 0, 0, .06), 0 2px 8px rgba(0, 0, 0, .08);--shadow-sheet: 0 -2px 12px rgba(0, 0, 0, .1), 0 -8px 32px rgba(0, 0, 0, .14);--scrim: linear-gradient(to top, rgba(0, 0, 0, .6), rgba(0, 0, 0, 0));--on-scrim: #FFFFFF;--glass-surface-bg: rgba(255, 255, 255, .72);--glass-surface-edge: rgba(17, 17, 17, .1);--glass-blur: 20px;--glass-saturate: 1.8;--header-bg: #111111;--header-fg: #F5F5F3;--motion-fast: .2s;--motion-normal: .35s;--motion-reveal: .35s;--motion-spin: .9s;--motion-skeleton: 1.4s;--motion-ease: cubic-bezier(.25, .46, .45, .94);--motion-ease-out: cubic-bezier(0, 0, .58, 1);--bp-desktop: 900px;--stroke-hairline: 1px;--stroke-medium: 2px;--overlay-scrim: rgba(0, 0, 0, .4);--shell-max-width: 480px;--shell-columns: 1fr;--shell-columns-no-inspector: 1fr;--shell-nav-display: none;--shell-tabbar-display: flex;--shell-inspector-display: none;--content-max-width: 960px;--wardrobe-card-min-width: 100px;--sheet-max-width: 480px;--dock-top: calc(var(--hit-min) + var(--space-12) + (var(--stroke-medium) * 2) + var(--space-12));--banner-inset-start: var(--space-16);--banner-inset-end: var(--space-16);--banner-bottom: calc(var(--dock-top) + var(--space-12));--banner-max-width: none;--banner-top: var(--space-16);--banner-slot-height: 0rem}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-base: #18181A;--bg-elevated: #222224;--bg-inset: #101012;--border-subtle: #333335;--border-strong: #F5F5F3;--text-primary: #F5F5F3;--text-secondary: #C7C7C5;--text-muted: #9A9A98;--text-placeholder: #6B6B69;--accent: #FF6B4A;--accent-strong: #FF8B6E;--accent-subtle: rgba(255, 107, 74, .16);--on-accent: #1A0800;--danger: #FF7A68;--on-danger: #1D0400;--success: #4FCB80;--on-success: #0A2412;--warn: #E3A93A;--on-warn: #241800;--verdict-sharp: #4FCB80;--on-verdict-sharp: #14110D;--verdict-works: #5B9CFF;--on-verdict-works: #14110D;--verdict-risky: #E8B93A;--on-verdict-risky: #14110D;--verdict-mismatch: #F0604A;--on-verdict-mismatch: #14110D;--shadow-card: 0 1px 2px rgba(0, 0, 0, .4), 0 2px 8px rgba(0, 0, 0, .5);--shadow-sheet: 0 -2px 12px rgba(0, 0, 0, .5), 0 -8px 32px rgba(0, 0, 0, .6);--overlay-scrim: rgba(0, 0, 0, .6);--glass-surface-bg: rgba(34, 34, 36, .72);--glass-surface-edge: rgba(245, 245, 243, .12)}}[data-theme=dark]{--bg-base: #18181A;--bg-elevated: #222224;--bg-inset: #101012;--border-subtle: #333335;--border-strong: #F5F5F3;--text-primary: #F5F5F3;--text-secondary: #C7C7C5;--text-muted: #9A9A98;--text-placeholder: #6B6B69;--accent: #FF6B4A;--accent-strong: #FF8B6E;--accent-subtle: rgba(255, 107, 74, .16);--on-accent: #1A0800;--danger: #FF7A68;--on-danger: #1D0400;--success: #4FCB80;--on-success: #0A2412;--warn: #E3A93A;--on-warn: #241800;--verdict-sharp: #4FCB80;--on-verdict-sharp: #14110D;--verdict-works: #5B9CFF;--on-verdict-works: #14110D;--verdict-risky: #E8B93A;--on-verdict-risky: #14110D;--verdict-mismatch: #F0604A;--on-verdict-mismatch: #14110D;--shadow-card: 0 1px 2px rgba(0, 0, 0, .4), 0 2px 8px rgba(0, 0, 0, .5);--shadow-sheet: 0 -2px 12px rgba(0, 0, 0, .5), 0 -8px 32px rgba(0, 0, 0, .6);--overlay-scrim: rgba(0, 0, 0, .6);--glass-surface-bg: rgba(34, 34, 36, .72);--glass-surface-edge: rgba(245, 245, 243, .12)}@media(min-width:900px){:root{--shell-max-width: none;--shell-columns: 220px 1fr 340px;--shell-columns-no-inspector: 220px minmax(0, 1fr);--shell-nav-display: flex;--shell-tabbar-display: none;--shell-inspector-display: flex;--banner-inset-start: auto;--banner-bottom: var(--space-24);--banner-max-width: 420px}}:root[data-display-size=sm]{font-size:87.5%}:root[data-display-size=lg]{font-size:115%}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}*{box-sizing:border-box}html,body,#root{height:100%;height:100dvh;margin:0;overflow:hidden}body{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--text-body);line-height:var(--leading-normal);letter-spacing:var(--tracking-tight);text-rendering:optimizeLegibility;overscroll-behavior:none}button,input,select,textarea{font-family:inherit;line-height:var(--leading-snug)}.skip-to-content{position:absolute;top:-100%;left:var(--space-16);z-index:100;padding:var(--space-8) var(--space-16);background:var(--bg-elevated);color:var(--text-primary);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.skip-to-content:focus{top:var(--space-16)}.app{display:flex;flex-direction:column;height:100%;max-width:var(--shell-max-width);margin-inline:auto}.app-loading{display:flex;align-items:center;justify-content:center;height:100%}.app-header{display:var(--shell-tabbar-display);align-items:center;justify-content:space-between;gap:var(--space-12);min-height:calc(var(--hit-min) + var(--space-16));padding:var(--space-16);background:var(--header-bg);color:var(--header-fg);flex:0 0 auto}.app-header h1{font-size:var(--text-title);font-weight:var(--weight-black);line-height:var(--leading-tight);margin:0;color:var(--header-fg)}.app-header-end{display:flex;align-items:center;gap:var(--space-8)}.settings-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--hit-min);height:var(--hit-min);border-radius:var(--radius-pill);color:var(--header-fg);background:transparent;flex:0 0 auto;transition:color var(--motion-fast) var(--motion-ease),background var(--motion-fast) var(--motion-ease)}.settings-icon-btn svg{width:var(--icon-size-md);height:var(--icon-size-md)}.settings-icon-btn:hover,.settings-icon-btn.active{color:var(--accent)}.settings-icon-wrap{position:relative;display:inline-flex}.settings-trash-badge{position:absolute;top:calc(var(--space-4) * -1);right:calc(var(--space-4) * -1);min-width:var(--icon-size-sm);height:var(--icon-size-sm);padding:0 var(--badge-inline-pad);border-radius:var(--radius-pill);background:var(--accent);color:var(--on-accent);font-size:var(--text-micro);font-weight:var(--weight-bold);line-height:var(--icon-size-sm);text-align:center}.shell{flex:1;min-height:0;display:grid;grid-template-columns:var(--shell-columns)}.shell-without-inspector{grid-template-columns:var(--shell-columns-no-inspector)}.shell-without-inspector .content>.gutter{width:100%;max-width:var(--content-max-width);margin-inline:auto}.shell-nav{display:var(--shell-nav-display);flex-direction:column;gap:var(--space-4);padding:var(--space-16) var(--space-12);border-right:var(--stroke-medium) solid var(--border-strong);background:var(--bg-elevated);overflow-y:auto;overflow-x:hidden;min-height:0}.shell-nav-brand{margin:0;font-size:var(--text-title);font-weight:var(--weight-black);padding:0 var(--space-12) var(--space-16)}.wordmark-defs{position:absolute;width:0;height:0}.wordmark{position:relative;display:inline-flex;white-space:nowrap}.wordmark-s-slot{position:relative;display:inline-block}.wordmark-s{position:relative;z-index:1}.wordmark-paintx{position:absolute;z-index:2;top:42%;left:58%;width:var(--wordmark-paintx-size);height:var(--wordmark-paintx-size);transform:translate(-50%,-50%) rotate(-11deg);overflow:visible;pointer-events:none}.wordmark-paintx-bleed,.wordmark-paintx-core{fill:none;stroke:var(--text-primary);stroke-linecap:round}.wordmark-paintx-bleed{stroke-width:30;opacity:.16}.wordmark-paintx-core{stroke-width:18;opacity:.82}.wordmark-display{font-size:var(--text-display);font-weight:var(--weight-black)}.content{overflow-y:auto;overflow-x:hidden;min-height:0;padding:var(--space-16) 0 calc(var(--space-8) + var(--banner-slot-height))}.shell-inspector{display:var(--shell-inspector-display);flex-direction:column;padding:var(--space-16);border-left:var(--stroke-hairline) solid var(--border-subtle);background:var(--bg-elevated);overflow-y:auto;overflow-x:hidden;min-height:0}.nav-link{display:flex;align-items:center;gap:var(--space-12);min-height:var(--hit-min);padding:var(--space-8) var(--space-12);border-radius:var(--radius-pill);color:var(--text-muted);text-decoration:none;font-size:var(--text-label);font-weight:var(--weight-medium);text-transform:none;letter-spacing:normal;transition:color var(--motion-fast) var(--motion-ease),background var(--motion-fast) var(--motion-ease)}.nav-link.active{background:var(--accent);color:var(--on-accent);font-weight:var(--weight-bold)}.nav-link svg{width:var(--icon-size-md);height:var(--icon-size-md);flex:0 0 auto}.tabbar{display:var(--shell-tabbar-display);flex:0 0 auto;margin:0 var(--space-16) var(--space-12);border:var(--stroke-medium) solid var(--border-strong);border-radius:var(--radius-pill);background:var(--bg-elevated);box-shadow:var(--shadow-card);overflow:hidden}.tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);min-height:calc(var(--hit-min) + var(--space-12));padding:var(--space-8) 0;font-size:var(--text-micro);font-weight:var(--weight-medium);color:var(--text-muted);text-decoration:none;text-transform:none;letter-spacing:normal;transition:color var(--motion-fast) var(--motion-ease)}.tab.active{color:var(--accent);font-weight:var(--weight-semibold)}.tab svg{width:var(--icon-size-lg);height:var(--icon-size-lg);flex:0 0 auto}.profile-switcher{display:flex;flex-wrap:wrap;gap:var(--space-8)}.profile-switcher-error{font-size:var(--text-micro);color:var(--danger);margin:var(--space-4) 0 0}@supports (backdrop-filter: blur(0)) or (-webkit-backdrop-filter: blur(0)){.glass-surface{background:var(--glass-surface-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate))}.shell-nav.glass-surface{border-right:var(--stroke-hairline) solid var(--glass-surface-edge)}.shell-inspector.glass-surface{border-left:var(--stroke-hairline) solid var(--glass-surface-edge)}.tabbar.glass-surface{border-color:var(--glass-surface-edge)}}@media(prefers-reduced-transparency:reduce){.glass-surface{-webkit-backdrop-filter:none;backdrop-filter:none}.shell-nav.glass-surface{background:var(--bg-elevated);border-right:var(--stroke-medium) solid var(--border-strong)}.shell-inspector.glass-surface{background:var(--bg-elevated);border-left:var(--stroke-hairline) solid var(--border-subtle)}.tabbar.glass-surface{background:var(--bg-elevated);border-color:var(--border-strong)}}.gutter{padding-left:var(--space-16);padding-right:var(--space-16)}.row{display:flex;align-items:center;gap:var(--space-8)}.row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8)}.col{display:flex;flex-direction:column;gap:var(--space-8)}.grow{flex:1 1 auto;min-width:0}.social-title{font-size:var(--text-title);font-weight:var(--weight-black);line-height:var(--leading-tight);margin:0}.friend-row .row{gap:var(--space-4);flex-shrink:0}.friend-identity{display:flex;align-items:center;gap:var(--space-8);min-width:0;flex:1 1 auto}.friend-avatar{width:var(--space-32);height:var(--space-32);border-radius:50%;flex-shrink:0;object-fit:cover}.friend-avatar-fallback{display:flex;align-items:center;justify-content:center;background:var(--bg-inset);color:var(--text-secondary);font-size:var(--text-micro)}.friend-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}.friends-signed-out{display:flex;flex-direction:column;gap:var(--space-24)}.social-intro{display:flex;flex-direction:column;gap:var(--space-8)}.social-intro-kicker{margin:0;color:var(--accent);font-size:var(--text-micro);font-weight:var(--weight-bold)}.social-intro-title{margin:0;font-size:var(--text-display);font-weight:var(--weight-black);line-height:var(--leading-tight)}.social-intro-copy{margin:0;color:var(--text-secondary);font-size:var(--text-body)}.social-preview-list{display:flex;flex-direction:column;gap:var(--space-12);margin:0;padding:0;list-style:none}.social-preview-card{display:flex;align-items:center;gap:var(--space-12);padding:var(--space-12);border:var(--stroke-medium) solid var(--border-subtle);border-radius:var(--radius-card);background:var(--bg-elevated)}.social-preview-card>span:last-child{display:flex;flex:1 1 auto;min-width:0;flex-direction:column;gap:var(--space-4);color:var(--text-secondary);font-size:var(--text-label);line-height:var(--leading-snug)}.social-preview-card strong{color:var(--text-primary);font-size:var(--text-body)}.social-preview-art{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:calc(var(--space-48) * 1.5);height:calc(var(--space-48) * 1.5);border-radius:var(--radius-card);background:var(--bg-inset);overflow:hidden}.social-preview-avatar{position:absolute;display:flex;align-items:center;justify-content:center;width:var(--space-32);height:var(--space-32);border:var(--stroke-medium) solid var(--bg-elevated);border-radius:var(--radius-pill);background:var(--bg-base);color:var(--text-primary);font-size:var(--text-micro);font-weight:var(--weight-bold)}.social-preview-avatar-first{transform:translate(calc(var(--space-12) * -1))}.social-preview-avatar-second{transform:translate(var(--space-12));background:var(--accent-subtle)}.social-preview-marker{position:absolute;right:var(--space-8);bottom:var(--space-8);display:flex;align-items:center;justify-content:center;width:var(--space-20);height:var(--space-20);border-radius:var(--radius-pill);background:var(--accent);color:var(--on-accent);font-size:var(--text-micro);font-weight:var(--weight-bold)}.social-preview-look-card{position:absolute;width:var(--space-24);height:calc(var(--space-32) + var(--space-4));border:var(--stroke-hairline) solid var(--border-subtle);border-radius:var(--radius-card);background:var(--bg-elevated)}.social-preview-look-card-first{transform:translate(calc(var(--space-12) * -1)) rotate(calc(var(--space-4) * -1))}.social-preview-look-card-second{transform:translate(var(--space-12)) rotate(var(--space-4));background:var(--accent-subtle)}.social-preview-suggestion-line{position:absolute;left:var(--space-12);width:var(--space-24);height:var(--space-8);border-radius:var(--radius-pill);background:var(--border-subtle)}.social-preview-suggestion-line-long{top:var(--space-20);width:calc(var(--space-32) + var(--space-4));background:var(--accent-subtle)}.social-preview-suggestion-line:not(.social-preview-suggestion-line-long){bottom:var(--space-20)}.social-sign-in{display:flex;flex-direction:column;gap:var(--space-8);padding:var(--space-16);border-radius:var(--radius-card);background:var(--border-strong);color:var(--bg-base)}.social-sign-in-title{margin:0;font-size:var(--text-title);font-weight:var(--weight-black);line-height:var(--leading-tight)}.social-sign-in>p{margin:0;font-size:var(--text-label);line-height:var(--leading-snug)}.social-sign-in-button{align-self:flex-start;min-height:var(--hit-min)}.social-sign-in-privacy{color:var(--text-muted)}.social-sign-in-privacy a{color:inherit}.social-checking-state{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-8);padding-top:var(--space-24);color:var(--text-secondary)}.social-checking-state p{margin:0;font-size:var(--text-label)}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-only{position:absolute;width:0;height:0;overflow:hidden;white-space:nowrap;clip-path:inset(50%)}.ai-limit-hint{font-size:var(--text-label);color:var(--text-muted);margin:0}.ai-limit-hint a{color:var(--accent-strong);font-weight:var(--weight-medium)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-8);min-height:calc(var(--space-32) + var(--space-4));padding:var(--space-4) var(--space-12);border-radius:var(--radius-pill);border:var(--stroke-medium) solid transparent;font-size:var(--text-micro);font-weight:var(--weight-semibold);line-height:var(--leading-snug);text-transform:none;letter-spacing:normal;cursor:pointer;transition:background var(--motion-normal) var(--motion-ease),border-color var(--motion-normal) var(--motion-ease),opacity var(--motion-fast) var(--motion-ease),transform var(--motion-fast) var(--motion-ease)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-full{width:100%}.btn:not(:disabled):active{transform:scale(.96)}.btn-sm{min-height:calc(var(--space-24) + var(--space-4));padding:var(--space-4) var(--space-8);border-width:var(--stroke-hairline);font-size:var(--text-micro);font-weight:var(--weight-regular);text-transform:none;letter-spacing:normal}.btn-primary{background:var(--border-strong);color:var(--bg-base)}.btn-primary:not(:disabled):hover{opacity:.85}.btn-primary,.btn-danger{font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-subtle)}.btn-secondary:not(:disabled):hover{border-color:var(--border-strong)}.btn-ghost{background:transparent;color:var(--accent)}.btn-ghost:not(:disabled):hover{background:var(--accent-subtle)}.btn-danger{background:var(--danger);color:var(--on-danger)}.btn-ghost-danger{background:transparent;color:var(--danger)}.chip{display:inline-flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-12);min-height:calc(var(--space-32) + var(--space-4));border-radius:var(--radius-pill);font-size:var(--text-micro);font-weight:var(--weight-semibold);line-height:var(--leading-snug);text-transform:none;letter-spacing:normal;background:var(--bg-elevated);color:var(--text-primary);border:var(--stroke-medium) solid var(--border-subtle);text-decoration:none;transition:background var(--motion-fast) var(--motion-ease),border-color var(--motion-fast) var(--motion-ease),color var(--motion-fast) var(--motion-ease),transform var(--motion-fast) var(--motion-ease)}button.chip{cursor:pointer;font-family:inherit}button.chip:disabled{cursor:not-allowed;opacity:.5}button.chip:not(:disabled):active{transform:scale(.96)}.chip-sm{min-height:calc(var(--space-24) + var(--space-4));padding:var(--space-4) var(--space-8);border-width:var(--stroke-hairline);font-weight:var(--weight-regular);text-transform:none;letter-spacing:normal}.chip:not(:disabled):not(.active):hover{border-color:var(--border-strong)}.chip.active{background:var(--border-strong);color:var(--bg-base);border-color:var(--border-strong);font-weight:var(--weight-bold)}.chip-sm.active{font-weight:var(--weight-semibold)}.chip-bar{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:var(--space-8);flex:0 0 auto;scrollbar-width:none;scroll-snap-type:x proximity}.chip-bar::-webkit-scrollbar{display:none}.chip-bar>.chip{flex:0 0 auto}.chip-bar-wrap{position:relative;flex:0 0 auto;--chip-bar-fade-bg: var(--bg-base)}.sheet .chip-bar-wrap{--chip-bar-fade-bg: var(--bg-elevated)}.chip-bar-fade{position:absolute;top:0;bottom:0;width:var(--space-24);opacity:0;pointer-events:none;transition:opacity var(--motion-fast) var(--motion-ease)}.chip-bar-fade-visible{opacity:1}.chip-bar-fade-start{left:0;background:linear-gradient(to right,var(--chip-bar-fade-bg),transparent)}.chip-bar-fade-end{right:0;background:linear-gradient(to left,var(--chip-bar-fade-bg),transparent)}.swatch{display:inline-flex;align-items:center;gap:var(--space-8)}.swatch-color{display:inline-block;border-radius:var(--radius-pill);border:var(--stroke-hairline) solid var(--border-subtle);background-color:var(--swatch-hex)}@supports (color: oklch(0% 0 0)){.swatch-color{background-color:var(--swatch-oklch)}}.swatch-sm .swatch-color{width:var(--space-16);height:var(--space-16)}.swatch-md .swatch-color{width:var(--space-24);height:var(--space-24)}.swatch-lg .swatch-color{width:var(--space-32);height:var(--space-32)}.swatch-xl .swatch-color{width:calc(var(--space-48) * 3);height:calc(var(--space-48) * 3)}.swatch-label{font-size:var(--text-label);color:var(--text-secondary)}.garment-thumb{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:calc(var(--radius-card) / 3);overflow:hidden;background:var(--bg-inset)}.garment-thumb-sm{width:var(--space-16);height:var(--space-16)}.garment-thumb-md{width:var(--space-24);height:var(--space-24)}.garment-thumb-lg{width:var(--space-32);height:var(--space-32)}.garment-thumb-xl{width:calc(var(--space-48) * 3);height:calc(var(--space-48) * 3)}.garment-thumb-photo{width:100%;height:100%;object-fit:cover}.garment-thumb-photo.cutout{object-fit:contain}.empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--space-12);text-align:center;padding:var(--space-32) var(--space-16);color:var(--text-muted)}.empty-state p{margin:0}.spinner{display:inline-block;width:var(--icon-size-xl);height:var(--icon-size-xl);border:var(--stroke-medium) solid var(--border-subtle);border-top-color:var(--accent);border-radius:var(--radius-pill);animation:spin var(--motion-spin) linear infinite}.sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;z-index:100}.sheet-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--overlay-scrim)}.sheet{position:relative;background:var(--bg-elevated);border:var(--stroke-medium) solid var(--border-strong);border-bottom:none;border-radius:var(--radius-card) var(--radius-card) 0 0;width:100%;max-width:var(--sheet-max-width);max-height:70vh;max-height:70dvh;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:var(--space-16) var(--space-16) var(--space-32);box-shadow:var(--shadow-sheet);animation:sheet-present var(--motion-normal) var(--motion-ease-out)}.sheet-handle{width:var(--space-32);height:var(--space-4);background:var(--border-strong);border-radius:var(--radius-pill);margin:0 auto var(--space-16)}.sheet-title{font-size:var(--text-title);font-weight:var(--weight-black);margin:0 0 var(--space-12)}.sheet-actions{display:flex;gap:var(--space-12)}.sheet-actions>*{flex:1;min-height:var(--hit-min)}.of-share-preview{position:relative;aspect-ratio:4 / 5;border-radius:var(--radius-card);overflow:hidden;background:var(--bg-inset);margin-bottom:var(--space-16)}.of-share-preview-image{width:100%;height:100%;object-fit:contain;display:block}.of-share-preview-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--scrim)}.row-button{all:unset;display:flex;align-items:center;gap:var(--space-8);width:100%;min-width:0;cursor:pointer;text-align:left}.garment-detail-photo{display:flex;justify-content:center;margin-bottom:var(--space-16)}.garment-detail-type{color:var(--text-secondary);margin:0 0 var(--space-12)}.garment-detail-colors{gap:var(--space-8);margin-bottom:var(--space-16)}.garment-detail-wear{display:flex;flex-wrap:wrap;gap:var(--space-16);margin:0 0 var(--space-16)}.garment-detail-wear dt{font-size:var(--text-micro);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-muted)}.garment-detail-wear dd{margin:0;font-size:var(--text-body);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}@keyframes spin{to{transform:rotate(360deg)}}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.55}}@keyframes sheet-present{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.verdict-badge{display:inline-flex;align-items:baseline;gap:var(--space-8);white-space:nowrap}.verdict-badge-score{font-family:var(--font-mono);font-size:var(--text-display);font-weight:var(--weight-medium);letter-spacing:var(--tracking-tighter);line-height:var(--leading-tight);font-variant-numeric:tabular-nums}.verdict-badge-label{font-size:var(--text-label);font-weight:var(--weight-bold);line-height:var(--leading-snug);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.verdict-badge-sm .verdict-badge-score{font-size:var(--text-body)}.verdict-badge-sm .verdict-badge-label{font-size:var(--text-micro)}.verdict-sharp .verdict-badge-score,.verdict-sharp .verdict-badge-label{color:var(--verdict-sharp)}.verdict-works .verdict-badge-score,.verdict-works .verdict-badge-label{color:var(--verdict-works)}.verdict-risky .verdict-badge-score,.verdict-risky .verdict-badge-label{color:var(--verdict-risky)}.verdict-mismatch .verdict-badge-score,.verdict-mismatch .verdict-badge-label{color:var(--verdict-mismatch)}.banner-slot{position:fixed;left:var(--banner-inset-start);right:var(--banner-inset-end);bottom:var(--banner-bottom);max-width:var(--banner-max-width);z-index:150;display:flex;flex-direction:column;gap:var(--space-8)}body[data-sheet-open] .banner-slot{top:var(--banner-top);bottom:auto}.status-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12);padding:var(--space-12) var(--space-16);border-radius:var(--radius-card);box-shadow:var(--shadow-card);font-size:var(--text-label);line-height:var(--leading-snug)}.status-banner-offline{background:var(--warn);color:var(--on-warn)}.status-banner-update,.status-banner-giveaway{background:var(--accent);color:var(--on-accent)}.status-banner-undo{background:var(--border-strong);color:var(--bg-base)}.status-banner-undo .btn-secondary{background:transparent;border-color:var(--bg-base);color:var(--bg-base)}.status-banner-select{background:var(--accent);color:var(--on-accent);z-index:21;flex-direction:column;align-items:stretch;gap:var(--space-8)}.status-banner-select-actions{flex-wrap:wrap;justify-content:flex-end;gap:var(--space-8)}.status-banner-select .btn-ghost{color:var(--on-accent)}.disclosure-chevron{position:relative;display:flex;align-items:center;gap:var(--space-8);padding-inline-end:calc(var(--text-micro) + var(--space-8));cursor:pointer;list-style:none}.disclosure-chevron::-webkit-details-marker{display:none}.disclosure-chevron::marker{content:""}.disclosure-chevron:before,.disclosure-chevron:after{content:"";position:absolute;inset-inline-end:0;top:50%;width:var(--text-micro);height:var(--stroke-medium);background:var(--accent);transform:translateY(-50%);transition:transform var(--motion-fast) var(--motion-ease)}.disclosure-chevron:after{transform:translateY(-50%) rotate(90deg)}details[open]>.disclosure-chevron:after{transform:translateY(-50%) rotate(0)}@media(prefers-reduced-motion:reduce){.disclosure-chevron:before,.disclosure-chevron:after{transition:none}}.inline-error{margin:0;font-size:var(--text-label);color:var(--danger)}