@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{color:#2d2342;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--primary:#8b5cf6;--primary-dark:#6d28d9;--lavender:#ede9fe;--lavender-light:#f8f5ff;--text-primary:#2d2342;--text-secondary:#756b85;--white:#fff;--border:#e9e1f8;--shadow-soft:0 10px 30px #5b3f7d14;--shadow-card:0 8px 24px #5b3f7d1a;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;background:#f8f5ff;font-family:Inter,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--lavender-light);min-width:320px;min-height:100vh;color:var(--text-primary)}button,input,textarea,select{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}:root{--navbar-bg:#f8f8f8}.dark-theme{--navbar-bg:#202020}.navbar{background:var(--navbar-bg);border-bottom:1px solid var(--border);width:100%;min-height:76px;box-shadow:var(--shadow-soft);z-index:9999;isolation:isolate;justify-content:space-between;align-items:center;gap:24px;padding:14px 32px;transition:background .25s,border-color .25s,box-shadow .25s;display:flex;position:sticky;top:0}.navbar-logo{color:var(--primary-dark);cursor:pointer;flex-shrink:0;align-items:center;gap:10px;font-size:20px;font-weight:700;display:flex}.logo-icon{background:var(--lavender);width:40px;height:40px;color:var(--primary);border-radius:13px;justify-content:center;align-items:center;display:flex}.navbar-links{justify-content:center;align-items:center;gap:4px;display:flex}.navbar-links a{color:var(--text-secondary);border-radius:12px;align-items:center;gap:7px;padding:10px 13px;font-size:14px;font-weight:500;text-decoration:none;transition:background .2s,color .2s;display:flex}.navbar-links a:hover{background:var(--lavender);color:var(--primary-dark)}.navbar-links a.active{background:var(--lavender);color:var(--primary);font-weight:600}.navbar-actions{flex-shrink:0;align-items:center;display:flex}.theme-button{background:var(--lavender);width:42px;height:42px;color:var(--primary-dark);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;transition:background .2s,color .2s,transform .2s;display:flex}.theme-button:hover{transform:translateY(-1px)}html[data-theme=dark] .navbar{background:#151515}html[data-theme=dark] .navbar-logo{color:#a78bfa}html[data-theme=dark] .logo-icon{color:#a78bfa;background:#29203d}html[data-theme=dark] .navbar-links a{color:#c7c7c7}html[data-theme=dark] .navbar-links a:hover,html[data-theme=dark] .navbar-links a.active,html[data-theme=dark] .theme-button{color:#a78bfa;background:#29203d}@media (width<=900px){.navbar{gap:12px;padding:12px 20px}.navbar-links{gap:2px}.navbar-links a{padding:9px 10px}.navbar-links a span{display:none}}@media (width<=600px){.navbar{min-height:68px;padding:10px 14px}.navbar-logo span{display:none}.navbar-logo{gap:0}.logo-icon{width:38px;height:38px}.navbar-links{flex:1;justify-content:flex-end}.navbar-links a{padding:8px}.theme-button{width:38px;height:38px}}.home{background:radial-gradient(circle at 80% 20%,#a78bfa2e,#0000 35%),linear-gradient(135deg,#fff 0%,#faf7ff 50%,#f3edff 100%);grid-template-columns:1fr .9fr;align-items:center;gap:70px;min-height:calc(100vh - 80px);padding:90px 8%;display:grid;position:relative;overflow:hidden}.home:before{content:"";filter:blur(80px);pointer-events:none;background:#8b5cf61f;border-radius:50%;width:420px;height:420px;position:absolute;top:-180px;left:-150px}.home:after{content:"";filter:blur(90px);pointer-events:none;background:#c4b5fd29;border-radius:50%;width:360px;height:360px;position:absolute;bottom:-170px;right:25%}.home-content{z-index:2;max-width:650px;position:relative}.home-badge{color:#7c3aed;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffbf;border:1px solid #7c3aed2e;border-radius:999px;align-items:center;gap:8px;width:fit-content;margin-bottom:24px;padding:9px 15px;font-size:13px;font-weight:600;display:inline-flex;box-shadow:0 8px 25px #4c1d9514}.home h1{color:#18121f;letter-spacing:-3px;margin:0;font-size:clamp(48px,6vw,78px);font-weight:800;line-height:1.02}.home h1 span{color:#7c3aed}.home-content>p{color:#6b6375;max-width:590px;margin:28px 0 32px;font-size:17px;line-height:1.8}.home-buttons{align-items:center;margin-bottom:35px;display:flex}.primary-home-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#9333ea);border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:0 24px;font-size:15px;font-weight:700;transition:transform .25s,box-shadow .25s,opacity .25s;display:inline-flex;box-shadow:0 12px 30px #7c3aed40}.primary-home-button:hover{transform:translateY(-3px);box-shadow:0 16px 35px #7c3aed52}.primary-home-button:active{transform:translateY(-1px)}.primary-home-button svg{flex-shrink:0}.home-quick-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:650px;display:grid}.home-stat{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffc7;border:1px solid #7c3aed1a;border-radius:18px;align-items:center;gap:12px;min-height:76px;padding:14px;transition:transform .25s,box-shadow .25s;display:flex;box-shadow:0 10px 30px #4c1d950f}.home-stat:hover{transform:translateY(-3px);box-shadow:0 14px 35px #4c1d951a}.home-stat-icon{color:#7c3aed;background:#f0eaff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.home-stat div:last-child{flex-direction:column;gap:3px;min-width:0;display:flex}.home-stat strong{color:#24182f;font-size:18px;font-weight:800}.home-stat span{color:#81778d;white-space:nowrap;font-size:11px;font-weight:600}.home-visual{z-index:1;justify-content:center;align-items:center;min-height:600px;display:flex;position:relative}.visual-glow{filter:blur(20px);background:radial-gradient(circle,#8b5cf640,#c4b5fd14,#0000 70%);border-radius:50%;width:390px;height:390px;position:absolute}.fashion-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffd1;border:1px solid #fffc;border-radius:28px;width:min(390px,100%);padding:15px;transition:transform .35s,box-shadow .35s;position:relative;transform:rotate(2deg);box-shadow:0 30px 70px #4c1d9529}.fashion-card:hover{transform:rotate(0)translateY(-8px);box-shadow:0 35px 80px #4c1d9533}.fashion-card-header{color:#33283d;justify-content:space-between;align-items:center;padding:8px 7px 14px;font-size:13px;font-weight:700;display:flex}.fashion-card-header svg{color:#8b5cf6}.fashion-image{aspect-ratio:4/5;background:linear-gradient(135deg,#eee6ff,#fff);border-radius:20px;width:100%;overflow:hidden}.fashion-image img{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.fashion-card:hover .fashion-image img{transform:scale(1.04)}.fashion-info{padding:17px 8px 7px}.fashion-title-row{justify-content:space-between;align-items:center;gap:15px;display:flex}.fashion-title-row h3{color:#251c2d;margin:0 0 5px;font-size:18px;font-weight:800}.fashion-title-row p{color:#81778d;margin:0;font-size:13px}.fashion-title-row>svg{color:#8b5cf6;flex-shrink:0}@media (width<=1000px){.home{grid-template-columns:1fr;gap:40px;padding:70px 7%}.home-content{text-align:center;max-width:750px;margin:0 auto}.home-badge,.home-content>p{margin-left:auto;margin-right:auto}.home-buttons{justify-content:center}.home-quick-stats{width:100%;margin-left:auto;margin-right:auto}.home-visual{min-height:auto;padding-bottom:30px}}@media (width<=650px){.home{min-height:auto;padding:55px 20px 65px}.home h1{letter-spacing:-2px;font-size:46px}.home-content>p{font-size:15px;line-height:1.7}.primary-home-button,.home-buttons{width:100%}.home-quick-stats{grid-template-columns:1fr;gap:10px}.home-stat{min-height:68px}.home-stat span{font-size:12px}.home-visual{width:100%}.fashion-card{width:min(340px,100%);transform:none}.fashion-card:hover{transform:translateY(-5px)}}@media (width<=400px){.home{padding-left:15px;padding-right:15px}.home h1{font-size:40px}.home-badge{font-size:11px}.fashion-card{border-radius:22px}}html[data-theme=dark] .home{background:radial-gradient(circle at 80% 20%,#a78bfa1f,#0000 35%),linear-gradient(135deg,#111 0%,#18151d 50%,#211b2b 100%)}html[data-theme=dark] .home:before,html[data-theme=dark] .home:after{background:#8b5cf61a}html[data-theme=dark] .home-badge{color:#a78bfa;background:#232323d9;border-color:#a78bfa40;box-shadow:0 8px 25px #00000040}html[data-theme=dark] .home h1{color:#f5f5f5}html[data-theme=dark] .home h1 span{color:#a78bfa}html[data-theme=dark] .home-content>p{color:#c4c4c4}html[data-theme=dark] .home-stat{background:#202020d9;border-color:#a78bfa29;box-shadow:0 10px 30px #00000047}html[data-theme=dark] .home-stat:hover{box-shadow:0 14px 35px #00000059}html[data-theme=dark] .home-stat-icon{color:#a78bfa;background:#30244a}html[data-theme=dark] .home-stat strong{color:#f5f5f5}html[data-theme=dark] .home-stat span{color:#aaa0b5}html[data-theme=dark] .visual-glow{background:radial-gradient(circle,#8b5cf62e,#8b5cf60d,#0000 70%)}html[data-theme=dark] .fashion-card{background:#202020e0;border-color:#ffffff14;box-shadow:0 30px 70px #00000073}html[data-theme=dark] .fashion-card:hover{box-shadow:0 35px 80px #0000008c}html[data-theme=dark] .fashion-card-header{color:#eee}html[data-theme=dark] .fashion-card-header svg{color:#a78bfa}html[data-theme=dark] .fashion-image{background:linear-gradient(135deg,#29232f,#202020)}html[data-theme=dark] .fashion-title-row h3{color:#f5f5f5}html[data-theme=dark] .fashion-title-row p{color:#aaa0b5}html[data-theme=dark] .fashion-title-row>svg{color:#a78bfa}.home-features{background:#fff;padding:100px 7%}.features-heading{text-align:center;max-width:650px;margin:0 auto 55px}.features-heading>span{color:var(--primary);text-transform:uppercase;letter-spacing:1px;font-size:13px;font-weight:700}.features-heading h2{color:var(--text-primary);margin-top:12px;font-size:clamp(32px,4vw,48px);line-height:1.15}.features-heading h2 strong{color:var(--primary)}.features-heading p{color:var(--text-secondary);margin-top:18px;line-height:1.7}.feature-grid{grid-template-columns:repeat(4,1fr);gap:18px;max-width:1150px;margin:0 auto;display:grid}.feature-card{background:var(--lavender-light);border:1px solid var(--border);border-radius:24px;padding:28px 22px;transition:all .25s}.feature-card:hover{box-shadow:var(--shadow-card);transform:translateY(-5px)}.feature-icon{background:var(--lavender);width:46px;height:46px;color:var(--primary);border-radius:14px;justify-content:center;align-items:center;display:flex}.feature-card h3{margin-top:20px;font-size:18px}.feature-card p{color:var(--text-secondary);margin-top:10px;font-size:14px;line-height:1.7}@media (width<=900px){.feature-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=550px){.home-features{padding:70px 20px}.feature-grid{grid-template-columns:1fr}}[data-theme=dark] .home-stats,[data-theme=dark] .clothing-card,[data-theme=dark] .style-card,[data-theme=dark] .ai-preview-card,[data-theme=dark] .feature-card,[data-theme=dark] .how-section,[data-theme=dark] .home-features{color:#f5f3ff;background:#111}[data-theme=dark] .home-stats{background:#111;border-color:#2b2b2b;box-shadow:0 15px 40px #00000059}[data-theme=dark] .home-stats div{border-color:#303030}[data-theme=dark] .home-stats strong{color:#c4b5fd}[data-theme=dark] .home-stats span{color:#b8b2c4}[data-theme=dark] .section-heading>span{color:#a78bfa}[data-theme=dark] .section-heading h2{color:#f5f3ff}[data-theme=dark] .section-heading h2 strong{color:#a78bfa}[data-theme=dark] .section-heading p{color:#aaa4b5}[data-theme=dark] .closet-preview{background:#0b0b0b}[data-theme=dark] .clothing-card{background:#111;border-color:#2b2b2b;box-shadow:0 12px 35px #00000059}[data-theme=dark] .clothing-card:hover{box-shadow:0 18px 45px #00000080}[data-theme=dark] .clothing-card h3{color:#f5f3ff}[data-theme=dark] .clothing-card>span{color:#aaa4b5}[data-theme=dark] .clothing-image{background:linear-gradient(145deg,#211b2b,#30203a)}[data-theme=dark] .how-section{background:#0b0b0b}[data-theme=dark] .step-card{color:#f5f3ff;background:#151515;border-color:#2b2b2b}[data-theme=dark] .step-number{color:#6d5ca8}[data-theme=dark] .step-card>svg{color:#a78bfa}[data-theme=dark] .step-card h3{color:#f5f3ff}[data-theme=dark] .step-card p{color:#aaa4b5}[data-theme=dark] .ai-preview{background:linear-gradient(135deg,#15131a,#1b1724);border-color:#30283d;box-shadow:0 25px 60px #00000073}[data-theme=dark] .ai-badge{color:#c4b5fd;background:#201a2b;border:1px solid #382e4a}[data-theme=dark] .ai-preview-content h2{color:#f5f3ff}[data-theme=dark] .ai-preview-content h2 strong{color:#a78bfa}[data-theme=dark] .ai-preview-content>p{color:#aaa4b5}[data-theme=dark] .ai-preview-content li{color:#e8e3ef}[data-theme=dark] .ai-preview-content li svg{color:#a78bfa}[data-theme=dark] .ai-preview-card{background:#111;border:1px solid #2b2b2b;box-shadow:0 20px 50px #00000080}[data-theme=dark] .ai-card-top{color:#aaa4b5}[data-theme=dark] .ai-card-top span:first-child{color:#c4b5fd}[data-theme=dark] .ai-preview-card h3{color:#f5f3ff}[data-theme=dark] .ai-preview-card>p{color:#aaa4b5}[data-theme=dark] .ai-outfit-visual{background:linear-gradient(145deg,#211b2b,#30203a)}[data-theme=dark] .weather-pill{color:#c4b5fd;background:#241b32;border:1px solid #3a2d50}[data-theme=dark] .style-section{background:#0b0b0b}[data-theme=dark] .style-card{background:#111;border-color:#2b2b2b}[data-theme=dark] .style-card h3{color:#f5f3ff}[data-theme=dark] .style-card p{color:#aaa4b5}[data-theme=dark] .style-card>span{color:#a78bfa;background:#241b32}[data-theme=dark] .home-cta{background:linear-gradient(135deg,#6d28d9,#7c3aed)}[data-theme=dark] .home-cta h2{color:#fff}[data-theme=dark] .home-cta p{color:#ffffffd1}[data-theme=dark] .home-cta .cta-button{color:#c4b5fd;background:#111}[data-theme=dark] .home-cta .cta-button:hover{background:#1c1c1c}[data-theme=dark] .home-features{background:#0b0b0b}[data-theme=dark] .features-heading>span{color:#a78bfa}[data-theme=dark] .features-heading h2{color:#f5f3ff}[data-theme=dark] .features-heading h2 strong{color:#a78bfa}[data-theme=dark] .features-heading p{color:#aaa4b5}[data-theme=dark] .feature-card{color:#f5f3ff;background:#151515;border-color:#2b2b2b}[data-theme=dark] .feature-card:hover{box-shadow:0 18px 45px #00000080}[data-theme=dark] .feature-icon{color:#a78bfa;background:#241b32}[data-theme=dark] .feature-card h3{color:#f5f3ff}[data-theme=dark] .feature-card p{color:#aaa4b5}[data-theme=dark] .home-stats,[data-theme=dark] .clothing-card,[data-theme=dark] .step-card,[data-theme=dark] .ai-preview,[data-theme=dark] .ai-preview-card,[data-theme=dark] .style-card,[data-theme=dark] .feature-card{color:#f5f3ff}.home-stats{border:1px solid var(--border);max-width:1150px;box-shadow:var(--shadow-soft);background:#fff;border-radius:24px;grid-template-columns:repeat(4,1fr);gap:20px;margin:0 auto;padding:28px 30px;display:grid}.home-stats div{text-align:center;border-right:1px solid var(--border);padding:10px}.home-stats div:last-child{border-right:none}.home-stats strong{color:var(--primary-dark);font-size:28px;font-weight:700;display:block}.home-stats span{color:var(--text-secondary);margin-top:4px;font-size:13px;display:block}.section-heading{text-align:center;max-width:680px;margin:0 auto 55px}.section-heading>span{color:var(--primary);letter-spacing:1.5px;text-transform:uppercase;font-size:12px;font-weight:700}.section-heading h2{color:var(--text-primary);margin-top:12px;font-size:clamp(32px,4vw,48px);line-height:1.15}.section-heading h2 strong{color:var(--primary)}.section-heading p{color:var(--text-secondary);margin-top:18px;line-height:1.7}.closet-preview{padding:110px 7%}.clothes-preview{grid-template-columns:repeat(4,1fr);gap:20px;max-width:1150px;margin:0 auto;display:grid}.clothing-card{border:1px solid var(--border);box-shadow:var(--shadow-soft);background:#fff;border-radius:24px;padding:12px;transition:all .25s;overflow:hidden}.clothing-card:hover{box-shadow:var(--shadow-card);transform:translateY(-7px)}.clothing-image{background:linear-gradient(145deg,#ede9fe,#f5d0fe);border-radius:18px;justify-content:center;align-items:center;width:100%;height:280px;display:flex;overflow:hidden}.clothing-image img{object-fit:cover;object-position:top center;border-radius:18px;width:100%;height:100%;transition:transform .35s;display:block}.clothing-card:hover .clothing-image img{transform:scale(1.04)}.clothing-card h3{margin:16px 8px 4px;font-size:16px}.clothing-card>span{color:var(--text-secondary);margin-bottom:10px;margin-left:8px;font-size:13px;display:block}.how-section{background:#fff;padding:110px 7%}.steps-grid{grid-template-columns:repeat(3,1fr);gap:22px;max-width:1100px;margin:0 auto;display:grid}.step-card{background:var(--lavender-light);border:1px solid var(--border);border-radius:26px;padding:32px;transition:all .25s;position:relative}.step-card:hover{box-shadow:var(--shadow-card);transform:translateY(-5px)}.step-number{color:#c4b5fd;font-size:28px;font-weight:700;position:absolute;top:20px;right:22px}.step-card>svg{color:var(--primary);margin-top:28px}.step-card h3{margin-top:20px;font-size:19px}.step-card p{color:var(--text-secondary);margin-top:10px;font-size:14px;line-height:1.7}.ai-preview{border:1px solid var(--border);max-width:1150px;box-shadow:var(--shadow-soft);background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-radius:36px;grid-template-columns:1fr 1fr;align-items:center;gap:70px;margin:110px auto;padding:65px;display:grid}.ai-preview-content{max-width:500px}.ai-badge{width:fit-content;color:var(--primary-dark);letter-spacing:.8px;background:#fff;border-radius:999px;align-items:center;gap:7px;padding:8px 12px;font-size:11px;font-weight:700;display:flex}.ai-preview-content h2{color:var(--text-primary);margin-top:18px;font-size:clamp(36px,4vw,54px);line-height:1.08}.ai-preview-content h2 strong{color:var(--primary)}.ai-preview-content>p{color:var(--text-secondary);margin-top:20px;line-height:1.8}.ai-preview-content ul{flex-direction:column;gap:12px;margin-top:24px;padding:0;list-style:none;display:flex}.ai-preview-content li{color:var(--text-primary);align-items:center;gap:10px;font-size:14px;display:flex}.ai-preview-content li svg{color:var(--primary)}.ai-button,.cta-button{background:var(--primary);color:#fff;border-radius:14px;align-items:center;gap:8px;width:fit-content;margin-top:28px;padding:13px 18px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.ai-button:hover,.cta-button:hover{background:var(--primary-dark);transform:translateY(-2px)}.ai-preview-card{background:#fff;border-radius:28px;padding:20px;box-shadow:0 20px 50px #5b3f7d1f}.ai-card-top{color:var(--text-secondary);justify-content:space-between;font-size:12px;display:flex}.ai-card-top span:first-child{color:var(--primary-dark);font-weight:600}.ai-outfit-visual{background:linear-gradient(145deg,#ede9fe,#fce7f3);border-radius:22px;width:100%;height:360px;margin-top:15px;overflow:hidden}.ai-outfit-visual img{object-fit:cover;object-position:top center;border-radius:22px;width:100%;height:100%;display:block}.ai-preview-card h3{margin-top:18px;font-size:19px}.ai-preview-card>p{color:var(--text-secondary);margin-top:7px;font-size:13px;line-height:1.6}.weather-pill{background:var(--lavender);width:fit-content;color:var(--primary-dark);border-radius:999px;margin-top:15px;padding:8px 12px;font-size:12px;font-weight:600}.style-section{padding:110px 7%}.style-grid{grid-template-columns:repeat(4,1fr);gap:18px;max-width:1100px;margin:0 auto;display:grid}.style-card{border:1px solid var(--border);min-height:210px;box-shadow:var(--shadow-soft);background:#fff;border-radius:26px;flex-direction:column;justify-content:flex-end;padding:26px;transition:all .25s;display:flex}.style-card:hover{box-shadow:var(--shadow-card);transform:translateY(-6px)}.style-card>span{background:var(--lavender);width:52px;height:52px;color:var(--primary);border-radius:16px;justify-content:center;align-items:center;margin-bottom:auto;display:flex}.style-card>span svg{transition:all .25s}.style-card:hover>span svg{transform:scale(1.12)}.style-card h3{font-size:18px}.style-card p{color:var(--text-secondary);margin-top:7px;font-size:13px;line-height:1.6}.home-cta{text-align:center;color:#fff;background:linear-gradient(135deg,#8b5cf6,#a78bfa);border-radius:36px;flex-direction:column;align-items:center;margin:50px 7% 100px;padding:75px 25px;display:flex;box-shadow:0 25px 60px #8b5cf638}.home-cta h2{margin-top:18px;font-size:clamp(32px,4vw,48px)}.home-cta p{color:#ffffffd9;max-width:550px;margin-top:12px;line-height:1.7}.home-cta .cta-button{color:var(--primary-dark);background:#fff;margin-top:25px}.home-cta .cta-button:hover{background:var(--lavender-light)}@media (width<=950px){.home-stats{grid-template-columns:repeat(2,1fr)}.home-stats div:nth-child(2){border-right:none}.clothes-preview,.style-grid{grid-template-columns:repeat(2,1fr)}.ai-preview{grid-template-columns:1fr;padding:45px}}@media (width<=650px){.home-stats{grid-template-columns:1fr 1fr;margin:0 20px;padding:20px}.home-stats div{border-right:none}.clothes-preview{grid-template-columns:1fr}.clothing-image{height:330px}.steps-grid,.style-grid{grid-template-columns:1fr}.ai-preview{border-radius:28px;margin:70px 20px;padding:30px 22px}.ai-outfit-visual{height:400px}.home-cta{border-radius:28px;margin:30px 20px 70px;padding:55px 20px}}.section-heading{text-align:center;margin-left:auto;margin-right:auto}.section-heading h2,.section-heading p,.section-heading>span{text-align:center}.closet-preview .section-heading,.how-section .section-heading,.style-section .section-heading{width:100%;max-width:680px;text-align:center!important;margin-left:auto!important;margin-right:auto!important}.closet-preview .section-heading>span,.how-section .section-heading>span,.style-section .section-heading>span{width:100%;display:block;text-align:center!important}.closet-preview .section-heading h2,.how-section .section-heading h2,.style-section .section-heading h2,.closet-preview .section-heading p{width:100%;text-align:center!important}.my-closet{box-sizing:border-box;color:#24153f;background:radial-gradient(circle at 10% 10%,#8b5cf61f,#0000 30%),radial-gradient(circle at 90% 20%,#7c3aed1a,#0000 30%),#fff;width:100%;min-height:100vh;padding:120px 7% 80px}.closet-header{justify-content:space-between;align-items:flex-end;gap:30px;max-width:1250px;margin:0 auto 45px;display:flex}.closet-header-content{max-width:700px}.closet-label{color:#7c3aed;letter-spacing:2px;text-transform:uppercase;margin-bottom:12px;font-size:12px;font-weight:800;display:inline-block}.closet-header h1{color:#24153f;letter-spacing:-2px;margin:0;font-size:clamp(42px,6vw,72px);font-weight:400;line-height:1}.closet-header h1 strong{color:#7c3aed;font-weight:800}.closet-header p{color:#766b84;max-width:620px;margin:20px 0 0;font-size:16px;line-height:1.8}.add-item-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border:none;border-radius:14px;justify-content:center;align-items:center;gap:9px;padding:14px 22px;font-size:14px;font-weight:700;transition:transform .25s,box-shadow .25s;display:inline-flex;box-shadow:0 12px 30px #7c3aed38}.add-item-btn:hover{transform:translateY(-3px);box-shadow:0 18px 38px #7c3aed4d}.add-item-btn:active{transform:translateY(-1px)}.closet-summary{grid-template-columns:repeat(4,1fr);gap:18px;max-width:1250px;margin:0 auto 42px;display:grid}.summary-card{box-sizing:border-box;background:#fff;border:1px solid #eee7f8;border-radius:20px;align-items:center;gap:15px;min-height:105px;padding:20px;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;box-shadow:0 10px 35px #4c1d950f}.summary-card:hover{border-color:#d8c4fa;transform:translateY(-4px);box-shadow:0 16px 40px #4c1d951a}.summary-icon{color:#7c3aed;background:#f3edff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.summary-card div:last-child{flex-direction:column;gap:4px;display:flex}.summary-card strong{color:#2e1750;font-size:25px;line-height:1}.summary-card span{color:#887c96;font-size:12px;font-weight:600}.add-item-panel{box-sizing:border-box;background:#fff;border:1px solid #e9ddf8;border-radius:26px;max-width:900px;margin:0 auto 45px;padding:30px;box-shadow:0 20px 60px #4c1d951a}.add-item-header{justify-content:space-between;align-items:flex-start;margin-bottom:30px;display:flex}.add-item-header>div{min-width:0}.add-item-header span{color:#8b5cf6;letter-spacing:1.7px;font-size:11px;font-weight:800}.add-item-header h2{color:#2e1750;margin:7px 0 0;font-size:28px;font-weight:800}.close-form-btn{color:#6d28d9;cursor:pointer;background:#faf8ff;border:1px solid #eadff7;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.close-form-btn:hover{background:#f0e8ff;border-color:#cbb1f4}.closet-form{grid-template-columns:1fr 1fr;gap:22px;display:grid}.form-group{flex-direction:column;gap:9px;display:flex}.form-group label{color:#432663;font-size:13px;font-weight:700}.form-group input,.form-group select{box-sizing:border-box;color:#302040;background:#fff;border:1px solid #e3d8ef;border-radius:12px;outline:none;width:100%;padding:14px 15px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus{border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf61a}.form-group input::placeholder{color:#aaa0b3}.image-upload-group{grid-column:1/-1}.image-upload-box{box-sizing:border-box;color:#7c3aed;cursor:pointer;background:#fbf9ff;border:2px dashed #d8c6ef;border-radius:18px;justify-content:center;align-items:center;width:100%;min-height:210px;transition:border-color .2s,background .2s;display:flex;position:relative;overflow:hidden}.image-upload-box:hover{background:#f7f1ff;border-color:#8b5cf6}.image-upload-box input{display:none}.upload-placeholder{flex-direction:column;align-items:center;gap:8px;display:flex}.upload-placeholder span{color:#5b3b78;font-size:14px;font-weight:700}.upload-placeholder small{color:#9a8da5;font-size:11px}.image-preview-wrapper{width:100%;min-height:210px;position:relative}.image-preview-wrapper img{object-fit:cover;width:100%;height:210px;display:block}.image-preview-overlay{color:#fff;opacity:0;background:#361a538c;flex-direction:column;justify-content:center;align-items:center;gap:7px;transition:opacity .2s;display:flex;position:absolute;inset:0}.image-upload-box:hover .image-preview-overlay{opacity:1}.image-preview-overlay span{font-size:13px;font-weight:700}.form-actions{grid-column:1/-1;justify-content:flex-end;gap:12px;margin-top:5px;display:flex}.cancel-form-btn,.save-item-btn{font-family:inherit}.cancel-form-btn{color:#624b73;cursor:pointer;background:#fff;border:1px solid #dfd3eb;border-radius:12px;padding:13px 20px;font-size:13px;font-weight:700;transition:all .2s}.cancel-form-btn:hover{background:#f8f3ff;border-color:#cdb6e8}.save-item-btn{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:13px 22px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.save-item-btn:hover{background:#6d28d9;transform:translateY(-2px)}.closet-toolbar{box-sizing:border-box;background:#fff;border:1px solid #eee6f8;border-radius:20px;align-items:center;gap:14px;max-width:1250px;margin:0 auto 30px;padding:18px;display:flex;box-shadow:0 8px 30px #4c1d950d}.closet-search{box-sizing:border-box;color:#8b5cf6;background:#fff;border:1px solid #e5dcef;border-radius:12px;flex:1;align-items:center;gap:10px;min-width:250px;height:46px;padding:0 14px;transition:border-color .2s,box-shadow .2s;display:flex}.closet-search:focus-within{border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf617}.closet-search input{color:#352044;background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:13px}.closet-search input::placeholder{color:#a59aaa}.clear-search-btn{color:#7c3aed;cursor:pointer;background:#f3edff;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.clear-search-btn:hover{background:#e9ddff}.closet-filter-wrapper{align-items:center;gap:10px;display:flex}.filter-title{color:#765c8b;flex-shrink:0;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.filter-title svg{color:#8b5cf6}.closet-filters{align-items:center;gap:7px;display:flex}.filter-btn,.favorites-filter-btn,.reset-filters-btn{box-sizing:border-box;color:#6d28d9;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e9d5ff;border-radius:12px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:0 14px;font-family:inherit;font-size:13px;font-weight:600;transition:background .2s,color .2s,border-color .2s,transform .2s,box-shadow .2s;display:inline-flex}.filter-btn:hover,.favorites-filter-btn:hover{color:#fff;background:#7c3aed;border-color:#7c3aed;transform:translateY(-1px);box-shadow:0 7px 18px #7c3aed33}.filter-btn.active,.favorites-filter-btn.active{color:#fff;background:linear-gradient(135deg,#7c3aed,#9333ea);border-color:#7c3aed;box-shadow:0 7px 18px #7c3aed3d}.reset-filters-btn{color:#7c3aed;background:#faf5ff}.reset-filters-btn:hover{color:#fff;background:#7c3aed;transform:translateY(-1px)}.closet-categories{grid-template-columns:repeat(4,1fr);gap:15px;max-width:1250px;margin:0 auto 35px;display:grid}.category-card{box-sizing:border-box;background:#fff;border:1px solid #eee6f7;border-radius:17px;align-items:center;gap:13px;padding:17px;transition:transform .2s,border-color .2s;display:flex;box-shadow:0 7px 25px #4c1d950b}.category-card:hover{border-color:#d4c0ed;transform:translateY(-3px)}.category-icon{color:#7c3aed;background:#f3edff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.category-card div:last-child{flex-direction:column;gap:3px;display:flex}.category-card strong{color:#32194b;font-size:21px;line-height:1}.category-card span{color:#91849c;font-size:11px;font-weight:600}.closet-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;max-width:1250px;margin:0 auto;display:grid}.closet-item{background:#fff;border:1px solid #eee5f7;border-radius:22px;min-width:0;transition:transform .25s,box-shadow .25s,border-color .25s;overflow:hidden;box-shadow:0 10px 35px #4c1d950f}.closet-item:hover{border-color:#d5c0ef;transform:translateY(-6px);box-shadow:0 20px 45px #4c1d951f}.closet-item-image{background:#f8f4fc;width:100%;height:290px;position:relative;overflow:hidden}.closet-item-image img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .45s;display:block}.closet-item:hover .closet-item-image img{transform:scale(1.04)}.new-item-placeholder{color:#9b72d2;background:linear-gradient(135deg,#f7f0ff,#eee4fa);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.item-actions{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff0;border:1px solid #7c3aed1f;border-radius:14px;align-items:center;gap:7px;padding:6px;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 8px 22px #4c1d9524}.favorite-item-btn,.edit-item-btn,.delete-item-btn{color:#6d28d9;cursor:pointer;background:#fff;border:1px solid #e9d5ff;border-radius:10px;justify-content:center;align-items:center;width:34px;min-width:34px;height:34px;padding:0;transition:transform .2s,background .2s,color .2s,border-color .2s,box-shadow .2s;display:flex;position:static}.favorite-item-btn:hover,.edit-item-btn:hover,.delete-item-btn:hover{color:#fff;transform:translateY(-2px)}.favorite-item-btn:hover,.favorite-item-btn.active{background:#7c3aed;border-color:#7c3aed;box-shadow:0 6px 14px #7c3aed47}.edit-item-btn:hover{background:#9333ea;border-color:#9333ea;box-shadow:0 6px 14px #9333ea47}.delete-item-btn:hover{background:#6d28d9;border-color:#6d28d9;box-shadow:0 6px 14px #6d28d947}.favorite-item-btn:active,.edit-item-btn:active,.delete-item-btn:active{transform:scale(.94)}.closet-item-info{box-sizing:border-box;justify-content:space-between;align-items:center;gap:12px;min-height:82px;padding:18px 19px;display:flex}.closet-item-title{flex-direction:column;min-width:0;display:flex}.closet-item-info h3{color:#301844;white-space:nowrap;text-overflow:ellipsis;margin:0 0 6px;font-size:15px;font-weight:800;overflow:hidden}.closet-item-info span{color:#91849c;font-size:11px;font-weight:600}.favorite-status{color:#7c3aed;background:#f3edff;border-radius:9px;flex-shrink:0;align-items:center;gap:5px;padding:6px 8px;font-size:10px;font-weight:700;display:inline-flex}.no-results{text-align:center;background:#fff;border:1px solid #eee5f7;border-radius:24px;max-width:700px;margin:45px auto;padding:45px 25px;box-shadow:0 12px 35px #4c1d950f}.no-results-icon{color:#7c3aed;background:#f3edff;border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 18px;display:flex}.no-results h2{color:#301844;margin:0 0 10px;font-size:24px}.no-results p{color:#81758d;max-width:450px;margin:0 auto 22px;font-size:14px;line-height:1.7}.no-results .reset-filters-btn{margin:0 auto}.empty-closet{box-sizing:border-box;text-align:center;background:#fff;border:1px solid #eee5f7;border-radius:26px;flex-direction:column;justify-content:center;align-items:center;max-width:700px;min-height:350px;margin:40px auto 0;padding:50px 25px;display:flex;box-shadow:0 15px 45px #4c1d9512}.empty-closet-icon{color:#7c3aed;background:#f3edff;border-radius:24px;justify-content:center;align-items:center;width:78px;height:78px;margin-bottom:20px;display:flex}.empty-closet h2{color:#301844;margin:0 0 10px;font-size:26px}.empty-closet p{color:#81758d;max-width:480px;margin:0 0 25px;font-size:14px;line-height:1.7}.closet-message{z-index:1000;color:#432663;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff7;border:1px solid #dfd2f0;border-radius:14px;align-items:center;gap:10px;max-width:380px;padding:13px 17px;font-size:13px;font-weight:600;display:flex;position:fixed;bottom:25px;right:25px;box-shadow:0 15px 40px #2d144626}.message-icon{color:#7c3aed;background:#f3edff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.delete-overlay{z-index:2000;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#1e0f307a;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.delete-modal{box-sizing:border-box;text-align:center;background:#fff;border:1px solid #eadff7;border-radius:24px;width:100%;max-width:450px;padding:30px;box-shadow:0 30px 80px #1e0f3040}.delete-modal-icon{color:#7c3aed;background:#f3edff;border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 18px;display:flex}.delete-modal h3{color:#301844;margin:0 0 10px;font-size:22px;font-weight:800}.delete-modal p{color:#81758d;margin:0;font-size:14px;line-height:1.7}.delete-modal p strong{color:#432663}.delete-modal-actions{justify-content:center;gap:10px;margin-top:25px;display:flex}.delete-cancel-btn,.delete-confirm-btn{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:0 18px;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.delete-cancel-btn{color:#624b73;background:#fff;border:1px solid #dfd3eb}.delete-cancel-btn:hover{background:#f8f3ff;border-color:#cdb6e8}.delete-confirm-btn{color:#fff;background:#7c3aed;border:1px solid #7c3aed}.delete-confirm-btn:hover{background:#6d28d9;transform:translateY(-1px);box-shadow:0 8px 20px #7c3aed3d}.smart-outfit-section{box-sizing:border-box;background:linear-gradient(135deg,#fffffffa,#f5f0fff2);border:1px solid #8b5cf629;border-radius:22px;max-width:1250px;margin:35px auto 0;padding:24px;box-shadow:0 12px 35px #5b21b614}.smart-outfit-label{color:#8b5cf6;letter-spacing:1.5px;margin-bottom:6px;font-size:11px;font-weight:800;display:block}.smart-outfit-header h2{color:#241b35;margin:0;font-size:24px}.smart-outfit-header p{color:#746b82;margin:7px 0 0;font-size:14px}.generate-outfit-btn{color:#fff;cursor:pointer;background:#8b5cf6;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-family:inherit;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.generate-outfit-btn:hover{background:#7c3aed;transform:translateY(-1px)}.smart-outfit-item:hover{transform:translateY(-4px);box-shadow:0 12px 28px #5b21b61f}.smart-outfit-image{background:#f7f4fc;width:100%;height:240px;overflow:hidden}.smart-outfit-image img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.smart-outfit-info{flex-direction:column;gap:5px;padding:14px;display:flex}.smart-outfit-info span{color:#8b8295;font-size:12px}.smart-outfit-empty{color:#766b85;text-align:center;background:#8b5cf60f;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:25px;display:flex}.smart-outfit-empty p{margin:0}@media (width<=1100px){.my-closet{padding-left:5%;padding-right:5%}.closet-grid,.smart-outfit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.closet-toolbar{flex-wrap:wrap}.closet-search{flex-basis:100%;min-width:100%}.closet-filter-wrapper{flex:1}}@media (width<=900px){.closet-summary,.closet-categories{grid-template-columns:repeat(2,1fr)}.closet-grid,.smart-outfit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.closet-header{align-items:flex-start}.smart-outfit-header{flex-direction:column;align-items:flex-start}.generate-outfit-btn{width:100%}}@media (width<=600px){.my-closet{padding:100px 16px 60px}.closet-header{flex-direction:column;align-items:stretch;gap:22px;margin-bottom:30px}.closet-label{font-size:10px}.closet-header h1{letter-spacing:-1px;font-size:42px}.closet-header p{margin-top:14px;font-size:14px;line-height:1.7}.add-item-btn{width:100%}.closet-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:25px}.summary-card{border-radius:16px;gap:10px;min-height:88px;padding:13px}.summary-icon{border-radius:11px;width:38px;height:38px}.summary-card strong{font-size:20px}.summary-card span{font-size:10px}.add-item-panel{border-radius:20px;margin-bottom:30px;padding:20px}.add-item-header h2{font-size:20px}.closet-form{grid-template-columns:1fr;gap:18px}.image-upload-group{grid-column:auto}.form-actions{flex-direction:column;grid-column:auto}.cancel-form-btn,.save-item-btn{width:100%}.closet-toolbar{border-radius:18px;flex-direction:column;align-items:stretch;gap:14px;padding:14px}.closet-search{width:100%;min-width:0}.closet-filter-wrapper{width:100%;display:block}.filter-title{margin-bottom:9px}.closet-filters{scrollbar-width:none;width:100%;padding-bottom:5px;overflow-x:auto}.closet-filters::-webkit-scrollbar{display:none}.filter-btn{flex-shrink:0}.favorites-filter-btn,.reset-filters-btn{width:100%}.closet-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:25px}.category-card{border-radius:14px;gap:9px;padding:13px}.category-icon{border-radius:10px;width:36px;height:36px}.category-card strong{font-size:18px}.closet-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.closet-item{border-radius:17px}.closet-item-image{height:210px}.closet-item-info{min-height:72px;padding:12px;display:block}.closet-item-info h3{margin-bottom:5px;font-size:13px}.closet-item-info span{font-size:10px}.item-actions{border-radius:11px;gap:5px;padding:5px;top:8px;right:8px}.favorite-item-btn,.edit-item-btn,.delete-item-btn{border-radius:8px;width:29px;min-width:29px;height:29px}.favorite-item-btn svg,.edit-item-btn svg,.delete-item-btn svg{width:14px;height:14px}.favorite-status{display:none}.empty-closet{border-radius:22px;min-height:280px;padding:35px 18px}.empty-closet h2{font-size:21px}.no-results{border-radius:20px;padding:35px 18px}.no-results h2{font-size:20px}.delete-modal{border-radius:22px;padding:24px}.delete-modal-actions{flex-direction:column}.delete-cancel-btn,.delete-confirm-btn{width:100%}.closet-message{text-align:center;justify-content:center;max-width:none;bottom:16px;left:16px;right:16px}.smart-outfit-section{border-radius:18px;padding:18px}.smart-outfit-header{flex-direction:column;align-items:flex-start}.smart-outfit-header h2{font-size:20px}.generate-outfit-btn{width:100%}.smart-outfit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.smart-outfit-image{height:210px}.smart-outfit-info{padding:11px}.smart-outfit-info strong{font-size:13px}.smart-outfit-info span{font-size:10px}}@media (width<=390px){.my-closet{padding-left:12px;padding-right:12px}.closet-header h1{font-size:34px}.closet-grid{gap:9px}.closet-item-image{height:185px}.item-actions{gap:3px;padding:4px;top:6px;right:6px}.favorite-item-btn,.edit-item-btn,.delete-item-btn{width:27px;min-width:27px;height:27px}.category-card{padding:10px}.category-icon{width:32px;height:32px}.category-card strong{font-size:16px}}.smart-outfit-section{box-sizing:border-box;background:#fff;border:1px solid #eee5f7;border-radius:22px;width:100%;margin-top:35px;padding:25px;box-shadow:0 10px 35px #4c1d950f}.smart-outfit-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.smart-outfit-label{color:#8b5cf6;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:800;display:block}.smart-outfit-header h2{color:#301844;margin:0;font-size:25px;font-weight:800}.smart-outfit-header p{color:#81758d;margin:7px 0 0;font-size:13px;line-height:1.6}.generate-outfit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 8px 20px #7c3aed2e}.generate-outfit-btn:hover{transform:translateY(-2px);box-shadow:0 12px 25px #7c3aed40}.smart-outfit-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;width:100%;display:grid}.smart-outfit-item{background:#fff;border:1px solid #eee5f7;border-radius:22px;min-width:0;transition:transform .25s,box-shadow .25s,border-color .25s;overflow:hidden;box-shadow:0 10px 35px #4c1d950f}.smart-outfit-item:hover{border-color:#d5c0ef;transform:translateY(-6px);box-shadow:0 20px 45px #4c1d951f}.smart-outfit-image{background:#f8f4fc;width:100%;height:290px;position:relative;overflow:hidden}.smart-outfit-image img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .45s;display:block}.smart-outfit-item:hover .smart-outfit-image img{transform:scale(1.04)}.smart-outfit-placeholder{color:#9b72d2;background:linear-gradient(135deg,#f7f0ff,#eee4fa);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.smart-outfit-info{box-sizing:border-box;background:#fff;flex-direction:column;justify-content:center;gap:5px;min-height:82px;padding:18px 19px;display:flex}.smart-outfit-info strong{color:#301844;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:800;display:block;overflow:hidden}.smart-outfit-info span{color:#91849c;font-size:11px;font-weight:600}.smart-outfit-empty{box-sizing:border-box;color:#81758d;text-align:center;background:#faf8ff;border:1px solid #eee5f7;border-radius:18px;justify-content:center;align-items:center;gap:10px;min-height:180px;padding:30px;display:flex}.smart-outfit-empty p{margin:0;font-size:13px;line-height:1.6}@media (width<=1000px){.smart-outfit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.smart-outfit-image{height:250px}}@media (width<=700px){.smart-outfit-section{border-radius:20px;padding:18px}.smart-outfit-header{flex-direction:column;align-items:stretch}.generate-outfit-btn{width:100%}.smart-outfit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.smart-outfit-image{height:210px}.smart-outfit-info{padding:13px}.smart-outfit-info strong{font-size:13px}.smart-outfit-info span{font-size:10px}}@media (width<=390px){.smart-outfit-grid{grid-template-columns:1fr 1fr;gap:9px}.smart-outfit-image{height:175px}.smart-outfit-info{padding:10px}.smart-outfit-info strong{font-size:12px}}[data-theme=dark] .my-closet{color:#fff;background:radial-gradient(circle at 10% 10%,#8b5cf61a,#0000 30%),radial-gradient(circle at 90% 20%,#7c3aed14,#0000 30%),#252525}[data-theme=dark] .closet-header h1{color:#fff}[data-theme=dark] .closet-header h1 strong,[data-theme=dark] .closet-header p,[data-theme=dark] .closet-label{color:#c4b5fd}[data-theme=dark] .summary-card,[data-theme=dark] .add-item-panel,[data-theme=dark] .closet-toolbar,[data-theme=dark] .category-card,[data-theme=dark] .closet-item,[data-theme=dark] .no-results,[data-theme=dark] .empty-closet,[data-theme=dark] .smart-outfit-section,[data-theme=dark] .smart-outfit-item,[data-theme=dark] .delete-modal{background:#000;border-color:#333;box-shadow:0 10px 35px #00000073}[data-theme=dark] .summary-card strong,[data-theme=dark] .category-card strong,[data-theme=dark] .closet-item-info h3,[data-theme=dark] .no-results h2,[data-theme=dark] .empty-closet h2,[data-theme=dark] .delete-modal h3,[data-theme=dark] .smart-outfit-header h2,[data-theme=dark] .smart-outfit-info strong{color:#fff}[data-theme=dark] .summary-card span,[data-theme=dark] .category-card span,[data-theme=dark] .closet-item-info span,[data-theme=dark] .no-results p,[data-theme=dark] .empty-closet p,[data-theme=dark] .delete-modal p,[data-theme=dark] .smart-outfit-header p,[data-theme=dark] .smart-outfit-info span{color:#c4b5fd}[data-theme=dark] .summary-icon,[data-theme=dark] .category-icon,[data-theme=dark] .no-results-icon,[data-theme=dark] .empty-closet-icon,[data-theme=dark] .delete-modal-icon,[data-theme=dark] .message-icon{color:#c4b5fd;background:#181818;border:1px solid #333}[data-theme=dark] .add-item-header span{color:#c4b5fd}[data-theme=dark] .add-item-header h2{color:#fff}[data-theme=dark] .close-form-btn{color:#c4b5fd;background:#111;border-color:#333}[data-theme=dark] .close-form-btn:hover{background:#1f1f1f;border-color:#6d28d9}[data-theme=dark] .form-group label{color:#fff}[data-theme=dark] .form-group input,[data-theme=dark] .form-group select{color:#fff;background:#111;border-color:#3a3a3a}[data-theme=dark] .form-group input:focus,[data-theme=dark] .form-group select:focus{border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf626}[data-theme=dark] .form-group input::placeholder{color:#777}[data-theme=dark] .image-upload-box{color:#c4b5fd;background:#111;border-color:#4a4a4a}[data-theme=dark] .image-upload-box:hover{background:#181818;border-color:#8b5cf6}[data-theme=dark] .upload-placeholder span{color:#fff}[data-theme=dark] .upload-placeholder small{color:#aaa0c0}[data-theme=dark] .cancel-form-btn{color:#fff;background:#111;border-color:#3a3a3a}[data-theme=dark] .cancel-form-btn:hover{background:#1d1d1d;border-color:#6d28d9}[data-theme=dark] .closet-search{color:#c4b5fd;background:#111;border-color:#3a3a3a}[data-theme=dark] .closet-search input{color:#fff;background:0 0}[data-theme=dark] .closet-search input::placeholder{color:#777}[data-theme=dark] .clear-search-btn{color:#c4b5fd;background:#1b1b1b}[data-theme=dark] .clear-search-btn:hover{background:#292929}[data-theme=dark] .filter-title{color:#c4b5fd}[data-theme=dark] .filter-btn,[data-theme=dark] .favorites-filter-btn,[data-theme=dark] .reset-filters-btn{color:#c4b5fd;background:#111;border-color:#3d3d3d}[data-theme=dark] .filter-btn:hover,[data-theme=dark] .favorites-filter-btn:hover,[data-theme=dark] .reset-filters-btn:hover{color:#fff;background:#7c3aed;border-color:#7c3aed}[data-theme=dark] .filter-btn.active,[data-theme=dark] .favorites-filter-btn.active{color:#fff;background:linear-gradient(135deg,#7c3aed,#9333ea);border-color:#8b5cf6}[data-theme=dark] .closet-item-image,[data-theme=dark] .smart-outfit-image{background:#111}[data-theme=dark] .new-item-placeholder,[data-theme=dark] .smart-outfit-placeholder{color:#a78bfa;background:linear-gradient(135deg,#111,#1c1526)}[data-theme=dark] .item-actions{background:#000000eb;border-color:#333;box-shadow:0 8px 22px #00000080}[data-theme=dark] .favorite-item-btn,[data-theme=dark] .edit-item-btn,[data-theme=dark] .delete-item-btn{color:#c4b5fd;background:#111;border-color:#3d3d3d}[data-theme=dark] .favorite-item-btn:hover,[data-theme=dark] .favorite-item-btn.active,[data-theme=dark] .edit-item-btn:hover,[data-theme=dark] .delete-item-btn:hover{color:#fff}[data-theme=dark] .favorite-status{color:#c4b5fd;background:#18121f;border:1px solid #352747}[data-theme=dark] .smart-outfit-section{background:#000}[data-theme=dark] .smart-outfit-label{color:#c4b5fd}[data-theme=dark] .smart-outfit-empty{color:#c4b5fd;background:#111;border-color:#333}[data-theme=dark] .smart-outfit-item,[data-theme=dark] .smart-outfit-info{background:#000}[data-theme=dark] .closet-message{color:#fff;background:#000000f5;border-color:#3a3a3a;box-shadow:0 15px 40px #0000008c}[data-theme=dark] .delete-overlay{background:#000000bf}[data-theme=dark] .delete-modal{background:#000;border-color:#333}[data-theme=dark] .delete-modal p strong{color:#fff}[data-theme=dark] .delete-cancel-btn{color:#fff;background:#111;border-color:#3a3a3a}[data-theme=dark] .delete-cancel-btn:hover{background:#1c1c1c}[data-theme=dark] .summary-card:hover,[data-theme=dark] .category-card:hover,[data-theme=dark] .closet-item:hover,[data-theme=dark] .smart-outfit-item:hover,[data-theme=dark] .no-results:hover,[data-theme=dark] .empty-closet:hover{border-color:#4c2a70;box-shadow:0 20px 45px #0009}.weather-page{box-sizing:border-box;color:#24153f;background:radial-gradient(circle at 10% 10%,#8b5cf61f,#0000 30%),radial-gradient(circle at 90% 20%,#7c3aed17,#0000 30%),#fff;width:100%;min-height:100vh;padding:120px 7% 80px}.weather-header{justify-content:space-between;align-items:flex-end;gap:30px;max-width:1250px;margin:0 auto 35px;display:flex}.weather-title{max-width:700px}.weather-label{color:#8b5cf6;letter-spacing:2px;margin-bottom:12px;font-size:12px;font-weight:800;display:inline-block}.weather-title h1{color:#24153f;letter-spacing:-2px;margin:0;font-size:clamp(42px,6vw,70px);font-weight:400;line-height:1}.weather-title p{color:#766b84;margin:18px 0 0;font-size:16px;line-height:1.7}.weather-actions{align-items:center;gap:10px;display:flex}.weather-location-btn,.weather-refresh-btn{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-family:inherit;font-size:13px;font-weight:700;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s;display:inline-flex}.weather-location-btn{color:#6d28d9;background:#fff;border:1px solid #e5d8f4}.weather-location-btn:hover{background:#faf7ff;border-color:#cdb6ee;transform:translateY(-2px);box-shadow:0 8px 20px #5b21b614}.weather-refresh-btn{color:#fff;background:#7c3aed;border:none;box-shadow:0 8px 20px #7c3aed33}.weather-refresh-btn:hover{background:#6d28d9;transform:translateY(-2px);box-shadow:0 12px 25px #7c3aed47}.weather-location-btn:disabled,.weather-refresh-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.weather-search-section{max-width:1250px;margin:0 auto 18px}.weather-search{box-sizing:border-box;color:#8b5cf6;background:#fff;border:1px solid #eee6f7;border-radius:17px;align-items:center;gap:12px;width:100%;min-height:58px;padding:7px 8px 7px 18px;display:flex;box-shadow:0 10px 35px #4c1d950f}.weather-search:focus-within{border-color:#c7adf0;box-shadow:0 0 0 4px #8b5cf614,0 10px 35px #4c1d950f}.weather-search input{color:#352044;background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:inherit;font-size:14px}.weather-search input::placeholder{color:#aaa0b3}.weather-search button{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:12px;min-height:44px;padding:0 20px;font-family:inherit;font-size:13px;font-weight:700;transition:background .2s,transform .2s}.weather-search button:hover{background:#6d28d9;transform:translateY(-1px)}.weather-search button:disabled{opacity:.6;cursor:not-allowed}.weather-options{align-items:center;gap:7px;max-width:1250px;margin:0 auto 30px;display:flex}.weather-options span{color:#766b84;margin-right:6px;font-size:12px;font-weight:700}.weather-options button{color:#7c3aed;cursor:pointer;background:#fff;border:1px solid #e9d5ff;border-radius:10px;justify-content:center;align-items:center;width:42px;height:36px;font-family:inherit;font-size:12px;font-weight:700;transition:background .2s,color .2s,border-color .2s,transform .2s;display:flex}.weather-options button:hover{background:#faf5ff;border-color:#cdb6f0;transform:translateY(-1px)}.weather-options button.active{color:#fff;background:#7c3aed;border-color:#7c3aed;box-shadow:0 6px 15px #7c3aed33}.weather-error{box-sizing:border-box;color:#7c3aed;background:#fff9ff;border:1px solid #f0d6ff;border-radius:13px;align-items:center;gap:10px;max-width:1250px;margin:0 auto 25px;padding:14px 17px;display:flex}.weather-error span{background:#f3e8ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-weight:800;display:flex}.weather-error p{color:#68477d;margin:0;font-size:13px}.weather-loading{color:#7c3aed;background:#fff;border:1px solid #eee5f7;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:12px;max-width:500px;min-height:180px;margin:50px auto;display:flex;box-shadow:0 15px 40px #4c1d9512}.weather-loading p{color:#766b84;margin:0;font-size:14px;font-weight:600}.spinning{animation:1s linear infinite weather-spin}@keyframes weather-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.current-weather{max-width:1250px;margin:0 auto 45px}.weather-location{color:#7c3aed;align-items:center;gap:10px;margin-bottom:15px;display:flex}.weather-location h2{color:#301844;margin:0;font-size:20px;font-weight:800}.weather-location span{color:#91849c;margin-top:3px;font-size:12px;display:block}.current-weather-card{box-sizing:border-box;background:linear-gradient(135deg,#fff,#faf7ff);border:1px solid #e9ddf8;border-radius:28px;grid-template-columns:1.2fr 1fr 1fr;align-items:center;gap:30px;min-height:270px;padding:35px;display:grid;box-shadow:0 18px 55px #4c1d9517}.weather-main{align-items:center;gap:22px;display:flex}.weather-icon{color:#7c3aed;background:linear-gradient(135deg,#f3edff,#eadcff);border-radius:28px;justify-content:center;align-items:center;width:100px;height:100px;display:flex;box-shadow:0 12px 30px #7c3aed1a}.temperature{align-items:flex-start;display:flex}.temperature strong{color:#24153f;letter-spacing:-4px;font-size:clamp(58px,7vw,86px);font-weight:800;line-height:.9}.temperature span{color:#8b5cf6;margin-top:5px;font-size:20px;font-weight:700}.weather-condition{border-left:1px solid #eee4f8;padding-left:25px}.weather-condition h3{color:#301844;margin:0 0 10px;font-size:24px;font-weight:800}.weather-condition p{color:#82758d;margin:0;font-size:13px}.weather-details{gap:14px;display:grid}.weather-detail{background:#fff;border:1px solid #eee5f7;border-radius:15px;align-items:center;gap:13px;padding:15px;display:flex}.weather-detail>svg{color:#8b5cf6}.weather-detail div{flex-direction:column;gap:3px;display:flex}.weather-detail span{color:#91849c;font-size:11px;font-weight:600}.weather-detail strong{color:#3a2052;font-size:15px}.forecast-section{max-width:1250px;margin:0 auto 45px}.section-heading{flex-direction:column;justify-content:center;align-items:center}.section-heading span{color:#8b5cf6;letter-spacing:1.7px;font-size:11px;font-weight:800}.section-heading h2{color:#301844;margin:6px 0 0;font-size:28px;font-weight:800}.section-heading p{color:#81758d;text-align:right;max-width:400px;margin:0;font-size:13px;line-height:1.6}.forecast-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:15px;display:grid}.forecast-card{box-sizing:border-box;background:#fff;border:1px solid #eee5f7;border-radius:20px;min-width:0;padding:20px;transition:transform .25s,border-color .25s,box-shadow .25s;box-shadow:0 8px 28px #4c1d950e}.forecast-card:hover{border-color:#d3bdf0;transform:translateY(-5px);box-shadow:0 15px 35px #4c1d951a}.forecast-card.today{background:linear-gradient(145deg,#fff,#faf7ff);border-color:#b99ae8;box-shadow:0 12px 35px #7c3aed1c}.forecast-top{flex-direction:column;gap:4px;display:flex}.forecast-top strong{color:#32194b;font-size:15px;font-weight:800}.forecast-top span{color:#998da3;font-size:11px}.forecast-icon{color:#7c3aed;background:#f4efff;border-radius:17px;justify-content:center;align-items:center;width:58px;height:58px;margin:20px 0 13px;display:flex}.forecast-condition{color:#766b84;min-height:34px;font-size:12px;font-weight:600;line-height:1.4;display:block}.forecast-temperatures{align-items:center;gap:10px;margin-top:14px;display:flex}.forecast-temperatures strong{color:#32194b;font-size:20px;font-weight:800}.forecast-temperatures span{color:#a298a8;font-size:14px}.outfit-weather-card{box-sizing:border-box;background:linear-gradient(135deg,#faf7ff,#fff);border:1px solid #e8dcf7;border-radius:22px;align-items:center;gap:20px;max-width:1250px;margin:0 auto 35px;padding:24px;display:flex;box-shadow:0 12px 35px #4c1d9512}.outfit-weather-icon{color:#7c3aed;background:#f0e7ff;border-radius:17px;flex-shrink:0;justify-content:center;align-items:center;width:55px;height:55px;display:flex}.outfit-weather-content{flex:1}.outfit-weather-content>span{color:#8b5cf6;letter-spacing:1.5px;font-size:10px;font-weight:800}.outfit-weather-content h2{color:#32194b;margin:5px 0;font-size:20px;font-weight:800}.outfit-weather-content p{color:#81758d;margin:0;font-size:13px;line-height:1.6}.outfit-weather-btn{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:12px;flex-shrink:0;padding:12px 18px;font-family:inherit;font-size:13px;font-weight:700;transition:background .2s,transform .2s,box-shadow .2s}.outfit-weather-btn:hover{background:#6d28d9;transform:translateY(-2px);box-shadow:0 8px 20px #7c3aed38}.weather-footer-info{color:#a197a9;justify-content:center;align-items:center;gap:8px;max-width:1250px;margin:0 auto;font-size:11px;display:flex}@media (width<=1050px){.weather-page{padding-left:5%;padding-right:5%}.current-weather-card{grid-template-columns:1fr 1fr}.weather-details{grid-column:1/-1;grid-template-columns:1fr 1fr}.weather-condition{border-left:none;padding-left:0}.forecast-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=700px){.weather-page{padding:100px 18px 55px}.weather-header{flex-direction:column;align-items:flex-start;margin-bottom:25px}.weather-title h1{font-size:45px}.weather-title p{font-size:14px}.weather-actions{width:100%}.weather-location-btn,.weather-refresh-btn{flex:1;padding:0 10px}.weather-search{padding-left:14px}.weather-search button{padding:0 15px}.weather-options{margin-bottom:25px}.current-weather-card{border-radius:22px;grid-template-columns:1fr;gap:22px;padding:22px}.weather-main{justify-content:center}.weather-icon{border-radius:22px;width:80px;height:80px}.temperature strong{font-size:62px}.weather-condition{text-align:center}.weather-condition h3{font-size:21px}.weather-details{grid-template-columns:1fr 1fr}.weather-detail{padding:12px}.section-heading{flex-direction:column;align-items:flex-start;gap:8px}.section-heading p{text-align:left}.forecast-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.forecast-card{border-radius:17px;padding:16px}.outfit-weather-card{border-radius:20px;flex-direction:column;align-items:flex-start;padding:20px}.outfit-weather-btn{width:100%}}@media (width<=420px){.weather-page{padding-left:12px;padding-right:12px}.weather-title h1{font-size:38px}.weather-actions{flex-direction:column}.weather-location-btn,.weather-refresh-btn{width:100%}.weather-search{gap:8px;min-height:52px;padding-left:12px}.weather-search button{min-height:38px;padding:0 12px}.weather-options{flex-wrap:wrap}.current-weather-card{padding:18px}.weather-main{gap:14px}.weather-icon{width:68px;height:68px}.temperature strong{letter-spacing:-3px;font-size:52px}.weather-details{grid-template-columns:1fr}.forecast-grid{grid-template-columns:1fr 1fr}.forecast-icon{width:50px;height:50px}.forecast-temperatures strong{font-size:18px}.outfit-weather-icon{width:50px;height:50px}}.weather-location-btn:focus-visible,.weather-refresh-btn:focus-visible,.weather-search button:focus-visible,.weather-options button:focus-visible,.outfit-weather-btn:focus-visible{outline-offset:3px;outline:3px solid #8b5cf640}html[data-theme=dark]{--bg-main:#18181b;--bg-secondary:#202023;--bg-card:#0f0f10;--bg-card-soft:#151517;--bg-input:#18181b;--text-primary:#fff;--text-secondary:#c4c4cc;--text-muted:#92929d;--border:#2d2d33;--primary:#a78bfa;--primary-dark:#8b5cf6;--lavender:#241d35;--lavender-light:#1b1724;--shadow-soft:0 10px 35px #00000059;--shadow-card:0 20px 45px #0000008c}html[data-theme=dark],html[data-theme=dark] body{color:#fff;background:#18181b}html[data-theme=dark] body{transition:background-color .3s,color .3s}html[data-theme=dark] .app{color:#fff;background:#18181b}html[data-theme=dark] .home-features,html[data-theme=dark] .how-section,html[data-theme=dark] .closet-preview,html[data-theme=dark] .style-section,html[data-theme=dark] .my-closet,html[data-theme=dark] .weather-page{color:#fff;background:radial-gradient(circle at 10% 10%,#8b5cf61a,#0000 30%),radial-gradient(circle at 90% 20%,#8b5cf612,#0000 30%),#18181b}html[data-theme=dark] .home-stats,html[data-theme=dark] .clothing-card,html[data-theme=dark] .step-card,html[data-theme=dark] .ai-preview,html[data-theme=dark] .ai-preview-card,html[data-theme=dark] .style-card,html[data-theme=dark] .feature-card,html[data-theme=dark] .summary-card,html[data-theme=dark] .add-item-panel,html[data-theme=dark] .closet-toolbar,html[data-theme=dark] .category-card,html[data-theme=dark] .closet-item,html[data-theme=dark] .no-results,html[data-theme=dark] .empty-closet,html[data-theme=dark] .delete-modal,html[data-theme=dark] .smart-outfit-section,html[data-theme=dark] .smart-outfit-item,html[data-theme=dark] .weather-search,html[data-theme=dark] .weather-loading,html[data-theme=dark] .current-weather-card,html[data-theme=dark] .weather-detail,html[data-theme=dark] .forecast-card,html[data-theme=dark] .outfit-weather-card{color:#fff;border-color:#2d2d33;box-shadow:0 15px 40px #00000061;background:#0f0f10!important}html[data-theme=dark] .feature-card,html[data-theme=dark] .step-card{background:#151517!important}html[data-theme=dark] .ai-preview{background:linear-gradient(135deg,#111113,#1b1822)!important}html[data-theme=dark] .forecast-card.today{border-color:#6d4bb5;background:linear-gradient(145deg,#111113,#1c1726)!important}html[data-theme=dark] h1,html[data-theme=dark] h2,html[data-theme=dark] h3,html[data-theme=dark] h4,html[data-theme=dark] strong{color:#fff!important}html[data-theme=dark] p,html[data-theme=dark] span{color:#c4c4cc}html[data-theme=dark] .text-secondary{color:#b4b4be}html[data-theme=dark] .section-heading>span,html[data-theme=dark] .features-heading>span,html[data-theme=dark] .closet-label,html[data-theme=dark] .weather-label,html[data-theme=dark] .smart-outfit-label,html[data-theme=dark] .ai-badge,html[data-theme=dark] .section-heading span{color:#c4b5fd!important}html[data-theme=dark] .section-heading h2 strong,html[data-theme=dark] .features-heading h2 strong,html[data-theme=dark] .closet-header h1 strong{color:#a78bfa!important}html[data-theme=dark] .home-stats div{border-color:#2d2d33}html[data-theme=dark] .home-stats strong{color:#c4b5fd!important}html[data-theme=dark] .clothing-card,html[data-theme=dark] .closet-item{background:#0b0b0c!important}html[data-theme=dark] .clothing-card>span,html[data-theme=dark] .closet-item-info span{color:#a1a1aa!important}html[data-theme=dark] .clothing-image,html[data-theme=dark] .closet-item-image{background:#18181b}html[data-theme=dark] .feature-icon,html[data-theme=dark] .summary-icon,html[data-theme=dark] .category-icon,html[data-theme=dark] .empty-closet-icon,html[data-theme=dark] .no-results-icon,html[data-theme=dark] .message-icon,html[data-theme=dark] .weather-icon,html[data-theme=dark] .forecast-icon,html[data-theme=dark] .outfit-weather-icon{color:#c4b5fd!important;background:#241d35!important}html[data-theme=dark] .form-group input,html[data-theme=dark] .form-group select,html[data-theme=dark] .closet-search,html[data-theme=dark] .weather-search{border-color:#38383f;color:#fff!important;background:#18181b!important}html[data-theme=dark] .form-group label{color:#ddd6fe!important}html[data-theme=dark] input::placeholder{color:#71717a!important}html[data-theme=dark] .image-upload-box{color:#c4b5fd;border-color:#4c3b66;background:#18181b!important}html[data-theme=dark] .image-upload-box:hover{border-color:#8b5cf6;background:#211c2b!important}html[data-theme=dark] .upload-placeholder span{color:#ddd6fe!important}html[data-theme=dark] .upload-placeholder small{color:#a1a1aa!important}html[data-theme=dark] .closet-search input,html[data-theme=dark] .weather-search input{color:#fff!important}html[data-theme=dark] .closet-search input::placeholder,html[data-theme=dark] .weather-search input::placeholder{color:#71717a!important}html[data-theme=dark] .filter-btn,html[data-theme=dark] .favorites-filter-btn,html[data-theme=dark] .reset-filters-btn,html[data-theme=dark] .weather-options button,html[data-theme=dark] .weather-location-btn{border-color:#3f3450;color:#c4b5fd!important;background:#18181b!important}html[data-theme=dark] .filter-btn:hover,html[data-theme=dark] .favorites-filter-btn:hover,html[data-theme=dark] .reset-filters-btn:hover,html[data-theme=dark] .weather-options button:hover{border-color:#8b5cf6;color:#fff!important;background:#2b2140!important}html[data-theme=dark] .filter-btn.active,html[data-theme=dark] .favorites-filter-btn.active,html[data-theme=dark] .weather-options button.active{border-color:#8b5cf6;color:#fff!important;background:#7c3aed!important}html[data-theme=dark] .cancel-form-btn,html[data-theme=dark] .delete-cancel-btn,html[data-theme=dark] .close-form-btn{border-color:#3f3f46;color:#d4d4d8!important;background:#18181b!important}html[data-theme=dark] .cancel-form-btn:hover,html[data-theme=dark] .delete-cancel-btn:hover,html[data-theme=dark] .close-form-btn:hover{color:#fff!important;background:#27272a!important}html[data-theme=dark] .smart-outfit-info{background:#0b0b0c!important}html[data-theme=dark] .smart-outfit-empty{color:#b4b4be;border-color:#332b42;background:#18151f!important}html[data-theme=dark] .smart-outfit-placeholder{background:linear-gradient(135deg,#1e1927,#292033)}html[data-theme=dark] .weather-search button,html[data-theme=dark] .weather-refresh-btn,html[data-theme=dark] .outfit-weather-btn,html[data-theme=dark] .weather-search button{color:#fff;background:#7c3aed}html[data-theme=dark] .weather-search button:hover,html[data-theme=dark] .weather-refresh-btn:hover,html[data-theme=dark] .outfit-weather-btn:hover{background:#8b5cf6}html[data-theme=dark] .weather-location h2,html[data-theme=dark] .weather-condition h3,html[data-theme=dark] .weather-detail strong,html[data-theme=dark] .forecast-top strong,html[data-theme=dark] .forecast-temperatures strong,html[data-theme=dark] .outfit-weather-content h2,html[data-theme=dark] .temperature strong{color:#fff!important}html[data-theme=dark] .temperature span{color:#c4b5fd!important}html[data-theme=dark] .weather-error{color:#c4b5fd;border-color:#4c3860;background:#1d1725!important}html[data-theme=dark] .weather-error span{color:#c4b5fd;background:#2b2140}html[data-theme=dark] .weather-error p{color:#c4c4cc}html[data-theme=dark] .item-actions{background:#0f0f10f0;border-color:#3f3450;box-shadow:0 10px 25px #00000073}html[data-theme=dark] .favorite-item-btn,html[data-theme=dark] .edit-item-btn,html[data-theme=dark] .delete-item-btn{color:#c4b5fd;background:#18181b;border-color:#3f3450}html[data-theme=dark] .favorite-status{color:#c4b5fd;background:#241d35}html[data-theme=dark] .delete-overlay{background:#000000b8}html[data-theme=dark] .delete-modal{border-color:#34343a;background:#0f0f10!important}html[data-theme=dark] .closet-message{color:#fff;background:#0f0f10f7;border-color:#3f3450;box-shadow:0 20px 50px #00000080}html[data-theme=dark] .ai-badge{color:#c4b5fd!important;background:#241d35!important}html[data-theme=dark] .ai-preview-card{background:#0b0b0c!important}html[data-theme=dark] .ai-card-top{color:#a1a1aa}html[data-theme=dark] .weather-pill{color:#c4b5fd!important;background:#241d35!important}html[data-theme=dark] .home-cta{background:linear-gradient(135deg,#6d28d9,#8b5cf6)}html[data-theme=dark] .home-cta .cta-button{color:#c4b5fd;background:#0f0f10}html[data-theme=dark] .home-cta .cta-button:hover{background:#18181b}html[data-theme=dark] .home-stats,html[data-theme=dark] .feature-card,html[data-theme=dark] .step-card,html[data-theme=dark] .style-card,html[data-theme=dark] .clothing-card,html[data-theme=dark] .summary-card,html[data-theme=dark] .category-card,html[data-theme=dark] .closet-item,html[data-theme=dark] .smart-outfit-item,html[data-theme=dark] .forecast-card{border-color:#2d2d33}html[data-theme=dark] .app,html[data-theme=dark] .home-features,html[data-theme=dark] .how-section,html[data-theme=dark] .closet-preview,html[data-theme=dark] .style-section,html[data-theme=dark] .my-closet,html[data-theme=dark] .weather-page,html[data-theme=dark] .home-stats,html[data-theme=dark] .feature-card,html[data-theme=dark] .step-card,html[data-theme=dark] .clothing-card,html[data-theme=dark] .summary-card,html[data-theme=dark] .closet-item,html[data-theme=dark] .weather-search,html[data-theme=dark] .current-weather-card,html[data-theme=dark] .forecast-card{transition:background-color .3s,border-color .3s,color .3s,box-shadow .3s}.ai-outfit-section{color:#241c35;width:100%;max-width:1180px;margin:0 auto;padding:80px 24px 100px}.ai-outfit-header{text-align:left;max-width:760px;margin:0 0 42px}.ai-outfit-label{letter-spacing:2px;text-shadow:0 0 .5px #7c3aed;margin-bottom:12px;font-size:13px;line-height:1.4;display:inline-block;color:#7c3aed!important;font-weight:900!important}.ai-outfit-header h1{color:#24153f;letter-spacing:-2px;margin:0;font-size:clamp(42px,6vw,70px);font-weight:400;line-height:1}.ai-outfit-header h1 strong{color:#8b5cf6;font-weight:400}.ai-outfit-header p{color:#766b84;max-width:700px;margin:18px auto 0;font-size:16px;font-weight:400;line-height:1.7}.ai-weather-context{grid-template-columns:180px 190px 1fr;align-items:stretch;gap:14px;margin-bottom:28px;display:grid}.ai-weather-context-item,.ai-weather-advice{background:#ffffffe6;border:1px solid #eadff8;border-radius:20px;min-height:82px;box-shadow:0 8px 30px #5b3d7e12}.ai-weather-context-item{align-items:center;gap:12px;padding:16px;display:flex}.ai-context-icon{color:#8b5cf6;background:#f1e8ff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.ai-weather-context-item span{color:#958ca1;margin-bottom:4px;font-size:12px;display:block}.ai-weather-context-item strong{color:#30263e;font-size:15px;display:block}.ai-weather-advice{color:#665b72;align-items:center;gap:12px;padding:16px 20px;font-size:14px;line-height:1.6;display:flex}.ai-weather-advice svg{color:#8b5cf6;flex-shrink:0}.ai-generator-card{background:#fffffff5;border:1px solid #eadff8;border-radius:30px;max-width:850px;margin:0 auto;padding:42px;box-shadow:0 20px 60px #482a6c1a}.ai-generator-icon{color:#8b5cf6;background:linear-gradient(135deg,#ede9fe,#f5edff);border-radius:22px;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 20px;display:flex}.ai-generator-card>h2{text-align:center;color:#292033;margin:0;font-size:28px}.ai-generator-card>p{text-align:center;color:#786f84;max-width:620px;margin:12px auto 30px;line-height:1.7}.ai-option-group{margin-top:24px}.ai-option-group label,.ai-request-group label{color:#3a3047;margin-bottom:10px;font-size:14px;font-weight:700;display:block}.ai-options{flex-wrap:wrap;gap:9px;display:flex}.ai-option{color:#6f647b;cursor:pointer;background:#fff;border:1px solid #e5d9f2;border-radius:12px;padding:10px 15px;font-size:13px;font-weight:600;transition:all .2s}.ai-option:hover{color:#7c3aed;border-color:#a78bfa;transform:translateY(-1px)}.ai-option.active{color:#fff;background:#8b5cf6;border-color:#8b5cf6;box-shadow:0 7px 18px #8b5cf638}.ai-select{color:#40364c;cursor:pointer;background:#fff;border:1px solid #e4d9ef;border-radius:13px;outline:none;width:100%;height:48px;padding:0 14px;font-size:14px;transition:all .2s}.ai-select:focus{border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf61a}.ai-request-group{margin-top:24px}.ai-request-group textarea{resize:vertical;color:#332a3e;box-sizing:border-box;background:#fff;border:1px solid #e4d9ef;border-radius:15px;outline:none;width:100%;min-height:110px;padding:14px 16px;font-family:inherit;font-size:14px;line-height:1.6;transition:all .2s}.ai-request-group textarea::placeholder{color:#aaa0b2}.ai-request-group textarea:focus{border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf61a}.ai-generator-features{grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0;display:grid}.ai-generator-features>div{color:#665b72;background:#faf8fd;border:1px solid #eee5f7;border-radius:14px;justify-content:center;align-items:center;gap:9px;min-height:52px;font-size:13px;font-weight:600;display:flex}.ai-generator-features svg{color:#8b5cf6}.generate-ai-button,.bottom-generate-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:0;border-radius:15px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:52px;font-family:inherit;font-size:14px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 12px 28px #7c3aed33}.generate-ai-button:hover:not(:disabled),.bottom-generate-button:hover{transform:translateY(-2px);box-shadow:0 16px 34px #7c3aed45}.generate-ai-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.spin-icon{animation:.9s linear infinite aiSpin}@keyframes aiSpin{to{transform:rotate(360deg)}}.generated-outfit{background:#fffffff7;border:1px solid #eadff8;border-radius:30px;padding:32px;box-shadow:0 20px 60px #482a6c1a}.generated-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.generated-header>div:first-child>span{color:#8b5cf6;letter-spacing:1.4px;font-size:11px;font-weight:800}.generated-header h2{color:#2b2237;margin:7px 0 0;font-size:30px}.generated-actions{flex-wrap:wrap;gap:9px;display:flex}.favorite-button,.regenerate-button{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:0 15px;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.favorite-button{color:#665b72;background:#fff;border:1px solid #e5d9f2}.favorite-button:hover,.favorite-button.active{color:#7c3aed;background:#f5f0ff;border-color:#c4b5fd}.regenerate-button{color:#fff;background:#8b5cf6;border:1px solid #8b5cf6}.regenerate-button:hover:not(:disabled){background:#7c3aed;transform:translateY(-1px)}.regenerate-button:disabled{opacity:.65;cursor:not-allowed}.ai-outfit-description{background:linear-gradient(135deg,#faf7ff,#f5f0ff);border:1px solid #e8def5;border-radius:17px;align-items:flex-start;gap:12px;margin:0 0 24px;padding:17px 18px;display:flex}.ai-outfit-description svg{color:#8b5cf6;flex-shrink:0;margin-top:2px}.ai-outfit-description p{color:#5f556b;margin:0;font-size:14px;line-height:1.7}.outfit-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.outfit-piece{background:#fff;border:1px solid #ebe2f3;border-radius:20px;transition:all .2s;overflow:hidden}.outfit-piece:hover{transform:translateY(-3px);box-shadow:0 12px 30px #53396f1a}.piece-image{color:#b5a7c3;background:linear-gradient(135deg,#f8f5fb,#f1eafb);justify-content:center;align-items:center;height:260px;display:flex;overflow:hidden}.piece-image img{object-fit:cover;width:100%;height:100%;display:block}.piece-info{padding:15px 16px 17px}.piece-info span{color:#9b8fa6;letter-spacing:1.2px;font-size:10px;font-weight:800}.piece-info h3{color:#352b40;margin:5px 0 0;font-size:15px}.outfit-piece:nth-child(4){grid-column:span 1}.ai-result-message{background:#faf9fc;border:1px solid #e6ddf0;border-radius:17px;align-items:flex-start;gap:12px;margin-top:24px;padding:17px 18px;display:flex}.result-icon{color:#fff;background:#8b5cf6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.ai-result-message strong{color:#34293f;margin-bottom:4px;font-size:14px;display:block}.ai-result-message p{color:#746a7d;margin:0;font-size:13px;line-height:1.6}.bottom-generate-button{max-width:420px;margin:24px auto 0}.ai-message{color:#6d6178;background:#faf7ff;border:1px solid #eadff8;border-radius:15px;align-items:flex-start;gap:10px;max-width:850px;margin:20px auto 0;padding:14px 16px;font-size:13px;line-height:1.6;display:flex}.ai-message svg{color:#8b5cf6;flex-shrink:0;margin-top:2px}.ai-empty-state{text-align:center;background:#fffffff2;border:1px solid #eadff8;border-radius:28px;max-width:650px;margin:40px auto 0;padding:55px 30px;box-shadow:0 18px 50px #482a6c14}.ai-empty-icon{color:#8b5cf6;background:#f2eaff;border-radius:25px;justify-content:center;align-items:center;width:82px;height:82px;margin:0 auto 20px;display:flex}.ai-empty-state h2{color:#30263b;margin:0;font-size:25px}.ai-empty-state p{color:#786f84;max-width:470px;margin:12px auto 0;line-height:1.7}.ai-styling-analysis{background:linear-gradient(135deg,#fffffff5,#f8f5fff5);border:1px solid #8b5cf62e;border-radius:22px;margin-top:28px;padding:24px;box-shadow:0 12px 35px #5b21b614}.analysis-header{align-items:center;gap:14px;margin-bottom:16px;display:flex}.analysis-icon{color:#7c3aed;background:#ede9fe;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.analysis-header span,.tips-header span,.missing-header span,.summary-header span,.refinement-header span,.new-outfit-content span{letter-spacing:1.4px;color:#8b5cf6;margin-bottom:4px;font-size:11px;font-weight:800;display:block}.analysis-header h3,.tips-header h3,.missing-header h3,.summary-header h3,.refinement-header h3,.new-outfit-content h3{color:#24183b;margin:0;font-size:19px}.analysis-content p{color:#625b71;margin:0;font-size:14px;line-height:1.8}.ai-styling-tips{background:#fff;border:1px solid #eee8f8;border-radius:22px;margin-top:22px;padding:24px}.tips-header{align-items:center;gap:14px;margin-bottom:20px;display:flex}.tips-icon{color:#7c3aed;background:#f3e8ff;border-radius:13px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.tips-list{flex-direction:column;gap:12px;display:flex}.tip-item{background:#faf8ff;border-radius:15px;align-items:flex-start;gap:13px;padding:14px;display:flex}.tip-number{color:#fff;background:#8b5cf6;border-radius:50%;justify-content:center;align-items:center;min-width:28px;height:28px;font-size:12px;font-weight:700;display:flex}.tip-item p{color:#625b71;margin:3px 0 0;font-size:14px;line-height:1.65}.ai-weather-recommendation{background:#f5f3ff;border:1px solid #e9ddff;border-radius:18px;align-items:flex-start;gap:14px;margin-top:22px;padding:19px;display:flex}.weather-recommendation-icon{color:#7c3aed;background:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.ai-weather-recommendation span{letter-spacing:1.2px;color:#8b5cf6;margin-bottom:5px;font-size:10px;font-weight:800;display:block}.ai-weather-recommendation p{color:#5f566d;margin:0;font-size:14px;line-height:1.65}.ai-missing-items{background:#fffaf2;border:1px solid #f7e6c5;border-radius:22px;margin-top:22px;padding:24px}.missing-header{align-items:center;gap:14px;display:flex}.missing-icon{color:#c0841a;background:#fff0cc;border-radius:13px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.missing-description{color:#6c6255;margin:17px 0;font-size:14px;line-height:1.7}.missing-list{flex-wrap:wrap;gap:9px;display:flex}.missing-item{color:#735a31;background:#fff;border:1px solid #f1dfbd;border-radius:999px;padding:9px 14px;font-size:13px;font-weight:600}.ai-outfit-summary{background:#fff;border:1px solid #eee8f8;border-radius:22px;margin-top:22px;padding:24px}.summary-header{align-items:center;gap:14px;margin-bottom:20px;display:flex}.summary-icon{color:#16a34a;background:#dcfce7;border-radius:13px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.summary-grid{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.summary-item{background:#faf9fc;border-radius:15px;padding:15px}.summary-item span{color:#91899c;margin-bottom:6px;font-size:11px;display:block}.summary-item strong{color:#30263d;font-size:14px}.ai-refinement-card{background:linear-gradient(135deg,#faf7ff,#fff);border:1px solid #e9ddff;border-radius:22px;margin-top:22px;padding:25px}.refinement-header{align-items:center;gap:14px;display:flex}.refinement-icon{color:#7c3aed;background:#ede9fe;border-radius:13px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.ai-refinement-card>p{color:#696174;margin:16px 0;font-size:14px;line-height:1.6}.ai-refinement-card textarea{box-sizing:border-box;resize:vertical;color:#332a40;background:#fff;border:1px solid #e4dff0;border-radius:15px;outline:none;width:100%;min-height:105px;padding:15px;font-family:inherit;font-size:14px;line-height:1.6;transition:all .2s}.ai-refinement-card textarea:focus{border-color:#9b6df5;box-shadow:0 0 0 3px #8b5cf61a}.refinement-actions{flex-wrap:wrap;gap:12px;margin-top:14px;display:flex}.refine-button,.reset-request-button{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-family:inherit;font-weight:700;transition:all .2s;display:inline-flex}.refine-button{color:#fff;background:linear-gradient(135deg,#7c3aed,#9f67ff)}.refine-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #7c3aed38}.reset-request-button{color:#665d70;background:#f3f1f6}.reset-request-button:hover{background:#e9e5ee}.refine-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.new-outfit-section{background:#fcfaff;border:1px dashed #d9ccef;border-radius:20px;justify-content:space-between;align-items:center;gap:20px;margin-top:22px;padding:22px;display:flex}.new-outfit-content{align-items:center;gap:14px;display:flex}.new-outfit-icon{color:#7c3aed;background:#ede9fe;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;display:flex}.new-outfit-content h3{font-size:16px}.new-outfit-content p{color:#766d80;margin:5px 0 0;font-size:13px}.ai-message{color:#be123c;background:#fff1f2;border:1px solid #fecdd3;border-radius:13px;align-items:center;gap:10px;margin-top:18px;padding:13px 16px;font-size:13px;display:flex}.ai-message.success{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}@media (width<=900px){.ai-weather-context{grid-template-columns:1fr 1fr}.ai-weather-advice{grid-column:1/-1}.outfit-grid{grid-template-columns:repeat(2,1fr)}.piece-image{height:240px}.summary-grid{grid-template-columns:repeat(2,1fr)}.new-outfit-section{flex-direction:column;align-items:flex-start}.new-outfit-section .bottom-generate-button{width:100%}}@media (width<=650px){.ai-outfit-section{padding:55px 15px 70px}.ai-outfit-header{margin-bottom:30px}.ai-outfit-label{letter-spacing:1.7px;font-size:11px}.ai-outfit-header h1{letter-spacing:-1.5px;font-size:45px;line-height:1}.ai-outfit-header p{font-size:14px;line-height:1.7}.ai-weather-context{grid-template-columns:1fr}.ai-weather-advice{grid-column:auto}.ai-generator-card,.generated-outfit{border-radius:22px;padding:22px 17px}.ai-generator-card>h2{font-size:23px}.ai-generator-features{grid-template-columns:1fr}.ai-generator-features>div{justify-content:flex-start;padding:0 16px}.generated-header{flex-direction:column;align-items:flex-start}.generated-header h2{font-size:24px}.generated-actions{width:100%}.favorite-button,.regenerate-button{flex:1}.outfit-grid{grid-template-columns:1fr}.outfit-piece:nth-child(4){grid-column:auto}.piece-image{height:300px}.bottom-generate-button{max-width:none}.ai-styling-analysis,.ai-styling-tips,.ai-outfit-summary,.ai-refinement-card,.ai-missing-items{border-radius:17px;padding:18px}.summary-grid{grid-template-columns:1fr}.refinement-actions{flex-direction:column}.refine-button,.reset-request-button{width:100%}.ai-weather-recommendation{padding:16px}.new-outfit-content{align-items:flex-start}}@media (width<=400px){.ai-outfit-header h1{letter-spacing:-1.2px;font-size:38px}.ai-weather-context-item{min-height:72px}.generated-actions{flex-direction:column}.favorite-button,.regenerate-button{flex:none;width:100%}.piece-image{height:260px}}html[data-theme=dark] .ai-outfit-section{color:#f5f5f5;background:#18181b}html[data-theme=dark] .ai-outfit-label{color:#c4b5fd}html[data-theme=dark] .ai-outfit-header h1{color:#fff}html[data-theme=dark] .ai-outfit-header h1 strong{color:#a78bfa}html[data-theme=dark] .ai-outfit-header p{color:#c4c4cc}html[data-theme=dark] .ai-weather-context-item,html[data-theme=dark] .ai-weather-advice{background:#0f0f10;border-color:#2d2d33;box-shadow:0 8px 30px #00000040}html[data-theme=dark] .ai-context-icon{color:#c4b5fd;background:#241d35}html[data-theme=dark] .ai-weather-context-item span{color:#a1a1aa}html[data-theme=dark] .ai-weather-context-item strong{color:#fff}html[data-theme=dark] .ai-weather-advice{color:#c4c4cc}html[data-theme=dark] .ai-weather-advice svg{color:#c4b5fd}html[data-theme=dark] .ai-generator-card{background:#0f0f10;border-color:#2d2d33;box-shadow:0 20px 60px #00000059}html[data-theme=dark] .ai-generator-icon{color:#c4b5fd;background:#241d35}html[data-theme=dark] .ai-generator-card>h2{color:#fff}html[data-theme=dark] .ai-generator-card>p{color:#c4c4cc}html[data-theme=dark] .ai-option-group label,html[data-theme=dark] .ai-request-group label{color:#eee}html[data-theme=dark] .ai-option{color:#d2d2d2;background:#18181b;border-color:#3f3f46}html[data-theme=dark] .ai-option:hover{color:#c4a7ff;background:#241d35;border-color:#9b6df5}html[data-theme=dark] .ai-option.active{color:#fff;background:#8b5cf6;border-color:#8b5cf6}html[data-theme=dark] .ai-select{color:#fff;background:#18181b;border-color:#3f3f46}html[data-theme=dark] .ai-select:focus{border-color:#9b6df5}html[data-theme=dark] .ai-request-group textarea,html[data-theme=dark] .ai-refinement-card textarea{color:#fff;background:#18181b;border-color:#3f3f46}html[data-theme=dark] .ai-request-group textarea::placeholder,html[data-theme=dark] .ai-refinement-card textarea::placeholder{color:#71717a}html[data-theme=dark] .ai-request-group textarea:focus,html[data-theme=dark] .ai-refinement-card textarea:focus{border-color:#9b6df5}html[data-theme=dark] .ai-generator-features>div{color:#cfcfcf;background:#18181b;border-color:#3f3f46}html[data-theme=dark] .ai-generator-features svg{color:#c4b5fd}html[data-theme=dark] .generated-outfit{background:#0f0f10;border-color:#2d2d33;box-shadow:0 20px 60px #00000059}html[data-theme=dark] .generated-header h2{color:#fff}html[data-theme=dark] .generated-header>div:first-child>span{color:#c4b5fd}html[data-theme=dark] .favorite-button{color:#d5d5d5;background:#18181b;border-color:#3f3f46}html[data-theme=dark] .favorite-button:hover,html[data-theme=dark] .favorite-button.active{color:#c4a7ff;background:#241d35;border-color:#8b5cf6}html[data-theme=dark] .ai-outfit-description{background:#18181b;border-color:#3f3f46}html[data-theme=dark] .ai-outfit-description p{color:#c8c8c8}html[data-theme=dark] .ai-outfit-description svg{color:#b794f6}html[data-theme=dark] .outfit-piece{background:#0f0f10;border-color:#3f3f46}html[data-theme=dark] .piece-image{color:#999;background:#18181b}html[data-theme=dark] .piece-info h3{color:#fff}html[data-theme=dark] .ai-result-message{background:#18181b;border-color:#3f3f46}html[data-theme=dark] .ai-result-message strong{color:#fff}html[data-theme=dark] .ai-result-message p{color:#bdbdbd}html[data-theme=dark] .ai-styling-analysis,html[data-theme=dark] .ai-styling-tips,html[data-theme=dark] .ai-outfit-summary,html[data-theme=dark] .ai-refinement-card{box-shadow:none;background:#0f0f10;border-color:#2d2d33}html[data-theme=dark] .analysis-icon,html[data-theme=dark] .tips-icon,html[data-theme=dark] .refinement-icon,html[data-theme=dark] .new-outfit-icon{color:#b794f6;background:#241d35}html[data-theme=dark] .analysis-content p,html[data-theme=dark] .tip-item p,html[data-theme=dark] .ai-refinement-card>p{color:#c4c4c4}html[data-theme=dark] .analysis-header h3,html[data-theme=dark] .tips-header h3,html[data-theme=dark] .missing-header h3,html[data-theme=dark] .summary-header h3,html[data-theme=dark] .refinement-header h3,html[data-theme=dark] .new-outfit-content h3{color:#fff}html[data-theme=dark] .tip-item{background:#18181b}html[data-theme=dark] .tip-number{color:#fff;background:#8b5cf6}html[data-theme=dark] .ai-weather-recommendation{background:#18181b;border-color:#3f3f46}html[data-theme=dark] .weather-recommendation-icon{color:#b794f6;background:#27272a}html[data-theme=dark] .ai-weather-recommendation p{color:#c4c4c4}html[data-theme=dark] .ai-missing-items{background:#302d29;border-color:#50483d}html[data-theme=dark] .missing-icon{color:#e6c46a;background:#4a4030}html[data-theme=dark] .missing-description{color:#c8c0b2}html[data-theme=dark] .missing-item{color:#ded3bc;background:#3b3935;border-color:#555047}html[data-theme=dark] .summary-item{background:#18181b}html[data-theme=dark] .summary-item span{color:#999}html[data-theme=dark] .summary-item strong{color:#fff}html[data-theme=dark] .summary-icon{color:#79d99a;background:#25402d}html[data-theme=dark] .reset-request-button{color:#d0d0d0;background:#27272a}html[data-theme=dark] .reset-request-button:hover{background:#3f3f46}html[data-theme=dark] .new-outfit-section{background:#0f0f10;border-color:#51465f}html[data-theme=dark] .new-outfit-content p{color:#bdbdbd}html[data-theme=dark] .ai-empty-state{box-shadow:none;background:#0f0f10;border-color:#2d2d33}html[data-theme=dark] .ai-empty-icon{color:#b794f6;background:#241d35}html[data-theme=dark] .ai-empty-state h2{color:#fff}html[data-theme=dark] .ai-empty-state p{color:#bdbdbd}html[data-theme=dark] .ai-message{color:#ffb8c1;background:#3b292d;border-color:#5c3c42}html[data-theme=dark] .ai-message.success{color:#91dfa8;background:#263b2d;border-color:#3c5c45}.favorites-page{color:#241b35;width:min(1180px,94%);margin:0 auto;padding:42px 0 70px}.favorites-header{justify-content:space-between;align-items:center;gap:30px;margin-bottom:30px;display:flex}.favorites-header-content{max-width:720px}.favorites-label{letter-spacing:2px;text-transform:uppercase;color:#8b5cf6;margin-bottom:9px;font-size:12px;font-weight:800;display:inline-block}.favorites-header h1{letter-spacing:-1.5px;margin:0;font-size:clamp(34px,5vw,52px);font-weight:400;line-height:1.05}.favorites-header h1 strong{color:#7c3aed;font-weight:800}.favorites-header p{color:#746b80;margin:14px 0 0;font-size:15px;line-height:1.7}.favorites-header-icon{color:#7c3aed;background:linear-gradient(135deg,#f3e8ff,#ede9fe);border-radius:22px;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;display:flex;box-shadow:0 12px 30px #7c3aed1f}.favorites-summary{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:30px;display:grid}.favorites-summary-card{background:#ffffffe6;border:1px solid #eee7f7;border-radius:18px;align-items:center;gap:14px;min-height:92px;padding:18px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 8px 25px #2e1f430f}.favorites-summary-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px #2e1f4317}.favorites-summary-icon{color:#7c3aed;background:#f3e8ff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.favorites-summary-card strong{color:#241b35;font-size:24px;line-height:1;display:block}.favorites-summary-card span{color:#857b91;margin-top:6px;font-size:12px;display:block}.favorites-toolbar{background:#fff;border:1px solid #eee7f7;border-radius:20px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:22px;padding:17px;display:flex;box-shadow:0 8px 25px #2e1f430d}.favorites-search{color:#9389a0;background:#faf9fc;border:1px solid #e7deef;border-radius:13px;flex:1;align-items:center;gap:10px;min-width:260px;height:44px;padding:0 13px;transition:border-color .2s,box-shadow .2s;display:flex}.favorites-search:focus-within{border-color:#a78bfa;box-shadow:0 0 0 3px #a78bfa1f}.favorites-search input{color:#2d2438;background:0 0;border:none;outline:none;width:100%;height:100%;font-size:13px}.favorites-search input::placeholder{color:#a49bab}.favorites-clear-search{cursor:pointer;color:#82758f;background:#eee8f4;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.favorites-filters{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.favorites-filter{color:#746a80;cursor:pointer;background:#fff;border:1px solid #e9e1f1;border-radius:11px;justify-content:center;align-items:center;gap:7px;height:40px;padding:0 13px;font-size:12px;font-weight:700;transition:color .2s,background .2s,border-color .2s,transform .2s;display:inline-flex}.favorites-filter:hover{color:#7c3aed;background:#faf7ff;border-color:#d8c7f4;transform:translateY(-1px)}.favorites-filter.active{color:#fff;background:#7c3aed;border-color:#7c3aed}.favorites-reset{color:#8b5cf6;cursor:pointer;background:#f4effc;border:none;border-radius:10px;align-items:center;gap:6px;height:40px;padding:0 12px;font-size:12px;font-weight:700;transition:background .2s,transform .2s;display:inline-flex}.favorites-reset:hover{background:#ede5fa;transform:translateY(-1px)}.favorites-result-info{justify-content:space-between;align-items:center;margin:22px 2px 14px;display:flex}.favorites-result-info>div{color:#82758f;align-items:center;gap:8px;font-size:13px;display:flex}.favorites-result-info svg{color:#8b5cf6}.favorites-result-info strong{color:#4b3b59}.favorites-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.favorite-card{background:#fff;border:1px solid #eee7f7;border-radius:20px;transition:transform .25s,box-shadow .25s;overflow:hidden;box-shadow:0 8px 25px #2e1f430f}.favorite-card:hover{transform:translateY(-5px);box-shadow:0 18px 38px #2e1f431c}.favorite-card-image{background:linear-gradient(145deg,#f8f4fc,#eee7f7);width:100%;height:245px;position:relative;overflow:hidden}.favorite-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.favorite-card:hover .favorite-card-image img{transform:scale(1.045)}.favorite-placeholder{color:#a78bfa;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.favorite-remove-btn{color:#7c3aed;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#ffffffeb;border:1px solid #ffffffb3;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:transform .2s,background .2s;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 6px 18px #2819371f}.favorite-remove-btn:hover{color:#fff;background:#7c3aed;transform:scale(1.08)}.favorite-card-info{justify-content:space-between;align-items:flex-start;gap:12px;min-height:91px;padding:16px;display:flex}.favorite-card-info h3{color:#30253c;margin:0;font-size:15px;font-weight:800}.favorite-card-info>div:first-child>span{color:#968ba0;margin-top:6px;font-size:11px;font-weight:600;display:inline-block}.favorite-badge{color:#7c3aed;background:#f3e8ff;border-radius:9px;flex-shrink:0;align-items:center;gap:5px;padding:6px 8px;font-size:10px;font-weight:800;display:inline-flex}.favorites-empty{text-align:center;background:linear-gradient(145deg,#fff,#faf7ff);border:1px dashed #ddd0ea;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;min-height:330px;padding:40px 20px;display:flex}.favorites-empty-icon{color:#8b5cf6;background:#f3e8ff;border-radius:22px;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:18px;display:flex}.favorites-empty h2{color:#30253c;margin:0;font-size:22px}.favorites-empty p{color:#82758f;max-width:470px;margin:10px 0 20px;font-size:13px;line-height:1.7}.favorites-reset-empty{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:11px;align-items:center;gap:7px;height:42px;padding:0 16px;font-size:12px;font-weight:800;transition:transform .2s,background .2s;display:inline-flex}.favorites-reset-empty:hover{background:#6d28d9;transform:translateY(-2px)}.favorites-message{z-index:1000;color:#3d3149;background:#fff;border:1px solid #e6dcf0;border-radius:14px;align-items:center;gap:10px;min-width:230px;padding:12px 15px;font-size:13px;font-weight:700;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 15px 40px #241b3526}.favorites-message-icon{color:#16a34a;background:#dcfce7;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}@media (width<=1000px){.favorites-grid{grid-template-columns:repeat(3,1fr)}.favorites-summary{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.favorites-page{width:min(94%,560px);padding:28px 0 50px}.favorites-header{align-items:flex-start}.favorites-header-icon{border-radius:17px;width:56px;height:56px}.favorites-header-icon svg{width:25px;height:25px}.favorites-summary{grid-template-columns:repeat(2,1fr);gap:10px}.favorites-summary-card{min-height:80px;padding:13px}.favorites-summary-icon{width:38px;height:38px}.favorites-summary-card strong{font-size:20px}.favorites-toolbar{flex-direction:column;align-items:stretch}.favorites-search{width:100%;min-width:0}.favorites-filters{width:100%}.favorites-filter{flex:1}.favorites-reset{align-self:flex-start}.favorites-grid{grid-template-columns:repeat(2,1fr);gap:13px}.favorite-card-image{height:210px}.favorite-card-info{flex-direction:column;padding:13px}}@media (width<=450px){.favorites-header h1{font-size:34px}.favorites-header p{font-size:13px}.favorites-header-icon{display:none}.favorites-summary{grid-template-columns:1fr 1fr}.favorites-summary-card{gap:9px}.favorites-summary-card span{font-size:10px}.favorites-filters{grid-template-columns:repeat(2,1fr);display:grid}.favorites-filter{width:100%}.favorites-grid{grid-template-columns:1fr 1fr}.favorite-card-image{height:175px}.favorite-card-info h3{font-size:13px}.favorite-badge{font-size:9px}.favorites-message{min-width:0;bottom:15px;left:15px;right:15px}}.dark-theme .favorites-page{color:#fff}.dark-theme .favorites-label{color:#c4b5fd}.dark-theme .favorites-header h1{color:#fff}.dark-theme .favorites-header h1 strong{color:#a78bfa}.dark-theme .favorites-header p{color:#c4c4cc}.dark-theme .favorites-header-icon{color:#c4b5fd;background:linear-gradient(135deg,#241d35,#2d2340);box-shadow:0 12px 30px #00000059}.dark-theme .favorites-summary-card{background:#292929;border-color:#3f3f3f;box-shadow:0 10px 30px #0000004d}.dark-theme .favorites-summary-card strong{color:#fff}.dark-theme .favorites-summary-card span{color:#a8a8a8}.dark-theme .favorites-summary-icon{color:#c4b5fd;background:#343039}.dark-theme .favorites-toolbar{background:#292929;border-color:#3f3f3f;box-shadow:0 10px 30px #0000004d}.dark-theme .favorites-search{color:#c4b5fd;background:#333;border-color:#464646}.dark-theme .favorites-search input{color:#fff}.dark-theme .favorites-search input::placeholder{color:#8f8f8f}.dark-theme .favorites-search:focus-within{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf62e}.dark-theme .favorites-clear-search{color:#c4c4cc;background:#444}.dark-theme .favorites-filter{color:#c4c4cc;background:#292929;border-color:#464646}.dark-theme .favorites-filter:hover{color:#fff;background:#343039;border-color:#8b5cf6}.dark-theme .favorites-filter.active{color:#fff;background:#7c3aed;border-color:#8b5cf6}.dark-theme .favorites-reset{color:#c4b5fd;background:#343039}.dark-theme .favorites-reset:hover{background:#40374d}.dark-theme .favorites-result-info>div{color:#a8a8a8}.dark-theme .favorites-result-info svg{color:#c4b5fd}.dark-theme .favorites-result-info strong{color:#fff}.dark-theme .favorite-card{background:#292929;border-color:#3f3f3f;box-shadow:0 10px 30px #0000004d}.dark-theme .favorite-card:hover{box-shadow:0 18px 40px #00000073}.dark-theme .favorite-card-image{background:linear-gradient(145deg,#333,#242424)}.dark-theme .favorite-placeholder{color:#a78bfa}.dark-theme .favorite-remove-btn{color:#c4b5fd;background:#292929f0;border-color:#ffffff26;box-shadow:0 6px 18px #0006}.dark-theme .favorite-remove-btn:hover{color:#fff;background:#7c3aed}.dark-theme .favorite-card-info h3{color:#fff}.dark-theme .favorite-card-info>div:first-child>span{color:#a8a8a8}.dark-theme .favorite-badge{color:#c4b5fd;background:#343039}.dark-theme .favorites-empty{background:linear-gradient(145deg,#292929,#211d27);border-color:#4a4054}.dark-theme .favorites-empty-icon{color:#c4b5fd;background:#343039}.dark-theme .favorites-empty h2{color:#fff}.dark-theme .favorites-empty p{color:#a8a8a8}.dark-theme .favorites-reset-empty{color:#fff;background:#7c3aed}.dark-theme .favorites-reset-empty:hover{background:#8b5cf6}.dark-theme .favorites-message{color:#fff;background:#292929;border-color:#444;box-shadow:0 15px 40px #00000080}.dark-theme .favorites-message-icon{color:#86efac;background:#17351f}.simple-footer{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff8c;border-top:1px solid #8b5cf626;width:100%;margin-top:60px;padding:28px 20px}.simple-footer p{color:#6b7280;letter-spacing:.2px;margin:0;font-size:14px}.simple-footer strong{color:#7c3aed;font-weight:700}@media (width<=600px){.simple-footer{margin-top:40px;padding:22px 15px}.simple-footer p{font-size:13px}}:root{--app-bg:#fff;--app-surface:#fff;--app-card:#fff;--text-primary:#241c35;--text-secondary:#746b82;--text-muted:#958ca1;--border:#eadff8;--primary:#8b5cf6;--primary-dark:#7c3aed;--lavender:#f1e8ff;--shadow-soft:0 8px 30px #5b3d7e12}.dark-theme{--app-bg:#181818;--app-surface:#202020;--app-card:#292929;--text-primary:#fff;--text-secondary:#d0d0d0;--text-muted:#a0a0a0;--border:#3f3f3f;--primary:#9b6df5;--primary-dark:#8b5cf6;--lavender:#343039;--shadow-soft:0 10px 35px #00000073}html,body,#root{background:var(--app-bg);width:100%;min-height:100%;color:var(--text-primary);margin:0;padding:0}.app{background:var(--app-bg);min-height:100vh;color:var(--text-primary);transition:background-color .25s,color .25s}html.dark-theme,body.dark-theme,body.dark-theme #root,.app.dark-theme,.dark-theme main{color:#fff;background:#181818!important}.dark-theme section{color:#fff;background-color:#181818}.dark-theme h1,.dark-theme h2,.dark-theme h3,.dark-theme h4,.dark-theme h5,.dark-theme h6{color:#fff}.dark-theme p{color:#d0d0d0}.dark-theme span{color:inherit}.dark-theme .card,.dark-theme .section-card,.dark-theme .content-card,.dark-theme .feature-card,.dark-theme .stat-card,.dark-theme .closet-card,.dark-theme .weather-card,.dark-theme .favorite-card{color:#fff;box-shadow:0 10px 35px #00000059;background:#292929!important;border-color:#3f3f3f!important}.dark-theme .app>div,.dark-theme main>div{color:#fff}.dark-theme input,.dark-theme textarea,.dark-theme select{color:#fff!important;background:#292929!important;border-color:#464646!important}.dark-theme input::placeholder,.dark-theme textarea::placeholder{color:#8f8f8f!important}.dark-theme select option{color:#fff;background:#292929}.dark-theme .bg-white,.dark-theme .background-white,.dark-theme .white-bg{background:#292929!important}.dark-theme button{color:#fff}.dark-theme .secondary-button,.dark-theme .outline-button{color:#fff!important;background:#292929!important;border-color:#484848!important}.dark-theme a{color:#c4a7ff}.dark-theme .navbar{box-shadow:0 6px 25px #00000059;background:#202020!important;border-bottom-color:#3f3f3f!important}.dark-theme .navbar-links a{color:#d0d0d0}.dark-theme .navbar-links a:hover{color:#fff;background:#343039}.dark-theme .navbar-logo,.dark-theme .sign-in-button{color:#fff}.dark-theme .sign-in-button:hover{background:#343039}.dark-theme .theme-button{color:#d8c5ff;background:#343039}.dark-theme footer{color:#fff!important;background:#151515!important;border-top-color:#3f3f3f!important}.dark-theme footer p,.dark-theme footer span{color:#bdbdbd}.dark-theme .image-container,.dark-theme .visual-container{background:#292929!important}.dark-theme .home{background:radial-gradient(circle at 80% 20%,#8b5cf614,#0000 35%),#181818!important}.dark-theme .home h1{color:#fff}.dark-theme .home-content>p{color:#d0d0d0}.dark-theme .home-badge{color:#b794f6;background:#292929;border-color:#454545}.dark-theme .home-stat{background:#292929;border-color:#404040}.dark-theme .home-stat strong{color:#fff}.dark-theme .home-stat span{color:#a8a8a8}.dark-theme .home-stat-icon{color:#c4a7ff;background:#37303f}.dark-theme .fashion-card{background:#292929;border-color:#454545}.dark-theme .fashion-card-header,.dark-theme .fashion-info,.dark-theme .fashion-title-row h3{color:#fff}.dark-theme .fashion-title-row p{color:#a8a8a8}.dark-theme .ai-outfit-section{color:#fff;background:#181818!important}.dark-theme .ai-generator-card,.dark-theme .generated-outfit,.dark-theme .ai-empty-state,.dark-theme .ai-styling-analysis,.dark-theme .ai-styling-tips,.dark-theme .ai-outfit-summary,.dark-theme .ai-refinement-card{color:#fff;background:#292929!important;border-color:#414141!important}.dark-theme .ai-weather-context-item,.dark-theme .ai-weather-advice{background:#292929!important;border-color:#414141!important}.dark-theme .ai-option{color:#ddd;background:#333!important;border-color:#4a4a4a!important}.dark-theme .ai-select,.dark-theme .ai-request-group textarea{color:#fff!important;background:#333!important}.dark-theme .ai-generator-features>div{color:#d0d0d0;background:#333!important;border-color:#444!important}.dark-theme .outfit-piece{background:#292929!important;border-color:#444!important}.dark-theme .piece-image{background:#333!important}.dark-theme .ai-outfit-description,.dark-theme .ai-result-message,.dark-theme .ai-weather-recommendation,.dark-theme .tip-item,.dark-theme .summary-item{background:#333!important;border-color:#454545!important}.dark-theme .piece-info h3,.dark-theme .summary-item strong,.dark-theme .ai-result-message strong{color:#fff}.dark-theme .my-closet,.dark-theme .closet-page{color:#fff;background:#181818!important}.dark-theme .closet-card{background:#292929!important;border-color:#444!important}.dark-theme .closet-card h3{color:#fff}.dark-theme .closet-card p{color:silver}.dark-theme .weather,.dark-theme .weather-page{color:#fff;background:#181818!important}.dark-theme .weather-card{background:#292929!important;border-color:#444!important}.dark-theme .weather-card h2,.dark-theme .weather-card h3{color:#fff}.dark-theme .weather-card p,.dark-theme .weather-card span{color:silver}.dark-theme .favorites,.dark-theme .favorites-page{color:#fff;background:#181818!important}.dark-theme .favorite-card{background:#292929!important;border-color:#444!important}.dark-theme .favorite-card h3{color:#fff}.dark-theme .favorite-card p{color:silver}.dark-theme::-webkit-scrollbar{width:9px}.dark-theme ::-webkit-scrollbar{width:9px}.dark-theme::-webkit-scrollbar-track{background:#181818}.dark-theme ::-webkit-scrollbar-track{background:#181818}.dark-theme::-webkit-scrollbar-thumb{background:#444;border-radius:10px}.dark-theme ::-webkit-scrollbar-thumb{background:#444;border-radius:10px}.dark-theme::-webkit-scrollbar-thumb:hover{background:#5a5a5a}.dark-theme ::-webkit-scrollbar-thumb:hover{background:#5a5a5a}.dark-theme ::selection{color:#fff;background:#8b5cf6}.app,.app *,body{transition:background-color .25s,color .25s,border-color .25s}.ai-outfit-header h1 .ai-outfit-title-highlight{color:#8b5cf6!important;font-weight:700!important}.dark-theme .ai-outfit-header h1 .ai-outfit-title-highlight{color:#a78bfa!important;font-weight:700!important}