: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;--color-peach:#c98669;--color-btn-disabled-fill:#e8e2db;--color-btn-disabled-label:#a39c95;--auth-control-radius:12px;--auth-control-height:50px;--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-root:has(.auth-phone-login){background:var(--color-bg)}.auth-root:has(.auth-phone-login) .auth-main{-webkit-overflow-scrolling:touch;justify-content:flex-start;overflow-y:auto}.auth-phone-login{max-width:min(100%,20rem);padding-block:var(--space-4);flex:1;justify-content:flex-start;gap:0}.auth-phone-login-header{text-align:center;margin-bottom:var(--space-6);flex-direction:column;align-items:center;display:flex}.auth-phone-login-logo-wrap{border-radius:12px;flex-shrink:0;width:56px;height:56px;overflow:hidden}.auth-phone-login-logo{object-fit:cover;width:100%;height:100%;display:block}.auth-phone-login-title{margin:var(--space-4) 0 0;font-size:var(--text-title);font-weight:var(--font-weight-semibold);color:var(--color-text);line-height:32px}.auth-phone-login-subtitle{margin:var(--space-2) 0 0;max-width:280px;color:var(--color-text-muted);font-size:var(--text-body);line-height:24px}.auth-phone-login-form{gap:var(--space-5);flex-direction:column;width:100%;display:flex}.auth-phone-login-field{align-items:stretch;width:100%}.auth-phone-login-label{text-align:right;width:100%;display:block}.auth-phone-login-phone-field{border-radius:var(--auth-control-radius)}.auth-phone-login-input{min-height:var(--auth-control-height);border-radius:var(--auth-control-radius)}.auth-phone-login-continue{min-height:var(--auth-control-height);border-radius:var(--auth-control-radius);font-weight:var(--font-weight-semibold)}.auth-phone-login-continue.btn-primary:disabled:not([aria-busy=true]){opacity:1;cursor:not-allowed;background:var(--color-btn-disabled-fill);color:var(--color-btn-disabled-label);border:1px solid var(--color-border);box-shadow:none}.auth-phone-login-continue.btn-primary:disabled:not([aria-busy=true]):hover{background:var(--color-btn-disabled-fill);color:var(--color-btn-disabled-label)}.auth-phone-login-consent{margin:var(--space-4) 0 0;text-align:center;font-size:var(--text-caption);color:var(--color-text-muted);line-height:19px}.auth-phone-login-consent-link{color:var(--color-peach);font-weight:var(--font-weight-semibold);padding-block:var(--space-1);text-decoration:none}.auth-phone-login-consent-link:hover,.auth-phone-login-consent-link:focus-visible{text-decoration:underline}.auth-root:has(.auth-phone-otp-verify){background:var(--color-bg)}.auth-root:has(.auth-phone-otp-verify) .auth-main{-webkit-overflow-scrolling:touch;justify-content:flex-start;overflow-y:auto}.auth-phone-otp-verify{max-width:min(100%,20rem);padding-block:var(--space-4);flex:1;justify-content:flex-start;gap:0}.auth-phone-otp-verify-header{text-align:center;margin-bottom:var(--space-4);flex-direction:column;align-items:center;display:flex}.auth-phone-otp-verify-title{margin:var(--space-4) 0 0;font-size:var(--text-title);font-weight:var(--font-weight-semibold);color:var(--color-text);line-height:32px}.auth-phone-otp-verify-subtitle{margin:0 0 var(--space-6);text-align:center;color:var(--color-text-muted);font-size:var(--text-body);align-self:center;max-width:280px;line-height:24px}.auth-phone-otp-verify-phone{color:var(--color-text-muted);font-variant-numeric:tabular-nums;unicode-bidi:isolate}.auth-phone-otp-verify-form{flex-direction:column;width:100%;display:flex}.auth-phone-otp-verify-otp-row{margin-bottom:var(--space-4);direction:ltr;flex-direction:row;justify-content:center;gap:8px;width:100%;display:flex}.auth-phone-otp-verify-cell{aspect-ratio:auto;border-radius:var(--auth-control-radius);border-color:var(--color-border);background:var(--color-surface);flex:none;width:44px;height:48px;min-height:0;max-height:none;font-size:1.125rem}.auth-phone-otp-verify-cell:focus,.auth-phone-otp-verify-cell-active{border-color:var(--color-accent);box-shadow:none;outline:none}.auth-phone-otp-verify-submit{margin-top:var(--space-5)}.auth-phone-otp-verify-resend{appearance:none;margin:var(--space-4) auto 0;padding:var(--space-2) var(--space-3);min-height:44px;font:inherit;font-weight:var(--font-weight-semibold);font-size:var(--text-body);color:var(--color-text);cursor:pointer;background:0 0;border:0}.auth-phone-otp-verify-resend:disabled{color:var(--color-text-muted);cursor:default;opacity:1}.auth-phone-otp-verify-resend:not(:disabled):hover,.auth-phone-otp-verify-resend:not(:disabled):focus-visible{color:var(--color-text)}.auth-phone-otp-verify-edit-phone{appearance:none;margin:var(--space-5) auto 0;padding:var(--space-2) var(--space-3);min-height:44px;font:inherit;font-weight:var(--font-weight-semibold);font-size:var(--text-body);color:var(--color-accent);cursor:pointer;background:0 0;border:0}.auth-phone-otp-verify-edit-phone:hover,.auth-phone-otp-verify-edit-phone:focus-visible{color:var(--color-accent-hover)}.auth-phone-otp-verify-form .auth-alert{margin-bottom:var(--space-3)}.legal-root{background:var(--color-bg)}.legal-frame{flex-direction:column;min-height:100dvh;display:flex}.legal-topbar{padding:calc(var(--space-3) + var(--safe-top)) calc(var(--space-5) + var(--safe-right)) var(--space-2) calc(var(--space-5) + var(--safe-left))}.legal-back{min-height:var(--touch-min);justify-content:flex-start;padding-inline:0}.legal-main{padding:var(--space-2) calc(var(--space-5) + var(--safe-right)) calc(var(--space-6) + var(--safe-bottom)) calc(var(--space-5) + var(--safe-left));max-width:var(--content-max);flex:1;width:100%;margin:0 auto;overflow-y:auto}.legal-document-title{margin:0 0 var(--space-2);font-size:var(--text-title);font-weight:var(--font-weight-semibold);line-height:32px}.legal-document-meta{margin:0 0 var(--space-6);font-size:var(--text-caption);color:var(--color-text-muted)}.legal-document-section{margin-bottom:var(--space-5)}.legal-document-section-title{margin:var(--space-4) 0 var(--space-2);font-size:var(--text-section);font-weight:var(--font-weight-semibold);line-height:var(--line-tight)}.legal-document-paragraph{margin:0 0 var(--space-3);font-size:var(--text-body);color:var(--color-text-muted);line-height:24px}.legal-document-related{margin-top:var(--space-8);padding-top:var(--space-5);border-top:1px solid var(--color-divider)}.legal-document-related-label{margin:0 0 var(--space-3);font-size:var(--text-caption);font-weight:var(--font-weight-semibold);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted)}.legal-document-related-list{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.legal-document-related-link{min-height:var(--touch-min);font-size:var(--text-body);font-weight:var(--font-weight-semibold);color:var(--color-accent);text-underline-offset:2px;align-items:center;text-decoration:underline;display:flex}.legal-document-related-link:hover,.legal-document-related-link:focus-visible{color:var(--color-accent-hover)}.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}.page--closet{padding-inline:0;padding-bottom:calc(var(--bottom-nav-height) + var(--space-4))}.closet-sticky-chrome{z-index:10;background:var(--color-bg);padding-bottom:var(--space-2);position:sticky;top:0}.closet-browse-toolbar{align-items:center;gap:var(--space-2);padding:var(--space-4) calc(20px + var(--safe-right)) var(--space-3) calc(20px + var(--safe-left));display:flex}.closet-search-field{align-items:center;gap:var(--space-2);min-width:0;min-height:44px;padding:0 var(--space-3);border:1px solid var(--color-divider);border-radius:var(--radius-field);background:var(--color-surface);color:var(--color-text-muted);flex:1.25;display:flex}.closet-search-input{min-width:0;color:var(--color-text);font:inherit;background:0 0;border:0;outline:none;flex:1}.closet-search-input::placeholder{color:var(--color-text-muted)}.closet-toolbar-icon{border:1px solid var(--color-divider);border-radius:var(--radius-field);background:var(--color-surface);width:44px;height:44px;color:var(--color-text-muted);flex:0 0 44px;justify-content:center;align-items:center;display:inline-flex;position:relative}.closet-toolbar-icon.is-active{color:var(--color-accent);background:var(--color-accent-soft);border-color:color-mix(in srgb, var(--color-accent) 35%, var(--color-divider))}.closet-toolbar-dot{top:6px;border-radius:var(--radius-full);background:var(--color-accent);width:6px;height:6px;position:absolute;inset-inline-end:6px}.closet-toolbar-badge{top:4px;border-radius:var(--radius-full);background:var(--color-accent-soft);border:1px solid color-mix(in srgb, var(--color-accent) 35%, var(--color-divider));min-width:16px;height:14px;color:var(--color-accent);font-size:10px;font-weight:var(--font-weight-semibold);padding:0 4px;line-height:14px;position:absolute;inset-inline-end:4px}.closet-category-chips{gap:var(--space-2);padding:0 calc(20px + var(--safe-right)) var(--space-2) calc(20px + var(--safe-left));scrollbar-width:none;display:flex;overflow-x:auto}.closet-category-chips::-webkit-scrollbar{display:none}.closet-category-chip{min-height:36px;padding:0 var(--space-3);border-radius:var(--radius-full);border:1px solid var(--color-divider);background:var(--color-surface);color:var(--color-text);font-size:var(--text-caption);white-space:nowrap;flex:none}.closet-category-chip.is-selected{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent);font-weight:var(--font-weight-medium)}.closet-insight-card{width:calc(100% - 40px - var(--safe-left) - var(--safe-right));margin:0 auto var(--space-3);align-items:center;gap:var(--space-2);min-height:48px;padding:0 var(--space-3);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-accent-soft) 72%, var(--color-surface));color:var(--color-text);text-align:start;border:0;display:flex}.closet-insight-title{font-size:var(--text-body);font-weight:var(--font-weight-semibold);flex:1}.closet-grid-card{min-width:0;color:inherit;text-decoration:none;display:block}.closet-grid-card-media{aspect-ratio:1;border-radius:var(--radius-md);background:var(--color-image-mat);border:1px solid var(--color-divider);padding:var(--space-3);justify-content:center;align-items:center;display:flex;overflow:hidden}.closet-grid-card-image{object-fit:contain;width:100%;height:100%}.closet-grid-card-placeholder{border-radius:var(--radius-sm);background:linear-gradient(145deg, color-mix(in srgb, var(--color-surface-muted) 70%, var(--color-divider)), var(--color-surface-muted));width:72%;height:72%}.closet-loading,.closet-loading-more{padding:var(--space-4) var(--space-5);color:var(--color-text-muted);text-align:center}.closet-error-state,.closet-empty-state,.closet-filtered-empty{padding:var(--space-6) calc(20px + var(--safe-right)) var(--space-4) calc(20px + var(--safe-left));text-align:center}.closet-error-title,.closet-empty-title,.closet-filtered-empty h2{margin:0 0 var(--space-2);font-size:var(--text-title)}.closet-error-body,.closet-empty-body,.closet-filtered-empty p{margin:0 0 var(--space-4);color:var(--color-text-muted);line-height:var(--line-relaxed)}.closet-web-only-note,.closet-header-web-only-note{padding:var(--space-2) calc(20px + var(--safe-right)) var(--space-2) calc(20px + var(--safe-left));background:var(--color-accent-soft);color:var(--color-text);font-size:var(--text-caption);line-height:var(--line-relaxed);margin:0}.header-tab-actions{flex:none;align-items:center;gap:2px;display:inline-flex}.header-icon-button{width:44px;height:44px;color:var(--color-text);background:0 0;border:0;flex:0 0 44px;justify-content:center;align-items:center;display:inline-flex}.app-header--tab .app-header-title{text-align:start}.closet-filter-sheet,.closet-sort-sheet{max-height:min(78vh,640px);overflow:auto}.closet-filter-sections{gap:var(--space-4);flex-direction:column;display:flex}.closet-filter-section h3{margin:0 0 var(--space-2);font-size:var(--text-body)}.closet-filter-options{gap:var(--space-2);flex-wrap:wrap;display:flex}.closet-filter-option,.closet-sort-option{min-height:36px;padding:0 var(--space-3);border-radius:var(--radius-full);border:1px solid var(--color-divider);background:var(--color-surface)}.closet-filter-option.is-selected,.closet-sort-option.is-selected{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent)}.closet-sort-options{gap:var(--space-2);flex-direction:column;display:flex}.closet-sort-option{text-align:start;border-radius:var(--radius-sm);width:100%}.closet-sheet-actions{gap:var(--space-2);margin-top:var(--space-4);display:flex}.closet-sort-reset{margin-top:var(--space-3)}.closet-toolbar{gap:var(--space-3);flex-direction:column;display:flex}.closet-grid{gap:var(--space-3);padding:0 calc(20px + var(--safe-right)) var(--space-4) calc(20px + var(--safe-left));grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.page--outfits{padding-inline:0;padding-bottom:calc(var(--bottom-nav-height) + var(--space-4))}.outfits-preview-banner,.home-preview-banner{padding:var(--space-2) var(--space-4);font-size:var(--text-caption);text-align:center;background:color-mix(in srgb, var(--color-accent) 12%, var(--color-bg));color:var(--color-text-muted);border-bottom:1px solid var(--color-divider)}.outfits-sticky-chrome{z-index:10;background:var(--color-bg);padding:var(--space-3) calc(20px + var(--safe-right)) var(--space-3) calc(20px + var(--safe-left));position:sticky;top:0}.outfits-segment{gap:var(--space-2);background:var(--color-surface-muted);border:1px solid var(--color-divider);border-radius:999px;flex-direction:row;padding:4px;display:flex}.outfits-segment-btn{padding:10px var(--space-3);color:var(--color-text-muted);font-size:var(--text-body);font-weight:var(--font-weight-medium);background:0 0;border:none;border-radius:999px;flex:1}.outfits-segment-btn.is-active{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-divider);box-shadow:0 1px 2px #0000000f}.outfits-grid{padding:0 calc(20px + var(--safe-right)) var(--space-4) calc(20px + var(--safe-left));grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;display:grid}.outfits-grid--collections{row-gap:var(--space-4)}.outfits-grid--skeleton{padding-top:var(--space-2)}.outfits-skeleton-card{aspect-ratio:4/5;background:linear-gradient(110deg, var(--color-surface-muted) 8%, color-mix(in srgb, var(--color-surface-muted) 70%, var(--color-divider)) 18%, var(--color-surface-muted) 33%);background-size:200% 100%;border-radius:16px;animation:1.2s ease-in-out infinite outfits-shimmer}@keyframes outfits-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.outfits-empty-state{text-align:center;align-items:center;gap:var(--space-3);padding:var(--space-6) calc(20px + var(--safe-right)) var(--space-4) calc(20px + var(--safe-left));flex-direction:column;display:flex}.outfits-empty-title{font-size:var(--text-title-sm);font-weight:var(--font-weight-semibold);margin:0}.outfits-empty-hint{max-width:20rem;color:var(--color-text-muted);line-height:var(--line-relaxed);margin:0}.outfits-empty-cta{margin-top:var(--space-2)}.outfits-error-state{gap:var(--space-3);padding:var(--space-4) calc(20px + var(--safe-right)) var(--space-4) calc(20px + var(--safe-left));flex-direction:column;display:flex}.outfits-error-title{font-size:var(--text-title-sm);margin:0}.outfits-error-body{color:var(--color-text-muted);margin:0}.outfits-loading-more{text-align:center;color:var(--color-text-muted);padding-bottom:var(--space-3)}.outfits-web-only-note{padding:var(--space-2) calc(20px + var(--safe-left));font-size:var(--text-caption);color:var(--color-text-muted);margin:0}.load-more-sentinel{width:100%;height:1px}.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--grid{gap:0}.outfit-card-media--grid{aspect-ratio:4/5;background:var(--color-surface-muted);border:1px solid color-mix(in srgb, var(--color-divider) 80%, transparent);border-radius:16px;padding:4px;box-shadow:0 1px 3px #0000000f}.outfit-card-media--grid .outfit-card-image,.outfit-card-media--grid .outfit-card-composition,.outfit-card-media--grid .outfit-card-placeholder{border-radius:12px}.outfit-card-visibility-anchor{inset-inline-end:8px;z-index:2;pointer-events:none;position:absolute;bottom:8px}.outfit-visibility-badge{background:var(--color-surface);border:1px solid var(--color-divider);width:22px;height:22px;color:var(--color-text-muted);border-radius:11px;justify-content:center;align-items:center;display:inline-flex}.outfit-add-grid-card{aspect-ratio:4/5;background:var(--color-surface-muted);border:1px solid color-mix(in srgb, var(--color-divider) 80%, transparent);color:var(--color-text-muted);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:12px;text-decoration:none;display:flex;box-shadow:0 1px 3px #0000000f}.outfit-add-grid-card:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.outfit-add-grid-card-icon{color:var(--color-icon-muted,var(--color-text-muted));display:flex}.outfit-add-grid-card-label{font-size:var(--text-body);font-weight:var(--font-weight-medium)}.collection-grid-card{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.collection-grid-card-cover-btn{cursor:pointer;background:0 0;border:none;border-radius:16px;width:100%;padding:0;display:block}.collection-grid-card-cover{aspect-ratio:4/5;background:var(--color-surface-muted);border:1px solid var(--color-divider);border-radius:16px;overflow:hidden}.collection-grid-card-image{object-fit:cover;width:100%;height:100%}.collection-grid-card-composition{width:100%;height:100%}.collection-grid-card-placeholder{background:var(--color-surface-muted);width:100%;height:100%}.collection-grid-card-meta{padding-inline:2px}.collection-grid-card-title-btn{text-align:start;cursor:pointer;width:100%;color:inherit;background:0 0;border:none;padding:0;display:block}.collection-grid-card-title{font-size:var(--text-body);font-weight:var(--font-weight-semibold);margin:0}.collection-grid-card-counts{font-size:var(--text-caption);color:var(--color-text-muted);margin:2px 0 0}.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)}.page--home{gap:var(--space-4);flex-direction:column;padding-block-end:var(--space-2);display:flex}.home-shuffle-section{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.home-shuffle-activation{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-accent-soft);border:1px solid var(--color-divider);flex-direction:row;display:flex}.home-shuffle-activation-copy{flex:1;min-width:0}.home-shuffle-section-title{font-size:var(--text-header);font-weight:var(--font-weight-semibold);line-height:var(--line-tight);margin:0}.home-shuffle-section-hint{font-size:var(--text-body);font-weight:var(--font-weight-regular);color:var(--color-text-muted)}.home-shuffle-section-body{margin:var(--space-2) 0 0;font-size:var(--text-body);color:var(--color-text-muted);line-height:var(--line-body)}.home-shuffle-add-btn{border-radius:var(--radius-full);background:var(--color-accent);width:2.5rem;height:2.5rem;color:var(--color-on-accent);border:none;flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.home-shuffle-add-btn:active{background:var(--color-accent-hover)}.home-shuffle-ready-card{gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-accent-soft);border:1px solid var(--color-divider);flex-direction:column;display:flex}.home-shuffle-ready-header{justify-content:space-between;align-items:center;gap:var(--space-2);flex-direction:row;min-width:0;display:flex}.home-shuffle-build-style{align-items:center;gap:var(--space-1);color:var(--color-accent);font-size:var(--text-body);font-weight:var(--font-weight-medium);padding:var(--space-1) 0;white-space:nowrap;background:0 0;border:none;flex-direction:row;display:inline-flex}.home-shuffle-rail{align-items:center;gap:var(--space-3);direction:rtl;flex-direction:row;min-width:0;display:flex}.home-shuffle-dice{border-radius:var(--radius-full);border:1px solid var(--color-divider);background:var(--color-surface);width:3.5rem;height:3.5rem;color:var(--color-accent);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.home-shuffle-dice:disabled{opacity:.72}.home-shuffle-dice-icon--spin{animation:.42s ease-out home-dice-spin}@keyframes home-dice-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.home-shuffle-dice-icon--spin{animation:none}}.home-shuffle-preview-scroll{gap:var(--space-2);min-width:0;padding-block:var(--space-1);scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;direction:rtl;flex-direction:row;flex:1;display:flex;overflow-x:auto}.home-shuffle-thumb{border-radius:var(--radius-sm);background:var(--color-image-mat);border:1px solid var(--color-divider);scroll-snap-align:start;flex:none;width:4.25rem;height:4.25rem;overflow:hidden}.home-shuffle-thumb img{object-fit:contain;width:100%;height:100%}.home-shuffle-thumb-fallback{background:var(--color-surface-muted);width:100%;height:100%;display:block}.home-quick-actions{gap:var(--space-2);grid-template-columns:repeat(5,minmax(0,1fr));width:100%;display:grid}.home-quick-action{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-1);border-radius:var(--radius-md);background:var(--color-surface-muted);min-height:4.75rem;color:var(--color-text);border:none;flex-direction:column;display:flex}.home-quick-action-icon{border-radius:var(--radius-sm);background:var(--color-surface);border:1px solid var(--color-divider);width:2.5rem;height:2.5rem;color:var(--color-accent);justify-content:center;align-items:center;display:inline-flex}.home-quick-action-label{font-size:var(--text-caption);text-align:center;max-width:100%;line-height:1.25}.home-quick-action--web-pending{opacity:.92}.home-quick-action-badge{color:var(--color-text-muted);font-size:10px;line-height:1.2}.home-web-only-note{padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-accent-soft);color:var(--color-text-muted);font-size:var(--text-caption);line-height:var(--line-body);margin:0}.header-icon-badge{top:4px;border-radius:var(--radius-full);background:var(--color-accent);min-width:16px;height:16px;color:var(--color-on-accent);font-size:10px;font-weight:var(--font-weight-semibold);text-align:center;padding:0 4px;line-height:16px;position:absolute;inset-inline-end:2px}.header-icon-button{position:relative}.home-preview-banner{padding:var(--space-2) var(--space-5);color:#f5f1ea;font-size:var(--text-caption);text-align:center;background:#3d4f3f}.home-feed-section{gap:var(--space-5);flex-direction:column;min-width:0;display:flex}.home-feed-switcher{gap:var(--space-2);border-radius:var(--radius-md);background:var(--color-surface-muted);flex-direction:row;padding:4px;display:flex}.home-feed-switcher-segment{border-radius:calc(var(--radius-md) - 4px);padding:10px var(--space-3);color:var(--color-text-muted);font-size:var(--text-body);font-weight:var(--font-weight-medium);background:0 0;border:none;flex:1}.home-feed-switcher-segment.is-active{background:var(--color-surface);color:var(--color-text);box-shadow:0 1px 2px #0000000f}.home-feed-card{gap:var(--space-3);background:var(--color-surface);border:1px solid var(--color-divider);border-radius:20px;flex-direction:column;display:flex;overflow:hidden}.home-feed-card-header{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4) 0;flex-direction:row;display:flex}.home-feed-card-owner{align-items:center;gap:var(--space-2);flex-direction:row;min-width:0;display:flex}.home-feed-card-avatar{border-radius:var(--radius-full);background:var(--color-surface-muted);width:32px;height:32px;font-size:13px;font-weight:var(--font-weight-semibold);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.home-feed-card-avatar img{object-fit:cover;width:100%;height:100%}.home-feed-card-owner-name{font-size:var(--text-body);font-weight:var(--font-weight-semibold);margin:0}.home-feed-card-store-badge{font-size:var(--text-caption);color:var(--color-accent);margin-top:2px;display:inline-block}.home-feed-card-menu{color:var(--color-text-muted);padding:var(--space-2)}.home-feed-card-media{aspect-ratio:4/5;background:var(--color-surface-muted);width:100%;max-height:420px;display:block;overflow:hidden}.home-feed-card-media img,.home-feed-card-composition{object-fit:cover;width:100%;height:100%}.home-feed-card-media-fallback{background:var(--color-surface-muted);width:100%;height:100%;display:block}.home-feed-card-actions{align-items:center;gap:var(--space-4);padding:0 var(--space-4) var(--space-4);flex-direction:row;display:flex}.home-feed-action{color:var(--color-text-muted);font-size:var(--text-caption);background:0 0;border:none;flex-direction:row;align-items:center;gap:6px;padding:0;text-decoration:none;display:inline-flex}.home-feed-action.is-active{color:var(--color-accent)}.home-feed-empty,.home-feed-error{padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-muted);text-align:center}.home-feed-empty-title{margin:0 0 var(--space-2);font-weight:var(--font-weight-semibold)}.home-feed-empty-body{color:var(--color-text-muted);font-size:var(--text-body);margin:0}.home-feed-skeleton-stack{gap:var(--space-4);flex-direction:column;display:flex}.home-feed-skeleton-card{background:linear-gradient(90deg, var(--color-surface-muted) 0%, var(--color-surface) 50%, var(--color-surface-muted) 100%);border-radius:20px;height:360px}.home-feed-sentinel{height:1px}.notifications-list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.notifications-item{padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-divider);background:var(--color-surface)}.notifications-item--unread{border-color:var(--color-accent);background:var(--color-accent-soft)}.notifications-item-title{margin:0 0 var(--space-1);font-weight:var(--font-weight-semibold)}.notifications-item-body{color:var(--color-text-muted);font-size:var(--text-body);margin:0}.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}.page--profile{padding-inline:var(--space-4);padding-bottom:calc(var(--space-6) + env(safe-area-inset-bottom,0px))}.profile-summary-row{align-items:center;gap:var(--space-4);padding-top:var(--space-3);padding-bottom:var(--space-2);flex-direction:row;display:flex}.profile-summary-avatar-link{color:inherit;border-radius:50%;flex-shrink:0;text-decoration:none}.profile-avatar--summary{border:1px solid var(--color-divider);width:72px;height:72px}.profile-avatar--skeleton{background:var(--color-surface-muted);animation:1.2s ease-in-out infinite profile-pulse}@keyframes profile-pulse{0%,to{opacity:1}50%{opacity:.55}}.profile-stats--embedded{flex:1;min-width:0;padding:0}.profile-stat--link{color:inherit;text-decoration:none}.profile-stat--link:active{opacity:.7}.profile-stats--skeleton{gap:var(--space-2);flex:1;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.profile-stat-skeleton-block{border-radius:var(--radius-sm);background:var(--color-surface-muted);height:46px;animation:1.2s ease-in-out infinite profile-pulse}.profile-summary-handle{margin-top:var(--space-2);color:var(--color-text-muted);font-size:13px;line-height:18px;text-decoration:none;display:inline-block}.profile-summary-bio{margin:var(--space-3) 0 0;font-size:var(--text-body);color:var(--color-text-muted);line-height:var(--line-body);white-space:pre-wrap;overflow-wrap:anywhere}.profile-metrics-hint{margin:0 0 var(--space-2);font-size:var(--text-caption);color:var(--color-text-muted)}.profile-outfits-status{margin:var(--space-2) 0;font-size:var(--text-body);color:var(--color-text-muted)}.profile-outfits-empty{margin-top:var(--space-2);padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-divider)}.profile-outfits-empty-title{font-weight:var(--font-weight-medium);margin:0}.profile-outfits-empty-body{margin:var(--space-2) 0 0;color:var(--color-text-muted);font-size:var(--text-body)}.profile-outfits-error{margin-top:var(--space-2)}.profile-outfit-preview-row{margin-top:var(--space-2);width:100%}.profile-outfit-preview-scroll{gap:var(--space-3);overscroll-behavior-x:contain;padding-bottom:var(--space-1);scrollbar-width:none;flex-direction:row;display:flex;overflow-x:auto}.profile-outfit-preview-scroll::-webkit-scrollbar{display:none}.profile-outfit-preview-card .outfit-card--grid{width:100%}.profile-section-divider{border:0;border-top:1px solid var(--color-divider);margin:var(--space-4) 0}.profile-plus-card{border-radius:var(--radius-md);border:1px solid var(--color-divider);background:color-mix(in srgb, var(--color-nav-active) 14%, var(--color-surface));padding:var(--space-4);min-height:112px;color:inherit;text-decoration:none;display:block;position:relative;overflow:hidden}.profile-plus-card-decor{pointer-events:none;position:absolute;inset:0}.profile-plus-card-blob{background:var(--color-nav-active);border-radius:50%;position:absolute}.profile-plus-card-blob--primary{opacity:.22;top:-88px;width:220px;height:220px;inset-inline-start:-72px}.profile-plus-card-blob--secondary{opacity:.16;bottom:-76px;width:168px;height:168px;inset-inline-end:-52px}.profile-plus-card-body{z-index:1;gap:var(--space-3);flex-direction:column;min-height:100%;display:flex;position:relative}.profile-plus-card-title{font-size:var(--text-section);font-weight:var(--font-weight-semibold);line-height:var(--line-tight);margin:0}.profile-plus-card-subtitle{margin:var(--space-1) 0 0;font-size:var(--text-body);color:var(--color-text-muted);line-height:var(--line-body)}.profile-plus-card-cta{align-self:flex-end;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--color-accent);min-height:32px;color:var(--color-on-accent);font-size:var(--text-caption);font-weight:var(--font-weight-medium);display:inline-flex}.profile-magazine-row{margin-top:var(--space-2);justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-nav-active) 10%, var(--color-surface));color:inherit;min-height:48px;text-decoration:none;display:flex}.profile-magazine-row-label{font-size:var(--text-body);font-weight:var(--font-weight-medium)}.profile-settings{margin-top:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}.profile-settings-group-title{margin:0 0 var(--space-2);font-size:var(--text-caption);color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.profile-settings-group-card{border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-divider);overflow:hidden}.profile-settings-row{align-items:center;gap:var(--space-3);min-height:var(--touch-min);padding:var(--space-2) var(--space-4);color:inherit;border-bottom:1px solid var(--color-divider);text-align:start;width:100%;font:inherit;cursor:pointer;background:0 0;flex-direction:row;text-decoration:none;display:flex}.profile-settings-group-card>:last-child{border-bottom:0}.profile-settings-row--button{appearance:none;border-inline:0;border-top:0}.profile-settings-row--destructive .profile-settings-row-label{color:var(--color-danger)}.profile-settings-row-icon{color:var(--color-text-muted);flex-shrink:0;display:inline-flex}.profile-settings-row-label{min-width:0;font-size:var(--text-body);flex:1}.profile-settings-row-chevron{color:var(--color-text-muted);flex-shrink:0}.profile-settings-sign-out-confirm{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-divider)}.profile-settings-sign-out-message{margin:0 0 var(--space-2);font-size:var(--text-body)}.profile-settings-sign-out-actions{gap:var(--space-2);flex-direction:column;display:flex}.profile-app-version{margin:var(--space-1) 0 0;text-align:center;font-size:var(--text-caption);color:var(--color-text-subtle);opacity:.75}.profile-legal-links{border-radius:var(--radius-md);border:1px solid var(--color-divider);background:var(--color-surface);flex-direction:column;display:flex;overflow:hidden}.profile-placeholder-link-note{margin-top:var(--space-3);text-align:center;font-size:var(--text-body)}.text-link{color:var(--color-accent);font-weight:var(--font-weight-medium)}