.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg-light)}.auth-card{width:100%;max-width:400px;background:var(--bg-white);border-radius:var(--radius-xl);padding:40px 32px;box-shadow:var(--shadow-lg)}.auth-logo{display:flex;align-items:center;gap:10px;margin-bottom:28px;justify-content:center}.auth-logo-icon{width:40px;height:40px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--primary),var(--accent));display:flex;align-items:center;justify-content:center;color:#fff}.auth-logo-text{font-size:22px;font-weight:800;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-title{margin:0 0 4px;font-size:24px;font-weight:700;color:var(--text-primary);text-align:center}.auth-subtitle{margin:0 0 24px;font-size:14px;color:var(--text-secondary);text-align:center}.auth-error{background:#FEE2E2;color:#dc2626;border:1px solid #FECACA;border-radius:var(--radius-sm);padding:10px 14px;font-size:13px;margin-bottom:16px;text-align:center}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-form label{font-size:12px;font-weight:600;color:var(--text-secondary);letter-spacing:.5px;display:flex;flex-direction:column;gap:6px}.auth-form input{padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:15px;font-family:Inter,system-ui,sans-serif;color:var(--text-primary);background:var(--bg-white);transition:border-color .2s}.auth-form input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.auth-form .primary-btn{margin-top:8px}.auth-form .primary-btn:disabled{opacity:.6;cursor:not-allowed}.auth-switch{margin-top:20px;text-align:center;font-size:14px;color:var(--text-secondary)}.auth-switch button{border:none;background:none;color:var(--primary);font-weight:600;cursor:pointer;font-family:Inter,system-ui,sans-serif;font-size:14px;padding:0}.auth-switch button:hover{text-decoration:underline}.landing-root{min-height:100vh;background:var(--bg-light, #f8f7ff);color:var(--text-primary, #1a1a2e);font-family:inherit;overflow-x:hidden}.landing-nav{position:sticky;top:0;z-index:100;background:rgba(248,247,255,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-light, #ede9fe)}[data-theme=dark] .landing-nav{background:rgba(15,12,35,.92)}.landing-nav-inner{max-width:1100px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.landing-brand{display:flex;align-items:center;gap:9px}.landing-brand-icon{width:38px;height:38px;background:linear-gradient(135deg,#7c3aed,#6d28d9);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.landing-brand-name{font-size:18px;font-weight:800;background:linear-gradient(135deg,#7c3aed,#4f46e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.3px}.landing-nav-actions{display:flex;align-items:center;gap:10px}.landing-nav-signin{background:none;border:none;font-size:14px;font-weight:600;color:var(--text-secondary, #4b5563);cursor:pointer;padding:8px 12px;border-radius:8px;transition:color .15s,background .15s}.landing-nav-signin:hover{color:#7c3aed;background:#f5f3ff}.landing-nav-cta{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;border:none;font-size:14px;font-weight:700;padding:9px 18px;border-radius:10px;cursor:pointer;transition:opacity .15s,transform .1s}.landing-nav-cta:hover{opacity:.9;transform:translateY(-1px)}.landing-hero{padding:72px 20px 80px;display:flex;align-items:center;justify-content:center;gap:60px;max-width:1100px;margin:0 auto;flex-wrap:wrap;position:relative}.landing-hero-bg-blob{position:absolute;top:-80px;right:-120px;width:600px;height:600px;background:radial-gradient(ellipse at center,rgba(124,58,237,.12) 0%,transparent 70%);pointer-events:none;z-index:0}.landing-hero-inner{flex:1;min-width:280px;max-width:520px;position:relative;z-index:1}.landing-hero-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#ede9fe,#e0e7ff);color:#6d28d9;font-size:12px;font-weight:700;letter-spacing:.3px;padding:6px 14px;border-radius:20px;margin-bottom:24px;border:1px solid rgba(124,58,237,.2)}.landing-hero-headline{font-size:clamp(34px,6vw,54px);font-weight:900;line-height:1.1;letter-spacing:-1.5px;margin:0 0 18px;color:var(--text-primary, #1a1a2e)}.landing-hero-accent{background:linear-gradient(135deg,#7c3aed,#4f46e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-hero-sub{font-size:16px;line-height:1.65;color:var(--text-secondary, #4b5563);margin:0 0 32px;max-width:460px}.landing-hero-actions{display:flex;flex-direction:column;gap:12px;align-items:flex-start;margin-bottom:28px}.landing-cta-primary{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;border:none;font-size:16px;font-weight:700;padding:14px 28px;border-radius:12px;cursor:pointer;transition:opacity .15s,transform .12s,box-shadow .15s;box-shadow:0 4px 20px #7c3aed59}.landing-cta-primary:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 8px 28px #7c3aed73}.landing-cta-primary.large{font-size:17px;padding:16px 36px}.landing-cta-ghost{background:none;border:none;font-size:14px;font-weight:600;color:#7c3aed;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:3px;opacity:.8;transition:opacity .15s}.landing-cta-ghost:hover{opacity:1}.landing-hero-proof{display:flex;flex-wrap:wrap;gap:10px}.landing-hero-proof span{font-size:12px;font-weight:600;color:var(--text-secondary, #6b7280);background:#fff;padding:5px 12px;border-radius:20px;border:1px solid #e5e7eb}.landing-hero-visual{flex-shrink:0;position:relative;z-index:1}.hero-card-stack{position:relative;width:280px;height:390px}.hero-outfit-card{position:absolute;width:230px;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 12px 48px #00000026}.hero-outfit-card img{width:100%;height:260px;object-fit:cover;display:block}.hero-card-back{top:30px;right:0;transform:rotate(5deg);opacity:.75;z-index:1}.hero-card-front{top:0;left:0;z-index:2;box-shadow:0 20px 60px #7c3aed33,0 4px 20px #0000001f}.hero-card-label{padding:10px 14px 6px;font-size:13px;font-weight:700;color:#1a1a2e}.hero-card-tags{display:flex;gap:6px;padding:0 14px 12px}.hero-card-tags span{font-size:11px;font-weight:600;background:#f0ebff;color:#7c3aed;padding:3px 9px;border-radius:20px}.hero-ai-badge{position:absolute;bottom:0;right:0;background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;font-size:11px;font-weight:700;padding:7px 13px;border-radius:20px;z-index:3;box-shadow:0 4px 16px #7c3aed66;white-space:nowrap}.landing-gallery{background:var(--bg-card, #fff);border-top:1px solid var(--border-light, #ede9fe);border-bottom:1px solid var(--border-light, #ede9fe);padding:72px 0 80px}.landing-gallery-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:40px;flex-wrap:wrap}.landing-looks-row{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.landing-look-card{border-radius:20px;overflow:hidden;background:var(--bg-light, #f8f7ff);border:1px solid var(--border-light, #ede9fe);transition:transform .18s,box-shadow .18s}.landing-look-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px #7c3aed1f}.look-img-wrap{position:relative;overflow:hidden}.look-img{width:100%;height:280px;object-fit:cover;display:block;transition:transform .3s}.landing-look-card:hover .look-img{transform:scale(1.03)}.look-season-badge{position:absolute;top:12px;right:12px;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#4b5563;font-size:11px;font-weight:700;padding:4px 10px;border-radius:20px;border:1px solid rgba(255,255,255,.6)}.look-body{padding:16px}.look-tag-row{display:flex;gap:6px;margin-bottom:8px}.look-tag{font-size:11px;font-weight:600;background:linear-gradient(135deg,#ede9fe,#e0e7ff);color:#6d28d9;padding:3px 10px;border-radius:20px}.look-name{font-size:15px;font-weight:800;color:var(--text-primary, #1a1a2e);margin-bottom:10px;letter-spacing:-.3px}.look-items{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:5px}.look-items li{font-size:12.5px;color:var(--text-secondary, #6b7280);display:flex;align-items:center;gap:8px}.look-item-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;opacity:.85}.landing-section-inner{max-width:1100px;margin:0 auto;padding:0 20px}.landing-section-title{font-size:clamp(22px,4vw,32px);font-weight:800;letter-spacing:-.8px;text-align:center;margin:0 0 12px;color:var(--text-primary, #1a1a2e)}.landing-section-sub{text-align:center;font-size:15px;color:var(--text-secondary, #6b7280);margin:0 0 40px}.landing-vibes{padding:80px 0;background:var(--bg-surface);text-align:center}.landing-vibes-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:28px;max-width:640px;margin-left:auto;margin-right:auto}.landing-vibe-chip{display:inline-flex;align-items:center;padding:7px 16px;border-radius:999px;background:var(--bg-white);border:1.5px solid var(--border-light);font-size:13px;font-weight:600;color:var(--text-secondary);letter-spacing:.01em;cursor:default;transition:background .15s,color .15s,border-color .15s}.landing-vibe-chip:nth-child(3n+1){border-color:#a855f740;color:#a855f7;background:#a855f708}.landing-vibe-chip:nth-child(3n+2){border-color:#ec489940;color:#ec4899;background:#ec489908}.landing-vibe-chip:nth-child(3n){border-color:#6366f140;color:#6366f1;background:#6366f108}[data-theme=dark] .landing-vibe-chip{background:var(--bg-surface);border-color:var(--border-light)}.landing-features{padding:80px 0}.landing-features .landing-section-title{margin-bottom:44px}.landing-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.landing-feature-card{background:var(--bg-card, #fff);border:1px solid var(--border-light, #ede9fe);border-radius:18px;padding:28px 24px;transition:transform .15s,box-shadow .15s}.landing-feature-card:hover{transform:translateY(-3px);box-shadow:0 8px 32px #7c3aed1a}.landing-feature-icon{width:52px;height:52px;background:linear-gradient(135deg,#ede9fe,#e0e7ff);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#7c3aed;margin-bottom:16px}.landing-feature-title{font-size:16px;font-weight:700;margin:0 0 8px;color:var(--text-primary, #1a1a2e)}.landing-feature-desc{font-size:13.5px;line-height:1.6;color:var(--text-secondary, #4b5563);margin:0}.landing-how{padding:80px 0;background:var(--bg-card, #fff);border-top:1px solid var(--border-light, #ede9fe);border-bottom:1px solid var(--border-light, #ede9fe)}.landing-how .landing-section-title{margin-bottom:52px}.landing-steps{display:flex;align-items:flex-start;justify-content:center;gap:0;flex-wrap:wrap}.landing-step{flex:1;min-width:220px;max-width:300px;text-align:center;padding:0 20px}.landing-step-divider{width:60px;height:2px;background:linear-gradient(90deg,#ede9fe,#7c3aed,#ede9fe);align-self:center;flex-shrink:0}.step-number{width:48px;height:48px;background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;font-size:20px;font-weight:900;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;box-shadow:0 4px 16px #7c3aed59}.landing-step h3{font-size:16px;font-weight:700;margin:0 0 8px;color:var(--text-primary, #1a1a2e)}.landing-step p{font-size:13.5px;line-height:1.6;color:var(--text-secondary, #6b7280);margin:0}.landing-pricing{padding:80px 0}.landing-plans{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;align-items:stretch}.landing-plan-card{background:var(--bg-card, #fff);border:1.5px solid var(--border-light, #ede9fe);border-radius:20px;padding:32px 28px;width:280px;flex-shrink:0;position:relative;display:flex;flex-direction:column;gap:14px}.landing-plan-card.highlight{background:linear-gradient(145deg,#faf5ff,#f0ebff);border-color:#a78bfa;box-shadow:0 8px 40px #7c3aed2e;transform:translateY(-6px)}.plan-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;font-size:11px;font-weight:700;letter-spacing:.3px;padding:4px 14px;border-radius:20px;white-space:nowrap}.plan-name{font-size:18px;font-weight:800;color:var(--text-primary, #1a1a2e)}.plan-price{font-size:32px;font-weight:900;color:#7c3aed;letter-spacing:-1px;line-height:1}.plan-perks{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px;flex:1}.plan-perks li{font-size:13.5px;color:var(--text-secondary, #4b5563);display:flex;align-items:flex-start;gap:8px;line-height:1.4}.plan-check{color:#7c3aed;font-weight:700;flex-shrink:0;margin-top:1px}.plan-cta{width:100%;padding:12px;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;border:none;transition:opacity .15s,transform .1s;margin-top:auto}.plan-cta-primary{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;box-shadow:0 4px 14px #7c3aed59}.plan-cta-primary:hover{opacity:.9;transform:translateY(-1px)}.plan-cta-ghost{background:transparent;border:1.5px solid var(--border-light, #d1d5db)!important;color:var(--text-secondary, #4b5563)}.plan-cta-ghost:hover{border-color:#7c3aed!important;color:#7c3aed}.landing-final-cta{padding:88px 0;text-align:center;background:linear-gradient(145deg,#faf5ff,#f0ebff)}.landing-final-cta h2{font-size:clamp(22px,4vw,34px);font-weight:900;letter-spacing:-.8px;margin:0 0 14px;color:var(--text-primary, #1a1a2e)}.landing-final-cta p{font-size:15px;color:var(--text-secondary, #6b7280);margin:0 0 32px}.landing-footer{border-top:1px solid var(--border-light, #ede9fe);padding:20px 0;background:var(--bg-card, #fff)}.landing-footer .landing-nav-inner{justify-content:space-between}[data-theme=dark] .landing-hero-proof span{background:var(--bg-card, #1a1a2e);border-color:var(--border-light, #2d2d4e);color:var(--text-secondary, #9ca3af)}[data-theme=dark] .landing-feature-card{background:var(--bg-card, #1a1a2e);border-color:var(--border-light, #2d2d4e)}[data-theme=dark] .landing-gallery,[data-theme=dark] .landing-how,[data-theme=dark] .landing-footer{background:var(--bg-card, #1a1a2e)}[data-theme=dark] .landing-look-card,[data-theme=dark] .landing-plan-card{background:var(--bg-card, #1a1a2e);border-color:var(--border-light, #2d2d4e)}[data-theme=dark] .landing-plan-card.highlight{background:linear-gradient(145deg,#1e1a3a,#1a1630)}[data-theme=dark] .hero-outfit-card{background:var(--bg-card, #1a1a2e)}[data-theme=dark] .hero-card-label{color:var(--text-primary, #f9fafb)}[data-theme=dark] .landing-final-cta{background:linear-gradient(145deg,#1a1630,#1e1a3a)}@media (max-width: 768px){.landing-looks-row{grid-template-columns:1fr;gap:16px}.look-img{height:220px}}@media (max-width: 640px){.landing-hero{padding:48px 20px 40px;flex-direction:column;gap:36px;align-items:center;text-align:center}.landing-hero-inner{max-width:100%}.landing-hero-actions{align-items:center}.landing-hero-proof{justify-content:center}.landing-hero-visual{order:-1}.hero-card-stack{width:260px;height:340px}.hero-outfit-card{width:200px}.hero-outfit-card img{height:220px}.landing-gallery-header{flex-direction:column;align-items:flex-start}.landing-steps{flex-direction:column;align-items:center;gap:32px}.landing-step-divider{width:2px;height:40px;background:linear-gradient(180deg,#ede9fe,#7c3aed,#ede9fe)}.landing-plan-card.highlight{transform:none}.landing-nav-actions .landing-nav-signin{display:none}}.top-navbar{position:sticky;top:0;z-index:400;background:var(--bg-white);border-bottom:1px solid var(--border-light);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.navbar-inner{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:0 20px;height:60px}.navbar-left{display:flex;align-items:center;gap:32px}.navbar-logo{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.navbar-logo-icon{width:34px;height:34px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--primary),var(--accent));display:flex;align-items:center;justify-content:center;color:#fff}.navbar-logo-text{font-size:18px;font-weight:800;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar-links{display:flex;gap:4px}.navbar-link{border:none;background:none;font-size:14px;font-weight:500;color:var(--text-secondary);padding:8px 14px;border-radius:var(--radius-sm);cursor:pointer;font-family:Inter,system-ui,sans-serif;transition:all .2s}.navbar-link:hover{background:var(--bg-light);color:var(--text-primary)}.navbar-link.active{color:var(--primary);background:rgba(108,92,231,.08);font-weight:600}.navbar-right{display:flex;align-items:center;gap:8px}.navbar-style-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;border:none;border-radius:var(--radius-full);font-size:13px;font-weight:600;cursor:pointer;font-family:Inter,system-ui,sans-serif;transition:all .25s;box-shadow:0 2px 12px var(--primary-glow)}.navbar-style-btn:hover{transform:translateY(-1px);box-shadow:0 4px 20px var(--primary-glow)}.navbar-style-btn:active{transform:scale(.97)}.dark-mode-toggle{width:36px;height:36px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-white);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.dark-mode-toggle:hover{background:var(--bg-light);color:var(--text-primary)}.navbar-user-menu{position:relative}.navbar-avatar-btn{border:none;background:none;cursor:pointer;padding:0}.navbar-avatar{width:34px;height:34px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;letter-spacing:.5px}.navbar-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:240px;background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);overflow:hidden;animation:dropdownIn .15s ease;z-index:300}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.navbar-dropdown-header{padding:14px 16px}.navbar-dropdown-name{font-size:14px;font-weight:600;color:var(--text-primary)}.navbar-dropdown-email{font-size:12px;color:var(--text-muted);margin-top:2px}.navbar-dropdown-divider{height:1px;background:var(--border-light)}.navbar-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;border:none;background:none;font-size:14px;color:var(--text-primary);cursor:pointer;font-family:Inter,system-ui,sans-serif;text-align:left;transition:background .15s}.navbar-dropdown-item:hover{background:var(--bg-light)}.navbar-dropdown-item.logout{color:#dc2626}.navbar-hamburger{display:none;border:none;background:none;color:var(--text-primary);cursor:pointer;padding:6px}.navbar-mobile-menu{display:none;flex-direction:column;padding:12px 20px 20px;border-top:1px solid var(--border-light);background:var(--bg-white);animation:dropdownIn .2s ease}.navbar-mobile-user{display:flex;align-items:center;gap:12px;padding:12px 0}.navbar-mobile-name{font-size:14px;font-weight:600;color:var(--text-primary)}.navbar-mobile-email{font-size:12px;color:var(--text-muted)}.navbar-mobile-item{display:block;width:100%;padding:12px 0;border:none;background:none;font-size:15px;font-weight:500;color:var(--text-primary);cursor:pointer;font-family:Inter,system-ui,sans-serif;text-align:left;transition:color .15s}.navbar-mobile-item.active{color:var(--primary);font-weight:600}.navbar-mobile-item.style-me{color:var(--primary);font-weight:700}.navbar-mobile-item.logout{color:#dc2626}@media (max-width: 768px){.navbar-links,.navbar-style-btn,.dark-mode-toggle,.navbar-user-menu{display:none}.navbar-hamburger,.navbar-mobile-menu{display:flex}}@media (min-width: 769px){.navbar-mobile-menu{display:none!important}}.fit-accuracy-row{display:flex;align-items:center;gap:8px;margin:4px 0 8px}.fit-accuracy-label{font-size:13px;color:var(--text-secondary);font-weight:500}.fit-accuracy-value{font-size:13px;font-weight:700;padding:3px 10px;border-radius:var(--radius-full)}.fit-accuracy-value.personalized{background:#DCFCE7;color:#16a34a}.fit-accuracy-value.default{background:#FEF3C7;color:#d97706}.fit-insight{font-size:14px;color:var(--text-secondary);margin-bottom:12px;line-height:1.5;padding:12px;background:var(--bg-light);border-radius:var(--radius-sm)}.fit-change-summary{font-size:13px;color:var(--text-primary);margin-bottom:16px;line-height:1.5;padding:10px 12px;background:#EDE9FE;border-radius:var(--radius-sm);border-left:3px solid var(--primary)}.improve-fit-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:linear-gradient(135deg,var(--secondary),#0984E3);border:none;color:#fff;font-size:14px;font-weight:600;padding:12px;border-radius:var(--radius-md);margin-bottom:16px;cursor:pointer;transition:all .2s ease}.improve-fit-btn:active{transform:scale(.98)}.outfit-sheet-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;flex-wrap:wrap;gap:8px}.measurements-loaded-notice{display:flex;align-items:center;justify-content:space-between;background:#EFF6FF;border:1px solid #BFDBFE;border-radius:var(--radius-md);padding:8px 12px;margin-bottom:12px;font-size:13px;color:#1d4ed8}.dark .measurements-loaded-notice{background:#1E3A5F;border-color:#3b82f6;color:#93c5fd}.notice-refresh-btn{background:#2563EB;color:#fff;border:none;border-radius:var(--radius-sm);padding:5px 12px;font-size:12px;font-weight:600;cursor:pointer}.notice-refresh-btn:hover{background:#1D4ED8}.fit-badge-row{display:flex;align-items:center;gap:8px}.fit-badge{font-size:12px;font-weight:700;padding:4px 10px;border-radius:var(--radius-full)}.fit-badge.personalized{background:#DCFCE7;color:#16a34a}.fit-badge.default{background:#FEF3C7;color:#d97706}.outfit-tab-row{display:flex;gap:8px;margin-bottom:12px}.outfit-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 6px 8px;border-radius:var(--radius-md);border:2px solid var(--border-light);background:var(--bg-white);cursor:pointer;transition:all .15s ease}.outfit-tab.active{border-color:var(--accent);background:rgba(108,92,231,.06)}.outfit-tab:active{transform:scale(.97)}.outfit-tab-dots{display:flex;gap:4px;flex-wrap:wrap;justify-content:center;max-width:52px}.outfit-tab-dot{width:12px;height:12px;border-radius:50%;border:1px solid rgba(0,0,0,.1);flex-shrink:0}.outfit-tab-dots-empty{width:12px;height:12px;border-radius:50%;background:var(--border-light)}.outfit-tab-label{font-size:11px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.outfit-tab.active .outfit-tab-label{color:var(--accent)}.outfit-active-panel{margin-bottom:4px}.save-outfit-main-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:12px;margin-top:12px;border-radius:var(--radius-md);border:2px solid var(--accent);background:var(--accent);color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease}.save-outfit-main-btn:hover:not(:disabled){opacity:.9}.save-outfit-main-btn:active:not(:disabled){transform:scale(.98)}.save-outfit-main-btn:disabled{cursor:default;opacity:.8}.save-outfit-main-btn.saved{background:#16A34A;border-color:#16a34a}.save-outfit-main-btn.locked{background:transparent;border-color:var(--border-light);color:var(--text-muted)}.visualize-look-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:11px;margin-top:10px;border-radius:var(--radius-md);border:2px solid #a855f7;background:transparent;color:#a855f7;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;letter-spacing:.01em}.visualize-look-btn:hover:not(:disabled){background:#a855f715}.visualize-look-btn:active:not(:disabled){transform:scale(.98)}.visualize-look-btn:disabled{opacity:.6;cursor:default}.vis-spinner{display:inline-block;width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:vis-spin .7s linear infinite;margin-right:6px;vertical-align:middle}@keyframes vis-spin{to{transform:rotate(360deg)}}.vis-generating-bar{display:flex;align-items:center;gap:6px;margin-top:8px;padding:10px 14px;background:#f0ecff;border-radius:10px;font-size:12px;color:#5a48c0;font-weight:500;border:1px solid #d4caff}.vis-generating-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#6C5CE7;animation:vis-pulse 1.2s ease-in-out infinite;flex-shrink:0}.vis-generating-dot:nth-child(2){animation-delay:.2s}.vis-generating-dot:nth-child(3){animation-delay:.4s}@keyframes vis-pulse{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.vis-ready-banner{margin-top:8px;padding:10px 14px;background:#ecfdf5;border:1px solid #6ee7b7;border-radius:10px;color:#065f46;font-size:13px;font-weight:600;text-align:center;animation:vis-slide-in .3s ease}@keyframes vis-slide-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .vis-generating-bar{background:#1e1a38;border-color:#3d3580;color:#a29bfe}[data-theme=dark] .vis-ready-banner{background:#0a2e1f;border-color:#2d7a55;color:#6ee7b7}.outfit-action-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px}.outfit-action-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:14px 8px 12px;border-radius:16px;border:1.5px solid #e0e0ea;background:#fff;color:#333;cursor:pointer;transition:all .18s ease;min-height:80px;position:relative;overflow:hidden}.outfit-action-tile:hover:not(:disabled):not(.oat-locked){border-color:var(--primary, #6C5CE7);background:#f5f3ff;transform:translateY(-1px);box-shadow:0 4px 12px #6c5ce71f}.outfit-action-tile:active:not(:disabled):not(.oat-locked){transform:translateY(0)}.outfit-action-tile.oat-active{border-color:var(--primary, #6C5CE7);background:#f5f3ff}.outfit-action-tile.oat-open{border-color:var(--primary, #6C5CE7);background:#ede9ff}.outfit-action-tile.oat-done{border-color:#10b981;background:#ecfdf5;color:#065f46}.outfit-action-tile.oat-loading{border-color:#a855f7;background:#faf5ff;color:#7c3aed}.outfit-action-tile.oat-locked{opacity:.65;cursor:pointer;background:#fafafa;border-style:dashed}.outfit-action-tile:disabled{cursor:default}.oat-icon{font-size:26px;line-height:1;display:flex;align-items:center;justify-content:center}.oat-label{font-size:11px;font-weight:700;text-align:center;line-height:1.2;color:inherit;letter-spacing:.01em}.oat-badge{position:absolute;top:6px;right:6px;font-size:8px;font-weight:800;padding:2px 5px;border-radius:6px;background:var(--primary, #6C5CE7);color:#fff;letter-spacing:.05em}[data-theme=dark] .outfit-action-tile{background:#252540;border-color:#3a3a5c;color:#d0d0e8}[data-theme=dark] .outfit-action-tile:hover:not(:disabled):not(.oat-locked){background:#332e5e;border-color:#a29bfe;box-shadow:0 4px 12px #6c5ce740}[data-theme=dark] .outfit-action-tile.oat-active{background:#2d2850;border-color:#a29bfe}[data-theme=dark] .outfit-action-tile.oat-open{background:#332e5e;border-color:#a29bfe}[data-theme=dark] .outfit-action-tile.oat-done{background:#0a2e1f;border-color:#2d7a55;color:#6ee7b7}[data-theme=dark] .outfit-action-tile.oat-loading{background:#1e1030;border-color:#7c3aed;color:#c4b5fd}[data-theme=dark] .outfit-action-tile.oat-locked{background:#1a1a2e;border-color:#2e2e4a}.holiday-banner{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;margin-bottom:8px;border-radius:var(--radius-md);background:linear-gradient(135deg,#ff6b6b22 0%,#ffd93d22 50%,#6bcb7722 100%);border:1px solid #ffd93d55;cursor:pointer;text-align:left;font-size:13px;color:var(--text-primary);transition:opacity .15s}.holiday-banner:hover{opacity:.85}.holiday-banner-emoji{font-size:18px;flex-shrink:0}.holiday-banner-text{flex:1;line-height:1.3}.holiday-banner-arrow{font-size:14px;color:var(--text-muted);flex-shrink:0}.look-image-container{margin-top:16px;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-light)}.look-image-tabs{display:flex;border-bottom:1px solid var(--border-light);background:var(--bg-white)}.look-image-tab{flex:1;padding:10px 8px;font-size:13px;font-weight:600;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;border-bottom:2px solid transparent;margin-bottom:-1px}.look-image-tab.active{color:var(--primary, #6C5CE7);border-bottom-color:var(--primary, #6C5CE7);background:rgba(108,92,231,.04)}.look-image-tab:not(.active):hover{color:var(--text-primary);background:var(--bg-light)}.look-image{width:100%;display:block}.look-image-caption{font-size:11px;color:var(--text-muted);text-align:center;margin:0;padding:8px;background:var(--bg-surface)}.outfit-option-insight{font-size:13px;color:var(--text-secondary);margin:0;padding:10px 14px;line-height:1.5;border-top:1px solid var(--border-light);background:var(--bg-light)}.improve-fit-btn-inline{font-size:11px;font-weight:600;padding:3px 10px;border-radius:var(--radius-full);border:1.5px solid var(--secondary);background:transparent;color:var(--secondary);cursor:pointer;margin-left:auto}.outfit-carousel-nav{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px;padding:8px 0}.carousel-arrow{width:32px;height:32px;border-radius:50%;border:1.5px solid var(--border-light);background:var(--bg-white);color:var(--text-primary);font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;flex-shrink:0;line-height:1}.carousel-arrow:hover{border-color:var(--accent);background:var(--accent);color:#fff}.carousel-arrow:active{transform:scale(.92)}.carousel-dots{display:flex;gap:6px;align-items:center}.carousel-dot{width:8px;height:8px;border-radius:50%;border:none;background:var(--border-light);cursor:pointer;padding:0;transition:all .2s ease}.carousel-dot.active{background:var(--accent);width:20px;border-radius:4px}.carousel-label{font-size:12px;font-weight:600;color:var(--text-muted);min-width:36px;text-align:center}.flatlay-grid{display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--bg-light);border-radius:var(--radius-md);min-height:200px}.flatlay-main-row{display:flex;justify-content:center;gap:8px}.flatlay-dress-row{justify-content:center}.flatlay-skirt-row{justify-content:center;flex-wrap:wrap;gap:8px}.flatlay-bottom-row{display:flex;justify-content:center}.flatlay-footer-row{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.flatlay-slot{display:flex;flex-direction:column;align-items:center;background:var(--bg-white);border-radius:var(--radius-sm);border:1px solid var(--border-light);padding:8px;transition:box-shadow .2s ease;position:relative}.flatlay-slot:hover{box-shadow:0 2px 8px #00000014}.flatlay-top,.flatlay-dress{width:140px;max-width:48%}.flatlay-outer{width:120px;max-width:38%}.flatlay-bottom{width:140px;max-width:48%}.flatlay-shoe{width:100px;max-width:30%}.flatlay-extra{width:80px;max-width:25%}.flatlay-img-wrap{position:relative;width:100%}.flatlay-img{width:100%;aspect-ratio:3/4;object-fit:contain;border-radius:4px;background:transparent}.worn-badge{position:absolute;top:6px;left:6px;display:inline-flex;align-items:center;gap:4px;background:rgba(255,255,255,.92);border:1px solid rgba(0,0,0,.1);border-radius:20px;padding:2px 7px 2px 5px;font-size:10px;font-weight:600;color:#5a4e9c;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 1px 4px #0000001f;pointer-events:none;z-index:2}.worn-badge-dot{width:6px;height:6px;border-radius:50%;background:#f59e0b;flex-shrink:0}[data-theme=dark] .worn-badge{background:rgba(30,27,45,.92);border-color:#ffffff1f;color:#c4b5fd}.flatlay-placeholder{width:100%;aspect-ratio:3/4;display:flex;align-items:center;justify-content:center;text-align:center;font-size:11px;color:var(--text-muted);background:var(--bg-light);border-radius:4px;padding:8px}.flatlay-label{display:flex;flex-direction:column;align-items:center;gap:3px;margin-top:6px;width:100%}.flatlay-name{font-size:11px;font-weight:600;color:var(--text-primary);text-align:center;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.flatlay-swatches{display:flex;gap:3px}.flatlay-swatch{width:10px;height:10px;border-radius:50%;border:1px solid rgba(0,0,0,.1)}.shop-similar-btn{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:600;color:var(--accent, #f97316);background:none;border:1px solid var(--accent, #f97316);border-radius:20px;padding:3px 8px;text-decoration:none;margin-top:5px;transition:background .15s,color .15s;white-space:nowrap}.shop-similar-btn:hover,.shop-similar-btn:active{background:var(--accent, #f97316);color:#fff}.flatlay-fit-ok{font-size:9px;color:#16a34a;font-weight:600}.outfit-item-meta{display:flex;align-items:center;gap:8px;margin-top:4px}.outfit-item-sleeve{font-size:11px;font-weight:600;color:var(--secondary);background:rgba(0,206,201,.1);padding:2px 8px;border-radius:var(--radius-full);text-transform:capitalize}.outfit-item-size{font-size:11px;font-weight:600;color:var(--primary);background:#EDE9FE;padding:2px 8px;border-radius:var(--radius-full)}.sizing-good{font-size:11px;color:#16a34a;margin-top:4px;font-weight:500}.sizing-feedback-section{background:var(--bg-light);border-radius:var(--radius-md);padding:14px;margin:12px 0 16px}.sizing-feedback-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.sizing-feedback-icon{font-size:16px}.sizing-feedback-title{font-size:14px;font-weight:700;color:var(--text-primary)}.sizing-feedback-item{display:flex;flex-direction:column;gap:8px}.sizing-note{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border-radius:var(--radius-sm);font-size:13px;line-height:1.45}.sizing-warning{background:#FEF3C7;border-left:3px solid #F59E0B;color:#92400e}.sizing-suggestion{background:#DBEAFE;border-left:3px solid #3B82F6;color:#1e40af}.sizing-note-icon{flex-shrink:0;font-size:14px;line-height:1.45}.sizing-note-text{flex:1}.outfit-style-section{margin:16px 0 8px}.style-picker-toggle{display:flex;align-items:center;gap:8px;width:100%;padding:12px 16px;border-radius:var(--radius-md);border:2px solid var(--primary-light, #A29BFE);background:linear-gradient(135deg,rgba(108,92,231,.08) 0%,rgba(253,121,168,.06) 100%);color:var(--primary, #6C5CE7);font-size:14px;font-weight:700;cursor:pointer;transition:all .15s ease;box-shadow:0 2px 8px #6c5ce71f}.style-picker-toggle:hover{border-color:var(--primary, #6C5CE7);background:linear-gradient(135deg,rgba(108,92,231,.14) 0%,rgba(253,121,168,.1) 100%);box-shadow:0 4px 12px #6c5ce733}.style-picker-toggle.locked{opacity:.7;background:var(--bg-white);border-color:var(--border-light);color:var(--text-secondary);box-shadow:none}.style-picker-icon{font-size:18px;flex-shrink:0}.style-picker-text{flex:1;text-align:left}.style-picker-arrow{font-size:12px;color:var(--text-muted);transition:transform .2s ease}.style-picker-arrow.open{transform:rotate(180deg)}.style-picker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px;padding:12px;background:#f6f6fa;border-radius:var(--radius-md);border:1px solid #e8e8f0}.style-picker-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 4px 8px;border-radius:12px;border:1.5px solid #e0e0ea;background:#fff;color:#333;cursor:pointer;transition:all .15s ease;min-height:68px}.style-picker-chip.any-chip{grid-column:1 / -1;flex-direction:row;min-height:auto;padding:8px 12px;gap:6px}.spc-icon{font-size:22px;line-height:1}.any-chip .spc-icon{font-size:16px}.spc-label{font-size:10px;font-weight:700;text-align:center;line-height:1.2;color:inherit}.any-chip .spc-label{font-size:13px;font-weight:600}.style-picker-chip:hover:not(.selected){border-color:var(--primary, #6C5CE7);background:#f5f3ff;color:var(--primary, #6C5CE7)}.style-picker-chip.selected{background:var(--primary, #6C5CE7);border-color:var(--primary, #6C5CE7);color:#fff}.style-picker-chip.holiday{border-color:#f59e0b;background:#fffbeb;color:#92400e}.style-picker-chip.holiday.selected{background:#f59e0b;border-color:#f59e0b;color:#fff}.save-outfit-section{margin:12px 0 4px}.save-outfit-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;border-radius:var(--radius-md);border:1.5px solid var(--accent);background:transparent;color:var(--accent);font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease}.save-outfit-btn:hover:not(:disabled){background:var(--accent);color:#fff}.save-outfit-btn:active:not(:disabled){transform:scale(.98)}.save-outfit-btn:disabled{cursor:default}.save-outfit-btn.saved{background:#16A34A;border-color:#16a34a;color:#fff}.save-outfit-btn.locked{border-color:var(--border-light);color:var(--text-muted);opacity:.8}.save-lock-icon{font-size:14px}.outfit-tab.amazon-tab{background:linear-gradient(135deg,#ede9fe 0%,#dbeafe 100%);border-color:#a78bfa;color:#5b21b6}.outfit-tab.amazon-tab.active{background:linear-gradient(135deg,#c4b5fd 0%,#93c5fd 100%);border-color:#7c3aed}.amazon-tab-icon{font-size:16px;display:block;margin-bottom:2px}.outfit-tab.loading-tab{opacity:.6;cursor:default;pointer-events:none}.amazon-loading-dots{font-size:18px;letter-spacing:3px;animation:dots-pulse 1.2s ease-in-out infinite}@keyframes dots-pulse{0%,to{opacity:.4}50%{opacity:1}}.amazon-look-panel{padding:4px 0 8px}.amazon-look-header{margin-bottom:12px}.amazon-look-badge{display:inline-block;background:linear-gradient(135deg,#ede9fe,#dbeafe);color:#5b21b6;font-size:12px;font-weight:700;padding:4px 12px;border-radius:20px;margin-bottom:6px;letter-spacing:.3px;text-decoration:none;cursor:pointer;transition:opacity .15s}.amazon-look-badge:hover{opacity:.82}.shop-more-looks-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 20px;border-radius:24px;border:none;background:linear-gradient(135deg,#FF9900,#FF6600);color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:opacity .15s;letter-spacing:.2px}.shop-more-looks-btn:hover{opacity:.85}.amazon-look-name{font-size:15px;font-weight:700;color:var(--text-primary);margin:4px 0}.amazon-look-hint{font-size:12px;color:var(--text-muted);margin:0 0 10px}.amazon-look-illustration{margin:10px 0 14px;border-radius:14px;overflow:hidden}.amazon-outfit-img{width:100%;display:block;border-radius:14px;object-fit:cover;max-height:420px;background:#f3f4f6}.amazon-illustration-skeleton{width:100%;height:280px;border-radius:14px;background:#f3f4f6;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.skeleton-shimmer{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.35) 45%,rgba(255,255,255,.55) 50%,rgba(255,255,255,.35) 55%,transparent 100%);background-size:200% 100%;animation:shimmer 1.6s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.amazon-illustration-placeholder{width:100%;height:140px;border-radius:14px;background:#f8f8f8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.amazon-illustration-placeholder-icon{font-size:36px;line-height:1}.amazon-illustration-placeholder-text{font-size:13px;color:var(--text-muted);margin:0;text-align:center;padding:0 16px}.skeleton-label{position:relative;font-size:12px;color:var(--text-muted);margin:0;letter-spacing:.2px}.amazon-look-empty{font-size:13px;color:var(--text-muted);text-align:center;padding:20px 0;margin:0}.amazon-look-items{display:flex;flex-direction:column;gap:8px}.amazon-item-card{display:flex;align-items:center;gap:12px;background:#ffffff;border:1px solid #e9ecef;border-radius:12px;padding:12px 14px;text-decoration:none;color:inherit;box-shadow:0 1px 4px #0000000f;transition:background .15s,box-shadow .15s,border-color .15s}.amazon-item-card:hover,.amazon-item-card:active{background:#f8f9fd;border-color:#6c5ce74d;box-shadow:0 3px 10px #0000001a}.amazon-item-icon{font-size:22px;flex-shrink:0;width:36px;text-align:center}.amazon-item-info{flex:1;min-width:0}.amazon-item-name{display:block;font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.amazon-item-cat{display:block;font-size:11px;color:var(--text-muted);text-transform:capitalize;margin-top:1px}.amazon-item-cta{font-size:13px;font-weight:700;color:var(--accent, #f97316);flex-shrink:0;white-space:nowrap}.styling-tip-box{display:flex;align-items:flex-start;gap:8px;background:linear-gradient(135deg,#fef9c3 0%,#fef3c7 100%);border:1px solid #fde68a;border-radius:10px;padding:10px 12px;margin:10px 0 4px;font-size:13px;line-height:1.5;color:#92400e}.styling-tip-icon{font-size:16px;flex-shrink:0;margin-top:1px}.styling-tip-text{flex:1;font-weight:500}[data-theme=dark] .styling-tip-box{background:linear-gradient(135deg,#3b2f00 0%,#2d2600 100%);border-color:#6b5200;color:#fbbf24}.anchor-picker-section{margin:8px 0 0;background:linear-gradient(135deg,rgba(253,121,168,.07) 0%,rgba(253,203,110,.07) 100%);border:1.5px solid rgba(253,121,168,.25);border-radius:var(--radius-md);padding:12px 14px}.anchor-section-label{font-size:13px;font-weight:700;color:var(--accent, #FD79A8);margin:0 0 8px;display:flex;align-items:center;gap:6px}.anchor-picker-toggle{width:100%;display:flex;align-items:center;gap:8px;background:#fff;border:1.5px solid rgba(253,121,168,.4);border-radius:10px;padding:10px 14px;font-size:14px;font-weight:600;color:var(--text-primary, #2D3436);cursor:pointer;text-align:left;box-shadow:0 1px 4px #0000000f}.anchor-picker-toggle:hover{border-color:var(--accent, #FD79A8);box-shadow:0 2px 8px #fd79a833}.anchor-active-label{flex:1;font-size:12px;color:var(--accent, #f97316);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.anchor-clear-btn{width:100%;background:none;border:none;color:var(--text-muted);font-size:12px;padding:4px 14px 6px;text-align:left;cursor:pointer}.anchor-picker-body{background:#f8f8fc;border:1px solid #e8e8f0;border-top:none;border-radius:0 0 14px 14px;padding:14px 14px 16px}.anchor-picker-hint{font-size:12px;color:#888;margin:0 0 12px}.anchor-cat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.anchor-cat-btn{background:#fff;border:1.5px solid #e0e0ea;border-radius:10px;padding:9px 6px;font-size:12px;font-weight:600;cursor:pointer;color:#444;transition:background .15s,border-color .15s,color .15s;display:flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap}.anchor-cat-btn:hover:not(.selected){border-color:#c4b5fd;background:#faf8ff}.anchor-cat-btn.selected{background:var(--accent, #FD79A8);border-color:var(--accent, #FD79A8);color:#fff;font-weight:700}.anchor-item-scroll{display:flex;gap:10px;overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.anchor-item-scroll::-webkit-scrollbar{display:none}.anchor-item-thumb{flex-shrink:0;width:80px;background:#f4f4f8;border:2px solid #e0e0ea;border-radius:10px;padding:6px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s}.anchor-item-thumb.selected{border-color:var(--accent, #f97316);background:#fff7ed}.anchor-thumb-img{width:60px;height:60px;object-fit:cover;border-radius:6px;display:block;margin:0 auto 4px}.anchor-thumb-placeholder{width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:26px;margin:0 auto 4px;background:#ebebf2;border-radius:6px}.anchor-thumb-name{font-size:10px;color:#444;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3;font-weight:500}[data-theme=dark] .amazon-item-card{background:var(--bg-card-dark, #1e1e2e);border-color:var(--border-dark, #374151)}[data-theme=dark] .amazon-outfit-img,[data-theme=dark] .amazon-illustration-skeleton,[data-theme=dark] .amazon-illustration-placeholder{background:#1e1e2e}[data-theme=dark] .outfit-tab.amazon-tab{background:linear-gradient(135deg,#2e1065 0%,#1e3a5f 100%);border-color:#7c3aed;color:#c4b5fd}[data-theme=dark] .anchor-picker-section{background:linear-gradient(135deg,rgba(253,121,168,.1) 0%,rgba(253,203,110,.08) 100%);border-color:#fd79a84d}[data-theme=dark] .anchor-picker-toggle{background:rgba(255,255,255,.07);border-color:#fd79a866;color:var(--text-primary)}[data-theme=dark] .style-picker-toggle{background:linear-gradient(135deg,rgba(108,92,231,.15) 0%,rgba(253,121,168,.1) 100%);border-color:#a29bfe80;color:var(--primary-light, #A29BFE)}[data-theme=dark] .style-picker-toggle.locked{background:transparent;border-color:var(--border-light);color:var(--text-secondary)}[data-theme=dark] .style-picker-grid{background:#1a1a30;border-color:#2e2e4a}[data-theme=dark] .style-picker-chip{background:#252540;border-color:#3a3a5c;color:#d0d0e8}[data-theme=dark] .style-picker-chip:hover:not(.selected){background:#332e5e;border-color:#a29bfe;color:#a29bfe}[data-theme=dark] .style-picker-chip.selected{background:var(--primary, #6C5CE7);border-color:var(--primary, #6C5CE7);color:#fff}[data-theme=dark] .style-picker-chip.holiday{background:#2d2510;border-color:#a07020;color:#f0c060}[data-theme=dark] .style-picker-chip.holiday.selected{background:#f59e0b;border-color:#f59e0b;color:#fff}[data-theme=dark] .anchor-picker-body{background:#18182e;border-color:#2a2a44}[data-theme=dark] .anchor-picker-hint{color:#7878a0}[data-theme=dark] .anchor-cat-btn{background:#252540;border-color:#3a3a5c;color:#c0c0d8}[data-theme=dark] .anchor-cat-btn:hover:not(.selected){background:#2d2d50;border-color:#7c5ce7}[data-theme=dark] .anchor-cat-btn.selected{background:var(--accent, #FD79A8);border-color:var(--accent, #FD79A8);color:#fff}[data-theme=dark] .anchor-item-thumb{background:#252540;border-color:#3a3a5c}[data-theme=dark] .anchor-item-thumb.selected{background:rgba(249,115,22,.15);border-color:var(--accent, #f97316)}[data-theme=dark] .anchor-thumb-placeholder{background:#1e1e38}[data-theme=dark] .anchor-thumb-name{color:#c0c0d8}.missing-pieces-section{background:linear-gradient(135deg,rgba(108,92,231,.06) 0%,rgba(253,121,168,.06) 100%);border:1px solid rgba(108,92,231,.2);border-radius:var(--radius-lg);padding:14px 16px;margin:12px 0}.missing-pieces-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.missing-pieces-icon{font-size:16px}.missing-pieces-title{font-size:14px;font-weight:700;color:var(--text-primary)}.missing-pieces-desc{font-size:12px;color:var(--text-secondary);margin:0 0 10px;line-height:1.4}.missing-pieces-list{display:flex;flex-direction:column;gap:8px}.missing-piece-card{display:flex;align-items:center;justify-content:space-between;background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:10px 14px;text-decoration:none;transition:background .15s,border-color .15s}.missing-piece-card:active{background:rgba(108,92,231,.05);border-color:var(--primary)}.missing-piece-info{display:flex;flex-direction:column;gap:2px}.missing-piece-label{font-size:14px;font-weight:600;color:var(--text-primary)}.missing-piece-cta{font-size:12px;color:var(--primary);font-weight:500}[data-theme=dark] .missing-pieces-section{background:rgba(108,92,231,.1);border-color:#6c5ce74d}[data-theme=dark] .missing-piece-card{background:var(--bg-card);border-color:var(--border-dark, #374151)}.vibe-shortfall-panel{display:flex;flex-direction:column;align-items:center;text-align:center;padding:28px 20px 20px;background:linear-gradient(135deg,rgba(108,92,231,.06) 0%,rgba(253,121,168,.06) 100%);border:1.5px dashed rgba(108,92,231,.3);border-radius:var(--radius-lg);margin-bottom:12px}.vibe-shortfall-icon{font-size:44px;margin-bottom:12px}.vibe-shortfall-title{font-size:17px;font-weight:700;color:var(--text-primary);margin:0 0 10px;line-height:1.3}.vibe-shortfall-desc{font-size:13px;color:var(--text-secondary);margin:0 0 18px;line-height:1.5;max-width:320px}.vibe-shortfall-list{width:100%;text-align:left}[data-theme=dark] .vibe-shortfall-panel{background:rgba(108,92,231,.1);border-color:#6c5ce766}.wearing-today-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border-radius:12px;border:1.5px solid rgba(108,92,231,.4);background:linear-gradient(135deg,rgba(108,92,231,.12) 0%,rgba(162,89,255,.1) 100%);color:var(--primary, #6c5ce7);font-size:.85rem;font-weight:700;letter-spacing:.01em;cursor:pointer;transition:background .2s,border-color .2s,transform .15s;white-space:nowrap}.wearing-today-btn:hover{background:linear-gradient(135deg,rgba(108,92,231,.22) 0%,rgba(162,89,255,.18) 100%);border-color:#6c5ce7b3;transform:translateY(-1px)}.wearing-today-btn:active{transform:scale(.97)}.wearing-today-btn.wearing-today-done{background:rgba(16,185,129,.12);border-color:#10b98180;color:#10b981;cursor:default;transform:none}[data-theme=dark] .wearing-today-btn{background:linear-gradient(135deg,rgba(108,92,231,.2) 0%,rgba(162,89,255,.15) 100%);border-color:#a259ff66;color:#c4b5fd}[data-theme=dark] .wearing-today-btn.wearing-today-done{background:rgba(16,185,129,.15);border-color:#10b98173;color:#34d399}.alt-shoe-section{margin:12px 16px 4px;padding:12px 14px 14px;border-radius:14px;border:1.5px dashed rgba(162,89,255,.35);background:rgba(162,89,255,.04)}[data-theme=dark] .alt-shoe-section{border-color:#a259ff4d;background:rgba(162,89,255,.07)}.alt-shoe-header{display:flex;align-items:center;gap:6px;margin-bottom:10px}.alt-shoe-icon{font-size:16px}.alt-shoe-label{font-size:13px;font-weight:600;color:#7c3aed;letter-spacing:.01em}[data-theme=dark] .alt-shoe-label{color:#c4b5fd}.alt-shoe-card{width:100%;max-width:220px;margin:0 auto}.alt-shoe-amazon-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border-radius:24px;font-size:13px;font-weight:600;background:linear-gradient(135deg,#FF9900,#FF6600);color:#fff;text-decoration:none;width:100%;justify-content:center;box-sizing:border-box}.alt-shoe-amazon-btn:hover{opacity:.9}.travel-planner{padding:0 0 120px;max-width:700px;margin:0 auto}.travel-hero{text-align:center;padding:32px 20px 8px}.travel-hero-icon{font-size:48px;margin-bottom:10px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.travel-hero h2{font-size:24px;font-weight:700;margin:0 0 6px;color:#1a1a2e}[data-theme=dark] .travel-hero h2{color:#e8e8f0}.travel-hero p{font-size:14px;color:#666;margin:0}[data-theme=dark] .travel-hero p{color:#9090b8}.travel-form{padding:20px 16px;display:flex;flex-direction:column;gap:20px}.travel-form-row{display:flex;gap:12px}.travel-form-row.two-col>*{flex:1}.travel-field{display:flex;flex-direction:column;gap:6px;width:100%}.travel-field label{font-size:13px;font-weight:600;color:#555;text-transform:uppercase;letter-spacing:.5px}[data-theme=dark] .travel-field label{color:#a0a0c0}.travel-label-sub{font-weight:400;text-transform:none;letter-spacing:0;color:var(--text-secondary, #888)}.travel-field input[type=text],.travel-field input[type=date]{padding:11px 14px;border-radius:10px;border:1.5px solid var(--border-color, #e0e0e0);background:#fff;color:#1a1a2e;font-size:15px;outline:none;transition:border-color .2s}.travel-field input:focus{border-color:var(--primary, #6C5CE7)}:root[data-theme=dark] .travel-field input[type=text],:root[data-theme=dark] .travel-field input[type=date]{background:#2d2d4e;color:#f0f0f5;border-color:#ffffff26}:root[data-theme=dark] .travel-field input::placeholder{color:#f0f0f573}.travel-purpose-grid{display:flex;flex-wrap:wrap;gap:8px}.travel-purpose-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:20px;border:1.5px solid var(--border-color, #e0e0e0);background:#f4f4f8;color:#333;font-size:13px;font-weight:500;cursor:pointer;transition:all .18s}.travel-purpose-btn.active{background:var(--primary, #6C5CE7);border-color:var(--primary, #6C5CE7);color:#fff}.tp-icon{font-size:16px}:root[data-theme=dark] .travel-purpose-btn:not(.active){background:#2d2d4e;border-color:#ffffff26;color:#d0d0e8}.travel-activity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}@media (min-width: 480px){.travel-activity-grid{grid-template-columns:repeat(4,1fr)}}.travel-activity-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;border-radius:12px;border:1.5px solid var(--border-color, #e0e0e0);background:#f4f4f8;color:#333;font-size:12px;font-weight:500;cursor:pointer;transition:all .18s;text-align:center}.travel-activity-btn.active{background:var(--accent, #FD79A8);border-color:var(--accent, #FD79A8);color:#fff}.ta-icon{font-size:22px}:root[data-theme=dark] .travel-activity-btn:not(.active){background:#2d2d4e;border-color:#ffffff26;color:#d0d0e8}.travel-error{background:#fee2e2;color:#991b1b;border-radius:10px;padding:10px 14px;font-size:14px}.travel-submit-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;border-radius:14px;background:linear-gradient(135deg,var(--primary, #6C5CE7),var(--accent, #FD79A8));color:#fff;font-size:16px;font-weight:700;border:none;cursor:pointer;transition:opacity .2s,transform .15s;width:100%}.travel-submit-btn:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.travel-submit-btn:disabled{opacity:.65;cursor:not-allowed}.travel-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;display:inline-block;animation:spin .7s linear infinite}.travel-results{padding:0 16px;display:flex;flex-direction:column;gap:20px}.travel-weather-card{background:#fff;border-radius:16px;border:1px solid #e5e5ea;overflow:hidden}[data-theme=dark] .travel-weather-card{background:#1e1e32;border-color:#2e2e48}.twc-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 16px 0}.twc-location h3{margin:0 0 4px;font-size:18px;font-weight:700;color:var(--text-primary, #1a1a2e)}.twc-location p{margin:0;font-size:12px;color:var(--text-secondary, #666)}.twc-source-badge{font-size:11px;font-weight:600;padding:4px 10px;border-radius:20px;white-space:nowrap;flex-shrink:0}.twc-source-badge[data-source=forecast]{background:#d1fae5;color:#065f46}.twc-source-badge[data-source=historical]{background:#dbeafe;color:#1e40af}.twc-summary{display:flex;align-items:center;gap:16px;padding:14px 16px}.twc-temp-main{display:flex;align-items:center;gap:10px}.twc-icon{font-size:36px}.twc-temp-range{font-size:22px;font-weight:700;color:var(--text-primary, #1a1a2e)}.twc-temp-label{font-size:12px;font-weight:600;margin-top:2px}.twc-rain-note{font-size:13px;color:#2563eb;margin-left:auto}[data-theme=dark] .twc-rain-note{color:#93c5fd}[data-theme=dark] .twc-location h3{color:#e8e8f0}[data-theme=dark] .twc-location p{color:#9090b8}[data-theme=dark] .twc-temp-range{color:#e8e8f0}.twc-daily{display:flex;overflow-x:auto;gap:4px;padding:0 16px 14px;scrollbar-width:none}.twc-daily::-webkit-scrollbar{display:none}.twc-day{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:56px;padding:8px 6px;border-radius:10px;background:#f0f0f5;font-size:12px}[data-theme=dark] .twc-day{background:#252540}.twc-day-label{color:#555;font-weight:500}.twc-day-icon{font-size:18px}.twc-day-hi{font-weight:700;color:#1a1a2e}.twc-day-lo{color:#777}[data-theme=dark] .twc-day-label{color:#a0a0c0}[data-theme=dark] .twc-day-hi{color:#e8e8f0}[data-theme=dark] .twc-day-lo{color:#7878a0}.twc-historical-note{padding:10px 16px;font-size:11px;color:#888;border-top:1px solid #e5e5ea;font-style:italic}[data-theme=dark] .twc-historical-note{color:#7878a0;border-top-color:#2e2e48}.travel-pack-header{display:flex;flex-direction:column;gap:10px}.travel-pack-header h3{margin:0 0 4px;font-size:18px;font-weight:700;color:#1a1a2e}[data-theme=dark] .travel-pack-header h3{color:#e8e8f0}.travel-pack-header p{margin:0;font-size:13px;color:#666}[data-theme=dark] .travel-pack-header p{color:#9090b8}.travel-missing-badge{color:var(--accent, #FD79A8);font-weight:600}.travel-progress-bar{height:8px;border-radius:4px;background:var(--border-color, #e0e0e0);overflow:hidden}.travel-progress-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--primary, #6C5CE7),var(--accent, #FD79A8));transition:width .4s ease}.travel-pack-sections{display:flex;flex-direction:column;gap:14px}.travel-pack-section{background:#fff;border-radius:14px;border:1px solid #e5e5ea;overflow:hidden}[data-theme=dark] .travel-pack-section{background:#1e1e32;border-color:#2e2e48}.tps-header{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid #eee}[data-theme=dark] .tps-header{border-bottom-color:#2e2e48}.tps-icon{font-size:20px}.tps-label{font-size:15px;font-weight:600;color:#1a1a2e;flex:1}.tps-qty{font-size:12px;color:#888;font-weight:500}[data-theme=dark] .tps-label{color:#e8e8f0}[data-theme=dark] .tps-qty{color:#8080a0}.tps-tip{padding:8px 14px;font-size:12px;color:#7c3aed;background:#f5f3ff;border-bottom:1px solid #eee}.tps-items{display:flex;flex-direction:column}.tps-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background .15s}[data-theme=dark] .tps-item{border-bottom-color:#2a2a42}.tps-item:last-child{border-bottom:none}.tps-item:hover{background:#f5f5f8}[data-theme=dark] .tps-item:hover{background:rgba(255,255,255,.05)}.tps-item.checked{opacity:.55;text-decoration:line-through}.tps-item input[type=checkbox]{width:18px;height:18px;flex-shrink:0;accent-color:var(--primary, #6C5CE7);cursor:pointer}.tps-item-img{width:36px;height:36px;object-fit:cover;border-radius:8px;flex-shrink:0}.tps-item-icon{font-size:22px;flex-shrink:0}.tps-item-name{flex:1;font-size:14px;color:#1a1a2e}[data-theme=dark] .tps-item-name{color:#e8e8f0}.tps-item-badge{font-size:11px;font-weight:600;padding:3px 8px;border-radius:20px}.tps-item-badge.in-closet{background:#d1fae5;color:#065f46}.tps-shop-link{font-size:12px;font-weight:600;color:var(--primary, #6C5CE7);text-decoration:none;padding:4px 10px;border-radius:20px;border:1.5px solid var(--primary, #6C5CE7);transition:all .15s;white-space:nowrap}.tps-shop-link:hover{background:var(--primary, #6C5CE7);color:#fff}.shop-item{background:#fafafa}[data-theme=dark] .shop-item{background:#252538}[data-theme=dark] .tps-tip{background:rgba(124,58,237,.2);color:#c4b5fd;border-bottom-color:#2e2e48}[data-theme=dark] .travel-error{background:rgba(239,68,68,.15);color:#fca5a5}[data-theme=dark] .twc-source-badge[data-source=forecast]{background:rgba(16,185,129,.2);color:#6ee7b7}[data-theme=dark] .twc-source-badge[data-source=historical]{background:rgba(59,130,246,.2);color:#93c5fd}[data-theme=dark] .tps-item-badge.in-closet{background:rgba(16,185,129,.2);color:#6ee7b7}.tps-item-warning{font-size:11px;color:#d97706;background:#fffbeb;padding:4px 14px 4px 42px;border-bottom:1px solid #fde68a}[data-theme=dark] .tps-item-warning{background:rgba(217,119,6,.12);color:#fbbf24;border-bottom-color:#d9770633}.travel-transport-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.travel-transport-btn{display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 6px;border-radius:12px;border:2px solid #e5e5ea;background:#fff;font-size:12px;font-weight:600;color:#555;cursor:pointer;transition:all .15s}.travel-transport-btn .tt-icon{font-size:20px}.travel-transport-btn.active{border-color:var(--primary, #6C5CE7);background:rgba(108,92,231,.08);color:var(--primary, #6C5CE7)}.travel-transport-btn:not(.active):hover{border-color:#c4b5fd;color:#555}[data-theme=dark] .travel-transport-btn{background:#1a1a2e;border-color:#2e2e48;color:#a0a0c0}[data-theme=dark] .travel-transport-btn.active{background:rgba(108,92,231,.2);border-color:var(--primary, #6C5CE7);color:#c4b5fd}.travel-trip-summary{display:flex;gap:8px;flex-wrap:wrap}.tts-item{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:20px;background:rgba(108,92,231,.08);color:var(--primary, #6C5CE7);font-size:13px;font-weight:600;border:1.5px solid rgba(108,92,231,.2)}[data-theme=dark] .tts-item{background:rgba(108,92,231,.15);color:#c4b5fd;border-color:#6c5ce74d}.travel-outfit-travel-day{border-color:#6c5ce759!important;background:linear-gradient(135deg,#fff 0%,#f8f6ff 100%)!important}[data-theme=dark] .travel-outfit-travel-day{background:linear-gradient(135deg,#1e1e32 0%,#221e3a 100%)!important;border-color:#6c5ce766!important}.travel-outfit-evening{border-color:#fd79a873!important;background:linear-gradient(135deg,#fff 0%,#fff5f9 100%)!important}[data-theme=dark] .travel-outfit-evening{background:linear-gradient(135deg,#1e1e32 0%,#2a1e2e 100%)!important;border-color:#fd79a866!important}.travel-outfit-evening .toc-label{color:#d63384!important}[data-theme=dark] .travel-outfit-evening .toc-label{color:#f48fb1!important}.toc-empty{padding:14px 16px;font-size:13px;color:#999;text-align:center}[data-theme=dark] .toc-empty{color:#6060a0}.travel-info-section{border-style:dashed!important;border-color:#6c5ce74d!important}[data-theme=dark] .travel-info-section{border-color:#6c5ce766!important}.travel-pack-mode{padding:0 2px 4px}.tpm-label{font-size:13px;font-weight:600;color:#888;margin-bottom:8px;text-transform:uppercase;letter-spacing:.04em}[data-theme=dark] .tpm-label{color:#6a6a8a}.tpm-pills{display:flex;gap:8px}.tpm-pill{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 8px;border-radius:12px;border:2px solid #e5e5ea;background:#fff;cursor:pointer;transition:all .18s;text-align:center}.tpm-pill-icon{font-size:18px;line-height:1}.tpm-pill-name{font-size:12px;font-weight:700;color:#333}.tpm-pill-desc{font-size:10px;color:#999;line-height:1.2}.tpm-pill.active{border-color:var(--primary, #6C5CE7);background:#f0eeff}.tpm-pill.active .tpm-pill-name{color:var(--primary, #6C5CE7)}.tpm-pill.active .tpm-pill-desc{color:#a09ad4}.tpm-pill:not(.active):hover{border-color:#ccc}[data-theme=dark] .tpm-pill{background:#1e1e32;border-color:#2e2e48}[data-theme=dark] .tpm-pill-name{color:#c0c0e0}[data-theme=dark] .tpm-pill-desc{color:#6a6a8a}[data-theme=dark] .tpm-pill.active{border-color:var(--primary, #6C5CE7);background:#2a2048}[data-theme=dark] .tpm-pill.active .tpm-pill-name{color:#b0a0ff}.travel-tabs{display:flex;gap:8px;padding:0 2px}.travel-tab{flex:1;padding:11px 16px;border-radius:12px;border:2px solid #e5e5ea;background:#fff;color:#555;font-size:14px;font-weight:600;cursor:pointer;transition:all .18s}.travel-tab.active{border-color:var(--primary, #6C5CE7);background:var(--primary, #6C5CE7);color:#fff}.travel-tab:not(.active):hover{border-color:var(--primary, #6C5CE7);color:var(--primary, #6C5CE7)}[data-theme=dark] .travel-tab{background:#1e1e32;border-color:#2e2e48;color:#a0a0c0}[data-theme=dark] .travel-tab.active{background:var(--primary, #6C5CE7);border-color:var(--primary, #6C5CE7);color:#fff}.travel-outfits{display:flex;flex-direction:column;gap:16px}.travel-outfits-subtitle{font-size:13px;color:#777;margin:0;text-align:center}[data-theme=dark] .travel-outfits-subtitle{color:#8080a0}.travel-outfits-empty{text-align:center;padding:32px 16px;font-size:14px;color:#999;background:#f8f8f8;border-radius:14px}[data-theme=dark] .travel-outfits-empty{background:#1e1e32;color:#6060a0}.travel-outfit-card{background:#fff;border-radius:16px;border:1px solid #e5e5ea;overflow:hidden}[data-theme=dark] .travel-outfit-card{background:#1e1e32;border-color:#2e2e48}.toc-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 10px;border-bottom:1px solid #f0f0f5}[data-theme=dark] .toc-header{border-bottom-color:#2a2a42}.toc-label{font-size:15px;font-weight:700;color:#1a1a2e}[data-theme=dark] .toc-label{color:#e8e8f0}.toc-note{font-size:11px;font-weight:600;color:var(--primary, #6C5CE7);background:rgba(108,92,231,.1);padding:3px 9px;border-radius:20px}.toc-items{display:flex;gap:10px;padding:14px 14px 16px;overflow-x:auto;scrollbar-width:none}.toc-items::-webkit-scrollbar{display:none}.toc-item{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:80px;max-width:90px}.toc-img-wrap{width:76px;height:76px;border-radius:12px;overflow:hidden;background:#f4f4f8;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1.5px solid #e5e5ea}[data-theme=dark] .toc-img-wrap{background:#252538;border-color:#2e2e48}.toc-img{width:100%;height:100%;object-fit:cover}.toc-img-placeholder{font-size:28px}.toc-role{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--primary, #6C5CE7)}.toc-name{font-size:11px;color:#444;text-align:center;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}[data-theme=dark] .toc-name{color:#b0b0cc}.toc-viz-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:calc(100% - 28px);margin:0 14px 14px;padding:11px 16px;border-radius:12px;border:2px dashed var(--primary, #6C5CE7);background:rgba(108,92,231,.05);color:var(--primary, #6C5CE7);font-size:14px;font-weight:600;cursor:pointer;transition:all .18s}.toc-viz-btn:not(:disabled):hover{background:rgba(108,92,231,.12);border-style:solid}.toc-viz-btn:disabled{opacity:.65;cursor:default}.toc-viz-btn.toc-viz-done{border-style:solid;background:rgba(108,92,231,.1)}[data-theme=dark] .toc-viz-btn{background:rgba(108,92,231,.1);border-color:#6c5ce780;color:#b0a0ff}[data-theme=dark] .toc-viz-btn.toc-viz-done{background:rgba(108,92,231,.2)}.toc-viz-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(108,92,231,.3);border-top-color:var(--primary, #6C5CE7);border-radius:50%;animation:toc-spin .7s linear infinite;flex-shrink:0}@keyframes toc-spin{to{transform:rotate(360deg)}}.toc-viz-error{margin:0 14px 12px;font-size:12px;color:#e74c3c;text-align:center}.toc-viz-result{margin:0 14px 16px;border-radius:14px;overflow:hidden;box-shadow:0 4px 16px #0000001f}.toc-viz-img{width:100%;display:block;border-radius:14px}.measure-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.35);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:flex-end;z-index:300;animation:backdropIn .2s ease}.measure-sheet{width:100%;max-width:480px;max-height:90vh;overflow-y:auto;background:var(--bg-white);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:20px 24px 32px;box-shadow:var(--shadow-xl);animation:sheetEnter .35s cubic-bezier(.22,1,.36,1)}.measure-header h2{margin:0 0 4px;font-size:22px;font-weight:700;color:var(--text-primary)}.measure-header p{margin:0;font-size:14px;color:var(--text-secondary);line-height:1.4}.measure-progress{margin:20px 0;height:6px;background:var(--bg-light);border-radius:var(--radius-full);overflow:hidden}.measure-progress-bar{height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));transition:width .25s cubic-bezier(.22,1,.36,1);border-radius:var(--radius-full)}.measure-step{margin-bottom:16px}.measure-label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.measure-label{display:flex;align-items:baseline;gap:8px;font-size:16px;font-weight:700;color:var(--text-primary)}.measure-unit{color:var(--text-muted);font-size:13px;font-weight:400}.measure-guide-toggle{border:none;background:none;color:var(--primary);font-size:13px;font-weight:600;cursor:pointer;padding:4px 0;font-family:Inter,system-ui,sans-serif;white-space:nowrap}.measure-guide-toggle:active{opacity:.7}.measure-guide{background:var(--bg-light);border-radius:var(--radius-md);padding:16px;margin-bottom:14px;animation:hintSlideIn .3s ease}.measure-guide-img{width:100%;max-height:200px;object-fit:contain;border-radius:var(--radius-sm);margin-bottom:10px;background:white}.measure-guide-text{margin:0;font-size:13px;color:var(--text-secondary);line-height:1.5}.height-input-row{display:flex;gap:12px}.height-field{flex:1;position:relative}.height-field .measure-input{padding-right:36px}.height-unit-label{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:14px;font-weight:600;color:var(--text-muted);pointer-events:none}.measure-input{width:100%;padding:14px 16px;border-radius:var(--radius-sm);border:1px solid var(--border);font-size:18px;font-family:Inter,system-ui,sans-serif;color:var(--text-primary);transition:border-color .2s ease;box-sizing:border-box}.measure-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.measure-hint{margin-top:8px;font-size:13px;color:var(--text-secondary);line-height:1.4}.measure-actions{display:flex;gap:12px;margin-top:16px}.measure-actions .secondary-btn,.measure-actions .primary-btn{margin-top:0}.measure-footer{margin-top:16px}.scan-body-btn{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;border-radius:var(--radius-md);border:1px solid var(--border-light);background:linear-gradient(135deg,#F0FDFA,#F5F3FF);cursor:pointer;transition:all .25s ease;text-align:left}.scan-body-btn:active{transform:scale(.98);border-color:var(--secondary)}.scan-body-icon{width:40px;height:40px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--secondary),#0984E3);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.scan-body-text{display:flex;flex-direction:column;gap:2px;flex:1}.scan-body-label{font-size:14px;font-weight:700;color:var(--text-primary)}.scan-body-desc{font-size:12px;color:var(--text-secondary)}.scan-included-badge{font-size:11px;font-weight:700;color:var(--secondary);background:rgba(0,206,201,.12);padding:4px 10px;border-radius:var(--radius-full);letter-spacing:.3px}.link-btn{border:none;background:none;padding:8px 0;font-size:14px;color:var(--primary);font-weight:500;cursor:pointer;font-family:Inter,system-ui,sans-serif}.link-btn.subtle{color:var(--text-muted)}.link-btn:active{opacity:.7}.scan-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:flex-end;z-index:400;animation:backdropIn .2s ease}.scan-modal{width:100%;max-width:480px;max-height:90vh;overflow-y:auto;background:var(--bg-white);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:20px 24px 40px;box-shadow:var(--shadow-xl);animation:sheetEnter .35s cubic-bezier(.22,1,.36,1);display:flex;flex-direction:column;align-items:stretch}.scan-modal-header{text-align:center;margin-bottom:20px}.scan-modal-emoji{font-size:40px;margin-bottom:8px}.scan-modal-header h3{margin:0 0 6px;font-size:20px;font-weight:700;color:var(--text-primary)}.scan-modal-header p{margin:0;font-size:14px;color:var(--text-secondary);line-height:1.5}.scan-tips{display:flex;flex-direction:column;gap:10px;background:var(--bg-light);border-radius:var(--radius-lg);padding:16px;margin-bottom:20px}.scan-tip{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--text-primary);line-height:1.4}.scan-tip span{font-size:16px;flex-shrink:0}.scan-camera-btn{width:100%;font-size:16px;padding:14px}.scan-preview-img{width:100%;max-height:280px;object-fit:cover;border-radius:var(--radius-lg);margin-bottom:16px}.scan-modal-actions{display:flex;gap:12px}.scan-modal-actions .secondary-btn,.scan-modal-actions .primary-btn{flex:1}.scan-analyzing{display:flex;flex-direction:column;align-items:center;padding:32px 0;gap:16px;text-align:center}.scan-analyzing h3{margin:0;font-size:18px;font-weight:700;color:var(--text-primary)}.scan-analyzing p{margin:0;font-size:14px;color:var(--text-secondary)}.scan-spinner{width:48px;height:48px;border:4px solid var(--bg-light);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.scan-results-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.scan-result-item{display:flex;flex-direction:column;gap:2px;background:var(--bg-light);border-radius:var(--radius-md);padding:10px 12px}.scan-result-label{font-size:11px;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.scan-result-value{font-size:18px;font-weight:700;color:var(--primary)}.scan-apply-btn{width:100%;font-size:16px;padding:14px}.scan-timer-select{display:flex;align-items:center;gap:12px;margin:16px 0 20px}.scan-timer-label{font-size:13px;font-weight:600;color:var(--text-secondary);white-space:nowrap}.scan-timer-pills{display:flex;gap:8px}.scan-timer-pill{padding:6px 14px;border-radius:20px;border:1.5px solid var(--border-light);background:var(--bg-light);color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease}.scan-timer-pill.active{background:var(--primary);border-color:var(--primary);color:#fff}.scan-modal-fullscreen{max-height:100dvh;height:100dvh;border-radius:0;padding:0;overflow:hidden}.scan-camera-view{position:relative;width:100%;height:100%;background:#000;display:flex;flex-direction:column}.scan-video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.scan-video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.scan-position-badge{position:absolute;bottom:145px;left:50%;transform:translate(-50%);white-space:nowrap;background:rgba(0,0,0,.55);border:1.5px solid rgba(255,255,255,.28);color:#ffffffd9;font-size:12px;font-weight:600;padding:6px 14px;border-radius:20px;pointer-events:none;letter-spacing:.01em}.scan-camera-controls{position:absolute;bottom:0;left:0;right:0;padding:20px 20px 36px;background:linear-gradient(to top,rgba(0,0,0,.75) 0%,transparent 100%);display:flex;flex-direction:column;align-items:center;gap:14px}.scan-camera-hint-bar{background:rgba(0,0,0,.5);border-radius:20px;padding:6px 14px;font-size:12px;color:#ffffffd9;text-align:center}.scan-camera-btns{display:flex;align-items:center;gap:16px}.scan-timer-start-btn{display:flex;align-items:center;gap:8px;background:var(--primary);color:#fff;border:none;border-radius:28px;padding:14px 28px;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 4px 16px #0006;transition:background .35s ease,box-shadow .35s ease}.scan-timer-icon{font-size:18px}.scan-capture-now-btn{width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.18);border:2px solid rgba(255,255,255,.5);font-size:22px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.scan-camera-exit-btn{background:transparent;border:none;color:#ffffffbf;font-size:14px;cursor:pointer;padding:4px 8px}.scan-countdown-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.55);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.scan-countdown-ring-wrap{position:relative;width:140px;height:140px;display:flex;align-items:center;justify-content:center}.scan-countdown-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.scan-countdown-number{font-size:56px;font-weight:800;color:#fff;line-height:1;position:relative;z-index:1}.scan-countdown-hint{font-size:18px;font-weight:600;color:#fff;margin:0;text-align:center;text-shadow:0 1px 4px rgba(0,0,0,.5)}.scan-countdown-cancel{background:rgba(255,255,255,.15);border:1.5px solid rgba(255,255,255,.4);border-radius:20px;color:#fff;font-size:14px;padding:8px 20px;cursor:pointer}.scan-camera-error{color:var(--error, #e74c3c);font-size:13px;text-align:center;margin:4px 0 0}.style-pref-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.45);z-index:999;display:flex;align-items:flex-end;justify-content:center}.style-pref-sheet{background:var(--bg-white);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-width:480px;max-height:85vh;overflow-y:auto;padding:12px 20px 32px;animation:slideUp .3s ease-out}.style-pref-header{text-align:center;margin-bottom:20px}.style-pref-header h2{font-size:20px;font-weight:800;color:var(--text-primary);margin:8px 0 4px}.style-pref-header p{font-size:13px;color:var(--text-secondary);margin:0}.style-pref-section{margin-bottom:20px}.style-pref-label{display:block;font-size:11px;font-weight:700;letter-spacing:.5px;color:var(--text-muted);margin-bottom:10px}.age-group-grid{display:flex;flex-wrap:wrap;gap:8px}.age-group-chip{padding:8px 14px;border-radius:20px;border:1.5px solid var(--border-light);background:var(--bg-white);color:var(--text-primary);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease}.age-group-chip:hover{border-color:var(--accent)}.age-group-chip.selected{background:var(--accent);border-color:var(--accent);color:#fff}.style-chips-grid{display:flex;flex-wrap:wrap;gap:8px}.style-chip{padding:8px 14px;border-radius:20px;border:1.5px solid var(--border-light);background:var(--bg-white);color:var(--text-primary);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease}.style-chip:hover{border-color:var(--accent)}.style-chip.selected{background:var(--accent);border-color:var(--accent);color:#fff}.style-pref-actions{display:flex;gap:10px;margin-top:24px}.style-pref-actions .secondary-btn,.style-pref-actions .primary-btn{flex:1}@keyframes fabPulse{0%{transform:scale(1)}40%{transform:scale(1.1)}to{transform:scale(1)}}:root{--primary: #6C5CE7;--primary-dark: #5A4BD1;--primary-light: #A29BFE;--primary-glow: rgba(108, 92, 231, .3);--secondary: #00CEC9;--accent: #FD79A8;--accent-light: #FDCB6E;--bg-dark: #1A1A2E;--bg-card: #FFFFFF;--bg-surface: #0F3460;--bg-light: #F8F9FD;--bg-white: #FFFFFF;--text-primary: #2D3436;--text-secondary: #636E72;--text-muted: #B2BEC3;--text-on-dark: #FFFFFF;--text-on-dark-secondary: rgba(255,255,255,.7);--border: #E9ECEF;--border-light: #F1F3F5;--shadow-sm: 0 2px 8px rgba(0,0,0,.06);--shadow-md: 0 4px 16px rgba(0,0,0,.1);--shadow-lg: 0 8px 32px rgba(0,0,0,.12);--shadow-xl: 0 12px 48px rgba(0,0,0,.16);--shadow-glow: 0 4px 24px var(--primary-glow);--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--nav-height: 72px;--header-height: 60px}[data-theme=dark]{--primary: #A29BFE;--primary-dark: #6C5CE7;--primary-light: #6C5CE7;--primary-glow: rgba(162, 155, 254, .3);--secondary: #00CEC9;--accent: #FD79A8;--accent-light: #FDCB6E;--bg-dark: #0D0D1A;--bg-card: #1A1A2E;--bg-surface: #16213E;--bg-light: #1E1E32;--bg-white: #141425;--text-primary: #E8E8F0;--text-secondary: #A0A0B8;--text-muted: #6B6B80;--text-on-dark: #FFFFFF;--text-on-dark-secondary: rgba(255,255,255,.7);--border: #2A2A40;--border-light: #222238;--shadow-sm: 0 2px 8px rgba(0,0,0,.2);--shadow-md: 0 4px 16px rgba(0,0,0,.3);--shadow-lg: 0 8px 32px rgba(0,0,0,.35);--shadow-xl: 0 12px 48px rgba(0,0,0,.4);--shadow-glow: 0 4px 24px var(--primary-glow)}[data-theme=dark] body{background:#0D0D1A}[data-theme=dark] .auth-form input{background:var(--bg-light)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg-light);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.app-root{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding-bottom:var(--nav-height);position:relative}.app-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:var(--bg-white);border-bottom:1px solid var(--border-light);position:sticky;top:0;z-index:50}.app-logo{display:flex;align-items:center;gap:10px}.app-logo-icon{width:36px;height:36px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--primary),var(--accent));display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px}.app-logo-text{font-size:20px;font-weight:800;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.app-header-actions{display:flex;gap:8px}.header-btn{width:38px;height:38px;border-radius:var(--radius-full);border:none;background:var(--bg-light);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.header-btn:active{transform:scale(.92);background:var(--border)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:var(--nav-height);background:var(--bg-white);border-top:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-around;padding:0 8px;padding-bottom:env(safe-area-inset-bottom,0);z-index:100}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 16px;border:none;background:none;cursor:pointer;border-radius:var(--radius-md);transition:all .2s ease;position:relative}.nav-item svg{width:24px;height:24px;color:var(--text-muted);transition:color .2s ease}.nav-item span{font-size:11px;font-weight:500;color:var(--text-muted);transition:color .2s ease}.nav-item.active svg{color:var(--primary)}.nav-item.active span{color:var(--primary);font-weight:600}.nav-item.active:before{content:"";position:absolute;top:-1px;left:50%;transform:translate(-50%);width:20px;height:3px;background:var(--primary);border-radius:0 0 3px 3px}.nav-item:active{transform:scale(.92)}.nav-item-center{position:relative;margin-top:-20px}.nav-item-center-btn{width:56px;height:56px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--primary),var(--primary-dark));border:4px solid var(--bg-white);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-glow);transition:all .2s ease}.nav-item-center-btn:active{transform:scale(.9)}.nav-item-center-btn svg{width:26px;height:26px}.nav-item-center span{font-size:11px;font-weight:600;color:var(--primary);margin-top:4px}.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding:20px}.category-card{background:var(--bg-white);border-radius:var(--radius-lg);padding:24px 16px;display:flex;flex-direction:column;align-items:center;gap:12px;border:1px solid var(--border-light);cursor:pointer;transition:all .25s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.category-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--accent));opacity:0;transition:opacity .25s ease}.category-card:active{transform:scale(.96)}.category-card:hover:before,.category-card:active:before{opacity:1}.category-icon{width:56px;height:56px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:28px}.category-icon.tops{background:linear-gradient(135deg,#a29bfe33,#6c5ce733)}.category-icon.bottoms{background:linear-gradient(135deg,#00cec933,#0984e333)}.category-icon.outerwear{background:linear-gradient(135deg,#fdcb6e33,#e1700633)}.category-icon.dresses{background:linear-gradient(135deg,#fd79a833,#e84393a3)}.category-icon.shoes{background:linear-gradient(135deg,#55efc433,#00b89433)}.category-icon.accessories{background:linear-gradient(135deg,#fab1a033,#ff776633)}.category-icon.bags{background:linear-gradient(135deg,#dfe6e933,#b2bec333)}.category-icon.hats{background:linear-gradient(135deg,#ffeaa733,#dfe6e933)}.category-icon.belts{background:linear-gradient(135deg,#c8d6e533,#a29bfe33)}.category-label{font-size:14px;font-weight:600;color:var(--text-primary)}.category-count{font-size:12px;color:var(--text-muted);font-weight:500}.category-desc{font-size:10.5px;color:var(--text-muted);font-weight:400;line-height:1.35;margin-top:2px;white-space:normal;word-break:break-word}.section-title{padding:20px 20px 4px;font-size:22px;font-weight:700;color:var(--text-primary);letter-spacing:-.3px}.section-subtitle{padding:0 20px 12px;font-size:14px;color:var(--text-secondary);line-height:1.4}.category-detail-header{display:flex;align-items:center;gap:12px;padding:16px 20px}.back-btn{width:38px;height:38px;border-radius:var(--radius-full);border:none;background:var(--bg-light);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.back-btn:active{transform:scale(.92)}.category-detail-title{font-size:20px;font-weight:700;color:var(--text-primary);flex:1}.add-item-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-full);border:none;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-glow)}.add-item-btn:active{transform:scale(.95)}.add-item-btn svg{width:16px;height:16px}.closet-grid{padding:8px 20px 20px;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.closet-card{background:var(--bg-white);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-light);padding:0;cursor:pointer;transition:all .25s cubic-bezier(.22,1,.36,1);position:relative;animation:cardFadeIn .4s ease forwards}.closet-card:active{transform:scale(.97)}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.closet-card img{width:100%;height:160px;object-fit:contain;display:block;background:var(--bg-light);padding:4px}.closet-card-info{padding:10px 12px 12px}.closet-card-name{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.closet-card-color{display:flex;align-items:center;gap:5px;margin-top:3px}.closet-card-color-dot{width:12px;height:12px;border-radius:50%;border:1px solid var(--border);flex-shrink:0}.closet-card-color-name{font-size:11px;color:var(--text-secondary);text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.closet-card-meta{font-size:12px;color:var(--text-muted);text-transform:capitalize}.color-picker-section{display:flex;flex-direction:column;gap:6px}.color-selected-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:2px}.color-selected-chip{display:flex;align-items:center;gap:6px;padding:4px 8px 4px 4px;background:var(--bg-light);border-radius:var(--radius-full);border:1px solid var(--border-light)}.custom-color-row{display:flex;gap:8px;margin-top:6px}.custom-color-input{flex:1;padding:8px 12px;border-radius:var(--radius-md);border:1px solid var(--border-light);background:var(--bg-light);color:var(--text-primary);font-size:14px}.custom-color-add-btn{padding:8px 16px;border-radius:var(--radius-md);border:none;background:var(--primary);color:#fff;font-size:14px;font-weight:600;cursor:pointer}.custom-color-add-btn:disabled{opacity:.4;cursor:not-allowed}.fit-style-section{display:flex;flex-direction:column;gap:6px}.fit-style-chips{display:flex;flex-wrap:wrap;gap:8px}.fit-style-chip{padding:8px 14px;border-radius:var(--radius-full);border:1.5px solid var(--border-light);background:var(--bg-light);color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.fit-style-chip.selected{background:var(--primary);color:#fff;border-color:var(--primary)}.color-selected-dot{width:20px;height:20px;border-radius:50%;border:2px solid var(--border);flex-shrink:0}.color-selected-label{flex:1;font-size:14px;font-weight:500;color:var(--text-primary);text-transform:capitalize}.color-clear-btn{background:none;border:none;color:var(--text-muted);font-size:14px;cursor:pointer;padding:2px 6px;border-radius:var(--radius-sm)}.color-clear-btn:hover{background:var(--border-light)}.color-bubble-grid{display:flex;flex-wrap:wrap;gap:6px;padding:4px 0}.color-bubble{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:transform .15s ease,border-color .15s ease;box-shadow:inset 0 0 0 1px #0000001a}.color-bubble:active{transform:scale(.85)}.color-bubble.selected{border-color:var(--primary);transform:scale(1.15);box-shadow:0 0 0 2px var(--primary),inset 0 0 0 1px #0000001a}.closet-card-delete{position:absolute;top:8px;right:8px;width:30px;height:30px;border-radius:var(--radius-full);background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s ease;z-index:2}.closet-card:hover .closet-card-delete,.closet-card:active .closet-card-delete{opacity:1}.closet-card-confirm-delete{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-xl, 16px);background:rgba(0,0,0,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;z-index:10;padding:12px;text-align:center;color:#fff;font-size:.82rem;font-weight:600;line-height:1.3}.closet-card-confirm-delete p{margin:0;font-size:.8rem;color:#fcc}.closet-card-confirm-actions{display:flex;gap:8px}.closet-card-confirm-yes{background:#ef4444;color:#fff;border:none;border-radius:8px;padding:7px 18px;font-size:.8rem;font-weight:700;cursor:pointer;transition:background .18s}.closet-card-confirm-yes:hover{background:#dc2626}.closet-card-confirm-no{background:rgba(255,255,255,.18);color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:8px;padding:7px 18px;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .18s}.closet-card-confirm-no:hover{background:rgba(255,255,255,.28)}.grid-tag-row{display:flex;gap:4px;margin-top:6px;flex-wrap:nowrap;overflow:hidden}.grid-tag-chip{padding:2px 8px;background:var(--bg-light);color:var(--text-secondary);border-radius:var(--radius-full);font-size:10px;font-weight:500;white-space:nowrap}.empty-category{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;gap:16px;padding:48px 24px;text-align:center}.empty-category-icon{width:80px;height:80px;border-radius:var(--radius-xl);background:linear-gradient(135deg,var(--primary-light),var(--accent));display:flex;align-items:center;justify-content:center;font-size:36px;opacity:.8}.empty-category-title{font-size:18px;font-weight:700;color:var(--text-primary)}.empty-category-desc{font-size:14px;color:var(--text-secondary);max-width:240px;line-height:1.5}.empty-add-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:var(--radius-full);border:2px dashed var(--primary-light);background:transparent;color:var(--primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.empty-add-btn:active{transform:scale(.95);background:rgba(108,92,231,.05)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.35);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:flex-end;z-index:200;animation:backdropIn .2s ease}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}.sheet{width:100%;max-width:480px;max-height:85vh;background:var(--bg-white);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:20px 24px 32px;box-shadow:var(--shadow-xl);animation:sheetEnter .35s cubic-bezier(.22,1,.36,1);overflow-y:auto}.sheet-handle{width:40px;height:4px;background:var(--border);border-radius:var(--radius-full);margin:0 auto 16px}.sheet h2{margin:0 0 16px;font-size:22px;color:var(--text-primary);font-weight:700;letter-spacing:-.3px}@keyframes sheetEnter{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-image{width:100%;max-height:300px;object-fit:contain;border-radius:var(--radius-md);margin-bottom:16px;background:var(--bg-light);padding:4px}.detail-meta{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.detail-chip{padding:6px 14px;background:var(--bg-light);color:var(--text-secondary);border-radius:var(--radius-full);font-size:13px;font-weight:500}.color-swatch{width:28px;height:28px;border-radius:var(--radius-full);border:2px solid var(--border);margin:8px 0}.tag-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.tag-chip{padding:6px 14px;background:var(--bg-light);color:var(--text-secondary);border-radius:var(--radius-full);font-size:13px;font-weight:500}.primary-btn{width:100%;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;padding:14px;border-radius:var(--radius-md);border:none;font-size:16px;font-weight:600;margin-top:12px;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-glow)}.primary-btn:active{transform:scale(.98)}.secondary-btn{width:100%;background:var(--bg-light);color:var(--text-primary);padding:14px;border-radius:var(--radius-md);border:1px solid var(--border);font-size:15px;font-weight:500;margin-top:10px;cursor:pointer;transition:all .2s ease}.secondary-btn:active{transform:scale(.98)}.danger-btn{width:100%;background:#FFF5F5;color:#e74c3c;padding:14px;border-radius:var(--radius-md);border:1px solid #FECACA;font-size:15px;font-weight:600;margin-top:10px;cursor:pointer;transition:all .2s ease}.danger-btn:active{transform:scale(.98);background:#FEE2E2}.add-item-form{display:flex;flex-direction:column;gap:16px}.add-item-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.add-item-form input,.add-item-form select{padding:12px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);font-size:15px;background:var(--bg-white);color:var(--text-primary);font-family:Inter,system-ui,sans-serif;transition:border-color .2s ease}.add-item-form input:focus,.add-item-form select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.photo-upload-section{display:flex;flex-direction:column;gap:12px}.photo-upload-row{display:flex;gap:12px}.photo-upload-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 12px;border-radius:var(--radius-md);border:2px dashed var(--border);background:var(--bg-light);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.photo-upload-btn:active{border-color:var(--primary-light);background:rgba(108,92,231,.05)}.photo-upload-btn svg{width:28px;height:28px;color:var(--primary)}.photo-upload-btn span{font-size:13px;font-weight:500}.photo-preview{width:100%;height:200px;object-fit:contain;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-light);transition:opacity .3s ease}.photo-preview.removing-bg{opacity:.5}.photo-preview-container{position:relative}.bg-removal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:rgba(255,255,255,.7);border-radius:var(--radius-md);font-size:13px;font-weight:600;color:var(--text-secondary)}[data-theme=dark] .bg-removal-overlay{background:rgba(0,0,0,.6)}.bg-removal-spinner{width:28px;height:28px;border:3px solid var(--border-light);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.photo-rotate-btn{position:absolute;top:8px;left:8px;width:28px;height:28px;border-radius:var(--radius-full);background:rgba(0,0,0,.6);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2}.photo-rotate-btn:active{background:rgba(0,0,0,.8);transform:scale(.9)}.photo-remove-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:var(--radius-full);background:rgba(0,0,0,.6);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px}.size-section{display:flex;flex-direction:column;gap:8px}.size-section label{font-size:12px;font-weight:600;color:var(--text-secondary);letter-spacing:.5px;text-transform:uppercase}.size-type-toggle{display:flex;gap:0;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border)}.size-type-btn{flex:1;padding:10px 12px;border:none;background:var(--bg-light);font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;font-family:Inter,system-ui,sans-serif;transition:all .2s ease}.size-type-btn.active{background:var(--primary);color:#fff;font-weight:600}.size-type-btn:first-child{border-right:1px solid var(--border)}.waist-length-row{display:flex;align-items:center;gap:8px}.waist-length-field{flex:1;display:flex;flex-direction:column;gap:4px}.waist-length-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px}.waist-length-x{font-size:16px;font-weight:600;color:var(--text-muted);margin-top:16px}.outfit-items{display:flex;flex-direction:column;gap:14px;margin-bottom:20px}.outfit-item-card{width:100%;background:var(--bg-white);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-light);transform:translateY(8px);opacity:0;animation:cardFadeIn .45s cubic-bezier(.22,1,.36,1) forwards}.outfit-item-image{width:100%;height:220px;object-fit:contain;background:var(--bg-light);padding:4px}.outfit-item-info{padding:12px 14px}.outfit-item-name{font-size:15px;font-weight:600;color:var(--text-primary)}.outfit-item-category{font-size:12px;color:var(--text-muted);margin-top:4px;text-transform:capitalize}.color-harmony-row{display:flex;gap:6px;margin-top:8px}.color-harmony-swatch{width:14px;height:14px;border-radius:var(--radius-full);border:1px solid var(--border)}.anchor-card{border:2px solid var(--primary-light)}.anchor-label{margin-top:8px;font-size:11px;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:.5px}.outfit-controls{display:flex;flex-direction:column;gap:0}.palette-strip{display:flex;width:100%;height:6px;border-radius:var(--radius-full);overflow:hidden;margin:12px 0 20px}.palette-color{flex:1}.weather-context{font-size:13px;color:var(--text-secondary);margin-bottom:12px}.empty-outfit{text-align:center;color:var(--text-secondary);padding:24px 0}.premium-page{padding:20px}.premium-hero{text-align:center;padding:32px 20px;background:linear-gradient(135deg,var(--bg-dark),var(--bg-surface));border-radius:var(--radius-xl);margin-bottom:24px;position:relative;overflow:hidden}.premium-hero:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 50%,var(--primary-glow),transparent 50%);pointer-events:none}.premium-hero-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;background:rgba(255,255,255,.1);border-radius:var(--radius-full);color:var(--accent-light);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px;position:relative}.premium-hero h2{font-size:28px;font-weight:800;color:#fff;margin:0 0 8px;letter-spacing:-.5px;position:relative}.premium-hero p{font-size:15px;color:var(--text-on-dark-secondary);margin:0;line-height:1.5;position:relative}.pricing-cards{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.pricing-card{background:var(--bg-white);border-radius:var(--radius-lg);padding:24px;border:1px solid var(--border-light);position:relative;overflow:hidden}.pricing-card.featured{border:2px solid var(--primary);box-shadow:var(--shadow-glow)}.pricing-card.featured:before{content:"MOST POPULAR";position:absolute;top:12px;right:-28px;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;font-size:10px;font-weight:700;letter-spacing:.5px;padding:4px 36px;transform:rotate(45deg)}.pricing-tier{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:8px}.pricing-card.featured .pricing-tier{color:var(--primary)}.pricing-amount{display:flex;align-items:baseline;gap:4px;margin-bottom:4px}.pricing-currency{font-size:20px;font-weight:700;color:var(--text-primary)}.pricing-value{font-size:40px;font-weight:800;color:var(--text-primary);letter-spacing:-1px;line-height:1}.pricing-period{font-size:14px;color:var(--text-muted);font-weight:500}.pricing-desc{font-size:14px;color:var(--text-secondary);margin-bottom:20px;line-height:1.4}.pricing-features{list-style:none;padding:0;margin:0 0 20px;display:flex;flex-direction:column;gap:12px}.pricing-feature{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--text-primary);line-height:1.4}.pricing-feature-icon{width:20px;height:20px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:12px;margin-top:1px}.pricing-feature-icon.included{background:#DCFCE7;color:#16a34a}.pricing-feature-icon.locked{background:var(--bg-light);color:var(--text-muted)}.pricing-btn{width:100%;padding:14px;border-radius:var(--radius-md);border:none;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.pricing-btn:active{transform:scale(.98)}.pricing-btn.primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:var(--shadow-glow)}.pricing-btn.secondary{background:var(--bg-light);color:var(--text-primary);border:1px solid var(--border)}.feature-highlights{display:flex;flex-direction:column;gap:16px;padding:0 0 24px}.feature-card{display:flex;gap:14px;padding:16px;background:var(--bg-white);border-radius:var(--radius-md);border:1px solid var(--border-light)}.feature-icon-box{width:44px;height:44px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.feature-icon-box.purple{background:linear-gradient(135deg,#a29bfe33,#6c5ce733)}.feature-icon-box.pink{background:linear-gradient(135deg,#fd79a833,#e8439333)}.feature-icon-box.teal{background:linear-gradient(135deg,#00cec933,#0984e333)}.feature-icon-box.gold{background:linear-gradient(135deg,#fdcb6e33,#e1700633)}.feature-text h4{margin:0 0 4px;font-size:15px;font-weight:700;color:var(--text-primary)}.feature-text p{margin:0;font-size:13px;color:var(--text-secondary);line-height:1.4}.premium-badge{display:inline-flex;padding:2px 8px;background:linear-gradient(135deg,var(--accent-light),var(--accent));border-radius:var(--radius-full);font-size:10px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px;margin-left:6px;vertical-align:middle}.ai-autofill-btn{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;border-radius:var(--radius-md);border:1px solid var(--border-light);background:linear-gradient(135deg,#F5F3FF,#FDF2F8);cursor:pointer;transition:all .25s ease;text-align:left}.ai-autofill-btn:active{transform:scale(.98);border-color:var(--primary-light)}.ai-autofill-icon{width:40px;height:40px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.ai-autofill-text{display:flex;flex-direction:column;gap:2px;flex:1}.ai-autofill-label{font-size:14px;font-weight:700;color:var(--text-primary)}.ai-autofill-desc{font-size:12px;color:var(--text-secondary)}.upgrade-hint{display:flex;gap:12px;padding:16px;background:linear-gradient(135deg,#FDF2F8,#F5F3FF);border-radius:var(--radius-md);border:1px solid #E9D5FF;animation:hintSlideIn .3s ease}@keyframes hintSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.upgrade-hint-icon{font-size:24px;flex-shrink:0;margin-top:2px}.upgrade-hint-content{display:flex;flex-direction:column;gap:6px}.upgrade-hint-title{font-size:15px;font-weight:700;color:var(--text-primary)}.upgrade-hint-desc{font-size:13px;color:var(--text-secondary);line-height:1.5}.upgrade-hint-btn{align-self:flex-start;padding:8px 20px;border-radius:var(--radius-full);border:none;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;font-size:13px;font-weight:600;cursor:pointer;margin-top:4px;transition:all .2s ease;box-shadow:var(--shadow-glow)}.upgrade-hint-btn:active{transform:scale(.95)}.shop-similar-btn{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:6px 14px;border-radius:var(--radius-full);background:linear-gradient(135deg,#FF9900,#FF6600);color:#fff;font-size:12px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s ease;border:none}.shop-similar-btn:active{transform:scale(.95)}.shop-similar-btn svg{flex-shrink:0}.referral-section{background:var(--bg-white);border-radius:var(--radius-md);border:1px solid var(--border-light);padding:20px}.referral-header{display:flex;gap:14px;margin-bottom:20px}.referral-link-box{margin-bottom:16px}.referral-label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.referral-link-row{display:flex;gap:8px}.referral-link-input{flex:1;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);font-size:13px;background:var(--bg-light);color:var(--text-primary);font-family:Inter,system-ui,sans-serif;min-width:0}.referral-copy-btn{padding:10px 20px;border-radius:var(--radius-sm);border:none;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;box-shadow:var(--shadow-glow)}.referral-copy-btn:active{transform:scale(.95)}.referral-stats-box{display:flex;gap:16px;margin-bottom:12px}.referral-stat{flex:1;text-align:center;padding:12px;background:var(--bg-light);border-radius:var(--radius-sm)}.referral-stat-value{font-size:24px;font-weight:800;color:var(--text-primary)}.referral-stat-label{font-size:12px;color:var(--text-muted);margin-top:2px}.referral-progress-track{width:100%;height:8px;background:var(--bg-light);border-radius:var(--radius-full);overflow:hidden;margin-bottom:6px}.referral-progress-bar{height:100%;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:var(--radius-full);transition:width .4s ease;min-width:0}.referral-progress-label{font-size:12px;color:var(--text-secondary);text-align:center}.referral-msg{margin-top:12px;padding:10px 14px;border-radius:var(--radius-sm);background:var(--bg-light);font-size:13px;color:var(--text-primary);text-align:center}@media (min-width: 480px){.category-grid,.closet-grid{grid-template-columns:repeat(3,1fr)}}.closet-card-fav{position:absolute;top:8px;left:8px;width:32px;height:32px;border-radius:var(--radius-full);background:rgba(255,255,255,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:none;color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;transition:transform .2s ease,background .2s ease}.closet-card-fav:active{transform:scale(1.2)}.closet-card-fav.favorited{background:rgba(255,255,255,.95)}@keyframes heartPop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.closet-card-fav.favorited svg{animation:heartPop .3s ease}.closet-filter-row{display:flex;gap:8px;padding:0 16px 12px}.closet-filter-chip{display:flex;align-items:center;gap:5px;padding:7px 14px;border-radius:var(--radius-full);border:1.5px solid var(--border-light);background:var(--bg-white);color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease}.closet-filter-chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}.save-outfit-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;border-radius:var(--radius-md);border:2px solid var(--primary);background:transparent;color:var(--primary);font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease}.save-outfit-btn:hover{background:var(--primary);color:#fff}.save-outfit-btn.saved{border-color:#10b981;color:#10b981;background:#ecfdf5}.save-outfit-btn:disabled{opacity:.7;cursor:default}.saved-outfits-locked,.saved-outfits-empty{text-align:center;padding:40px 20px;background:var(--bg-white);border-radius:var(--radius-lg);border:1px solid var(--border-light)}.saved-outfits-list{display:flex;flex-direction:column;gap:12px}.saved-outfit-card{background:var(--bg-white);border-radius:var(--radius-lg);border:1px solid var(--border-light);overflow:hidden}.saved-outfit-header{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:background .15s ease}.saved-outfit-header:hover{background:var(--bg-light)}.saved-outfit-previews{display:flex;gap:-4px}.saved-outfit-thumb{width:40px;height:40px;border-radius:8px;object-fit:cover;border:2px solid var(--bg-white);margin-left:-4px}.saved-outfit-thumb:first-child{margin-left:0}.saved-outfit-thumb-placeholder{width:40px;height:40px;border-radius:8px;background:var(--bg-light);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--text-muted);border:2px solid var(--bg-white);margin-left:-4px}.saved-outfit-thumb-more{width:40px;height:40px;border-radius:8px;background:var(--bg-light);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--text-muted);border:2px solid var(--bg-white);margin-left:-4px}.saved-outfit-info{flex:1;min-width:0}.saved-outfit-name{font-weight:700;font-size:14px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saved-outfit-date{font-size:12px;color:var(--text-muted);margin-top:2px}.saved-outfit-expanded{padding:0 16px 16px;border-top:1px solid var(--border-light)}.saved-outfit-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px;padding-top:12px}.saved-outfit-item{text-align:center}.saved-outfit-item-img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;background:var(--bg-light)}.saved-outfit-item-placeholder{width:100%;aspect-ratio:1;border-radius:8px;background:var(--bg-light);display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--text-muted);padding:4px}.saved-outfit-item-name{font-size:11px;color:var(--text-secondary);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saved-outfit-delete{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:12px;padding:8px 16px;border:1px solid #fecaca;border-radius:var(--radius-md);background:#fef2f2;color:#dc2626;font-size:13px;font-weight:600;cursor:pointer;width:100%;transition:background .15s ease}.saved-outfit-delete:hover{background:#fee2e2}