:root{--navy:#1c2541;--digital:#8ed8f8;--primary:#6d5df6;--primary-active:#5b4be0;--primary-soft:#eceafe;--sage:#8e82f0;--eucalyptus:#e3e0fc;--sand:#edecfb;--clay:#d6d2f4;--lavender:#c5bff1;--gradient-klosy:linear-gradient(135deg, #6d5df6 0%, #8a7cf8 52%, #8ed8f8 100%);--gradient-warm:linear-gradient(135deg, #e3e0fc 0%, #f6f5f3 58%, #dff4fd 100%);--gradient-logo:linear-gradient(135deg, #1c2541, #6d5df6, #8ed8f8);--bg:#f6f5f3;--sidebar:#efeeeb;--cream:#fff;--secondary-bg:#f0efec;--garment-bg:#eeedea;--ink:#111827;--ink-hover:#1f2937;--text-secondary:#5a6172;--text-tertiary:#8a90a0;--text-disabled:#b4b9c5;--muted:#e4e3e0;--dust:#eeedea;--warm-mid:#5a6172;--secondary:#5a6172;--border:#e4e3e0;--border-subtle:#edece9;--danger:#d85c72;--green:#4f9d7a;--green-light:#4f9d7a1f;--green-border:#4f9d7a4d;--amber:#d9a441;--amber-light:#d9a4411f;--amber-border:#d9a4414d;--info:#8ed8f8;--info-light:#8ed8f81f;--info-border:#8ed8f84d;--favorite:#d85c72;--mint:#6d5df6;--mint-light:#eceafe;--mint-ink:#5b4be0;--sky:#8ed8f8;--sky-light:#e3f6fd;--sky-ink:#3f7e96;--gold:#6d5df6;--void:#1c2541;--font-sans:"Satoshi", -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", sans-serif;--font-serif:"Satoshi", -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", sans-serif;--font-wordmark:"Satoshi", -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", sans-serif;--font-mono:"Satoshi", -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", sans-serif}:root,:root[data-theme=light]{--color-background:var(--bg);--color-sidebar:var(--sidebar);--color-card:var(--cream);--color-card-warm:var(--secondary-bg);--color-garment:var(--garment-bg);--color-text:var(--ink);--color-secondary:var(--text-secondary);--color-muted:var(--text-secondary);--color-disabled:var(--text-disabled);--color-accent:var(--primary);--color-brand:var(--navy);--color-digital:var(--digital);--color-on-digital:var(--navy);--color-border:var(--border);--color-border-subtle:var(--border-subtle);--color-dust:var(--dust);--color-icon:var(--text-secondary);--color-tint:var(--primary);--color-danger:var(--danger);--color-favorite:var(--favorite);--color-ink-hover:var(--ink-hover);--color-primary:var(--primary);--color-on-primary:#fff;--color-primary-active:var(--primary-active);--color-primary-soft:var(--primary-soft);--color-action:var(--primary);--color-action-active:var(--primary-active);--color-on-action:#fff;--color-sage:var(--sage);--color-eucalyptus:var(--eucalyptus);--color-sand:var(--sand);--color-clay:var(--clay);--color-lavender:var(--lavender);--color-green:var(--green);--color-green-light:var(--green-light);--color-green-border:var(--green-border);--color-amber:#a87635;--color-amber-light:#fbf4e8;--color-amber-border:#d1a05859;--color-info:#3f7e96;--color-info-light:#e3f6fd;--color-info-border:#8ed8f866;--color-mint:var(--mint);--color-mint-light:var(--mint-light);--color-mint-ink:var(--mint-ink);--color-sky:var(--sky);--color-sky-light:var(--sky-light);--color-sky-ink:var(--sky-ink);--color-overlay:#ffffffe0;--color-hairline:#ebebe8cc;--color-field:#fff;--color-field-border:var(--border);--color-field-focus:var(--primary);--shadow-sm:0 2px 14px #1118270d;--shadow-md:0 8px 28px #6d5df61a;--shadow-lg:0 18px 52px #6d5df624;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--color-background:#121829;--color-sidebar:#161d31;--color-card:#1c2541;--color-card-warm:#222c4c;--color-garment:#28335a;--color-text:#f4f5fa;--color-secondary:#a6abbe;--color-muted:#a6abbe;--color-disabled:#626a80;--color-accent:#9a8df9;--color-brand:#f6f5f3;--color-border:#2e3a5e;--color-border-subtle:#26314f;--color-dust:#28335a;--color-icon:#a6abbe;--color-tint:#9a8df9;--color-ink-hover:#b7aefb;--color-danger:#e67387;--color-favorite:#e67387;--color-primary:#9a8df9;--color-on-primary:#1c2541;--color-primary-active:#b7aefb;--color-primary-soft:#6d5df614;--color-action:var(--color-primary);--color-action-active:var(--color-primary-active);--color-on-action:#1c2541;--color-sage:#9a8df9;--color-eucalyptus:#cfc9f6;--color-sand:#dad6f5;--color-clay:#c6c0ef;--color-lavender:#b9b2ec;--color-green:#6cb894;--color-green-light:#6cb89426;--color-green-border:#6cb89459;--color-amber:#e5b559;--color-amber-light:#e5b55926;--color-amber-border:#e5b55959;--color-info:#8ed8f8;--color-info-light:#8ed8f826;--color-info-border:#8ed8f859;--color-mint:#9a8df9;--color-mint-light:#6d5df614;--color-mint-ink:#b7aefb;--color-sky:#8ed8f8;--color-sky-light:#8ed8f824;--color-sky-ink:#b6e6fb;--color-overlay:#1c2541e6;--color-hairline:#2e3a5ee6;--color-field:#222c4c;--color-field-border:#f4f5fa29;--color-field-focus:#9a8df9cc;--shadow-sm:0 2px 14px #0006;--shadow-md:0 8px 28px #00000080;--shadow-lg:0 16px 48px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--color-background);color:var(--color-text);font-family:var(--font-sans);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:none;font-weight:400}button,nav,[role=button]{-webkit-user-select:none;user-select:none}button,a,[role=button],[role=tab],input,select,textarea{touch-action:manipulation}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,textarea,select{color:inherit;font-family:inherit;font-size:16px}img{-webkit-user-drag:none;user-drag:none;max-width:100%;display:block}ul,ol{list-style:none}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none}.scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-y:auto}.scroll::-webkit-scrollbar{display:none}.scroll-x{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-x:auto}.scroll-x::-webkit-scrollbar{display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:.45s both fadeIn}.fade-in-down{animation:.45s cubic-bezier(.16,1,.3,1) both fadeInDown}.splash-view{z-index:9999;opacity:1;background-color:var(--color-background,#f6f5f3);will-change:opacity, transform;place-items:center;transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);display:grid;position:fixed;inset:0;overflow:hidden}.splash-view--exit{opacity:0;pointer-events:none;transform:scale(1.04)}.splash-glow-aura{filter:blur(40px);background:radial-gradient(circle,#6d5df614 0%,#8ed8f80f 45%,#0000 70%);border-radius:50%;width:min(80vw,420px);height:min(80vw,420px);animation:3s ease-in-out infinite alternate splash-aura-pulse;position:absolute}.splash-brand-container{z-index:2;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.splash-logo-glow{animation:.8s cubic-bezier(.16,1,.3,1) forwards splash-logo-enter,2.8s ease-in-out .8s infinite alternate splash-logo-breathe}@keyframes splash-aura-pulse{0%{opacity:.6;transform:scale(.92)}to{opacity:1;transform:scale(1.1)}}@keyframes splash-logo-enter{0%{opacity:0;filter:drop-shadow(0 0 #6d5df600);transform:scale(.82)translateY(8px)}to{opacity:1;filter:none;transform:scale(1)translateY(0)}}@keyframes splash-logo-breathe{0%{filter:none;transform:scale(1)}to{filter:none;transform:scale(1.03)}}.splash-in{animation:1.1s cubic-bezier(.16,1,.3,1) both splash-in}@keyframes splash-in{0%{opacity:0;transform:translateY(6px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.splash-breathe{animation:4.2s ease-in-out 1.1s infinite splash-breathe}@keyframes splash-breathe{0%,to{opacity:.94}50%{opacity:1}}.splash-door-fade{animation:.9s ease-out 1.2s both door-fade}@keyframes door-fade{0%{opacity:0}}.welcome-page{background:var(--color-background);min-height:100dvh;padding:max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));place-items:center;display:grid}.welcome-shell{grid-template-rows:auto 1fr auto;grid-template-columns:1fr 1fr;column-gap:clamp(40px,7vw,100px);width:100%;max-width:1140px;min-height:min(680px,100dvh - 64px);display:grid}.welcome-logo{grid-area:1/1;padding-top:18px}[data-welcome-copy]{grid-area:2/1;align-self:center;padding:40px 0}.welcome-eyebrow{letter-spacing:.19em;color:var(--color-secondary);margin:0 0 22px;font-size:10px;font-weight:600}[data-welcome-copy] h1{letter-spacing:-.055em;color:var(--color-text);margin:0;font-size:clamp(40px,4.6vw,62px);font-weight:500;line-height:1.04}[data-welcome-copy] h1 span{color:var(--color-primary)}.welcome-description{color:var(--color-secondary);margin:24px 0 0;font-size:16px;line-height:1.65}[data-welcome-hero]{background:var(--color-garment);border-radius:160px 160px 12px 12px;grid-area:1/2/4;min-height:0;margin:0;position:relative;overflow:hidden}[data-welcome-hero] img{object-fit:cover;object-position:58% 48%;width:100%;height:100%;display:block;position:absolute;inset:0}[data-welcome-hero] figcaption{color:#fff;background:linear-gradient(#0000,#141821a6);flex-direction:column;gap:8px;padding:60px 28px 28px;display:flex;position:absolute;inset:auto 0 0}[data-welcome-hero] figcaption span:first-child{letter-spacing:.18em;font-size:9px}[data-welcome-hero] figcaption span:last-child{letter-spacing:-.03em;font-size:24px}[data-welcome-actions]{grid-area:3/1;width:100%;max-width:380px;padding-bottom:12px}.welcome-start{background:var(--color-action);width:100%;min-height:56px;color:var(--color-on-action);cursor:pointer;font:inherit;border:0;border-radius:14px;justify-content:space-between;align-items:center;padding:0 22px;font-size:15px;font-weight:600;transition:background .18s,transform .18s;display:flex}.welcome-start:hover{background:var(--color-action-active);color:var(--color-on-action)}.welcome-start:active{transform:scale(.985)}[data-welcome-actions] p{text-align:center;color:var(--color-secondary);margin:10px 0 0;font-size:14px}.welcome-signin{color:var(--color-primary-active);font:inherit;cursor:pointer;background:0 0;border:0;min-height:44px;padding:8px 4px;font-weight:600}.welcome-start:focus-visible,.welcome-signin:focus-visible{outline:2px solid var(--primary);outline-offset:4px}@media (width<=699px){.welcome-page{padding:max(18px, env(safe-area-inset-top)) 24px max(12px, env(safe-area-inset-bottom))}.welcome-shell{grid-template-rows:auto auto minmax(230px,1fr) auto;grid-template-columns:1fr;gap:0;max-width:440px;min-height:calc(100svh - 36px)}.welcome-logo{grid-area:1/1;padding:0}.welcome-logo svg{width:134px;height:32px}[data-welcome-copy]{grid-area:2/1;padding:24px 0 22px}.welcome-eyebrow{margin-bottom:12px;font-size:9px}[data-welcome-copy] h1{font-size:clamp(34px,9vw,43px)}.welcome-description{margin-top:14px;font-size:14px;line-height:1.5}[data-welcome-hero]{border-radius:90px 12px 12px;grid-area:3/1;min-height:230px}[data-welcome-hero] img{object-position:55% 38%}[data-welcome-hero] figcaption{padding:42px 20px 18px}[data-welcome-hero] figcaption span:last-child{font-size:21px}[data-welcome-actions]{grid-area:4/1;max-width:none;padding:20px 0 0}.welcome-start{min-height:52px}[data-welcome-actions] p{margin-top:4px;font-size:13px}}@media (width<=699px) and (height<=740px){[data-welcome-copy]{padding:18px 0}.welcome-eyebrow{display:none}.welcome-description{margin-top:10px}[data-welcome-actions]{padding-top:16px}}.brand-logo-enter{animation:.45s both fadeIn}@media (prefers-reduced-motion:reduce){.brand-logo-enter,.splash-glow-aura,.splash-logo-glow,.fade-in,.fade-in-down,.splash-in,.splash-breathe,.splash-door-fade,.splash-aura,.splash-brand:before,.splash-logo-lockup,.splash-mark-reveal,.splash-wordmark-reveal,.splash-tagline{animation:none}.splash-view{transition:none}.splash-view--exit{transform:none}.splash-brand:before{opacity:1;transform:translate(-50%,-50%)}.splash-mark-reveal{clip-path:none;filter:none;transform:none}.splash-wordmark-reveal,.splash-tagline{opacity:1;transform:none}}.spinner{border:2px solid;border-top-color:#0000;border-radius:50%;width:22px;height:22px;animation:.7s linear infinite spin;display:inline-block}.spinner.small{border-width:2px;width:16px;height:16px}.spinner.large{border-width:3px;width:32px;height:32px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,[role=button]:focus-visible,[role=tab]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:6px}.pressable{transition:opacity .15s,transform .1s}@media (hover:hover){.pressable:hover:not(:disabled){opacity:.88}}.pressable:active:not(:disabled){transform:scale(.97)}.pressable:disabled{cursor:not-allowed}.toast-viewport{left:50%;bottom:calc(96px + env(safe-area-inset-bottom));z-index:1000;pointer-events:none;flex-direction:column-reverse;gap:8px;width:calc(100% - 32px);max-width:420px;display:flex;position:fixed;transform:translate(-50%)}.toast{pointer-events:auto;background:var(--color-action);color:var(--color-on-action);border-radius:14px;align-items:flex-start;gap:10px;padding:13px 16px;font-size:13px;line-height:1.4;animation:.25s cubic-bezier(.16,1,.3,1) both fadeInDown;display:flex;box-shadow:0 8px 32px #201f1c38}.toast.error{background:#cf7773}.toast.success{background:#66947a}.dialog-overlay{z-index:1000;background:#201f1c66;justify-content:center;align-items:center;padding:20px;animation:.15s both fadeIn;display:flex;position:fixed;inset:0}.dialog-card{background:var(--color-card);border-radius:20px;width:100%;max-width:360px;padding:24px 22px 20px;animation:.2s cubic-bezier(.16,1,.3,1) both fadeInDown;box-shadow:0 20px 60px #201f1c47}::placeholder{color:var(--text-tertiary);opacity:1}.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-top{padding-top:env(safe-area-inset-top)}.btn-primary:hover:not(:disabled){background-color:var(--color-ink-hover)!important}.look-card{transition:border-color .15s,background-color .15s,box-shadow .15s}.look-card:hover:not(:disabled){border-color:var(--color-primary)!important;background-color:var(--color-card)!important}.tab-item{transition:transform .16s cubic-bezier(.2,.8,.2,1)}.tab-item:active{transform:scale(.97)}.wardrobe-scroll{padding:20px 20px calc(96px + env(safe-area-inset-bottom))}@media (width>=768px){.wardrobe-scroll{padding:24px 24px 40px}}@media (width>=1024px){.wardrobe-scroll{padding:32px 40px 48px}}.wardrobe-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@media (width>=400px){.wardrobe-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=600px){.wardrobe-grid{gap:12px}}@media (width>=768px){.wardrobe-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=1024px){.wardrobe-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}}@media (width>=1280px){.wardrobe-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.garment-card{transition:transform .16s cubic-bezier(.2,.8,.2,1)}.garment-card:active{transform:scale(.98)}.garment-img{transition:transform .22s cubic-bezier(.2,.8,.2,1)}@media (hover:hover){.garment-card:hover .garment-img{transform:scale(1.03)}}@keyframes skeleton-pulse{0%,to{opacity:.5}50%{opacity:.85}}.skeleton-pulse{animation:1.4s ease-in-out infinite skeleton-pulse}.hero-title{font-family:var(--font-sans)!important;letter-spacing:-.03em!important;font-size:46px!important;font-weight:600!important;line-height:1.05!important}@media (width<=768px){.hero-title{font-size:36px!important;line-height:1.08!important}}.app-bar{padding-top:env(safe-area-inset-top,0px);z-index:30;flex-shrink:0;position:relative}@media (width<=767px){.app-bar{padding-top:max(env(safe-area-inset-top,0px), 12px)}}.app-bar__row{align-items:center;gap:8px;min-height:56px;padding:0 20px;display:flex}.app-bar__title{min-width:0;color:var(--color-text);font-family:var(--font-sans);letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font-size:20px;font-weight:600;line-height:28px;overflow:hidden}.app-bar__back{cursor:pointer;background:0 0;border:none;flex:0 0 44px;justify-content:center;align-items:center;height:44px;margin-left:-12px;display:flex}.app-bar__actions{flex-shrink:0;align-items:center;margin-right:-12px;display:flex}.app-bar__actions:empty{display:none}@media (width>=768px){.app-bar__row{padding-inline:24px}}@media (width>=1024px){.app-bar__row{padding-inline:40px}}.page-container>.scroll,.page-container>div>.scroll{overscroll-behavior-y:contain;min-height:0}.page-container .scroll{scroll-padding-block:16px}.wardrobe-scroll{padding-bottom:max(24px, env(safe-area-inset-bottom))}.app-bar--root .app-bar__title{font-size:26px;line-height:32px}.app-bar--flow .app-bar__title,.app-bar--detail .app-bar__title{font-size:17px;line-height:22px}.app-bar__title:empty{visibility:hidden}.app-bar__brand{text-overflow:clip;align-items:center;display:flex;overflow:visible}.app-bar{background:color-mix(in srgb, var(--color-background) 96%, transparent)}.page-loading{min-height:160px;color:var(--color-secondary);place-items:center;display:grid}.mobile-stack{grid-template-columns:1fr;gap:16px;display:grid}.surface{border:1px solid var(--color-border);background:var(--color-card);border-radius:20px;padding:20px}.field-label{gap:8px;margin-bottom:16px;font-size:14px;display:grid}.field-label input,.field-label select{border:1px solid var(--color-border);background:var(--color-field);border-radius:12px;width:100%;min-height:48px;padding:12px}.secondary-details{margin-block:16px}.secondary-details>summary{cursor:pointer;min-height:48px;color:var(--color-primary-active);align-items:center;font-weight:500;display:flex}.offline-notice{background:var(--color-sky-light);color:var(--color-sky-ink);padding:10px 20px;font-size:13px}.auth-archive-art{background-image:url(/auth-archive-mobile.svg);background-position:top;background-size:cover}.auth-archive-veil{opacity:.38}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--color-primary-active);outline-offset:3px}@media (width<=767px){.page-container>.scroll{padding-left:20px!important;padding-right:20px!important;padding-bottom:max(24px, env(safe-area-inset-bottom))!important}.auth-card{-webkit-backdrop-filter:blur(14px);border:1px solid color-mix(in srgb, var(--color-border) 55%, transparent)!important;background:color-mix(in srgb, var(--color-card) 90%, transparent)!important;padding:28px 18px 24px!important;box-shadow:0 20px 54px #6d5df61a!important}}@media (width>=768px){.mobile-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-archive-art{background-image:url(/auth-archive-tablet.svg);background-position:50%}.auth-archive-veil{opacity:.72}}@media (width>=1200px){.auth-archive-art{background-image:url(/auth-archive.svg)}.auth-archive-veil{opacity:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.mobile-sheet{border:1px solid var(--color-border);width:100%;max-width:540px;max-height:min(85dvh,760px);color:var(--color-text);background:var(--color-background);border-radius:24px 24px 0 0;margin:auto auto 0;padding:0;box-shadow:0 -8px 40px #22222714}.mobile-sheet:before{content:"";background:var(--color-border);border-radius:999px;width:36px;height:5px;margin:8px auto 0;display:block}.mobile-sheet::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#22222755}.mobile-sheet__header{background:var(--color-background);z-index:1;justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;display:flex;position:sticky;top:0}.mobile-sheet__header h2{margin:0;font-size:20px}.mobile-sheet__header button{flex:0 0 44px;place-items:center;height:44px;display:grid}.mobile-sheet__body{padding:8px 20px max(24px, env(safe-area-inset-bottom))}@media (width>=768px){.mobile-sheet{border-radius:24px;margin:auto}.mobile-sheet:before{display:none}}.mobile-sheet__body button{min-height:44px}.action-card--illustrated{position:relative;overflow:hidden;padding:12px!important}.action-card-art{object-fit:contain;object-position:center;pointer-events:none;width:100%;height:102px;margin:-2px 0 0}.action-card--illustrated .action-card-icon{z-index:1;position:absolute;top:10px;left:10px;width:34px!important;height:34px!important}.action-card--illustrated .action-card-title{letter-spacing:-.035em;line-height:1.05;font-family:var(--font-sans)!important;margin-top:0!important;font-size:clamp(15px,2.8vw,22px)!important}.action-card--illustrated .action-card-description{margin-top:6px!important;font-size:11px!important;line-height:1.35!important}@media (width>=700px){.action-card-art{height:150px}.action-card--illustrated{padding:18px!important}.action-card--illustrated .action-card-description{font-size:14px!important}}