:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#f7f2eb;--color-bg-subtle:#f0e9e0;--color-surface:#fdf9f4;--color-surface-muted:#efe6dc;--color-surface-tertiary:#e4dacc;--color-image-mat:#f8f3ec;--color-divider:#e1d7ca;--color-border:#d2c4b3;--color-border-strong:#b9a693;--color-text:#292523;--color-text-muted:#5a534e;--color-text-subtle:#706760;--color-text-disabled:#a39c95;--color-on-accent:#fff;--color-accent:#485a4b;--color-accent-hover:#3a4b3c;--color-accent-soft:#efe6dc;--color-nav-active:#4e6351;--color-focus:#657d62;--color-danger:#b45c5c;--color-danger-soft:#f5ebeb;--color-danger-border:#e5c8c8;--bg:var(--color-bg);--surface:var(--color-surface);--surface-muted:var(--color-surface-muted);--text:var(--color-text);--text-muted:var(--color-text-muted);--border:var(--color-border);--accent:var(--color-accent);--accent-hover:var(--color-accent-hover);--accent-soft:var(--color-accent-soft);--danger:var(--color-danger);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--radius-sm:10px;--radius-md:16px;--radius-lg:20px;--radius-sheet:28px;--radius-full:999px;--text-caption:12px;--text-nav:12px;--text-button:15px;--text-body:14px;--text-section:18px;--text-header:20px;--text-title:22px;--text-display:22px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:600;--line-body:1.714;--line-tight:1.45;--font-sans:"Vazirmatn", Tahoma, "Segoe UI", "Noto Sans Arabic", Arial, sans-serif;--shadow-fab:0 3px 12px #3d322c1a;--shadow-sheet:0 -3px 14px #3d322c1a;--nav-height:78px;--nav-clearance:100px;--header-content-height:44px;--touch-min:44px;--content-max:430px;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}@font-face{font-family:Vazirmatn;src:url(/fonts/Vazirmatn-VariableFont_wght.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}html{hanging-punctuation:first last;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--text-body);font-weight:var(--font-weight-regular);background:var(--color-bg);color:var(--color-text);line-height:var(--line-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}button,input,select,textarea{font:inherit}a{color:inherit}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body.scroll-locked{touch-action:none;overflow:hidden}.app-root{background:var(--color-bg);justify-content:center;min-height:100dvh;display:flex}.app-frame{width:100%;max-width:var(--content-max);background:var(--color-bg);flex-direction:column;min-height:100dvh;display:flex;position:relative}.app-header{z-index:20;align-items:center;gap:var(--space-2);min-height:calc(var(--header-content-height) + 16px + var(--safe-top));padding:calc(8px + var(--safe-top)) calc(20px + var(--safe-right)) 8px calc(20px + var(--safe-left));background:var(--color-surface);border-bottom:1px solid var(--color-divider);display:flex;position:sticky;top:0}.app-header-title{min-width:0;font-size:var(--text-header);font-weight:var(--font-weight-semibold);letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;line-height:30px;overflow:hidden}.header-back,.header-avatar-hit{width:44px;height:44px;color:var(--color-text);-webkit-tap-highlight-color:transparent;flex:0 0 44px;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.header-avatar{border-radius:var(--radius-full);border:1px solid var(--color-divider);background:var(--color-surface-muted);justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex;overflow:hidden}.header-avatar img{object-fit:cover;width:100%;height:100%}.header-avatar-fallback{font-size:15px;font-weight:var(--font-weight-semibold);color:var(--color-text-muted);line-height:1}.app-main{width:100%;padding:var(--space-4) calc(var(--space-5) + var(--safe-right)) calc(var(--space-4) + var(--nav-clearance) + var(--safe-bottom)) calc(var(--space-5) + var(--safe-left));flex:1}.app-root--no-bottom-nav .app-main{padding-bottom:calc(var(--space-6) + var(--safe-bottom))}.page{gap:var(--space-5);flex-direction:column;display:flex}.page-title{font-size:var(--text-title);font-weight:var(--font-weight-semibold);letter-spacing:0;margin:0;line-height:32px}.section-title{font-size:var(--text-section);font-weight:var(--font-weight-semibold);line-height:var(--line-tight);margin:0}.page-lead,.body-text{color:var(--color-text-muted);font-size:var(--text-body);margin:0}.caption{font-size:var(--text-caption);color:var(--color-text-subtle);margin:0}.empty-state{gap:var(--space-2);padding:var(--space-6) 0;flex-direction:column;display:flex}.empty-state-title{font-size:var(--text-title);font-weight:var(--font-weight-bold);line-height:var(--line-tight);margin:0}.empty-state-body{color:var(--color-text-muted);font-size:var(--text-body);max-width:28ch;margin:0}.brand-row{align-items:center;gap:var(--space-3);display:flex}.brand-mark{border-radius:var(--radius-md);object-fit:cover;flex-shrink:0;width:44px;height:44px;display:block}.brand-name{font-size:var(--text-display);font-weight:var(--font-weight-bold);line-height:var(--line-tight);margin:0}.brand-tagline{color:var(--color-text-muted);font-size:var(--text-caption);margin:2px 0 0}.btn{appearance:none;border-radius:var(--radius-sm);min-height:var(--touch-min);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-2);font-size:var(--text-button);font-weight:var(--font-weight-medium);border:0;padding:10px 16px;text-decoration:none;display:inline-flex}.btn-primary{background:var(--color-accent);color:var(--color-on-accent)}.btn-primary:hover{background:var(--color-accent-hover)}.btn-ghost{color:var(--color-accent);background:0 0}.btn-block{width:100%}.stack{gap:var(--space-3);flex-direction:column;display:flex}.stack-lg{gap:var(--space-5);flex-direction:column;display:flex}.muted-note{font-size:var(--text-caption);color:var(--color-text-muted);margin:0}.divider{background:var(--color-divider);border:0;height:1px;margin:0}.status-line{font-size:var(--text-body);color:var(--color-text-muted);margin:0}.status-line strong{color:var(--color-text);font-weight:var(--font-weight-semibold)}.debug-dl{margin:0}.debug-dl>div{gap:var(--space-1);flex-direction:column;display:flex}.debug-dl dt{font-size:var(--text-caption);color:var(--color-text-muted);margin:0}.debug-dl dd{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--text-caption);word-break:break-all;margin:0}.debug-pre{padding:var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-divider);background:var(--color-surface);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--text-caption);white-space:pre-wrap;word-break:break-word;text-align:start;direction:ltr;margin:0;line-height:1.45;overflow-x:auto}.debug-safe-area-frame{border:1px dashed var(--color-accent);border-radius:var(--radius-sm);background:var(--color-accent-soft);min-height:120px;padding:max(8px, var(--safe-top)) max(8px, var(--safe-right)) max(8px, var(--safe-bottom)) max(8px, var(--safe-left));position:relative}.debug-safe-area-frame:before{content:"";border-radius:var(--radius-sm);background:var(--color-surface);border:1px solid var(--color-divider);min-height:72px;display:block}.debug-safe-area-label{inset-inline-start:calc(max(8px, var(--safe-left)) + 8px);top:calc(max(8px, var(--safe-top)) + 12px);font-size:var(--text-caption);color:var(--color-text-muted);position:absolute}.bottom-nav{width:min(100%, var(--content-max));z-index:30;height:calc(var(--nav-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--color-surface);border-top:1px solid var(--color-divider);box-shadow:none;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav-inner{height:var(--nav-height);grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;display:grid}.nav-item{appearance:none;color:var(--color-text-subtle);min-height:48px;font-size:var(--text-nav);font-weight:var(--font-weight-medium);letter-spacing:0;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:0 2px;line-height:18px;text-decoration:none;display:flex}.nav-item[aria-current=page]{color:var(--color-nav-active)}.tab-glyph{flex:0 0 22px;display:block}.nav-item-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.nav-fab{appearance:none;-webkit-tap-highlight-color:transparent;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto;padding:0;display:flex;transform:translateY(-4px)}.nav-fab-spin{transition:transform .18s cubic-bezier(.33,1,.68,1);display:flex}.nav-fab-spin.is-open{transform:rotate(45deg)}.nav-fab-plate{border-radius:var(--radius-full);background:var(--color-accent);width:56px;height:56px;box-shadow:var(--shadow-fab);justify-content:center;align-items:center;display:flex}.nav-fab:active .nav-fab-plate{opacity:.9}.tab-fab-plus{width:30px;height:30px;position:relative}.tab-fab-plus-h,.tab-fab-plus-v{background:var(--color-on-accent);border-radius:1px;position:absolute}.tab-fab-plus-h{width:22px;height:2px;top:14px;left:4px}.tab-fab-plus-v{width:2px;height:22px;top:4px;left:14px}.sheet-backdrop{z-index:40;cursor:pointer;background:#1f1d1b3d;border:0;padding:0;position:fixed;inset:0}.sheet,.create-sheet{width:min(100%, var(--content-max));z-index:50;background:var(--color-surface);border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;box-shadow:var(--shadow-sheet);padding:8px calc(16px + var(--safe-right)) calc(8px + var(--safe-bottom)) calc(16px + var(--safe-left));position:fixed;bottom:0;left:50%;transform:translate(-50%)}.create-sheet-options{flex-direction:column;gap:8px;margin-top:8px;display:flex}.create-option{appearance:none;border-radius:var(--radius-lg);background:var(--color-surface-muted);width:100%;min-height:60px;color:var(--color-text);text-align:start;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;align-items:center;gap:12px;padding:8px 16px;display:flex}.create-option:active{background:var(--color-bg-subtle);opacity:.92}.create-option-icon{background:var(--color-surface);width:40px;height:40px;color:var(--color-accent);border-radius:16px;flex:0 0 40px;justify-content:center;align-items:center;display:inline-flex}.create-option-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.create-option-title{font-size:16px;line-height:22px;font-weight:var(--font-weight-semibold)}.create-option-desc{color:var(--color-text-muted);font-size:13px;line-height:18px}.create-option-chevron{color:var(--color-text-muted);flex:0 0 20px}.sheet-handle{border-radius:var(--radius-full);background:#5a534e24;width:38px;height:4px;margin:0 auto 8px}.sheet h2{margin:0 0 var(--space-2);font-size:var(--text-section);font-weight:var(--font-weight-semibold)}.sheet-lead{margin:0 0 var(--space-4);color:var(--color-text-muted);font-size:var(--text-body)}.steps{margin:0 0 var(--space-5);gap:var(--space-2);flex-direction:column;padding:0;list-style:none;display:flex}.steps li{gap:var(--space-3);background:var(--color-surface-muted);border-radius:var(--radius-sm);padding:var(--space-3);align-items:flex-start;display:flex}.step-num{border-radius:var(--radius-full);background:var(--color-accent);width:28px;height:28px;color:var(--color-on-accent);font-size:var(--text-caption);font-weight:var(--font-weight-bold);flex-shrink:0;place-items:center;display:grid}.step-text{font-size:var(--text-body);line-height:var(--line-body);margin:0}.offline-banner{background:var(--color-danger-soft);color:var(--color-danger);border:1px solid var(--color-danger-border);border-radius:var(--radius-sm);padding:var(--space-3);gap:var(--space-2);flex-direction:column;display:flex}.auth-root{background:radial-gradient(120% 80% at 100% 0%, color-mix(in srgb, var(--color-accent-soft) 80%, transparent), transparent 55%), linear-gradient(165deg, var(--color-bg) 0%, var(--color-surface-muted) 48%, var(--color-bg) 100%)}.auth-frame{background:0 0}.auth-bootstrap-frame{padding:calc(var(--space-6) + var(--safe-top)) calc(var(--space-5) + var(--safe-right)) calc(var(--space-6) + var(--safe-bottom)) calc(var(--space-5) + var(--safe-left));flex:1;justify-content:center;align-items:center;display:flex}.auth-bootstrap-message{font-size:var(--text-body);color:var(--color-text-muted);margin:0}.home-user-dl{gap:var(--space-3)}.auth-main{padding:calc(var(--space-6) + var(--safe-top)) calc(var(--space-5) + var(--safe-right)) calc(var(--space-6) + var(--safe-bottom)) calc(var(--space-5) + var(--safe-left));flex-direction:column;flex:1;display:flex}.auth-page{gap:var(--space-8);flex-direction:column;flex:1;justify-content:center;width:100%;max-width:24rem;margin:0 auto;display:flex}.auth-hero{align-items:center;gap:var(--space-4);display:flex}.auth-hero-compact{gap:var(--space-3)}.auth-panel{width:100%}.auth-back{min-height:var(--touch-min);align-self:flex-start;padding-inline:0}.auth-phone-mask{font-weight:var(--font-weight-semibold);color:var(--color-text);letter-spacing:.02em}.auth-mock-code{font-weight:var(--font-weight-semibold);color:var(--color-text);letter-spacing:.08em}.auth-footnote{text-align:center}.auth-alert{background:var(--color-danger-soft);color:var(--color-danger);border:1px solid var(--color-danger-border);border-radius:var(--radius-sm);padding:var(--space-3);font-size:var(--text-body);line-height:var(--line-body)}.field{gap:var(--space-2);flex-direction:column;display:flex}.field-label{font-size:var(--text-body);font-weight:var(--font-weight-medium);color:var(--color-text)}.field-hint{font-size:var(--text-caption);color:var(--color-text-subtle);margin:0}.field-input{appearance:none;width:100%;min-height:var(--touch-min);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);padding:10px 14px;font-size:16px}.field-input:disabled{opacity:.65}.field-input[aria-invalid=true]{border-color:color-mix(in srgb, var(--color-danger) 55%, var(--color-border))}.phone-field{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);align-items:stretch;gap:0;display:flex;overflow:hidden}.phone-field:focus-within{outline:2px solid var(--color-accent);outline-offset:2px}.phone-field-hint{padding:0 var(--space-3);background:var(--color-surface-muted);color:var(--color-text-muted);font-size:var(--text-caption);border-inline-end:1px solid var(--color-divider);direction:ltr;flex-shrink:0;place-items:center;display:grid}.phone-input{text-align:left;letter-spacing:.04em;font-variant-numeric:tabular-nums;direction:ltr;border:0;border-radius:0}.phone-input:focus{outline:none}.phone-field:has(.phone-input[aria-invalid=true]){border-color:color-mix(in srgb, var(--color-danger) 55%, var(--color-border))}.btn:disabled{opacity:.55;cursor:not-allowed}.otp-row{gap:var(--space-2);direction:ltr;grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.otp-cell{appearance:none;aspect-ratio:1;width:100%;max-height:52px;min-height:var(--touch-min);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);text-align:center;font-size:1.25rem;font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums;padding:0}.otp-cell:focus{outline:2px solid var(--color-accent);outline-offset:2px;border-color:var(--color-accent)}.otp-cell:disabled{opacity:.65}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.closet-toolbar{gap:var(--space-3);flex-direction:column;display:flex}.closet-grid,.outfits-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.closet-error{padding:var(--space-2) 0}.clothing-card{gap:var(--space-2);min-width:0;color:inherit;flex-direction:column;text-decoration:none;display:flex}.clothing-card:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}.clothing-card-media{aspect-ratio:3/4;border-radius:var(--radius-sm);background:var(--color-surface-muted);border:1px solid var(--color-divider);overflow:hidden}.clothing-card-image{object-fit:cover;width:100%;height:100%}.clothing-card-placeholder{background:linear-gradient(145deg, color-mix(in srgb, var(--color-surface-muted) 70%, var(--color-divider)), var(--color-surface-muted));width:100%;height:100%}.clothing-card-title{font-size:var(--text-body);font-weight:var(--font-weight-medium);line-height:var(--line-tight);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.clothing-card-meta{font-size:var(--text-caption);color:var(--color-text-muted);line-height:var(--line-tight);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.clothing-detail-toolbar{margin-bottom:var(--space-3)}.clothing-detail-back{min-height:var(--touch-min);justify-content:flex-start;padding-inline:0}.clothing-detail-error-actions{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.clothing-detail-media{aspect-ratio:3/4;border-radius:var(--radius-md);background:var(--color-surface-muted);border:1px solid var(--color-divider);width:100%;max-height:min(70vh,520px);overflow:hidden}.clothing-detail-image{object-fit:cover;width:100%;height:100%;display:block}.clothing-detail-placeholder{background:linear-gradient(145deg, color-mix(in srgb, var(--color-surface-muted) 70%, var(--color-divider)), var(--color-surface-muted));width:100%;height:100%}.clothing-detail-meta{gap:var(--space-4);flex-direction:column;margin:0;display:flex}.clothing-detail-field{gap:var(--space-1);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-divider);flex-direction:column;margin:0;display:flex}.clothing-detail-field:last-child{border-bottom:none;padding-bottom:0}.clothing-detail-field-label{font-size:var(--text-caption);color:var(--color-text-muted);font-weight:var(--font-weight-medium);margin:0}.clothing-detail-field-value{font-size:var(--text-body);color:var(--color-text);line-height:var(--line-body);word-break:break-word;margin:0}.clothing-add-toolbar{margin-bottom:calc(var(--space-1) * -1)}.clothing-add-back{min-height:var(--touch-min);justify-content:flex-start;padding-inline:0}.clothing-add-picker-note{max-width:36ch;margin:0}.clothing-add-camera-btn{border:1px solid var(--color-divider);background:var(--color-surface);color:var(--color-text)}.clothing-add-media{aspect-ratio:3/4;border-radius:var(--radius-md);background:var(--color-surface-muted);border:1px solid var(--color-divider);width:100%;max-height:min(70vh,520px);overflow:hidden}.clothing-add-image{object-fit:cover;width:100%;height:100%;display:block}.clothing-add-meta{gap:var(--space-3);flex-direction:column;margin:0;display:flex}.clothing-add-meta-row{gap:var(--space-1);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-divider);flex-direction:column;display:flex}.clothing-add-meta-row:last-child{border-bottom:none;padding-bottom:0}.clothing-add-meta-row dt{font-size:var(--text-caption);color:var(--color-text-muted);font-weight:var(--font-weight-medium);margin:0}.clothing-add-meta-row dd{font-size:var(--text-body);color:var(--color-text);word-break:break-word;margin:0}.clothing-add-actions{margin-top:var(--space-1)}.clothing-add-warning{background:var(--color-accent-soft);color:var(--color-text);border:1px solid var(--color-divider);border-radius:var(--radius-sm);padding:var(--space-3);font-size:var(--text-body);line-height:var(--line-body);margin:0}.clothing-add-create-media{max-height:min(40vh,280px)}select.field-input{cursor:pointer}.clothing-add-success{padding-top:var(--space-4)}.clothing-category-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.clothing-category-grid.is-invalid .clothing-category-option:not(.is-selected){border-color:var(--color-danger)}.clothing-category-option{min-height:calc(var(--touch-min) + 8px);padding:var(--space-3) var(--space-4);border:1px solid var(--color-divider);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-family:inherit;font-size:var(--text-body);font-weight:var(--font-weight-medium);line-height:var(--line-tight);text-align:center;cursor:pointer;justify-content:center;align-items:center;margin:0;transition:background-color .12s,border-color .12s,color .12s;display:flex}.clothing-category-option:disabled{opacity:.55;cursor:not-allowed}.clothing-category-option.is-selected{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent);font-weight:var(--font-weight-semibold);box-shadow:inset 0 0 0 1px var(--color-accent)}.clothing-category-option:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (width>=480px){.clothing-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.outfit-card{gap:var(--space-2);min-width:0;color:inherit;flex-direction:column;text-decoration:none;display:flex}.outfit-card:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}.outfit-card-media{aspect-ratio:4/5;border-radius:var(--radius-sm);background:var(--color-surface-muted);border:1px solid var(--color-divider);position:relative;overflow:hidden}.outfit-card-image{object-fit:cover;width:100%;height:100%}.outfit-card-placeholder,.outfit-detail-placeholder{background:linear-gradient(145deg, color-mix(in srgb, var(--color-surface-muted) 70%, var(--color-divider)), var(--color-surface-muted));width:100%;height:100%}.outfit-card-title{font-size:var(--text-body);font-weight:var(--font-weight-medium);line-height:var(--line-tight);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.outfit-card-composition,.outfit-detail-composition{width:100%;height:100%}.outfit-composition-renderer{background:var(--color-surface-muted);width:100%;height:100%;position:relative;overflow:hidden}.outfit-composition-renderer.is-empty{min-height:100%}.outfit-composition-layer{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;transform-origin:50%;position:absolute}.outfit-canvas-editor{background:var(--color-surface-muted);touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;height:100%;position:relative;overflow:hidden}.outfit-canvas-editor.is-disabled{pointer-events:none}.outfit-canvas-editor.is-gesturing,.outfit-canvas-editor.is-transforming{cursor:grabbing}.outfit-canvas-editor-item{pointer-events:none;touch-action:none;cursor:grab;transform-origin:50%;outline-offset:2px;-webkit-user-select:none;user-select:none;border-radius:2px;outline:2px solid #0000;position:absolute}.outfit-canvas-editor-item.is-selected{outline-color:var(--color-accent)}.outfit-canvas-editor-item.is-dragging{cursor:grabbing;outline-color:var(--color-accent)}.outfit-canvas-editor.is-transforming .outfit-canvas-editor-item.is-selected{outline-color:var(--color-accent)}.outfit-canvas-editor-image{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;width:100%;height:100%;display:block}.outfit-create-preview-stack{gap:var(--space-2);flex-direction:column;width:100%;display:flex}.outfit-canvas-item-toolbar{justify-content:center;align-items:center;gap:var(--space-2);padding-block:var(--space-1);flex-wrap:wrap;display:flex}.outfit-canvas-toolbar-btn{min-width:var(--touch-min);padding-inline:var(--space-3)}.outfit-detail-toolbar{margin-bottom:var(--space-3)}.outfit-detail-back{min-height:var(--touch-min);justify-content:flex-start;padding-inline:0}.outfit-detail-error-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.outfit-detail-media{aspect-ratio:4/5;border-radius:var(--radius-sm);background:var(--color-surface-muted);border:1px solid var(--color-divider);position:relative;overflow:hidden}.outfit-detail-image{object-fit:cover;width:100%;height:100%}.outfit-detail-meta{flex-direction:column;gap:0;margin:0;display:flex}.outfit-detail-field{gap:var(--space-2);padding-block:var(--space-3);border-bottom:1px solid var(--color-divider);grid-template-columns:minmax(5rem,30%) 1fr;display:grid}.outfit-detail-field:last-child{border-bottom:none}.outfit-detail-field-label{color:var(--color-text-muted);font-size:var(--text-caption);margin:0}.outfit-detail-field-value{font-size:var(--text-body);line-height:var(--line-tight);overflow-wrap:anywhere;margin:0}.outfit-create-toolbar{margin-bottom:calc(var(--space-1) * -1)}.outfit-create-back{min-height:var(--touch-min);justify-content:flex-start;padding-inline:0}.outfit-create-preview{aspect-ratio:4/5;border-radius:var(--radius-md);background:var(--color-surface-muted);border:1px solid var(--color-divider);width:100%;max-height:min(52vh,420px);position:relative;overflow:hidden}.outfit-create-preview.is-empty{padding:var(--space-4);justify-content:center;align-items:center;display:flex}.outfit-create-composition{width:100%;height:100%}.outfit-create-selector{gap:var(--space-4);flex-direction:column;display:flex}.outfit-create-selected{gap:var(--space-2);-webkit-overflow-scrolling:touch;padding:0;padding-bottom:var(--space-1);margin:0;list-style:none;display:flex;overflow-x:auto}.outfit-create-chip{align-items:center;gap:var(--space-2);min-height:var(--touch-min);border:1px solid var(--color-divider);background:var(--color-surface);border-radius:999px;flex:none;padding:4px 4px 4px 8px;display:flex}.outfit-create-chip-image,.outfit-create-chip-placeholder{object-fit:cover;background:var(--color-surface-muted);border-radius:999px;flex:none;width:32px;height:32px}.outfit-create-chip-label{font-size:var(--text-caption);text-overflow:ellipsis;white-space:nowrap;max-width:12ch;overflow:hidden}.outfit-create-chip-remove{appearance:none;color:var(--color-text-muted);width:var(--touch-min);height:var(--touch-min);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;font-size:1.25rem;line-height:1;display:inline-flex}.outfit-create-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.outfit-create-tile{appearance:none;color:inherit;text-align:start;gap:var(--space-2);cursor:pointer;background:0 0;border:0;flex-direction:column;min-width:0;padding:0;display:flex}.outfit-create-tile:disabled{opacity:.55;cursor:not-allowed}.outfit-create-tile-media{aspect-ratio:3/4;border-radius:var(--radius-sm);background:var(--color-surface-muted);border:1px solid var(--color-divider);position:relative;overflow:hidden}.outfit-create-tile.is-selected .outfit-create-tile-media{box-shadow:inset 0 0 0 2px var(--color-accent);border-color:var(--color-accent)}.outfit-create-tile-image{object-fit:cover;width:100%;height:100%}.outfit-create-tile-placeholder{background:linear-gradient(145deg, color-mix(in srgb, var(--color-surface-muted) 70%, var(--color-divider)), var(--color-surface-muted));width:100%;height:100%}.outfit-create-tile-check{background:var(--color-accent);width:1.5rem;height:1.5rem;color:var(--color-on-accent);font-size:.85rem;font-weight:var(--font-weight-semibold);border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:absolute;inset-block-start:var(--space-2);inset-inline-end:var(--space-2)}.outfit-create-tile-title{font-size:var(--text-body);font-weight:var(--font-weight-medium);line-height:var(--line-tight);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.outfit-create-tile-meta{font-size:var(--text-caption);color:var(--color-text-muted);line-height:var(--line-tight);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.home-suggest-module{padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-divider)}.home-suggest-module .outfit-suggest-title{font-size:var(--text-title)}.home-suggest-module .outfit-suggest-preview{max-height:min(42vh,360px)}.outfit-suggest-surface{flex-direction:column;gap:0;min-width:0;display:flex}.outfit-suggest-intro{gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;display:flex}.outfit-suggest-title{font-size:var(--text-title);font-weight:var(--font-weight-semibold);line-height:var(--line-tight);margin:0}.outfit-suggest-subtitle{font-size:var(--text-body);color:var(--color-text-muted);line-height:var(--line-body);margin:0}.outfit-suggest-result{gap:var(--space-4);flex-direction:column;display:flex}.outfit-suggest-preview{aspect-ratio:4/5;border-radius:var(--radius-md);background:var(--color-surface-muted);border:1px solid var(--color-divider);width:100%;max-height:min(52vh,420px);position:relative;overflow:hidden}.outfit-suggest-composition{width:100%;height:100%}.outfit-suggest-actions{gap:var(--space-3);padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0px));flex-direction:column;display:flex}.profile-header{align-items:center;gap:var(--space-4);text-align:center;flex-direction:column;display:flex}.profile-avatar{background:var(--color-surface-muted);border:1px solid var(--color-divider);border-radius:50%;flex-shrink:0;width:88px;height:88px;overflow:hidden}.profile-avatar-image{object-fit:cover;width:100%;height:100%}.profile-avatar-fallback{width:100%;height:100%;color:var(--color-text-muted);background:var(--color-surface-muted);justify-content:center;align-items:center;display:flex}.profile-avatar-icon{width:40px;height:40px}.profile-identity{align-items:center;width:100%;min-width:0}.profile-display-name{font-size:var(--text-title);font-weight:var(--font-weight-semibold);line-height:var(--line-tight);overflow-wrap:anywhere;max-width:100%;margin:0}.profile-username{font-size:var(--text-body);color:var(--color-text-muted);direction:ltr;unicode-bidi:isolate;margin:0}.profile-location,.profile-bio{font-size:var(--text-body);color:var(--color-text);line-height:var(--line-body);overflow-wrap:anywhere;max-width:100%;margin:0}.profile-bio{color:var(--color-text-muted);white-space:pre-wrap}.profile-stats{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));width:100%;margin:0;padding:0;list-style:none;display:grid}.profile-stat{align-items:center;gap:var(--space-1);min-width:0;padding:var(--space-2) var(--space-1);flex-direction:column;display:flex}.profile-stat-value{font-size:var(--text-title);font-weight:var(--font-weight-semibold);line-height:var(--line-tight);font-variant-numeric:tabular-nums}.profile-stat-label{font-size:var(--text-caption);color:var(--color-text-muted);text-align:center;line-height:var(--line-tight)}.profile-outfits-heading{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.profile-outfits-heading .section-title{margin:0}.profile-outfits-create{font-size:var(--text-caption);color:var(--color-accent);font-weight:var(--font-weight-medium);flex-shrink:0;text-decoration:none}.profile-outfits-create:hover{text-decoration:underline}.profile-sign-out{color:var(--color-danger)}.profile-sign-out-confirm{width:100%}.profile-edit-toolbar{justify-content:flex-start;align-items:center;display:flex}.profile-edit-back{color:var(--color-accent);font-size:var(--text-body);font-weight:var(--font-weight-medium);align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.profile-edit-back:hover{text-decoration:underline}.profile-edit-form{padding-bottom:calc(var(--space-8) + env(safe-area-inset-bottom,0px))}.profile-avatar-editor{align-items:center;width:100%}.profile-avatar-edit-button{appearance:none;cursor:pointer;background:0 0;border:0;min-width:96px;min-height:96px;padding:0;position:relative}.profile-avatar-edit-button:disabled{opacity:.7;cursor:not-allowed}.profile-avatar-edit-button .profile-avatar{width:96px;height:96px}.profile-avatar-edit-badge{inset-inline-end:0;min-width:44px;min-height:28px;padding:0 var(--space-2);border-radius:var(--radius-full,999px);background:var(--color-surface);border:1px solid var(--color-divider);color:var(--color-text);font-size:var(--text-caption);box-shadow:0 1px 2px color-mix(in srgb, var(--color-text) 12%, transparent);justify-content:center;align-items:center;display:inline-flex;position:absolute;bottom:0}.profile-edit-username-locked{padding:var(--space-3);border-radius:var(--radius-sm);background:var(--color-surface-muted);border:1px solid var(--color-divider);color:var(--color-text-muted);direction:ltr;unicode-bidi:isolate;margin:0}.profile-edit-bio{resize:vertical;min-height:6.5rem;line-height:var(--line-body);white-space:pre-wrap}.profile-edit-actions{z-index:10;margin-top:var(--space-2);padding-top:var(--space-3);padding-bottom:calc(var(--space-3) + env(safe-area-inset-bottom,0px));background:linear-gradient(to top, var(--color-bg) 70%, color-mix(in srgb, var(--color-bg) 70%, transparent));position:sticky;bottom:0}