:root{--cream:#fdf6f3;--cream-2:#fbece7;--blush:#f7c9c9;--blush-soft:#fce4e2;--rose:#e89b97;--rose-deep:#d97b76;--charcoal:#2b2b2b;--muted:#9a8e88;--muted-soft:#c4b8b2;--surface:#fff;--line:#f1e4de;--success:#3fae82;--success-soft:#e3f5ec;--warning:#e0a458;--warning-soft:#fbf0df;--r-pill:999px;--r-lg:26px;--r-md:18px;--r-sm:12px;--shadow-sm:0 2px 10px #d87b7617;--shadow-md:0 10px 28px #d87b7624;--shadow-lg:0 18px 44px #d87b7633;--font-display:"Poppins", system-ui, "Segoe UI", sans-serif;--font-body:"Inter", system-ui, "Segoe UI", Roboto, sans-serif;--app-max:480px;--nav-h:76px;--safe-bottom:env(safe-area-inset-bottom,0px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);color:var(--charcoal);background:radial-gradient(1200px 600px at 50% -10%, var(--blush-soft), transparent 70%), var(--cream);min-height:100svh;font-size:16px;line-height:1.5}#root{width:100%;max-width:var(--app-max);background:var(--cream);flex-direction:column;min-height:100svh;margin:0 auto;display:flex;position:relative}@media (width>=600px){#root{box-shadow:var(--shadow-lg);min-height:100svh}}h1,h2,h3{font-family:var(--font-display);color:var(--charcoal);letter-spacing:-.02em;margin:0;line-height:1.15}h1{font-size:2rem;font-weight:700}h2{font-size:1.35rem;font-weight:600}h3{font-size:1.05rem;font-weight:600}p{margin:0}a{color:var(--rose-deep);text-decoration:none}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}.muted{color:var(--muted)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes pop{0%{opacity:0;transform:scale(.9)}60%{transform:scale(1.03)}to{opacity:1;transform:scale(1)}}.page{flex-direction:column;flex:1;animation:.32s both fadeInUp;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}.app-content{padding:0 18px calc(var(--nav-h) + 20px);flex:1;overflow-x:hidden}.bottom-nav{width:100%;max-width:var(--app-max);height:calc(var(--nav-h) + var(--safe-bottom));padding:10px 8px var(--safe-bottom);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line);z-index:50;background:#fdf6f3e6;justify-content:space-around;align-items:flex-start;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item{color:var(--muted);border-radius:var(--r-md);flex-direction:column;align-items:center;gap:4px;padding:6px 14px;font-size:.68rem;font-weight:600;text-decoration:none;transition:color .2s,background .2s;display:flex}.nav-item:active{transform:scale(.94)}.nav-item.active{color:var(--rose-deep);background:var(--blush-soft)}.page-header{align-items:center;gap:12px;padding:22px 0 14px;display:flex}.page-header__title{font-size:1.6rem;font-weight:700;font-family:var(--font-display);letter-spacing:-.02em;flex:1;min-width:0}.page-header__action{flex-shrink:0;margin-left:auto}.icon-btn{border-radius:var(--r-pill);background:var(--surface);border:1.5px solid var(--line);width:42px;height:42px;color:var(--charcoal);flex-shrink:0;justify-content:center;align-items:center;transition:transform .15s,border-color .2s,color .2s;display:inline-flex}.icon-btn:active{transform:scale(.93)}.icon-btn--accent{background:var(--rose);border-color:var(--rose);color:#fff;box-shadow:var(--shadow-sm)}.btn{border-radius:var(--r-pill);font-family:var(--font-display);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;font-weight:600;line-height:1;transition:transform .15s,box-shadow .2s,background .2s,border-color .2s,opacity .2s;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.55;cursor:default}.btn--sm{padding:8px 16px;font-size:.85rem}.btn--md{padding:13px 22px;font-size:.95rem}.btn--lg{padding:16px 26px;font-size:1.05rem}.btn--block{width:100%}.btn--primary{background:var(--rose);color:#fff;box-shadow:var(--shadow-sm)}.btn--primary:hover:not(:disabled){background:var(--rose-deep);box-shadow:var(--shadow-md)}.btn--secondary{background:var(--surface);color:var(--charcoal);border:1.5px solid var(--line)}.btn--secondary:hover:not(:disabled){border-color:var(--rose);color:var(--rose-deep)}.btn--ghost{color:var(--rose-deep);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--blush-soft)}.card{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:18px}.badge{border-radius:var(--r-pill);font-size:.78rem;font-weight:600;font-family:var(--font-body);align-items:center;gap:6px;padding:5px 12px;display:inline-flex}.badge--rose{background:var(--blush-soft);color:var(--rose-deep)}.badge--success{background:var(--success-soft);color:var(--success)}.badge--warning{background:var(--warning-soft);color:var(--warning)}.badge--neutral{color:var(--muted);background:#f2ede9}.field{flex-direction:column;gap:7px;display:flex}.field__label{color:var(--charcoal);padding-left:4px;font-size:.85rem;font-weight:600}.field__control{border-radius:var(--r-md);border:1.5px solid var(--line);background:var(--surface);width:100%;color:var(--charcoal);padding:14px 16px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.field__control::placeholder{color:var(--muted-soft)}.field__control:focus{border-color:var(--rose);box-shadow:0 0 0 4px var(--blush-soft);outline:none}textarea.field__control{resize:vertical;min-height:92px}.field__error{color:#d8554f;padding-left:4px;font-size:.8rem}.spinner{border:2.5px solid var(--blush);border-top-color:var(--rose-deep);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}.spinner--sm{border-width:2px;width:16px;height:16px}.spinner--on-primary{border-color:#fff #fff6 #fff6}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{border-radius:var(--r-sm);background:linear-gradient(90deg,#f3e8e3 25%,#faf1ec 37%,#f3e8e3 63%) 0 0/800px 100%;animation:1.4s linear infinite shimmer}.swatch{flex-direction:column;align-items:center;gap:6px;display:inline-flex}.swatch__chip{border-radius:var(--r-md);width:46px;height:46px;box-shadow:inset 0 0 0 1px #00000012}.swatch__label{color:var(--muted);letter-spacing:.02em;font-size:.68rem}.img-fallback{background:var(--blush-soft);color:var(--rose);justify-content:center;align-items:center;font-size:2rem;display:flex}.logo{align-items:center;gap:9px;display:inline-flex}.logo__word{font-family:var(--font-display);letter-spacing:-.01em;color:var(--charcoal);font-size:1.15rem;font-weight:700}.brand-btn{background:0 0;border:none;flex-shrink:0;padding:0;transition:transform .15s;display:inline-flex}.brand-btn:active{transform:scale(.92)}.lang-menu{position:relative}.lang-menu__btn{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r-pill);color:var(--charcoal);font-family:var(--font-display);align-items:center;gap:6px;padding:7px 13px;font-size:.8rem;font-weight:600;transition:border-color .2s;display:inline-flex}.lang-menu__btn:hover{border-color:var(--rose)}.lang-menu__backdrop{z-index:60;position:fixed;inset:0}.lang-menu__list{z-index:61;background:var(--surface);border-radius:var(--r-md);box-shadow:var(--shadow-md);flex-direction:column;min-width:170px;max-height:60vh;padding:6px;animation:.18s both fadeInUp;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:auto}.lang-menu__item{text-align:left;color:var(--charcoal);background:0 0;border:none;border-radius:11px;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;font-size:.92rem;display:flex}.lang-menu__item:hover{background:var(--blush-soft)}.lang-menu__item.active{color:var(--rose-deep);font-weight:600}.auth-wrap{min-height:100svh;padding:0 24px calc(28px + var(--safe-bottom));flex-direction:column;display:flex}.landing{text-align:center;flex-direction:column;flex:1;justify-content:center;gap:28px;padding-top:48px;display:flex}.brand{font-family:var(--font-display);letter-spacing:.04em;color:var(--rose-deep);font-size:1.15rem;font-weight:700}.landing__art{justify-content:center;align-items:center;height:200px;display:flex;position:relative}.landing__blob{filter:blur(.5px);box-shadow:var(--shadow-md);border-radius:50%;animation:.6s both pop;position:absolute}.landing__match{z-index:3;background:var(--surface);border-radius:var(--r-pill);box-shadow:var(--shadow-lg);font-family:var(--font-display);color:var(--charcoal);padding:10px 18px;font-weight:700;animation:.6s .25s both pop;position:relative}.landing__match b{color:var(--success)}.landing h1{font-size:2.3rem;line-height:1.1}.landing__sub{color:var(--muted);max-width:320px;margin:0 auto;font-size:1.05rem}.landing__cta{flex-direction:column;gap:12px;margin-top:6px;display:flex}.auth-top{align-items:center;gap:12px;padding:22px 0 10px;display:flex}.auth-form-screen{flex-direction:column;flex:1;justify-content:center;gap:22px;display:flex}.auth-form-screen h1{font-size:2rem}.auth-intro{color:var(--muted);margin-top:-10px}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-alert{color:#c0392b;border-radius:var(--r-md);background:#fdecea;padding:12px 16px;font-size:.9rem}.auth-switch{text-align:center;color:var(--muted);font-size:.95rem}.auth-switch button{color:var(--rose-deep);background:0 0;border:none;padding:0;font-size:.95rem;font-weight:600}.splash{justify-content:center;align-items:center;min-height:100svh;display:flex}.auth-topbar{justify-content:space-between;align-items:center;padding-top:18px;display:flex}.auth-top__lang{margin-left:auto}.usage{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.usage__row{color:var(--muted);justify-content:space-between;align-items:baseline;font-size:.85rem;display:flex}.usage__row b{color:var(--charcoal);font-family:var(--font-display)}.usage__bar{background:var(--blush-soft);border-radius:99px;height:8px;overflow:hidden}.usage__fill{background:linear-gradient(90deg, var(--rose), var(--rose-deep));border-radius:99px;height:100%;transition:width .6s}.garment-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.garment-card{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);color:inherit;flex-direction:column;text-decoration:none;transition:transform .18s,box-shadow .22s;display:flex;overflow:hidden}.garment-card:active{transform:scale(.97)}.garment-card__photo{aspect-ratio:1;object-fit:cover;width:100%;display:block}.garment-card__body{flex-direction:column;gap:7px;padding:10px 12px 13px;display:flex}.garment-card__name{white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;font-weight:600;overflow:hidden}.garment-card__meta{color:var(--muted);align-items:center;gap:7px;font-size:.78rem;display:flex}.color-dot{border-radius:50%;flex-shrink:0;width:15px;height:15px;box-shadow:inset 0 0 0 1px #0000001f}.empty{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:44px 16px;display:flex}.empty__emoji{font-size:3rem}.empty p{color:var(--muted);max-width:260px}.section-title{font-family:var(--font-display);margin:24px 0 12px;font-size:1.05rem;font-weight:600}.form-col{flex-direction:column;gap:16px;display:flex}.photo-picker{aspect-ratio:4/5;border-radius:var(--r-lg);border:2px dashed var(--blush);background:var(--blush-soft);width:100%;color:var(--rose-deep);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:relative;overflow:hidden}.photo-picker img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.photo-picker__hint{font-weight:600;font-family:var(--font-display)}.photo-picker input{display:none}.detail-hero{aspect-ratio:1;object-fit:cover;background:var(--blush-soft);width:calc(100% + 36px);margin:0 -18px 18px;display:block}.detail-title-row{align-items:flex-start;gap:10px;margin-bottom:4px;display:flex}.detail-title-row h1{flex:1;font-size:1.7rem}.swatch-grid{flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}.value-list{flex-direction:column;display:flex}.value-row{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:11px 0;font-size:.92rem;display:flex}.value-row:last-child{border-bottom:none}.value-row__label{color:var(--muted)}.value-row__value{font-variant-numeric:tabular-nums;text-align:right;font-weight:600}.detail-actions{flex-direction:column;gap:10px;margin-top:22px;display:flex}.match-slot{text-align:left;background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r-lg);width:100%;color:inherit;align-items:center;gap:14px;padding:12px;transition:border-color .2s;display:flex}.match-slot--filled{border-color:var(--rose)}.match-slot__thumb{border-radius:var(--r-md);object-fit:cover;background:var(--blush-soft);flex-shrink:0;width:56px;height:56px}.match-slot__text{flex-direction:column;gap:3px;min-width:0;display:flex}.match-slot__label{text-transform:uppercase;letter-spacing:.05em;color:var(--rose-deep);font-size:.72rem;font-weight:700}.match-vs{text-align:center;font-family:var(--font-display);color:var(--muted-soft);margin:12px 0;font-weight:700}.result-ring{background:conic-gradient(var(--rose) var(--pct,0%), var(--blush-soft) 0);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:168px;height:168px;margin:8px auto 4px;animation:.5s both pop;display:flex}.result-ring__inner{background:var(--surface);width:132px;height:132px;box-shadow:var(--shadow-sm);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex}.result-ring__pct{font-family:var(--font-display);color:var(--charcoal);font-size:2.6rem;font-weight:700;line-height:1}.result-ring__cap{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.72rem}.subscore{flex-direction:column;gap:5px;margin:14px 0;display:flex}.subscore__row{justify-content:space-between;font-size:.9rem;display:flex}.subscore__bar{background:var(--blush-soft);border-radius:99px;height:7px;overflow:hidden}.subscore__fill{background:var(--rose);border-radius:99px;height:100%;transition:width .7s}.match-warning{background:var(--warning-soft);color:#9a6a23;border-radius:var(--r-md);gap:10px;margin-top:14px;padding:12px 14px;font-size:.88rem;display:flex}.list-row{background:var(--surface);border-radius:var(--r-md);box-shadow:var(--shadow-sm);color:inherit;text-align:left;border:none;align-items:center;gap:14px;width:100%;margin-bottom:10px;padding:14px 16px;text-decoration:none;transition:transform .15s;display:flex}.list-row:active{transform:scale(.98)}.list-row__main{flex:1;min-width:0}.list-row__title{font-weight:600}.list-row__sub{color:var(--muted);font-size:.82rem}.account-head{align-items:center;gap:16px;margin-bottom:8px;display:flex}.avatar{background:linear-gradient(135deg, var(--rose), var(--blush));color:#fff;width:60px;height:60px;font-family:var(--font-display);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;display:flex}.plan-card{color:#fff;border-radius:var(--r-lg);background:linear-gradient(135deg,#2b2b2b,#4a3b3b);margin:18px 0;padding:22px}.plan-card--premium{background:linear-gradient(135deg, var(--rose-deep), #b85f8f)}.plan-card__label{text-transform:uppercase;letter-spacing:.08em;opacity:.8;font-size:.78rem}.plan-card__name{font-family:var(--font-display);align-items:center;gap:8px;font-size:1.5rem;font-weight:700;display:flex}.notice{color:#c0392b;border-radius:var(--r-md);background:#fdecea;margin-bottom:14px;padding:12px 16px;font-size:.9rem}.notice--info{background:var(--blush-soft);color:var(--rose-deep)}.about-hero{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:26px 0 6px;display:flex}.about-hero .logo__word{font-size:1.8rem}.about-lead{color:var(--muted);max-width:320px;margin:0 auto}.about-steps{flex-direction:column;gap:16px;margin:20px 0;display:flex}.about-step{align-items:flex-start;gap:14px;display:flex}.about-step__num{background:var(--blush-soft);width:36px;height:36px;color:var(--rose-deep);font-family:var(--font-display);border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;display:grid}.about-step__body h3{margin-bottom:3px}.about-step__body p{color:var(--muted);font-size:.92rem}.rot180{color:var(--muted-soft);flex-shrink:0;transform:rotate(180deg)}.lang-check{color:var(--rose-deep);flex-shrink:0}.avatar-edit{cursor:pointer;flex-shrink:0;display:inline-flex;position:relative}.avatar-edit input{display:none}.avatar-img{object-fit:cover;border-radius:50%;width:60px;height:60px;display:block}.avatar-edit__badge{background:var(--rose);color:#fff;width:24px;height:24px;box-shadow:0 0 0 2px var(--cream);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-2px;right:-2px}.camera{z-index:200;background:#000;justify-content:center;align-items:center;height:100dvh;display:flex;position:fixed;top:0;left:0;right:0}.camera__video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.camera__close{z-index:2;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0006;border:none;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:18px;left:16px}.camera__hint{z-index:2;text-align:center;color:#fff;border-radius:var(--r-pill);background:#00000073;max-width:78%;padding:9px 16px;font-size:.85rem;line-height:1.35;position:absolute;top:20px;left:50%;transform:translate(-50%)}.camera__shutter{bottom:calc(36px + var(--safe-bottom,0px));z-index:2;background:#fff;border:5px solid #ffffff8c;border-radius:50%;width:72px;height:72px;transition:transform .12s;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 0 0 2px #00000040}.camera__shutter:active:not(:disabled){transform:translate(-50%)scale(.92)}.camera__shutter:disabled{opacity:.5}.camera__denied{z-index:2;color:#fff;text-align:center;flex-direction:column;align-items:center;gap:16px;max-width:320px;padding:28px;display:flex;position:relative}