*{box-sizing:border-box}html{scroll-behavior:smooth}:root{font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;background-color:#fafaf8;color:#1a1a1a;word-break:keep-all}#root{width:100%}h1,h2,h3{text-wrap:balance}:root{--primary: #1A1A1A;--primary-light: #4A4A4A;--bg-light: #FAFAF8;--bg-dark: #111111;--charcoal: #1a1a1a;--white: #ffffff;--font-display: "Manrope", "Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif: "Playfair Display", "Pretendard Variable", "Pretendard", Georgia, serif;--spring: cubic-bezier(.16, 1, .3, 1);--shadow-warm: 0 8px 32px rgba(26, 20, 12, .08);--shadow-warm-lg: 0 20px 60px rgba(26, 20, 12, .12)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{opacity:0;transform:translateY(24px);transition:opacity .7s var(--spring),transform .7s var(--spring)}.fade-in-up.visible{opacity:1;transform:translateY(0)}.fade-in-left{opacity:0;transform:translate(-30px);transition:opacity .7s var(--spring),transform .7s var(--spring)}.fade-in-left.visible{opacity:1;transform:translate(0)}.fade-in-right{opacity:0;transform:translate(30px);transition:opacity .7s var(--spring),transform .7s var(--spring)}.fade-in-right.visible{opacity:1;transform:translate(0)}.landing-page{min-height:100dvh;background:var(--bg-light);color:var(--charcoal);word-break:keep-all;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.landing-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:#fafaf8f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(26,26,26,.1)}@media(min-width:768px){.landing-header{padding:1rem 5rem}}.logo{display:flex;align-items:center;gap:.75rem}.logo-icon{width:44px;height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.logo-k{font-family:var(--font-serif);font-size:28px;font-weight:700;font-style:italic;background:linear-gradient(135deg,#c9a962,#d4af37);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.08));transition:filter .2s ease}.logo:hover .logo-k{filter:drop-shadow(0 2px 4px rgba(201,169,98,.3))}.logo-text{font-family:var(--font-serif);font-size:1.35rem;font-weight:700;font-style:italic;color:var(--charcoal);letter-spacing:-.01em}.nav-links{display:none;gap:3rem}@media(min-width:768px){.nav-links{display:flex}}.nav-links a{color:#1a1a1ab3;text-decoration:none;font-size:.875rem;font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--primary)}.header-actions{display:flex;align-items:center;gap:1rem}.lang-selector{display:none;gap:.25rem}@media(min-width:640px){.lang-selector{display:flex}}.lang-btn-sm{padding:.375rem .625rem;font-size:.625rem;border:1px solid transparent;border-radius:4px;background:transparent;color:#1a1a1a80;cursor:pointer;transition:all .2s;font-weight:600}.lang-btn-sm:hover{color:var(--primary)}.lang-btn-sm.active{background:var(--primary);color:var(--white)}.btn-primary{padding:.625rem 1.5rem;font-size:.875rem;font-weight:700;color:var(--white);background:var(--primary);border:none;border-radius:100px;cursor:pointer;transition:all .4s var(--spring);box-shadow:0 4px 14px #1a140c33}.btn-primary:hover{background:var(--charcoal);transform:translateY(-2px);box-shadow:0 8px 24px #1a140c40}.btn-dark{padding:1rem 2rem;font-size:1rem;font-weight:700;color:var(--white);background:var(--charcoal);border:none;border-radius:8px;cursor:pointer;transition:all .2s}.btn-dark:hover{opacity:.9;transform:translateY(-2px)}.btn-outline{padding:1rem 2rem;font-size:1rem;font-weight:500;color:var(--charcoal);background:transparent;border:1px solid rgba(26,26,26,.1);border-radius:8px;cursor:pointer;transition:all .2s}.btn-outline:hover{background:#1a1a1a0d}.hero-section-v2{display:flex;flex-direction:column;align-items:center;text-align:center;padding:4rem 1.5rem 3.5rem;background:var(--bg-light);gap:1.5rem}@keyframes gold-shimmer{0%{background-position:-200% center}to{background-position:200% center}}.hero-v2-headline{font-family:var(--font-serif);font-size:2.5rem;font-weight:900;line-height:1.15;color:var(--charcoal);margin:0;max-width:640px;letter-spacing:-.02em;background:linear-gradient(90deg,var(--charcoal) 0%,var(--charcoal) 35%,#c9a962 45%,#d4af37 50%,#c9a962 55%,var(--charcoal) 65%,var(--charcoal) 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gold-shimmer 6s ease-in-out infinite}.hero-badge{display:inline-block;background:linear-gradient(135deg,#c9a962,#d4af37);color:#fff;padding:6px 18px;border-radius:100px;font-size:.8rem;font-weight:600;letter-spacing:.04em;font-family:var(--font-display);margin-bottom:.75rem}.hero-trust-signals{display:flex;gap:1.25rem;margin-top:.75rem;justify-content:center}.hero-trust-signals span{font-family:var(--font-display);font-size:.8rem;font-weight:500;color:var(--primary-light);position:relative;padding-left:1rem}.hero-trust-signals span:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:#c9a962}@media(max-width:768px){.hero-trust-signals{flex-wrap:wrap;justify-content:center;gap:.75rem}.hero-badge{font-size:.7rem}}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-strip{width:100%;overflow:hidden;padding:1rem 0;border-top:1px solid rgba(201,169,98,.15);border-bottom:1px solid rgba(201,169,98,.15);background:var(--bg-light)}.marquee-track{display:flex;width:max-content;animation:marquee-scroll 30s linear infinite;will-change:transform}.marquee-track:hover{animation-play-state:paused}.marquee-content{display:flex;align-items:center;white-space:nowrap;flex-shrink:0}.marquee-item{font-family:var(--font-display);font-size:.7rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;background:linear-gradient(135deg,#c9a962,#d4af37);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;padding:0 1rem}.marquee-dot{color:#c9a96266;font-size:1.2rem;line-height:1}@media(max-width:768px){.marquee-item{font-size:.6rem;padding:0 .75rem}.marquee-strip{padding:.75rem 0}}.hero-v2-desc{color:#1a1a1a99;font-size:1rem;line-height:1.7;margin:0;max-width:480px;font-weight:300}.hero-ba-slider{max-width:480px;margin:.5rem auto}.hero-gold-cta{margin-top:.75rem;padding:1.1rem 3rem;font-size:1.05rem;border-radius:100px;letter-spacing:.02em}.hero-v2-sub{font-size:.75rem;color:#1a1a1a73;font-weight:500;letter-spacing:.03em}@media(min-width:768px){.hero-section-v2{padding:6rem 2rem 5rem}.hero-v2-headline{font-size:3.25rem}.hero-v2-desc{font-size:1.125rem;line-height:1.8}}@media(min-width:1024px){.hero-v2-headline{font-size:3.75rem}}.path-grid-3{display:grid;grid-template-columns:1fr;gap:1.5rem;max-width:1200px;margin:0 auto}@media(min-width:640px){.path-grid-3{grid-template-columns:1fr 1fr}}@media(min-width:960px){.path-grid-3{grid-template-columns:1fr 1fr 1fr}}.service-intro-section{padding:4rem 2rem;background:#1a1a1a08}@media(min-width:768px){.service-intro-section{padding:5rem}}.service-steps{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:2.5rem;flex-wrap:wrap}.service-step{text-align:center;flex:0 1 200px}.service-step-icon{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--primary),#4A4A4A);color:#fff;font-size:1.2rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.service-step h3{font-size:1rem;font-weight:600;color:var(--text);margin-bottom:.5rem}.service-step p{font-size:.85rem;color:var(--text-secondary);line-height:1.5}.service-step-arrow{font-size:1.5rem;color:var(--primary);font-weight:300;opacity:.5}@media(max-width:600px){.service-step-arrow{display:none}.service-steps{flex-direction:column;gap:1.5rem}}.style-reference-section{padding:4rem 2rem;background:linear-gradient(180deg,#1a1a1a0d,#fff0)}@media(min-width:768px){.style-reference-section{padding:5rem}}.reference-desc{text-align:center;color:var(--text-secondary);font-size:.95rem;margin-bottom:2.5rem;max-width:600px;margin-left:auto;margin-right:auto}.reference-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;max-width:900px;margin:0 auto}@media(min-width:768px){.reference-grid{grid-template-columns:1fr 1fr;gap:2rem}}.reference-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 20px #1a1a1a14;border:1px solid rgba(26,26,26,.1)}.reference-card h3{font-size:1.1rem;font-weight:600;color:var(--charcoal);margin-bottom:.5rem}.reference-card p{font-size:.85rem;color:var(--text-secondary);margin-bottom:1rem}.brand-tags{display:flex;flex-wrap:wrap;gap:.5rem}.brand-tag{display:inline-block;padding:.4rem .8rem;background:#1a1a1a14;color:var(--primary);font-size:.75rem;font-weight:500;border-radius:20px;border:1px solid rgba(26,26,26,.15)}.reference-names{display:flex;flex-direction:column;gap:.75rem}.reference-group{font-size:.85rem;color:var(--text-secondary);line-height:1.6}.reference-label{font-weight:500}.celeb-name{color:var(--charcoal)}.service-hero-card{position:relative;max-width:480px;margin:0 auto;border-radius:24px;overflow:hidden;cursor:pointer;aspect-ratio:3/4;box-shadow:0 16px 48px #1a140c2e;transition:transform .6s var(--spring),box-shadow .6s var(--spring)}.service-hero-card:hover{transform:translateY(-6px);box-shadow:0 24px 64px #1a140c38,0 0 0 1px #c9a96226}.service-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 15%;transition:transform 1s var(--spring)}.service-hero-card:hover .service-hero-img{transform:scale(1.05)}.service-hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,#0a0a0af2,#0a0a0a66,#0a0a0a14);transition:background .6s ease}.service-hero-card:hover .service-hero-overlay{background:linear-gradient(to top,#0a0a0ae6,#0a0a0a4d,#0a0a0a0a)}.service-hero-content{position:absolute;bottom:0;left:0;right:0;padding:2.5rem 2rem;z-index:2}.service-hero-tag{font-family:var(--font-display);font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#c9a962;margin-bottom:.75rem;display:block}.service-hero-title{font-family:var(--font-serif);font-size:1.75rem;font-weight:600;color:#fff;margin:0 0 .5rem;line-height:1.25}.service-hero-desc{font-family:var(--font-display);font-size:.95rem;color:#ffffffb3;line-height:1.6;margin:0 0 1.5rem}.service-hero-cta{display:inline-block;padding:.8rem 2rem;background:linear-gradient(135deg,#c9a962,#d4af37);border-radius:100px;color:#111;font-size:.85rem;font-weight:700;letter-spacing:.06em;transition:all .4s var(--spring)}.service-hero-card:hover .service-hero-cta{box-shadow:0 4px 20px #c9a96266;transform:translateY(-1px)}@media(max-width:640px){.service-hero-card{max-width:100%;margin:0 1rem;border-radius:20px}.service-hero-title{font-size:1.4rem}.service-hero-content{padding:2rem 1.5rem}}.path-section{padding:6rem 2rem}@media(min-width:768px){.path-section{padding:6rem 5rem}}.section-title{text-align:center;font-family:var(--font-serif);font-size:1.75rem;font-style:italic;color:var(--charcoal);margin:0 0 1rem}@media(min-width:768px){.section-title{font-size:2.25rem}}.section-divider{width:120px;height:1px;background:linear-gradient(90deg,transparent,#c9a962,transparent);margin:.75rem auto 3rem}.section-divider-full{width:100%;max-width:600px;height:1px;background:linear-gradient(90deg,transparent,rgba(201,169,98,.35),transparent);margin:0 auto}.path-grid{display:grid;grid-template-columns:1fr;gap:2rem;max-width:1200px;margin:0 auto}@media(min-width:768px){.path-grid{grid-template-columns:repeat(2,1fr)}}.path-card-v2{position:relative;border-radius:20px;overflow:hidden;cursor:pointer;aspect-ratio:3/4;box-shadow:0 10px 40px #1a140c2e;transition:transform .6s var(--spring),box-shadow .6s var(--spring)}.path-card-v2:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#c9a962,#d4af37,#c9a962,transparent);z-index:5;opacity:0;transition:opacity .4s ease}.path-card-v2:hover:before{opacity:1}.path-card-v2:hover{transform:translateY(-8px);box-shadow:0 24px 64px #1a140c38,0 0 0 1px #c9a9621f}.path-card-v2 .path-image{position:absolute;inset:0;overflow:hidden;transition:transform 1s var(--spring)}.path-card-v2:hover .path-image{transform:scale(1.08)}.path-image-img{width:100%;height:100%;object-fit:cover;object-position:center 15%;image-rendering:auto}.path-card-v2 .path-overlay{position:absolute;inset:0;background:linear-gradient(to top,#0a0a0af7,#0a0a0a99 45%,#0a0a0a26);transition:background .6s ease}.path-card-v2:hover .path-overlay{background:linear-gradient(to top,#0a0a0af2,#0a0a0a73 45%,#0a0a0a14)}.path-popular-badge{position:absolute;top:16px;right:16px;z-index:3;padding:.35rem .85rem;background:linear-gradient(135deg,#ff6b6b,orange);border-radius:20px;color:#fff;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;animation:pulse-badge 2s ease-in-out infinite}.path-popular-badge.active{background:linear-gradient(135deg,#22c55e,#10b981)}.path-content-v2{position:absolute;bottom:0;left:0;right:0;padding:2rem 1.5rem;z-index:2}.path-header-v2{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.path-module-v2{color:var(--primary);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em}.trial-badge{padding:.2rem .6rem;background:#d4af3733;border:1px solid rgba(212,175,55,.4);border-radius:12px;color:var(--primary);font-size:.6rem;font-weight:700;letter-spacing:.05em}.path-title-v2{color:var(--white);font-family:var(--font-serif);font-size:1.5rem;margin:0 0 .5rem;line-height:1.2}@media(min-width:1024px){.path-title-v2{font-size:1.75rem}}.path-desc-v2{color:#ffffffbf;font-size:1rem;line-height:1.6;margin:0 0 1.25rem}.path-features-v2{list-style:none;padding:0;margin:0 0 1.25rem}.path-features-v2 li{color:#ffffffe6;font-size:.95rem;padding:.45rem 0 .45rem 1.4rem;position:relative}.path-features-v2 li:before{content:"✓";position:absolute;left:0;color:var(--primary);font-weight:700}.path-price-v2{color:var(--white);font-size:1.5rem;font-weight:800;margin-bottom:1rem}.path-cta-v2{display:inline-block;padding:.75rem 1.75rem;background:#ffffff1f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);border-radius:12px;color:var(--white);font-size:.85rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;transition:all .3s}.path-card-v2:hover .path-cta-v2{background:#fff3}.path-cta-v2.gold{background:linear-gradient(135deg,var(--primary),#D4C4A8);color:var(--charcoal);border-color:transparent}.path-cta-v2.green{background:linear-gradient(135deg,#22c55e,#10b981);border-color:transparent}.path-plan-label{color:#fff6;font-size:.75rem;margin:.75rem 0 0;letter-spacing:.05em}.daily-tagline{color:#ffffffb3;font-size:.8rem;font-style:italic;margin:.25rem 0 .5rem}.path-card-v2.featured{border:1px solid rgba(201,169,98,.25);box-shadow:0 10px 40px #1a140c26,0 0 0 1px #c9a9621a,inset 0 0 0 1px #ffffff0d}.path-card-v2.featured:hover{box-shadow:0 24px 64px #1a140c33,0 0 0 1px #c9a96233,inset 0 0 0 1px #ffffff14}.path-card{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;cursor:pointer;box-shadow:0 25px 50px -12px #00000040;transition:transform .3s}@media(min-width:768px){.path-card{aspect-ratio:4/3}}.path-card:hover{transform:translateY(-8px)}.path-image{position:absolute;inset:0;overflow:hidden;transition:transform 1s}.path-card:hover .path-image{transform:scale(1.1)}.path-card-v2.featured .path-image-img{object-position:center 15%}.path-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(26,26,26,.9) 0%,rgba(26,26,26,.2) 50%,transparent 100%)}.path-content{position:absolute;inset:0;padding:2rem;display:flex;flex-direction:column;justify-content:flex-end}@media(min-width:768px){.path-content{padding:2.5rem}}.path-glass{padding:1.5rem;background:#ffffff1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);border-radius:12px}.path-module{color:var(--primary);font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.3em}.path-price{display:inline-block;margin-left:.75rem;padding:.25rem .75rem;background:#ffffff26;border-radius:20px;color:var(--white);font-size:.875rem;font-weight:700;letter-spacing:0}.path-price.best{background:linear-gradient(135deg,var(--primary),#D4C4A8);color:var(--charcoal)}.path-card.featured{transform:scale(1.02)}.path-card.featured .path-glass{border-color:var(--primary);box-shadow:0 0 30px #d4af3733}.path-title{color:var(--white);font-family:var(--font-serif);font-size:1.5rem;margin:.5rem 0 .75rem}@media(min-width:768px){.path-title{font-size:1.875rem}}.path-header{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:.25rem}.path-header .path-price{margin-left:auto}.path-badge{padding:.2rem .5rem;background:linear-gradient(135deg,#ff6b6b,orange);border-radius:4px;color:#fff;font-size:.625rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;animation:pulse-badge 2s ease-in-out infinite}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.path-desc{color:#ffffffb3;font-size:.875rem;line-height:1.6;margin:0 0 1rem;max-width:280px}.path-features{list-style:none;padding:0;margin:0 0 1rem}.path-features li{color:#ffffffd9;font-size:.8rem;padding:.35rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.path-features li:last-child{border-bottom:none}.path-card.featured .path-features li{color:#fffffff2}.path-explore{display:flex;align-items:center;gap:.5rem;margin-top:1.5rem;color:var(--primary);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;transition:gap .3s}.path-card:hover .path-explore{gap:1rem}.algorithm-section{position:relative;background:var(--charcoal);color:var(--white);padding:5rem 2rem;overflow:hidden}@media(min-width:768px){.algorithm-section{padding:6rem 5rem}}.algorithm-bg{position:absolute;top:0;right:0;width:500px;height:500px;background:#1a1a1a0d;border-radius:50%;filter:blur(120px);transform:translate(50%,-50%)}.algorithm-container{position:relative;z-index:1;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:3rem;align-items:center}@media(min-width:768px){.algorithm-container{grid-template-columns:5fr 7fr;gap:4rem}}.algorithm-left{display:flex;flex-direction:column;gap:2rem}.algorithm-tag{color:var(--primary);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.4em}.algorithm-title{font-family:var(--font-serif);font-size:2rem;font-style:italic;line-height:1.2;margin:0}@media(min-width:768px){.algorithm-title{font-size:2.75rem}}.algorithm-desc{color:#fff9;font-size:1rem;line-height:1.7;font-weight:300;margin:0}@media(min-width:768px){.algorithm-desc{font-size:1.125rem}}.btn-gold{padding:.875rem 2rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--white);background:var(--primary);border:none;border-radius:8px;cursor:pointer;transition:all .2s;width:fit-content}.btn-gold:hover{transform:scale(1.05)}.btn-gold:disabled{opacity:.5;cursor:not-allowed;transform:none}.algorithm-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:480px){.algorithm-grid{grid-template-columns:repeat(2,1fr)}}.feature-card{display:flex;flex-direction:column;gap:1rem;padding:2rem;background:#ffffff0d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:12px;transition:border-color .3s}.feature-card:hover{border-color:#1a1a1a80}.feature-icon{font-size:1.5rem}.feature-card h4{font-family:var(--font-serif);font-size:1.25rem;margin:0}.feature-card p{color:#ffffff80;font-size:.875rem;line-height:1.6;margin:0}.landing-footer{background:var(--bg-light);padding:5rem 2rem 2rem;border-top:1px solid rgba(26,26,26,.1)}@media(min-width:768px){.landing-footer{padding:5rem}}.footer-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:3rem}@media(min-width:768px){.footer-content{flex-direction:row;justify-content:space-between}}.footer-brand{max-width:280px}.footer-logo{font-family:var(--font-serif);font-size:1.5rem;font-style:italic;color:var(--charcoal);margin:0 0 1rem}.footer-desc{color:#1a1a1a80;font-size:.875rem;line-height:1.6;margin:0}.footer-links{display:flex;gap:4rem}.footer-col{display:flex;flex-direction:column;gap:.75rem}.footer-col h5{color:var(--primary);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;margin:0 0 .5rem}.footer-col a{color:#1a1a1ab3;text-decoration:none;font-size:.875rem;transition:color .2s}.footer-col a:hover{color:var(--primary)}.footer-bottom{max-width:1200px;margin:3rem auto 0;padding-top:2rem;border-top:1px solid rgba(26,26,26,.05);text-align:center}.footer-bottom span{color:#1a1a1a4d;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em}.app-container{min-height:100vh;min-height:100dvh;background:var(--bg-light);color:var(--charcoal)}.app-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:#fafaf8f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(26,26,26,.1)}.page-title{font-family:var(--font-serif);font-size:1.25rem;font-style:italic;margin:0;color:var(--charcoal)}.back-btn{padding:.5rem 1rem;font-size:.875rem;color:#1a1a1ab3;background:transparent;border:1px solid rgba(26,26,26,.1);border-radius:8px;cursor:pointer;transition:all .2s}.back-btn:hover{background:#1a1a1a0d;color:var(--charcoal)}.input-container{max-width:100%;background:linear-gradient(180deg,var(--bg-light) 0%,#f8f5f0 100%);min-height:100vh;min-height:100dvh}.input-page-content{max-width:1000px;margin:0 auto;padding:2rem}@media(min-width:768px){.input-page-content{padding:3rem 2rem}}.input-hero{text-align:center;margin-bottom:2.5rem;padding:2rem;background:linear-gradient(135deg,#1a1a1a14,#1a1a1a05);border-radius:24px;border:1px solid rgba(26,26,26,.1)}.input-tag{display:inline-block;padding:.5rem 1rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff;font-size:.625rem;font-weight:800;text-transform:uppercase;letter-spacing:.2em;border-radius:20px;margin-bottom:1.25rem;box-shadow:0 4px 12px #1a1a1a4d}.input-title{font-family:var(--font-serif);font-size:2rem;font-weight:900;line-height:1.2;margin:0 0 1rem;color:var(--charcoal)}@media(min-width:768px){.input-title{font-size:2.75rem}}.input-desc{color:#1a1a1a99;font-size:1.0625rem;margin:0;line-height:1.6}.profile-form{width:100%;background:#fff;border-radius:24px;padding:2rem;box-shadow:0 20px 60px #00000014;border:1px solid rgba(26,26,26,.1)}@media(min-width:768px){.profile-form{padding:3rem}}.form-grid{display:grid;grid-template-columns:1fr;gap:2.5rem}@media(min-width:768px){.form-grid{grid-template-columns:1fr 1.2fr;gap:3rem;align-items:start}}.photo-section{display:flex;flex-direction:column;align-items:center;gap:1rem}.photo-upload{width:100%;max-width:320px;aspect-ratio:3/4;border:2px dashed rgba(26,26,26,.4);border-radius:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .4s ease;overflow:hidden;background:linear-gradient(135deg,#1a1a1a0d,#1a1a1a05);position:relative}.photo-upload:before{content:"";position:absolute;inset:8px;border:1px solid rgba(26,26,26,.15);border-radius:16px;pointer-events:none}.photo-upload:hover{border-color:var(--primary);background:linear-gradient(135deg,#1a1a1a1f,#1a1a1a0d);transform:translateY(-4px);box-shadow:0 20px 40px #1a1a1a26}.photo-upload.dragging{border-color:var(--primary);border-style:solid;background:linear-gradient(135deg,#1a1a1a33,#1a1a1a1a);transform:scale(1.02)}.photo-placeholder{display:flex;flex-direction:column;align-items:center;gap:1rem;color:#1a1a1a80;text-align:center;padding:1rem}.camera-icon{font-size:3.5rem;filter:grayscale(.3)}.photo-placeholder span:last-child{font-weight:500;font-size:.9375rem}.photo-preview{width:100%;height:100%;object-fit:contain;background:linear-gradient(135deg,#f8f4f0,#f0ebe5)}.hidden-input{display:none}.photo-hint{font-size:.8125rem;color:#1a1a1a80;margin:0;text-align:center;font-style:italic}.input-section{display:flex;flex-direction:column;gap:1.75rem}.input-group{display:flex;flex-direction:column;gap:.625rem}.input-group label{font-size:.8125rem;font-weight:700;color:var(--charcoal);text-transform:uppercase;letter-spacing:.08em}.input-group input{padding:1.125rem 1.25rem;font-size:1rem;font-family:var(--font-display);border:2px solid rgba(26,26,26,.08);border-radius:14px;outline:none;background:#fafafa;color:var(--charcoal);transition:all .3s ease}.input-group input:hover{border-color:#1a1a1a4d}.input-group input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px #1a1a1a1a}.input-group input::placeholder{color:#1a1a1a59}.imperial-height-inputs{display:flex;gap:.75rem}.imperial-input{display:flex;align-items:center;gap:.5rem;flex:1}.imperial-input input{padding:1.125rem 1rem;font-size:1rem;font-family:var(--font-display);border:2px solid rgba(26,26,26,.08);border-radius:14px;outline:none;background:#fafafa;transition:all .3s ease;width:100%}.imperial-input input:hover{border-color:#1a1a1a4d}.imperial-input input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px #1a1a1a1a}.imperial-input .unit-label{font-size:.875rem;font-weight:600;color:var(--charcoal);min-width:1.5rem}.gender-options{display:flex;gap:.875rem}.gender-btn{flex:1;padding:1.125rem .75rem;font-size:.875rem;font-family:var(--font-display);font-weight:600;border:2px solid rgba(26,26,26,.08);border-radius:14px;background:#fafafa;color:#1a1a1a99;cursor:pointer;transition:all .3s ease}.gender-btn:hover{border-color:var(--primary);color:var(--primary);background:#1a1a1a0d;transform:translateY(-2px)}.gender-btn.active{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);border-color:transparent;color:var(--white);box-shadow:0 8px 20px #1a1a1a59;transform:translateY(-2px)}.submit-btn{margin-top:1.5rem;width:100%;padding:1.25rem 2rem;font-size:1rem;font-weight:700;letter-spacing:.05em;border-radius:14px;box-shadow:0 8px 24px #1a1a1a4d;transition:all .3s ease}.submit-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 32px #1a1a1a66}.submit-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.loading-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;gap:1.5rem}.spinner{width:60px;height:60px;border:4px solid rgba(26,26,26,.2);border-top:4px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}.spinner.small{width:24px;height:24px;border-width:3px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-page h2{font-family:var(--font-serif);font-size:1.5rem;color:var(--charcoal);margin:0}.loading-page p{color:#1a1a1a99;margin:0}.progress-bar-container{width:280px;height:6px;background:#1a1a1a26;border-radius:3px;overflow:hidden}.progress-bar-container.small{width:200px;height:4px;margin-top:.5rem}.progress-bar{height:100%;background:linear-gradient(90deg,var(--primary),#4A4A4A);border-radius:3px;transition:width .5s ease}.progress-bar.animated{width:0%;animation:progressIndeterminate 2s ease-in-out infinite}@keyframes progressIndeterminate{0%{width:0%;margin-left:0}50%{width:60%;margin-left:20%}to{width:0%;margin-left:100%}}.progress-text{font-size:.85rem;font-weight:600;color:var(--primary)}.error-message{width:100%;padding:1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#dc2626;display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.error-message button{padding:.5rem 1rem;background:#dc2626;color:#fff;border:none;border-radius:8px;cursor:pointer;font-family:var(--font-display)}.result-container{max-width:900px;margin:0 auto;padding-bottom:4rem;background:linear-gradient(180deg,#faf9f6,#f5f3ef);min-height:100vh;min-height:100dvh;overflow-x:hidden}.report-section{padding:2.5rem;display:flex;flex-direction:column;gap:2rem}.profile-summary{display:flex;gap:1.5rem;align-items:center;padding:1.5rem 2rem;background:linear-gradient(135deg,#1a1a1a26,#1a1a1a0d);border:1px solid rgba(26,26,26,.2);border-radius:20px;box-shadow:0 4px 20px #1a1a1a1a}.result-photo{width:100px;height:130px;object-fit:cover;border-radius:16px;border:3px solid white;box-shadow:0 8px 24px #0000001f}.profile-info{display:flex;flex-direction:column;gap:.5rem;color:#1a1a1ab3;font-size:.95rem;font-weight:500;letter-spacing:.02em}.report-content{padding:2.5rem;background:#fff;border:1px solid rgba(26,26,26,.15);border-radius:24px;line-height:1.8;box-shadow:0 8px 40px #0000000f;counter-reset:report-list;overflow-wrap:break-word;word-wrap:break-word}.report-content h2{font-family:var(--font-serif);font-size:1.35rem;font-weight:700;color:var(--charcoal);margin:2rem 0 .75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(26,26,26,.15);letter-spacing:.01em}.report-content h2:first-child{margin-top:0}.report-content h3{font-family:var(--font-serif);font-size:1.1rem;font-weight:600;color:var(--charcoal);margin:1.5rem 0 .5rem}.report-content p{margin:0 0 .75rem;color:var(--charcoal);font-size:.95rem;line-height:1.7;letter-spacing:.01em}.report-content p:empty{display:none}.report-content p:last-child{margin-bottom:0}.report-content li{color:var(--charcoal);font-size:.95rem;line-height:1.7;margin:.3rem 0;padding-left:1.25rem;position:relative;list-style:none}.report-content li:before{content:"";position:absolute;left:0;top:.65em;width:5px;height:5px;border-radius:50%;background:var(--gold)}.report-content li.numbered{counter-increment:report-list;padding-left:1.5rem}.report-content li.numbered:before{content:counter(report-list) ".";width:auto;height:auto;border-radius:0;background:none;color:var(--gold);font-weight:700;font-size:.9rem;top:0}.report-content strong{font-weight:700;color:var(--charcoal)}.report-content em{font-style:italic;color:#1a1a1a99}.report-content hr{border:none;border-top:1px solid rgba(26,26,26,.2);margin:1.5rem 0}@media(max-width:640px){.report-section{padding:1rem;gap:1rem}.profile-summary{padding:1rem;gap:1rem;flex-direction:row;align-items:center}.result-photo{width:70px;height:90px}.report-content{padding:1.25rem;border-radius:16px}.report-content h2{font-size:1.1rem;margin:1.25rem 0 .5rem}.report-content h3{font-size:.95rem}.report-content p,.report-content li{font-size:.875rem}.style-gallery-section{padding:2rem 1rem 0;margin-top:2rem}.style-grid{gap:.5rem}.result-actions{padding:0 1rem}.transform-section{padding:2rem 1rem 0;margin-top:2rem}}.style-gallery-section{padding:3rem 2.5rem 0;margin-top:3rem;border-top:1px solid rgba(26,26,26,.15)}.style-card.locked{cursor:pointer}.style-image-blurred{filter:blur(20px)!important;transform:scale(1.05)}.lock-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#1a1a1a4d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer;transition:background .3s}.lock-overlay:hover{background:#1a1a1a73}.lock-icon-svg{margin-bottom:8px;opacity:.9}.lock-text{color:#fff;font-family:var(--font-display);font-size:.85rem;font-weight:600;text-shadow:0 1px 4px rgba(0,0,0,.3)}.premium-cta-section{text-align:center;padding:3rem 1.5rem;margin:2rem 0;background:linear-gradient(180deg,#c9a9620a,#c9a9621a);border:1px solid rgba(201,169,98,.2);border-radius:16px}.premium-cta-title{font-family:var(--font-serif);font-size:1.4rem;font-weight:700;color:var(--charcoal);margin:0 0 .5rem}.premium-cta-desc{font-size:.9rem;color:var(--primary-light);margin:0 0 1.5rem;line-height:1.6}.premium-cta-price{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:1.25rem}.price-compare{font-size:.8rem;color:#a3a3a3;text-decoration:line-through}.price-main{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#c9a962,#d4af37);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.price-note{font-size:.8rem;color:#737373}.premium-cta-button{background:linear-gradient(135deg,#c9a962,#d4af37);color:#fff;border:none;padding:14px 40px;font-size:1.05rem;font-weight:700;border-radius:12px;cursor:pointer;transition:transform .2s,box-shadow .2s;font-family:var(--font-display)}.premium-cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #c9a96259}.premium-cta-guarantee{margin-top:.75rem;font-size:.8rem;color:#737373}.daily-style-upsell{text-align:center;padding:2.5rem 1.5rem;margin:2rem 2.5rem;background:var(--bg-light);border:1px solid rgba(201,169,98,.15);border-radius:16px}.upsell-title{font-family:var(--font-serif);font-size:1.3rem;font-weight:700;color:var(--charcoal);margin:0 0 .5rem}.upsell-desc{font-size:.9rem;color:var(--primary-light);line-height:1.6;margin:0 0 1rem}.upsell-price{font-size:1.1rem;font-weight:700;color:#c9a962;margin:0 0 1.25rem}.free-analysis-cta{text-align:center;padding:3rem 2rem;background:linear-gradient(135deg,#c9a9620f,#d4af3708);border:1px solid rgba(201,169,98,.2);border-radius:20px;margin:1rem 0}.free-cta-icon{margin-bottom:1.25rem}.free-cta-title{font-family:var(--font-serif);font-size:1.4rem;font-weight:700;color:var(--charcoal);margin:0 0 .5rem}.free-cta-desc{font-size:.95rem;color:var(--primary-light);margin:0 0 1.5rem;line-height:1.6}.dna-palette-grid{display:flex;flex-wrap:wrap;gap:6px;margin-top:.5rem}.dna-palette-swatch{width:32px;height:32px;border-radius:6px;border:1.5px solid rgba(0,0,0,.08);cursor:default;transition:transform .15s}.dna-palette-swatch:hover{transform:scale(1.3);z-index:1}.dna-avoid-swatch{position:relative}.dna-avoid-swatch:after{content:"";position:absolute;top:50%;left:-2px;right:-2px;height:2px;background:#dc3545b3;transform:rotate(-45deg)}.dna-avoid-row .dna-label{color:#b33}.dna-palette-blurred{filter:blur(6px);pointer-events:none;opacity:.7}.dna-palette-teaser{position:relative}.dna-palette-lock-hint{text-align:center;font-size:.8rem;color:#c9a962;font-weight:600;margin-top:.5rem}@media(max-width:768px){.dna-palette-swatch{width:26px;height:26px;border-radius:4px}}.style-gallery-header{text-align:center;margin-bottom:2rem}.style-gallery-header h2{font-family:var(--font-serif);font-size:1.75rem;font-style:italic;color:var(--charcoal);margin:0 0 .75rem;letter-spacing:.02em}.style-gallery-header p{color:#1a1a1a80;font-size:.9rem;letter-spacing:.03em;margin:0}.style-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:2rem;color:#1a1a1a99}.demo-notice{text-align:center;color:#1a1a1a80;font-size:.75rem;margin-bottom:1rem;padding:.5rem;background:#1a1a1a1a;border-radius:8px}.style-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;max-width:900px;margin:0 auto}.tap-hint{text-align:center;font-size:.75rem;color:var(--primary-light);opacity:.6;margin-top:.5rem;font-family:var(--font-display)}.style-card{display:flex;flex-direction:column;align-items:center;gap:.3rem;cursor:pointer;overflow:hidden}.style-image-container{width:100%;aspect-ratio:3/4;max-height:38vh;border-radius:10px;overflow:hidden;background:#1a1a1a1a;display:flex;align-items:center;justify-content:center}.style-card>.style-image{width:100%;aspect-ratio:3/4;max-height:38vh;border-radius:10px;object-fit:cover;transition:transform .3s}.style-image{width:100%;height:100%;object-fit:cover;transition:transform .3s}.style-card:hover .style-image{transform:scale(1.05)}.style-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,#1a1a1a1a,#1a1a1a33)}.style-icon{font-size:2rem;opacity:.5}.style-label{font-size:.7rem;font-weight:600;color:#1a1a1ab3;text-align:center;line-height:1.2}.result-actions .btn-dark{min-width:200px}.result-actions .btn-outline{min-width:140px}.transform-section{padding:3rem 2.5rem 0;margin-top:3rem;border-top:1px solid rgba(26,26,26,.15)}.transform-header{text-align:center;margin-bottom:2rem}.transform-header h2{font-family:var(--font-serif);font-size:1.75rem;font-style:italic;color:var(--charcoal);margin:0 0 .75rem;letter-spacing:.02em}.transform-header p{color:#1a1a1a80;font-size:.9rem;letter-spacing:.03em;margin:0}.transform-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.transform-card{display:flex;flex-direction:column;align-items:center;gap:.5rem}.transform-image-container{width:100%;aspect-ratio:3/4;border-radius:12px;overflow:hidden;background:#1a1a1a1a;display:flex;align-items:center;justify-content:center}.transform-image{width:100%;height:100%;object-fit:cover;transition:transform .3s}.transform-card:hover .transform-image{transform:scale(1.05)}.transform-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,#1a1a1a1a,#1a1a1a33)}.transform-icon{font-size:2rem;opacity:.5}.transform-label{font-size:.75rem;font-weight:600;color:#1a1a1ab3;text-align:center}.selection-section{display:flex;flex-direction:column;gap:1rem}.selection-title{font-family:var(--font-serif);font-size:1.25rem;font-style:italic;color:var(--charcoal);margin:0;text-align:center}.option-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media(min-width:640px){.option-grid{grid-template-columns:repeat(6,1fr)}}.option-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem .75rem;background:var(--white);border:2px solid rgba(26,26,26,.08);border-radius:16px;cursor:pointer;transition:all .3s ease}.option-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 8px 24px #1a1a1a26}.option-card.active{background:linear-gradient(135deg,#1a1a1a26,#1a1a1a0d);border-color:var(--primary);box-shadow:0 4px 20px #1a1a1a33}.option-icon{font-size:1.75rem}.option-label{font-size:.8rem;font-weight:600;color:var(--charcoal);text-align:center}.gender-selection{display:flex;flex-direction:column;gap:1rem;align-items:center}.gender-selection .gender-options{max-width:400px;width:100%}.result-actions{padding:2rem;display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.result-actions .btn-outline{min-width:160px}.fashion-option-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(min-width:480px){.fashion-option-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:768px){.fashion-option-grid{grid-template-columns:repeat(4,1fr)}}.fashion-recommendations{padding:2rem;background:#fff;border:1px solid rgba(26,26,26,.15);border-radius:24px;box-shadow:0 8px 40px #0000000f}.fashion-recommendations h3{font-family:var(--font-serif);font-size:1.5rem;font-style:italic;color:var(--charcoal);margin:0 0 1.5rem;text-align:center}.fashion-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:640px){.fashion-grid{grid-template-columns:repeat(3,1fr)}}.fashion-card{background:linear-gradient(135deg,rgba(26,26,26,.08) 0%,transparent 100%);border:1px solid rgba(26,26,26,.15);border-radius:16px;padding:1.5rem;transition:transform .2s,box-shadow .2s}.fashion-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #1a1a1a26}.fashion-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(26,26,26,.15)}.fashion-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--primary);color:#fff;font-weight:700;font-size:.875rem;border-radius:8px;flex-shrink:0}.fashion-card-header h4{font-family:var(--font-serif);font-size:1rem;color:var(--charcoal);margin:0}.fashion-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.fashion-items li{position:relative;padding-left:1.25rem;font-size:.875rem;color:#1a1a1ab3;line-height:1.5}.fashion-items li:before{content:"•";position:absolute;left:0;color:var(--primary);font-weight:700}.how-to-use-content{max-width:900px;margin:0 auto;padding:3rem 2rem}.how-to-use-hero{text-align:center;margin-bottom:3rem}.steps-container{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:3rem}@media(min-width:640px){.steps-container{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.steps-container{grid-template-columns:repeat(4,1fr)}}.step-card{position:relative;background:#fff;border:1px solid rgba(26,26,26,.15);border-radius:20px;padding:2rem 1.5rem;text-align:center;transition:transform .3s,box-shadow .3s}.step-card:hover{transform:translateY(-8px);box-shadow:0 16px 40px #1a1a1a26}.step-number{position:absolute;top:-12px;left:50%;transform:translate(-50%);width:28px;height:28px;background:var(--primary);color:#fff;font-weight:700;font-size:.875rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.step-icon{font-size:2.5rem;margin-bottom:1rem}.step-card h3{font-family:var(--font-serif);font-size:1.125rem;color:var(--charcoal);margin:0 0 .75rem}.step-card p{font-size:.875rem;color:#1a1a1a99;line-height:1.6;margin:0}.how-to-use-actions{display:flex;justify-content:center}.how-to-use-actions .btn-gold{min-width:200px;padding:1rem 2.5rem;font-size:1rem}.photo-upload-section{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;background:linear-gradient(135deg,#1a1a1a14,#1a1a1a05);border:1px solid rgba(26,26,26,.15);border-radius:20px}.photo-upload-desc{font-size:.875rem;color:#1a1a1a99;text-align:center;margin:0;max-width:400px}.mini-photo-upload{width:120px;height:160px;border:2px dashed rgba(26,26,26,.4);border-radius:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;overflow:hidden;background:#fff}.mini-photo-upload:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 8px 20px #1a1a1a26}.mini-photo-upload.has-photo{border-style:solid;border-color:var(--primary)}.mini-photo-placeholder{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#1a1a1a66;font-size:.75rem;text-align:center}.mini-photo-placeholder span:first-child{font-size:1.5rem}.mini-photo-preview{width:100%;height:100%;object-fit:cover}.generated-images-section{margin-top:2rem;padding:2rem;background:#fff;border:1px solid rgba(26,26,26,.15);border-radius:20px}.generated-images-section h3{font-family:var(--font-serif);font-size:1.25rem;color:var(--charcoal);margin:0 0 1.5rem;text-align:center}.generated-images-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.generated-image-container{aspect-ratio:3/4;border-radius:16px;overflow:hidden;background:linear-gradient(135deg,#1a1a1a1a,#1a1a1a0d)}.generated-image-container img{width:100%;height:100%;object-fit:cover}.generated-image-label{font-size:.875rem;font-weight:600;color:var(--charcoal)}.ai-generated-section{margin-top:2rem;padding:2rem;background:linear-gradient(135deg,#8a64d214,#1a1a1a0d);border:1px solid rgba(138,100,210,.2);border-radius:20px}.ai-generated-section h3{font-family:var(--font-serif);font-size:1.25rem;color:var(--charcoal);margin:0 0 1.5rem;text-align:center;background:linear-gradient(135deg,#8a64d2 0%,var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.generating-indicator{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem}.generating-indicator p{color:#1a1a1a99;font-size:.9rem}.generated-images-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem}.generated-image-card{display:flex;flex-direction:column;gap:.75rem;text-align:center}.generated-image{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:16px;box-shadow:0 8px 24px #0000001a}.generated-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;aspect-ratio:3/4;background:linear-gradient(135deg,#8a64d21a,#1a1a1a1a);border-radius:16px;border:2px dashed rgba(138,100,210,.3)}.generated-placeholder span:first-child{font-size:2.5rem}.generated-placeholder span:last-child{font-size:.75rem;color:#1a1a1a80;padding:0 1rem}.generated-style-name{font-size:.875rem;font-weight:600;color:var(--charcoal);margin:0}.ai-coming-soon{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:1rem}.ai-coming-soon p{font-size:.9rem;color:#1a1a1a99;text-align:center;margin:0}.uploaded-photo-preview{width:120px;height:160px;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #8a64d233;border:2px solid rgba(138,100,210,.3)}.uploaded-photo-preview img{width:100%;height:100%;object-fit:cover}@media(prefers-color-scheme:dark){.landing-page,.app-container{background:var(--bg-dark);color:var(--white)}.landing-header,.app-header{background:#111111e6;border-bottom-color:#1a1a1a1a}.logo-text,.hero-title,.section-title,.input-title,.page-title{color:var(--white)}.hero-content{background:var(--bg-dark)}.hero-desc,.input-desc,.path-desc,.algorithm-desc,.footer-desc{color:#fff9}.btn-outline{border-color:#ffffff1a;color:var(--white)}.btn-outline:hover{background:#ffffff0d}.landing-footer{background:var(--bg-dark);border-top-color:#1a1a1a1a}.footer-logo{color:var(--white)}.footer-col a{color:#ffffffb3}.footer-bottom{border-top-color:#1a1a1a0d}.footer-bottom span{color:#ffffff4d}.lang-btn-sm{color:#ffffff80}.nav-links a{color:#ffffffb3}.back-btn{color:#ffffffb3;border-color:#ffffff1a}.back-btn:hover{background:#ffffff0d;color:var(--white)}.input-group label{color:var(--white)}.input-group input{background:#fafafa;border-color:#1a1a1a14;color:var(--charcoal)}.input-group input::placeholder{color:#ffffff4d}.gender-btn{background:#ffffff0d;border-color:#ffffff1a;color:#ffffffb3}.gender-btn:hover{border-color:var(--primary);color:var(--primary)}.photo-upload{background:#1a1a1a0d;border-color:#1a1a1a4d}.photo-upload:hover{background:#1a1a1a1a}.photo-placeholder,.photo-hint{color:#ffffff80}.loading-page h2{color:var(--white)}.loading-page p{color:#fff9}.spinner{border-color:#1a1a1a33;border-top-color:var(--primary)}.profile-summary{background:#1a1a1a1a}.report-content{background:#1e1e1ed9;border-color:#ffffff14}.style-gallery-section{border-top-color:#ffffff0d}.style-gallery-header h2{color:var(--white)}.style-gallery-header p,.style-loading{color:#fff9}.demo-notice{background:#1a1a1a1a;color:#ffffff80}.style-label{color:#ffffffb3}.transform-section{border-top-color:#ffffff0d}.transform-header h2{color:var(--white)}.transform-header p{color:#fff9}.transform-label{color:#ffffffb3}.selection-title{color:var(--white)}.option-card{background:#ffffff0d;border-color:#ffffff1a}.option-card:hover{border-color:var(--primary)}.option-card.active{background:#1a1a1a26}.option-label,.recommendation-content h4{color:var(--white)}.recommendation-content p{color:#fff9}.fashion-recommendations{background:#ffffff0d;border-color:#ffffff0d}.fashion-recommendations h3{color:var(--white)}.fashion-card{background:#1a1a1a14;border-color:#ffffff1a}.fashion-card-header{border-bottom-color:#ffffff1a}.fashion-card-header h4{color:var(--white)}.fashion-items li{color:#ffffffb3}.step-card{background:#ffffff0d;border-color:#ffffff1a}.step-card h3{color:var(--white)}.step-card p{color:#fff9}.photo-upload-section{background:#1a1a1a0d;border-color:#ffffff1a}.photo-upload-desc{color:#fff9}.mini-photo-upload{background:#ffffff0d;border-color:#fff3}.mini-photo-placeholder{color:#fff6}.generated-images-section{background:#ffffff0d;border-color:#ffffff1a}.generated-images-section h3,.generated-image-label{color:var(--white)}.ai-generated-section{background:linear-gradient(135deg,#8a64d21a,#1a1a1a0d);border-color:#8a64d24d}.generating-indicator p,.ai-coming-soon p{color:#fff9}.generated-style-name{color:var(--white)}.generated-placeholder span:last-child{color:#ffffff80}}.rpt-section{margin-bottom:1.75rem}.rpt-heading{display:flex;align-items:center;gap:.6rem;font-family:var(--font-serif);font-size:1.15rem;font-weight:700;color:#1a1a1a;margin:0 0 1rem;padding-bottom:.6rem;border-bottom:2px solid rgba(201,169,98,.35)}.rpt-icon{font-size:1.3rem;flex-shrink:0}.rpt-subheading{font-family:var(--font-serif);font-size:1rem;font-weight:600;color:#1a1a1a;margin:1.25rem 0 .6rem}.rpt-para{color:#333;font-size:.95rem;line-height:1.75;margin:0 0 .6rem}.rpt-bullet{display:flex;align-items:baseline;gap:.6rem;padding:.35rem 0;color:#333;font-size:.93rem;line-height:1.6}.rpt-dot{width:5px;height:5px;border-radius:50%;background:#c9a962;flex-shrink:0;margin-top:.55em}.rpt-numbered{display:flex;align-items:flex-start;gap:.75rem;padding:.5rem .75rem;margin-bottom:.4rem;background:#1a1a1a08;border-radius:10px}.rpt-num{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:#1a1a1a;color:#fff;border-radius:50%;font-size:.75rem;font-weight:700;flex-shrink:0}.rpt-numbered>span:last-child{color:#333;font-size:.93rem;line-height:1.5}.rpt-look{background:#1a1a1a06;border:1px solid rgba(26,26,26,.1);border-radius:12px;padding:.9rem 1rem;margin-bottom:.75rem}.rpt-look-header{display:flex;align-items:center;gap:.65rem;margin-bottom:.6rem}.rpt-look-num{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#c9a962,#b89850);color:#fff;border-radius:50%;font-size:.72rem;font-weight:700;flex-shrink:0}.rpt-look-name{font-weight:600;color:#1a1a1a;font-size:.97rem}.rpt-item{display:flex;gap:.6rem;padding:.25rem 0;border-bottom:1px solid rgba(26,26,26,.05)}.rpt-item:last-child{border-bottom:none}.rpt-item-label{color:#1a1a1a73;font-size:.82rem;min-width:65px;flex-shrink:0}.rpt-item-value{color:#333;font-size:.9rem;overflow-wrap:break-word;word-break:break-word;min-width:0;flex:1}.rpt-divider{border:none;border-top:1px solid rgba(26,26,26,.1);margin:1.25rem 0}@media(prefers-color-scheme:dark){.rpt-heading{color:#fffffff2;border-bottom-color:#c9a96266}.rpt-subheading{color:#ffffffe6}.rpt-para,.rpt-bullet{color:#fffc}.rpt-dot{background:#c9a962}.rpt-numbered{background:#ffffff0d}.rpt-numbered>span:last-child{color:#fffc}.rpt-num{background:#fff3}.rpt-look{background:#ffffff0a;border-color:#ffffff14}.rpt-look-name{color:#fffffff2}.rpt-item{border-bottom-color:#ffffff0d}.rpt-item-label{color:#fff6}.rpt-item-value{color:#fffc}.rpt-divider{border-top-color:#ffffff14}}@media(max-width:640px){.rpt-heading{font-size:1.05rem}.rpt-look{padding:.75rem}}.policy-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.policy-modal{background:var(--white);border-radius:16px;max-width:800px;width:100%;max-height:85vh;overflow-y:auto;padding:2.5rem;position:relative;box-shadow:0 25px 50px -12px #00000040}.policy-modal-close{position:absolute;top:1rem;right:1rem;width:40px;height:40px;border-radius:50%;border:none;background:var(--bg-light);color:var(--charcoal);font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.policy-modal-close:hover{background:var(--primary);color:var(--white)}.policy-modal h1{font-family:var(--font-serif);font-size:2rem;color:var(--charcoal);margin:0 0 .5rem;padding-right:3rem}.policy-updated{font-size:.875rem;color:#1a1a1a80;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(26,26,26,.2)}.policy-content{line-height:1.7;color:var(--charcoal)}.policy-content h2{font-family:var(--font-serif);font-size:1.25rem;color:var(--charcoal);margin:2rem 0 1rem;padding-bottom:.5rem;border-bottom:2px solid var(--primary)}.policy-content h2:first-child{margin-top:0}.policy-content p{margin:1rem 0}.policy-content ul,.policy-content ol{padding-left:1.5rem;margin:1rem 0}.policy-content li{margin:.5rem 0}.policy-content table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.9rem}.policy-content th,.policy-content td{padding:.75rem;text-align:left;border:1px solid rgba(26,26,26,.2)}.policy-content th{background:var(--bg-light);font-weight:600}.policy-content strong{color:var(--primary)}.policy-content code{background:var(--bg-light);padding:.2rem .5rem;border-radius:4px;font-size:.875rem}.policy-content hr{border:none;border-top:1px solid rgba(26,26,26,.2);margin:2rem 0}@media(max-width:640px){.policy-modal{padding:1.5rem;max-height:90vh}.policy-modal h1{font-size:1.5rem}.policy-content h2{font-size:1.1rem}.policy-content table{font-size:.8rem}.policy-content th,.policy-content td{padding:.5rem}}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;max-width:400px;width:100%;padding:2rem;position:relative;box-shadow:0 25px 50px -12px #00000080}.modal-close{position:absolute;top:1rem;right:1rem;width:36px;height:36px;border-radius:50%;border:none;background:var(--bg-light);color:var(--charcoal);font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal-close:hover{background:var(--gold);color:var(--charcoal)}.email-modal h2{font-family:var(--font-serif);font-size:1.25rem;color:var(--white);margin:0 0 1.5rem;padding-right:2rem;text-align:center}.email-input{width:100%;padding:.875rem 1rem;border:1px solid var(--border-color);border-radius:8px;background:#ffffff0d;color:var(--white);font-size:1rem;transition:all .2s ease;box-sizing:border-box}.email-input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #c9a96233}.email-input::placeholder{color:#ffffff80}.email-error{color:#ff6b6b;font-size:.875rem;margin:.75rem 0 0;text-align:center}.email-send-btn{width:100%;margin-top:1rem;padding:.875rem 1.5rem}.email-send-btn:disabled{opacity:.5;cursor:not-allowed}.email-success{text-align:center;padding:1rem 0}.email-success .success-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--gold);color:var(--charcoal);border-radius:50%;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.email-success p{color:var(--white);font-size:1rem;margin:0}@media(max-width:640px){.modal-content{padding:1.5rem;margin:0 .5rem}.email-modal h2{font-size:1.1rem}}.auth-page{min-height:100vh;min-height:100dvh;background:var(--bg-light)}.auth-page .app-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:#fafaf8f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(26,26,26,.1)}.auth-content{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 80px);padding:2rem}.auth-form{max-width:400px;margin:0 auto}.auth-form h2{font-family:var(--font-serif);font-size:2rem;color:var(--charcoal);margin-bottom:2rem;text-align:center}.auth-form form{display:flex;flex-direction:column;gap:1.25rem}.auth-error{background:#dc35451a;color:#dc3545;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;text-align:center;margin-bottom:1rem}.auth-success{background:#28a7451a;color:#28a745;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;text-align:center;margin-bottom:1rem}.email-confirm-notice{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 0}.email-confirm-notice .confirm-icon{font-size:3rem}.email-confirm-notice .auth-success{font-size:1rem;line-height:1.5;margin-bottom:0}.email-confirm-notice .confirm-hint{color:#1a1a1a80;font-size:.8rem;margin:0}.email-confirm-notice .submit-btn{width:100%;margin-top:.5rem}.auth-switch{margin-top:1.5rem;text-align:center;color:#1a1a1a99;font-size:.875rem}.auth-switch button{background:none;border:none;color:var(--primary);font-weight:600;cursor:pointer;margin-left:.5rem;text-decoration:underline}.auth-switch button:hover{color:var(--primary-light)}.auth-guest{margin-top:1rem;text-align:center}.auth-divider{display:flex;align-items:center;margin:1.5rem 0;gap:1rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#fff3}.auth-divider span{color:#ffffff80;font-size:.875rem}.btn-google{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;background:#fff;color:#333;border:2px solid rgba(0,0,0,.15);padding:.75rem 1rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #0000001a}.btn-google:hover{background:#f5f5f5;border-color:#00000040;box-shadow:0 4px 8px #00000026}.btn-google svg{flex-shrink:0}.btn-outline-sm{background:transparent;border:1px solid rgba(26,26,26,.5);color:var(--primary);padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-outline-sm:hover{background:#1a1a1a1a;border-color:var(--primary)}.btn-primary-sm{background:var(--primary);border:none;color:#fff;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary-sm:hover{background:var(--primary-light)}.btn-danger{background:#dc3545;border:none;color:#fff;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-danger:hover{background:#c82333}.btn-danger:disabled{background:#6c757d;cursor:not-allowed}.account-settings{border-top:1px solid rgba(255,255,255,.1);padding-top:1.5rem;margin-top:1.5rem}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#ffffff0d;border-radius:8px;margin-bottom:1rem;gap:1rem}.setting-item.danger{background:#dc35451a;border:1px solid rgba(220,53,69,.3)}.setting-info{flex:1}.setting-info strong{display:block;margin-bottom:.25rem;color:#fff}.setting-info p{margin:0;font-size:.875rem;color:#fff9}.setting-item.danger .setting-info strong{color:#ff6b6b}.password-change-form{background:#1a1a1a0d;padding:1.5rem;border-radius:12px;margin-bottom:1rem;border:1px solid rgba(26,26,26,.1)}.password-change-form .input-group{margin-bottom:1rem}.password-change-form .input-group label{display:block;margin-bottom:.5rem;color:var(--charcoal);font-size:.875rem;font-weight:500}.password-change-form .input-group input{width:100%;padding:.75rem;border:1px solid rgba(26,26,26,.2);border-radius:8px;background:#fff;color:var(--charcoal);font-size:1rem}.password-change-form .input-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #1a1a1a1a}.password-change-form button{width:100%;padding:.75rem}.forgot-password-link{text-align:right;margin-bottom:1rem}.forgot-password-link button{background:none;border:none;color:var(--primary);font-size:.875rem;cursor:pointer;padding:0}.forgot-password-link button:hover{color:var(--primary-light);text-decoration:underline}.auth-buttons{display:flex;gap:.5rem;align-items:center}.user-email{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-info{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;padding:1.5rem;background:#1a1a1a0d;border-radius:12px}.profile-field{display:flex;justify-content:space-between;align-items:center}.profile-field label{color:#1a1a1a99;font-size:.875rem}.profile-field span{color:var(--charcoal);font-weight:500}.profile-section{margin-bottom:2rem}.profile-section h3{font-family:var(--font-serif);font-size:1.25rem;color:var(--charcoal);margin-bottom:1rem}.no-history{color:#1a1a1a80;font-style:italic;text-align:center;padding:2rem;background:#1a1a1a08;border-radius:8px}.profile-favorites-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media(min-width:640px){.profile-favorites-grid{grid-template-columns:repeat(3,1fr)}}.profile-fav-card{border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 2px 8px #00000014}.profile-fav-img-wrap{aspect-ratio:1;overflow:hidden;cursor:pointer}.profile-fav-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.profile-fav-img-wrap:hover img{transform:scale(1.05)}.profile-fav-footer{display:flex;justify-content:space-between;align-items:center;padding:.4rem .6rem}.profile-fav-label{font-size:.7rem;color:#1a1a1a99;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-list{display:flex;flex-direction:column;gap:.75rem}.history-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#1a1a1a0d;border:1px solid rgba(26,26,26,.15);border-radius:12px;transition:all .2s}.history-item:hover{background:#1a1a1a1a;border-color:#1a1a1a40}.history-item-info{display:flex;flex-direction:column;gap:.25rem}.history-type{font-weight:600;color:var(--charcoal);font-size:.95rem}.history-date{font-size:.8rem;color:#1a1a1a80}@media(max-width:640px){.history-item{flex-direction:column;align-items:flex-start;gap:.75rem}.history-item .btn-outline-sm{width:100%;text-align:center}}@media(max-width:640px){.auth-buttons{display:flex;gap:.25rem}.auth-buttons .btn-outline-sm,.auth-buttons .btn-primary-sm{padding:.4rem .6rem;font-size:.75rem}.auth-buttons .user-email{max-width:80px}.auth-content{padding:1rem}.auth-form h2{font-size:1.5rem}}.free-badge{display:inline-block;padding:.25rem .75rem;background:linear-gradient(135deg,#00c853,#64dd17);color:#fff;font-size:.7rem;font-weight:800;border-radius:20px;letter-spacing:.1em;text-transform:uppercase;position:relative}.free-badge:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 20px #00c853b3;animation:badge-glow 2s ease-in-out infinite}@keyframes badge-glow{0%,to{opacity:.4}50%{opacity:1}}.free-cta-pulse{padding:1.05rem 2.5rem;font-size:1rem;font-weight:600;color:#14120c;background:linear-gradient(160deg,#e6cb84,#c9a962);border:none;border-radius:100px;cursor:pointer;position:relative;transition:all .4s var(--spring);box-shadow:0 6px 24px #c9a96247;letter-spacing:.03em}.free-cta-pulse:hover{transform:translateY(-2px);box-shadow:0 10px 32px #c9a96266}.share-result-section{text-align:center;padding:1.5rem;margin-bottom:1rem}.share-result-btn{padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:16px;cursor:pointer;transition:all .3s;box-shadow:0 4px 20px #667eea59}.share-result-btn:hover{transform:translateY(-2px);box-shadow:0 6px 28px #667eea80}.share-result-hint{margin-top:.5rem;font-size:.75rem;color:#ffffff80;letter-spacing:.05em}.upsell-section{text-align:center;padding:2rem 1.5rem;margin:1rem 0;background:linear-gradient(165deg,#1e1e30,#2a1f35);border:1px solid rgba(26,26,26,.25);border-radius:20px;box-shadow:0 8px 32px #0000004d}.upsell-title{font-family:var(--font-serif);font-size:1.5rem;margin-bottom:.25rem;color:#fff}.upsell-subtitle{font-size:.9rem;color:#ffffffb3;margin-bottom:1.5rem}.upsell-cards{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}@media(max-width:480px){.upsell-cards{grid-template-columns:1fr}}.upsell-option{padding:1.5rem 1rem;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:16px;cursor:pointer;transition:all .3s;position:relative}.upsell-option:hover{border-color:var(--primary);background:#1a1a1a26;transform:translateY(-2px)}.upsell-option h4{font-size:1rem;font-weight:600;color:#fff;margin-bottom:.5rem}.upsell-option.featured{border-color:var(--primary);background:#1a1a1a26;box-shadow:0 4px 20px #1a1a1a40}.upsell-price{font-size:1.5rem;font-weight:800;color:var(--primary-light)}.upsell-full-desc{font-size:.8rem;color:#ffffffa6;margin-bottom:.5rem}.upsell-best-badge{position:absolute;top:-8px;right:12px;padding:.2rem .6rem;background:linear-gradient(135deg,#b8a080,#c8b498);color:#1a1a2e;font-size:.65rem;font-weight:800;border-radius:6px;letter-spacing:.1em}.upsell-section .subscription-card{background:#ffffff14;border-color:#1a1a1a4d;box-shadow:none}.upsell-section .subscription-card h4{color:#fff}.upsell-section .subscription-desc{color:#ffffffa6}.upsell-section .subscription-price{color:var(--primary-light)}.upsell-section .subscription-badge{background:#1a1a1a26;border-color:#1a1a1a4d}.upsell-dismiss{padding:.5rem 1.5rem;font-size:.85rem;color:#ffffff80;background:none;border:none;cursor:pointer;transition:color .2s}.upsell-dismiss:hover{color:#fffc}.subscription-card{position:relative;padding:2rem 1.5rem;background:#fff;border:1px solid rgba(26,26,26,.2);border-radius:20px;cursor:pointer;transition:all .4s cubic-bezier(.25,.46,.45,.94);text-align:center;margin-top:1rem;overflow:hidden;box-shadow:0 4px 20px #1a1a1a14}.subscription-card:hover{border-color:#1a1a1a66;transform:translateY(-3px);box-shadow:0 12px 40px #1a1a1a26}.subscription-card.active{cursor:pointer;border-color:#22c55e4d;background:linear-gradient(160deg,#f0fdf4,#fff)}.subscription-card.active:hover{transform:translateY(-3px);box-shadow:0 12px 40px #22c55e1f}.subscription-card h4{font-size:1.2rem;font-weight:700;color:var(--charcoal);margin-bottom:.5rem;letter-spacing:-.01em}.subscription-badge{display:inline-block;padding:.25rem .8rem;background:#1a1a1a1a;color:var(--primary);font-size:.7rem;font-weight:600;border-radius:20px;letter-spacing:.06em;margin-bottom:.85rem;border:1px solid rgba(26,26,26,.2);text-transform:uppercase}.subscription-badge.active{background:#22c55e14;color:#16a34a;border-color:#22c55e33}.subscription-desc{font-size:.85rem;color:#666;margin-bottom:1rem;line-height:1.5}.subscription-pricing{margin-bottom:1rem}.subscription-price{font-size:1.6rem;font-weight:800;color:var(--charcoal);letter-spacing:-.02em}.subscription-cta{padding:.7rem 2rem;background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;font-size:.85rem;font-weight:700;border-radius:12px;display:inline-block;transition:all .3s;letter-spacing:.02em;box-shadow:0 4px 16px #1a1a1a40}.subscription-card:hover .subscription-cta{box-shadow:0 6px 24px #1a1a1a59}.landing-subscription{margin-top:1.5rem;max-width:480px;margin-left:auto;margin-right:auto}.dashboard-page{max-width:480px;margin:0 auto;padding:1.5rem 1rem 3rem}.dashboard-back{background:none;border:none;color:var(--primary);font-size:.9rem;font-weight:600;cursor:pointer;padding:.5rem 0;margin-bottom:1rem}.dashboard-header{text-align:center;margin-bottom:1.5rem}.dashboard-title{font-family:var(--font-serif);font-size:1.8rem;color:var(--charcoal);margin:0 0 .25rem}.dashboard-subtitle{font-size:.85rem;color:#888;margin:0}.dashboard-loading{text-align:center;padding:3rem 1rem}.dashboard-loading-spinner{width:36px;height:36px;border:3px solid rgba(26,26,26,.15);border-top-color:var(--primary);border-radius:50%;animation:dashboard-spin .8s linear infinite;margin:0 auto 1rem}@keyframes dashboard-spin{to{transform:rotate(360deg)}}.dashboard-loading p{color:#888;font-size:.9rem}.dashboard-error{text-align:center;padding:2rem;background:#fff;border-radius:16px;border:1px solid rgba(239,68,68,.2)}.dashboard-error p{color:#ef4444;margin:0 0 1rem}.dashboard-error button{background:var(--primary);color:#fff;border:none;padding:.5rem 1.5rem;border-radius:10px;font-weight:600;cursor:pointer}.dashboard-weather-card{background:#fff;border-radius:20px;padding:1.5rem;margin-bottom:1rem;border:1px solid rgba(0,0,0,.06);box-shadow:0 4px 20px #0000000a}.dashboard-weather-main{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem}.dashboard-weather-emoji{font-size:2.2rem}.dashboard-weather-temp{font-size:2.4rem;font-weight:800;color:var(--charcoal);letter-spacing:-.03em}.dashboard-weather-city{font-size:1rem;color:#888;font-weight:500}.dashboard-weather-details{display:flex;justify-content:center;gap:1.5rem;font-size:.8rem;color:#999}.dashboard-recommendation{background:#fff;border-radius:20px;padding:1.5rem;margin-bottom:1rem;border:1px solid rgba(0,0,0,.06);box-shadow:0 4px 20px #0000000a}.dashboard-recommendation h3{font-family:var(--font-serif);font-size:1.1rem;color:var(--charcoal);margin:0 0 1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(0,0,0,.06)}.dashboard-recommendation-text p{font-size:.9rem;color:#444;line-height:1.7;margin:.25rem 0}.dashboard-footer-note{text-align:center;font-size:.8rem;color:#aaa;margin-top:1.5rem}.dashboard-gallery{margin-bottom:1rem}.dashboard-gallery-title{font-family:var(--font-serif);font-size:1.1rem;color:var(--charcoal);margin:0 0 .75rem}.dashboard-gallery-scroll{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:.5rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.dashboard-gallery-scroll::-webkit-scrollbar{height:4px}.dashboard-gallery-scroll::-webkit-scrollbar-thumb{background:#0000001f;border-radius:4px}.dashboard-gallery-card{flex:0 0 auto;width:200px;scroll-snap-align:start;background:#fff;border-radius:16px;overflow:hidden;border:1px solid rgba(0,0,0,.06);box-shadow:0 4px 16px #0000000d}.dashboard-gallery-img-wrap{cursor:pointer;overflow:hidden}.dashboard-gallery-img-wrap img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block;transition:transform .3s}.dashboard-gallery-img-wrap:hover img{transform:scale(1.03)}.dashboard-gallery-card-footer{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem}.dashboard-gallery-label{font-size:.8rem;font-weight:600;color:var(--charcoal)}.dashboard-gallery-empty{text-align:center;padding:2rem 1rem;background:#fff;border-radius:16px;border:1px dashed rgba(0,0,0,.12);margin-bottom:1rem}.dashboard-gallery-empty p{color:#999;font-size:.9rem;margin:0}.favorite-btn{background:none;border:none;font-size:1.2rem;cursor:pointer;color:#ccc;padding:.2rem;transition:color .2s,transform .2s}.favorite-btn:hover{transform:scale(1.2)}.favorite-btn.active{color:#ef4444}.favorite-btn-overlay{position:absolute;top:8px;right:8px;background:#0006;border:none;font-size:1.3rem;cursor:pointer;color:#fffc;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:color .2s,transform .2s,background .2s;z-index:2}.favorite-btn-overlay:hover{background:#0009;transform:scale(1.1)}.favorite-btn-overlay.active{color:#ef4444;background:#00000080}.favorite-toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:#000000d9;color:#fff;padding:.75rem 1.5rem;border-radius:12px;font-size:.85rem;font-weight:600;z-index:10000;animation:toast-fade 2s ease-out forwards}@keyframes toast-fade{0%{opacity:0;transform:translate(-50%) translateY(10px)}10%{opacity:1;transform:translate(-50%) translateY(0)}80%{opacity:1}to{opacity:0}}.fullscreen-overlay{position:fixed;inset:0;background:#000000eb;z-index:10000;display:flex;align-items:center;justify-content:center;padding:1rem;cursor:zoom-out}.fullscreen-actions{position:absolute;top:1rem;right:1rem;display:flex;gap:.5rem;align-items:center;z-index:10001}.fullscreen-action-btn{background:#ffffff26;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:.85rem;font-weight:600;padding:.5rem 1rem;border-radius:12px;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .2s}.fullscreen-action-btn:hover{background:#ffffff40}.fullscreen-close{background:#ffffff26;border:none;color:#fff;font-size:2rem;width:48px;height:48px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.fullscreen-image{max-width:95vw;max-height:90vh;object-fit:contain;border-radius:8px;cursor:default}.dashboard-profile-form{background:#fff;border-radius:20px;padding:1.5rem;margin-top:1rem;border:1px solid rgba(212,175,55,.2);box-shadow:0 4px 20px #0000000a}.dashboard-profile-form.dashboard-profile-first{border:2px solid rgba(26,26,26,.4);box-shadow:0 8px 32px #1a1a1a1f;animation:profilePulse 2s ease-in-out infinite}@keyframes profilePulse{0%,to{box-shadow:0 8px 32px #1a1a1a1f}50%{box-shadow:0 8px 40px #1a1a1a40}}.dashboard-profile-badge{margin-bottom:.75rem}.dashboard-profile-badge span{background:#ef44441a;color:#ef4444;font-size:.75rem;font-weight:700;padding:.25rem .75rem;border-radius:20px}.dashboard-profile-form h3{font-family:var(--font-serif);font-size:1.1rem;color:var(--charcoal);margin:0 0 .25rem}.dashboard-profile-desc{font-size:.85rem;color:#888;margin:0 0 1rem}.dashboard-profile-fields{display:flex;flex-direction:column;gap:.75rem}.dashboard-profile-row{display:flex;flex-direction:column;gap:.3rem}.dashboard-profile-row label{font-size:.8rem;font-weight:600;color:#666}.dashboard-profile-row input[type=number]{padding:.6rem .75rem;border:1px solid rgba(0,0,0,.12);border-radius:10px;font-size:.9rem;outline:none;transition:border-color .2s}.dashboard-profile-row input[type=number]:focus{border-color:var(--primary)}.dashboard-profile-gender-btns{display:flex;gap:.5rem}.dashboard-gender-btn{flex:1;padding:.5rem;border:1px solid rgba(0,0,0,.12);border-radius:10px;background:#fff;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.dashboard-gender-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.dashboard-photo-upload-btn{padding:.6rem 1rem;border:1px dashed rgba(0,0,0,.2);border-radius:10px;background:#00000005;font-size:.85rem;cursor:pointer;color:#666;transition:all .2s}.dashboard-photo-upload-btn:hover{border-color:var(--primary);color:var(--primary)}.dashboard-profile-photo-preview{width:80px;height:80px;border-radius:12px;object-fit:cover;margin-top:.5rem;border:2px solid rgba(212,175,55,.3)}.dashboard-profile-save-btn{width:100%;margin-top:1rem;padding:.75rem;background:linear-gradient(135deg,#b8a080,#b8a080);color:#fff;border:none;border-radius:12px;font-size:.9rem;font-weight:700;cursor:pointer;transition:opacity .2s}.dashboard-profile-save-btn:disabled{opacity:.6;cursor:not-allowed}.dashboard-profile-summary{background:#fff;border-radius:20px;padding:1.25rem;margin-top:1rem;border:1px solid rgba(212,175,55,.2);box-shadow:0 4px 20px #0000000a}.dashboard-profile-summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.dashboard-profile-summary-header h3{font-family:var(--font-serif);font-size:1rem;color:var(--charcoal);margin:0}.dashboard-profile-edit-btn{padding:.35rem .85rem;background:transparent;border:1px solid rgba(212,175,55,.4);border-radius:8px;font-size:.78rem;font-weight:600;color:var(--primary);cursor:pointer;transition:all .2s}.dashboard-profile-edit-btn:hover{background:#d4af371a}.dashboard-profile-summary-content{display:flex;align-items:center;gap:1rem}.dashboard-profile-summary-photo{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid rgba(212,175,55,.3);flex-shrink:0}.dashboard-profile-summary-info{display:flex;flex-wrap:wrap;gap:.4rem 1rem;font-size:.85rem;color:#666}.dashboard-profile-summary-info span{background:#0000000a;padding:.2rem .6rem;border-radius:6px}.dashboard-cancel-notice{margin-top:.75rem;padding:.6rem .75rem;background:#ef44440f;border:1px solid rgba(239,68,68,.15);border-radius:10px;font-size:.8rem;color:#ef4444;line-height:1.4}.dashboard-profile-current-photo{display:flex;justify-content:center;margin-bottom:.75rem}.dashboard-profile-current-photo .dashboard-profile-photo-preview{width:100px;height:100px;border-radius:50%}.dashboard-profile-actions{display:flex;gap:.5rem;margin-top:1rem}.dashboard-profile-actions .dashboard-profile-save-btn{flex:1;margin-top:0}.dashboard-profile-cancel-btn{padding:.75rem 1.5rem;background:transparent;border:1px solid rgba(0,0,0,.12);border-radius:12px;font-size:.9rem;font-weight:500;color:#888;cursor:pointer;transition:all .2s}.dashboard-profile-cancel-btn:hover{border-color:#0000004d;color:#555}.dashboard-subscription-manage{margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(0,0,0,.06);text-align:center}.dashboard-manage-btn{padding:.6rem 1.5rem;background:none;border:1px solid rgba(201,169,98,.4);border-radius:10px;color:#b8a080;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.dashboard-manage-btn:hover{background:#c9a96214;border-color:#c9a962b3}.dashboard-manage-btn:disabled{opacity:.5;cursor:not-allowed}.dashboard-favorites{margin-top:1.5rem}.preview-free-image{text-align:center;margin-bottom:.75rem}.preview-free-badge{display:inline-block;background:#22c55e26;color:#16a34a;font-size:.75rem;font-weight:700;padding:.25rem .75rem;border-radius:20px;margin-bottom:.75rem}.style-image-container{position:relative}.subscription-form-modal{position:relative;background:#fff;border:1px solid rgba(26,26,26,.2);border-radius:24px;max-width:420px;width:90%;margin:auto;padding:2rem;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000026}.subscription-form-header{text-align:center;margin-bottom:1.5rem}.subscription-form-header h2{font-family:var(--font-serif);font-size:1.4rem;color:var(--charcoal);margin:.75rem 0 .25rem}.subscription-form-header p{font-size:.85rem;color:#888;margin:0}.subscription-form-body{display:flex;flex-direction:column;gap:1.25rem}.subscription-form-label{display:flex;flex-direction:column;gap:.5rem;font-size:.85rem;font-weight:600;color:#555}.subscription-form-input{padding:.75rem 1rem;background:#f8f8f8;border:1px solid rgba(0,0,0,.1);border-radius:12px;color:var(--charcoal);font-size:1rem;outline:none;transition:border-color .2s}.subscription-form-input:focus{border-color:var(--primary)}.subscription-form-input::placeholder{color:#bbb}.subscription-form-error{font-size:.8rem;color:#ef4444;font-weight:400}.subscription-form-info{text-align:center;padding:1rem;background:#1a1a1a0f;border-radius:12px}.subscription-form-price{display:flex;align-items:center;justify-content:center;gap:.75rem}.subscription-form-trial{font-size:.8rem;color:var(--primary);background:#1a1a1a1a;padding:.2rem .6rem;border-radius:8px}.subscription-form-submit{width:100%;padding:.9rem;background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;font-size:1rem;font-weight:700;border:none;border-radius:14px;cursor:pointer;transition:all .3s}.subscription-form-submit:hover:not(:disabled){box-shadow:0 6px 20px #1a1a1a59;transform:translateY(-1px)}.subscription-form-submit:disabled{opacity:.6;cursor:not-allowed}.referral-section{max-width:600px;margin:2.5rem auto 0;padding:2rem 1.5rem;background:linear-gradient(135deg,#140f12f2,#1e161ce6);border:1px solid rgba(212,175,55,.25);border-radius:20px;text-align:center}.referral-section-title{font-size:1.25rem;font-weight:700;color:#b8a080;margin-bottom:.5rem}.referral-section-desc{font-size:.9rem;color:#fff9;margin-bottom:1.25rem}.referral-stats{display:flex;justify-content:center;gap:1.5rem;margin-bottom:1.25rem}.referral-stat{font-size:.85rem;color:#fffc;padding:.4rem .75rem;background:#ffffff0f;border-radius:8px}.referral-link-box{display:flex;gap:.5rem;align-items:stretch}.referral-link-input{flex:1;padding:.75rem 1rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-radius:12px;color:#fff;font-size:.85rem;font-family:monospace;outline:none}.referral-link-input:focus{border-color:#d4af3780}.referral-copy-btn{padding:.75rem 1.25rem;background:linear-gradient(135deg,#b8a080,#c8b498);color:#1a1a2e;border:none;border-radius:12px;font-size:.85rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .3s}.referral-copy-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #d4af3766}.referral-credit-badge{display:inline-block;padding:.5rem 1rem;background:linear-gradient(135deg,#00c853,#64dd17);color:#fff;font-size:.8rem;font-weight:700;border-radius:50px;letter-spacing:.5px;position:relative;animation:pulse-gold 2s infinite;margin-bottom:.75rem}.referral-inline{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.5rem;margin:1.5rem auto;max-width:400px;background:linear-gradient(135deg,#d4af371a,#d4af370d);border:1px solid rgba(212,175,55,.25);border-radius:14px;cursor:pointer;transition:all .3s;position:relative}.referral-inline:hover{background:linear-gradient(135deg,#d4af3726,#d4af3714);transform:translateY(-1px)}.referral-inline-icon{font-size:1.2rem}.referral-inline-text{font-size:.9rem;font-weight:600;color:#b8a080}.referral-inline-arrow{color:#d4af3799;font-size:1rem}.referral-credit-hint{display:inline-block;margin:0 0 .75rem;padding:.35rem .9rem;background:#c9a9621f;border:1px solid rgba(201,169,98,.4);border-radius:999px;color:#c9a962;font-size:.85rem;font-weight:600;letter-spacing:.02em}.referral-toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-size:.9rem;z-index:1001;animation:fadeInUp .3s ease}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(max-width:480px){.referral-section{margin:0 1rem;padding:1.5rem 1rem}.referral-link-box{flex-direction:column}.referral-stats{flex-direction:column;gap:.5rem}}.ba-section{margin:2rem 0}.ba-section-title{text-align:center;font-size:1.1rem;font-weight:600;color:#b8a080;margin-bottom:1rem;letter-spacing:1px}.ba-slider{position:relative;width:100%;max-width:500px;margin:0 auto;aspect-ratio:3/4;border-radius:20px;overflow:hidden;cursor:ew-resize;user-select:none;-webkit-user-select:none;box-shadow:0 12px 40px #1a140c33,0 0 0 1px #c9a9621a}.ba-img{display:block;width:100%;height:100%;object-fit:contain}.ba-after{position:absolute;inset:0}.ba-before-clip{position:absolute;top:0;left:0;height:100%;overflow:hidden;z-index:2}.ba-before-clip .ba-before{position:absolute;top:0;left:0;width:100%;height:100%;min-width:0}.ba-handle{position:absolute;top:0;bottom:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:translate(-50%);pointer-events:none}.ba-handle-line{width:2px;flex:1;background:#fff;box-shadow:0 0 8px #00000080}.ba-handle-circle{width:44px;height:44px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 12px #0006;font-size:.7rem;color:#333;letter-spacing:-1px;flex-shrink:0}.ba-label{position:absolute;top:12px;font-size:.7rem;font-weight:700;letter-spacing:1.5px;color:#fff;padding:4px 10px;border-radius:4px;background:#00000073;z-index:4}.ba-label-before{left:12px}.ba-label-after{right:12px}.ba-style-name{text-align:center;font-size:.9rem;color:#ffffffb3;margin-top:.75rem}.blurred-card{position:relative}.blurred-image{filter:blur(12px);pointer-events:none}.blur-lock-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:2}.blur-lock-icon{font-size:2rem;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}.blur-unlock-cta{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem 2rem;margin:1.5rem auto;max-width:420px;background:linear-gradient(135deg,#b8a080,#c8b498);color:#1a1a2e;border-radius:14px;cursor:pointer;transition:all .3s;font-weight:600}.blur-unlock-cta:hover{transform:translateY(-2px);box-shadow:0 6px 24px #d4af3780}.blur-unlock-text{font-size:.95rem}.blur-unlock-price{font-size:1.1rem;font-weight:800}.timer-discount-banner{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;margin:1.5rem auto;max-width:450px;background:linear-gradient(135deg,#ff3b301f,#ff950014);border:1px solid rgba(255,59,48,.3);border-radius:16px;animation:timer-pulse 2s ease-in-out infinite}@keyframes timer-pulse{0%,to{border-color:#ff3b304d}50%{border-color:#ff3b3099}}.timer-discount-badge{font-size:1.5rem;font-weight:900;color:#ff3b30;white-space:nowrap}.timer-discount-text{flex:1}.timer-discount-text h4{font-size:.85rem;font-weight:600;color:#fff;margin:0 0 .25rem}.timer-countdown{display:flex;align-items:baseline;gap:.25rem}.timer-digits{font-size:1.3rem;font-weight:800;color:#ff3b30;font-variant-numeric:tabular-nums;letter-spacing:1px}.timer-suffix{font-size:.75rem;color:#ffffff80}.timer-discount-prices{display:flex;flex-direction:column;align-items:flex-end}.timer-original{font-size:.8rem;color:#fff6;text-decoration:line-through}.timer-sale{font-size:1.2rem;font-weight:800;color:#ff3b30}.how-it-works-section{padding:5rem 1.5rem;text-align:center;max-width:900px;margin:0 auto}.how-title{font-family:var(--font-serif);font-size:1.6rem;font-weight:700;font-style:italic;color:var(--charcoal);letter-spacing:-.02em;margin-bottom:3rem}.how-steps{display:flex;align-items:flex-start;justify-content:center;gap:1rem}.how-step{flex:1;max-width:240px;display:flex;flex-direction:column;align-items:center;gap:.6rem}.how-step-num{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#c9a96214,#c9a9620a);border:1.5px solid rgba(201,169,98,.35);color:#c9a962;font-size:1rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin-bottom:.25rem;transition:all .5s var(--spring)}.how-step:hover .how-step-num{background:linear-gradient(135deg,#c9a962,#d4af37);color:#fff;border-color:transparent;transform:scale(1.08)}.how-step-title{font-size:.95rem;font-weight:600;color:var(--charcoal);margin:0}.how-step-desc{font-size:.8rem;color:#1a1a1a80;line-height:1.5;margin:0}.how-step-arrow{color:#1a1a1a33;font-size:1.4rem;margin-top:.5rem;flex-shrink:0}@media(max-width:600px){.how-steps{flex-direction:column;align-items:center;gap:1.5rem}.how-step{max-width:100%}.how-step-arrow{transform:rotate(90deg);margin:-.5rem 0}}.how-cta{margin-top:3rem;padding:.95rem 2.75rem;font-size:1rem;font-weight:700;border:none;border-radius:100px;background:var(--charcoal);color:#fff;cursor:pointer;transition:transform .4s var(--spring),box-shadow .4s var(--spring);letter-spacing:.02em}.how-cta:hover{transform:translateY(-3px);box-shadow:0 12px 32px #1a140c40}.trust-section{padding:0 1.5rem 3rem;text-align:center}.trust-grid{display:flex;justify-content:center;gap:2rem;max-width:700px;margin:0 auto}@media(max-width:500px){.trust-grid{gap:1rem;flex-wrap:wrap}}.trust-item{display:flex;flex-direction:column;align-items:center;gap:.15rem}.trust-value{font-size:1.15rem;font-weight:800;color:#b8a080}.trust-desc{font-size:.75rem;color:#1a1a1a80;font-weight:500}@media(max-width:768px){.ba-slider{max-width:100%}.timer-discount-banner{flex-wrap:wrap;justify-content:center;text-align:center}}.chat-page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--bg-light);color:var(--charcoal)}.new-badge{background:linear-gradient(135deg,#c9a962,#d4af37);color:#1a1a1a;font-size:10px;font-weight:700;letter-spacing:1px;padding:3px 8px;border-radius:4px;margin-left:8px}.coming-soon-badge{background:#ffffff26;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:10px;font-weight:700;letter-spacing:1.5px;padding:4px 10px;border-radius:4px;border:1px solid rgba(255,255,255,.25);margin-left:8px}.selection-page{min-height:100vh;min-height:100dvh;background:var(--bg-light);padding:0 1rem 3rem}.selection-header{display:flex;align-items:center;gap:1rem;padding:1.5rem 0;border-bottom:1px solid rgba(0,0,0,.06);margin-bottom:2rem}.selection-title{font-family:var(--font-serif);font-size:1.5rem;color:var(--primary);margin:0}.selection-content{max-width:600px;margin:0 auto}.selection-subtitle{font-family:var(--font-serif);font-size:1.1rem;color:var(--primary);margin:0 0 1rem}.job-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.job-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem .75rem;background:#fff;border:2px solid rgba(0,0,0,.08);border-radius:12px;cursor:pointer;transition:all .2s ease;font-family:var(--font-display);font-size:.9rem;color:var(--primary)}.job-card:hover{border-color:#c9a96266;box-shadow:0 2px 8px #0000000f}.job-card.selected{border-color:#c9a962;background:linear-gradient(135deg,#c9a96214,#c9a96208);box-shadow:0 0 0 1px #c9a962}.job-icon{font-size:1.75rem}.job-label{font-weight:600;text-align:center}.trend-option{padding:1rem .75rem}.profile-fields{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.field-row{display:flex;align-items:center;gap:1rem}.field-row label{min-width:80px;font-weight:600;color:var(--primary);font-size:.9rem}.field-row input[type=number]{flex:1;padding:.6rem 1rem;border:1px solid rgba(0,0,0,.12);border-radius:8px;font-size:1rem;background:#fff}.gender-options{display:flex;gap:.5rem}.gender-btn{padding:.5rem 1.5rem;border:1px solid rgba(0,0,0,.12);border-radius:8px;background:#fff;cursor:pointer;font-size:.9rem;transition:all .2s}.gender-btn.active{border-color:#c9a962;background:#c9a96214;font-weight:600}.generate-btn{width:100%;padding:1rem;font-size:1rem;border-radius:12px;margin-top:1rem}.generate-btn:disabled{opacity:.5;cursor:not-allowed}.upload-area{border:2px dashed rgba(0,0,0,.12);border-radius:12px;padding:2rem;text-align:center;cursor:pointer;transition:border-color .2s;margin-bottom:1rem}.upload-area:hover{border-color:#c9a96280}.upload-preview{max-width:200px;max-height:250px;object-fit:cover;border-radius:8px}.upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--primary-light)}.upload-icon{font-size:2rem;color:#c9a962}.photo-hint{font-size:.85rem;color:var(--primary-light);margin:.5rem 0 1rem}.result-page{min-height:100vh;min-height:100dvh;background:var(--bg-light);padding:0 1rem 3rem}.result-header{display:flex;align-items:center;gap:1rem;padding:1.5rem 0;border-bottom:1px solid rgba(0,0,0,.06);margin-bottom:2rem}.result-title{font-family:var(--font-serif);font-size:1.5rem;color:var(--primary);margin:0}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1.5rem}.loading-spinner{width:48px;height:48px;border:3px solid rgba(26,26,26,.12);border-top-color:#c9a962;border-radius:50%;animation:spin .8s linear infinite}.loading-spinner.small{width:28px;height:28px;border-width:2px}.loading-text{font-family:var(--font-display);color:var(--primary-light);font-size:1rem}@media(max-width:640px){.job-grid{grid-template-columns:repeat(2,1fr)}.field-row{flex-direction:column;align-items:flex-start;gap:.5rem}.field-row input[type=number]{width:100%}}.ab-price-badge{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,#c9a962,#d4af37);color:#fff;font-family:var(--font-display);font-weight:700;font-size:.95rem;padding:.35rem .85rem;border-radius:20px;z-index:5;letter-spacing:.02em;box-shadow:0 2px 8px #c9a9624d}.ab-urgency-banner{display:flex;align-items:center;justify-content:center;gap:.75rem;background:linear-gradient(135deg,#c9a9621f,#d4af372e);border:1px solid rgba(201,169,98,.35);border-radius:12px;padding:.75rem 1.25rem;margin-bottom:1rem;color:#c9a962;font-family:var(--font-display);font-weight:600;font-size:.95rem}.ab-urgency-timer{font-variant-numeric:tabular-nums;font-weight:700;font-size:1.1rem;background:linear-gradient(135deg,#c9a962,#d4af37);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.style-dna-card{border:2px solid rgba(201,169,98,.3);border-radius:16px;padding:1.5rem;background:#c9a9620a;margin:1rem 0}.style-dna-title{font-family:var(--font-serif);font-size:1.4rem;color:var(--primary);margin:0 0 1.25rem;text-align:center;letter-spacing:.02em}.dna-row{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;border-bottom:1px solid rgba(201,169,98,.12)}.dna-row:last-of-type{border-bottom:none}.dna-colors-row,.dna-silhouettes-row{flex-direction:column;align-items:flex-start;gap:.5rem}.dna-label{font-family:var(--font-display);font-size:.85rem;color:var(--primary-light);font-weight:600;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.dna-value{font-family:var(--font-display);font-size:1rem;color:var(--primary);font-weight:500}.dna-season-badge{font-family:var(--font-display);font-weight:600;font-size:.9rem;padding:.3rem 1rem;border-radius:20px;display:inline-block}.dna-season-badge.spring{background:#fff8e1;color:#e65100}.dna-season-badge.summer{background:#e8f5e9;color:#1b5e20}.dna-season-badge.autumn{background:#fbe9e7;color:#bf360c}.dna-season-badge.winter{background:#e8eaf6;color:#1a237e}.dna-swatches{display:flex;gap:.5rem;flex-wrap:wrap}.dna-swatch{width:36px;height:36px;border-radius:50%;border:2px solid rgba(26,26,26,.08);box-shadow:0 1px 3px #0000001a;transition:transform .2s ease;cursor:default}.dna-swatch:hover{transform:scale(1.15)}.dna-silhouette-list{display:flex;gap:.4rem;flex-wrap:wrap}.dna-silhouette-tag{font-family:var(--font-display);font-size:.82rem;background:#c9a9621a;color:var(--primary);padding:.25rem .7rem;border-radius:14px;border:1px solid rgba(201,169,98,.2)}.dna-share-btn{margin-top:1.25rem;width:100%;font-size:.95rem;padding:.7rem 1.5rem}@media(max-width:640px){.style-dna-card{padding:1rem}.style-dna-title{font-size:1.2rem}.dna-swatch{width:30px;height:30px}.dna-row{flex-direction:column;align-items:flex-start;gap:.4rem}}.chat-page{min-height:100dvh;display:flex;flex-direction:column;background:var(--bg-light);color:var(--charcoal)}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid rgba(26,26,26,.08);background:var(--bg-light);position:sticky;top:0;z-index:10}.chat-title{font-family:var(--font-serif);font-size:1.25rem;font-weight:600;color:var(--primary);margin:0}.chat-token-badge{font-family:var(--font-display);font-size:.75rem;font-weight:600;padding:.35rem .75rem;border-radius:20px;background:linear-gradient(135deg,#c9a962,#d4af37);color:#fff;white-space:nowrap}.chat-container{flex:1;display:flex;flex-direction:column;max-width:720px;width:100%;margin:0 auto;padding:0}.chat-messages{flex:1;overflow-y:auto;padding:1.5rem 1rem;display:flex;flex-direction:column;gap:1rem}.chat-welcome{display:flex;flex-direction:column;gap:1.25rem}.chat-examples{display:flex;flex-wrap:wrap;gap:.5rem}.chat-example-btn{font-family:var(--font-display);font-size:.85rem;padding:.6rem 1rem;border:1px solid rgba(26,26,26,.15);border-radius:20px;background:#fff;color:var(--primary);cursor:pointer;transition:all .2s ease}.chat-example-btn:hover{border-color:#c9a962;color:#c9a962;background:#c9a9620a}.chat-bubble-user{align-self:flex-end;max-width:80%;padding:.85rem 1.15rem;border-radius:18px 18px 4px;background:var(--primary);color:#fff;font-family:var(--font-display);font-size:.9rem;line-height:1.5}.chat-bubble-user p,.chat-bubble-assistant p{margin:0;white-space:pre-wrap}.chat-bubble-assistant{align-self:flex-start;max-width:80%;padding:.85rem 1.15rem;border-radius:18px 18px 18px 4px;background:#fff;color:var(--charcoal);font-family:var(--font-display);font-size:.9rem;line-height:1.5;border:1px solid rgba(26,26,26,.06);box-shadow:0 1px 3px #0000000a}.chat-typing{display:flex;align-items:center;gap:4px;padding:1rem 1.25rem}.chat-typing span{width:7px;height:7px;border-radius:50%;background:#1a1a1a4d;animation:chatTyping 1.4s infinite ease-in-out}.chat-typing span:nth-child(2){animation-delay:.2s}.chat-typing span:nth-child(3){animation-delay:.4s}@keyframes chatTyping{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-6px);opacity:1}}.chat-input-bar{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-top:1px solid rgba(26,26,26,.08);background:var(--bg-light);position:sticky;bottom:0}.chat-input{flex:1;font-family:var(--font-display);font-size:.9rem;padding:.7rem 1rem;border:1px solid rgba(26,26,26,.12);border-radius:24px;background:#fff;color:var(--charcoal);outline:none;transition:border-color .2s ease}.chat-input:focus{border-color:#c9a962}.chat-input::placeholder{color:#1a1a1a59}.chat-send-btn{font-family:var(--font-display);font-size:.85rem;font-weight:600;padding:.7rem 1.25rem;border:none;border-radius:24px;background:var(--primary);color:#fff;cursor:pointer;transition:opacity .2s ease;white-space:nowrap}.chat-send-btn:hover{opacity:.85}.chat-send-btn:disabled{opacity:.4;cursor:not-allowed}.chat-no-tokens{flex-direction:column;align-items:center;gap:.75rem;padding:1.25rem 1rem}.chat-no-tokens-text{font-family:var(--font-display);font-size:.85rem;color:var(--primary-light);margin:0;text-align:center}.chat-buy-btn{padding:.65rem 2rem;font-size:.85rem;border-radius:24px}@media(max-width:768px){.chat-header{padding:.75rem 1rem}.chat-title{font-size:1.1rem}.chat-messages{padding:1rem .75rem}.chat-bubble-user,.chat-bubble-assistant{max-width:88%;font-size:.85rem}.chat-examples{flex-direction:column}.chat-example-btn{width:100%;text-align:left}}.chat-strip{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;max-width:1100px;margin:1.5rem auto 0;padding:1.75rem 2.25rem;background:var(--bg-light);border:1px solid rgba(26,26,26,.1);border-radius:16px;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1)}.chat-strip:hover{transform:translateY(-2px);border-color:#c9a96280;box-shadow:0 12px 32px #c9a9621f}.chat-strip:active{transform:scale(.99)}.chat-strip-title{font-family:var(--font-serif);font-size:1.35rem;font-weight:600;color:var(--primary);margin:0 0 .35rem}.chat-strip-desc{font-size:.92rem;color:var(--primary-light);margin:0;word-break:keep-all}.chat-strip-cta{font-family:var(--font-display);font-size:.85rem;font-weight:600;letter-spacing:.06em;color:#c9a962;white-space:nowrap}@media(max-width:600px){.chat-strip{flex-direction:column;align-items:flex-start;gap:.75rem;padding:1.5rem;margin:1.25rem 1rem 0}}.hero-section-v2{background:radial-gradient(ellipse 60% 50% at 18% 0%,rgba(201,169,98,.08),transparent 60%),radial-gradient(ellipse 50% 40% at 85% 12%,rgba(212,175,55,.05),transparent 55%),var(--bg-light)}.price-main,.price-compare,.upsell-price,.premium-cta-price,.referral-stat,.chat-token-badge{font-variant-numeric:tabular-nums}button:not(:disabled):active{transform:scale(.98)}.hero-cinema{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1.1rem;padding:3rem 1.5rem 3.25rem;position:relative;overflow:hidden;background:radial-gradient(ellipse 70% 55% at 50% 0%,rgba(201,169,98,.1),transparent 62%),radial-gradient(ellipse 55% 45% at 88% 95%,rgba(64,60,96,.35),transparent 60%),#101018;color:#f5f2e9}.hero-cinema-badge{font-family:var(--font-display);font-size:.72rem;font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:#c9a962;border:1px solid rgba(201,169,98,.35);padding:.5rem 1.15rem;border-radius:999px}.hero-cinema-headline{display:flex;flex-wrap:wrap;justify-content:center;gap:0 .32em;font-family:var(--font-display);font-weight:800;font-size:clamp(2.2rem,7.5vw,4.75rem);line-height:1.05;letter-spacing:-.02em;margin:0;max-width:920px;word-break:keep-all}.hero-word{display:inline-block;opacity:0;transform:translateY(.5em);animation:heroWordRise .7s var(--spring) forwards}.hero-word-accent{background:linear-gradient(135deg,#c9a962,#e8cd85);-webkit-background-clip:text;background-clip:text;color:transparent}@keyframes heroWordRise{to{opacity:1;transform:translateY(0)}}.hero-cinema-sub{color:#f5f2e9b8;font-size:1.02rem;line-height:1.65;max-width:560px;margin:0;opacity:0;animation:heroWordRise .8s var(--spring) .75s forwards}.hero-cinema .hero-ba-slider{box-shadow:0 24px 80px #0000008c,0 0 0 1px #c9a96247}.hero-scan{position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(to bottom,transparent 44%,rgba(232,205,133,.3) 50%,transparent 56%);background-size:100% 300%;animation:heroScan 5.5s ease-in-out infinite alternate;mix-blend-mode:screen}@keyframes heroScan{0%{background-position:0 0%}to{background-position:0 100%}}.hero-trust-dark span{color:#f5f2e99e}.hero-scroll-cue{position:absolute;bottom:1.4rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.45rem}.hero-scroll-line{width:1px;height:34px;background:linear-gradient(to bottom,#c9a962,transparent);transform-origin:top;animation:heroScrollPulse 1.8s ease-in-out infinite}.hero-scroll-text{font-size:.6rem;font-weight:600;letter-spacing:.3em;color:#f5f2e980}@keyframes heroScrollPulse{0%,to{transform:scaleY(.3);opacity:.4}50%{transform:scaleY(1);opacity:1}}@media(max-width:600px){.hero-cinema{padding:2.25rem 1.25rem 2.75rem}}:focus-visible{outline:2px solid #c9a962;outline-offset:3px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.hero-word,.hero-cinema-sub{opacity:1;transform:none}.hero-scan{display:none}}.spin-viewer-wrap{display:flex;flex-direction:column;align-items:center;gap:.75rem;max-width:1100px;margin:1.5rem auto 0}.spin-viewer{position:relative;width:min(420px,90vw);aspect-ratio:3 / 4;border-radius:16px;overflow:hidden;background:var(--bg-light);border:1px solid rgba(26,26,26,.1);box-shadow:var(--shadow-warm);cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}.spin-viewer:active{cursor:grabbing}.spin-frame{width:100%;height:100%;object-fit:cover;pointer-events:none}.spin-badge{position:absolute;top:.9rem;right:.9rem;font-family:var(--font-display);font-size:.72rem;font-weight:700;letter-spacing:.08em;color:#f5f2e9;background:#101018bf;border:1px solid rgba(201,169,98,.5);padding:.3rem .65rem;border-radius:999px;font-variant-numeric:tabular-nums}.spin-hint{font-size:.85rem;color:var(--primary-light);margin:0;word-break:keep-all}.daily-strip{border-left:3px solid #c9a962}.hero-cta-row{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap;justify-content:center}.hero-ghost-cta{padding:1.05rem 1.9rem;font-size:.95rem;font-weight:600;color:#f5f2e9d9;background:transparent;border:1px solid rgba(245,242,233,.3);border-radius:100px;cursor:pointer;transition:all .4s var(--spring);letter-spacing:.03em}.hero-ghost-cta:hover{border-color:#c9a962b3;color:#e8cd85}.hero-weather-pill{display:inline-flex;align-items:center;gap:.7rem;padding:.55rem 1.2rem;background:#f5f2e90f;border:1px solid rgba(245,242,233,.14);border-radius:999px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.88rem;word-break:keep-all}.hero-weather-temp{font-weight:700;color:#e8cd85;font-variant-numeric:tabular-nums;white-space:nowrap}.hero-weather-divider{width:1px;height:14px;background:#f5f2e940}.hero-weather-tip{color:#f5f2e9bf}.push-toggle-btn{margin-top:.9rem;padding:.6rem 1.4rem;font-size:.88rem;font-weight:600;color:var(--primary);background:transparent;border:1px solid rgba(201,169,98,.6);border-radius:100px;cursor:pointer;transition:all .3s var(--spring);letter-spacing:.02em}.push-toggle-btn:hover:not(:disabled){background:#c9a9621a}.push-toggle-btn.push-on{color:#14120c;background:linear-gradient(160deg,#e6cb84,#c9a962);border-color:transparent;cursor:default}.wardrobe-section{margin-top:2.5rem;padding:1.75rem;background:var(--white);border:1px solid rgba(26,26,26,.08);border-radius:16px;box-shadow:var(--shadow-warm)}.wardrobe-desc{font-size:.9rem;color:var(--primary-light);line-height:1.6;margin:.5rem 0 1.25rem;word-break:keep-all}.wardrobe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:.75rem}.wardrobe-item{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;border:1px solid rgba(26,26,26,.08)}.wardrobe-item img{width:100%;height:100%;object-fit:cover}.wardrobe-delete{position:absolute;top:4px;right:4px;width:22px;height:22px;border:none;border-radius:50%;background:#101018b3;color:#fff;font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.wardrobe-add{aspect-ratio:1;border:1.5px dashed rgba(201,169,98,.6);border-radius:12px;background:#c9a9620d;color:#8d7442;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .3s var(--spring);word-break:keep-all;padding:.5rem}.wardrobe-add:hover:not(:disabled){background:#c9a9621f}.wardrobe-add:disabled{opacity:.6;cursor:wait}.wardrobe-count{margin:.9rem 0 0;font-size:.8rem;color:var(--primary-light);font-variant-numeric:tabular-nums}.footer-business{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem .7rem;padding:0 1.5rem .75rem;font-size:.72rem;color:var(--primary-light);opacity:.75;word-break:keep-all}.footer-biz-divider{opacity:.4}.hero-value-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.hero-value-chip{display:inline-flex;align-items:center;gap:.45rem;padding:.42rem .95rem;font-size:.82rem;font-weight:600;color:#f5f2e9d9;background:#f5f2e90f;border:1px solid rgba(245,242,233,.14);border-radius:999px;word-break:keep-all;letter-spacing:.01em}.hero-value-chip:before{content:"";width:5px;height:5px;border-radius:50%;background:#c9a962}.hero-cinema .hero-ba-slider{max-width:min(340px,78vw)}.hero-cinema{--wx-sky-1: #1B1D24;--wx-sky-2: #14151C;--wx-sky-3: #101018;--wx-tint: #9BA3B4;--wx-glow: rgba(155, 163, 180, .12);--mx: 50%;--my: 30%}.hero-cinema[data-weather=clear-warm]{--wx-sky-1: #2B1F12;--wx-sky-2: #171310;--wx-sky-3: #100F14;--wx-tint: #E8B04B;--wx-glow: rgba(232, 176, 75, .16)}.hero-cinema[data-weather=clear-cold]{--wx-sky-1: #16202E;--wx-sky-2: #111420;--wx-sky-3: #0F1018;--wx-tint: #7FA8D9;--wx-glow: rgba(127, 168, 217, .14)}.hero-cinema[data-weather=rain]{--wx-sky-1: #131A22;--wx-sky-2: #0F141C;--wx-sky-3: #0D1016;--wx-tint: #6E8CA0;--wx-glow: rgba(110, 140, 160, .14)}.hero-cinema[data-weather=snow]{--wx-sky-1: #1A1E28;--wx-sky-2: #131722;--wx-sky-3: #10121A;--wx-tint: #C9D4E4;--wx-glow: rgba(201, 212, 228, .18)}.hero-cinema[data-weather=night]{--wx-sky-1: #0D1024;--wx-sky-2: #0D0E1C;--wx-sky-3: #0B0C14;--wx-tint: #8B93C9;--wx-glow: rgba(139, 147, 201, .16)}.hero-atmo-sky,.hero-atmo-active,.hero-atmo-glow,.hero-atmo-fx-a,.hero-atmo-fx-b{position:absolute;inset:0;pointer-events:none}.hero-atmo-sky{background:radial-gradient(ellipse 70% 55% at 50% 0%,rgba(155,163,180,.12),transparent 62%),linear-gradient(to bottom,#1b1d24,#14151c 55%,#101018)}.hero-atmo-active{background:radial-gradient(ellipse 70% 55% at 50% 0%,var(--wx-glow),transparent 62%),linear-gradient(to bottom,var(--wx-sky-1) 0%,var(--wx-sky-2) 55%,var(--wx-sky-3) 100%);opacity:0;transition:opacity 1.2s cubic-bezier(.45,0,.55,1)}.hero-atmo-active.on{opacity:1}@media(pointer:fine){.hero-atmo-glow{background:radial-gradient(600px circle at var(--mx) var(--my),var(--wx-glow),transparent 70%);opacity:.7}}.hero-cinema>*:not([aria-hidden]){position:relative;z-index:1}.hero-cinema{background:#101018}.hero-cinema[data-weather=rain] .hero-atmo-fx-a{background:repeating-linear-gradient(112deg,transparent 0 9px,rgba(110,140,160,.14) 9px 10px,transparent 10px 22px);background-size:100% 320px;animation:wxRainA .9s linear infinite;mix-blend-mode:screen}.hero-cinema[data-weather=rain] .hero-atmo-fx-b{background:repeating-linear-gradient(108deg,transparent 0 13px,rgba(110,140,160,.1) 13px 14px,transparent 14px 30px);background-size:100% 320px;animation:wxRainA 1.4s linear infinite;opacity:.5;mix-blend-mode:screen}@keyframes wxRainA{to{background-position:0 320px}}.hero-cinema[data-weather=snow] .hero-atmo-fx-a{background-image:radial-gradient(2px 2px at 12% 18%,rgba(201,212,228,.55),transparent 60%),radial-gradient(2px 2px at 38% 62%,rgba(201,212,228,.5),transparent 60%),radial-gradient(2px 2px at 61% 30%,rgba(201,212,228,.55),transparent 60%),radial-gradient(2px 2px at 82% 74%,rgba(201,212,228,.5),transparent 60%),radial-gradient(2px 2px at 27% 88%,rgba(201,212,228,.45),transparent 60%),radial-gradient(2px 2px at 92% 44%,rgba(201,212,228,.5),transparent 60%);background-size:380px 380px;animation:wxSnowA 11s linear infinite}.hero-cinema[data-weather=snow] .hero-atmo-fx-b{background-image:radial-gradient(1.5px 1.5px at 22% 34%,rgba(201,212,228,.4),transparent 60%),radial-gradient(1.5px 1.5px at 55% 78%,rgba(201,212,228,.35),transparent 60%),radial-gradient(1.5px 1.5px at 74% 12%,rgba(201,212,228,.4),transparent 60%),radial-gradient(1.5px 1.5px at 44% 52%,rgba(201,212,228,.35),transparent 60%);background-size:520px 520px;filter:blur(.6px);animation:wxSnowB 17s linear infinite}@keyframes wxSnowA{0%{background-position:0 0}to{background-position:30px 380px}}@keyframes wxSnowB{0%{background-position:0 0}to{background-position:-30px 520px}}.hero-cinema[data-weather=clear-warm] .hero-atmo-fx-a{background:conic-gradient(from 0deg at 50% -20%,transparent 0 40%,rgba(232,176,75,.07) 47%,transparent 54%,rgba(232,176,75,.05) 61%,transparent 68%);animation:wxRays 24s ease-in-out infinite alternate;transform-origin:50% -20%}.hero-cinema[data-weather=clear-warm] .hero-atmo-fx-b{background:radial-gradient(ellipse 60% 45% at 50% -10%,rgba(232,176,75,.12),transparent 70%);animation:wxBreathe 9s ease-in-out infinite}@keyframes wxRays{0%{transform:rotate(-4deg)}to{transform:rotate(4deg)}}@keyframes wxBreathe{0%,to{opacity:.7}50%{opacity:1}}.hero-cinema[data-weather=clear-cold] .hero-atmo-fx-a{background:radial-gradient(ellipse 50% 35% at 50% -5%,rgba(127,168,217,.14),transparent 70%),radial-gradient(1.5px 1.5px at 22% 28%,rgba(200,220,245,.6),transparent 60%),radial-gradient(1.5px 1.5px at 68% 16%,rgba(200,220,245,.5),transparent 60%),radial-gradient(1.5px 1.5px at 84% 52%,rgba(200,220,245,.55),transparent 60%),radial-gradient(1.5px 1.5px at 40% 64%,rgba(200,220,245,.45),transparent 60%);animation:wxTwinkle 4s ease-in-out infinite}@keyframes wxTwinkle{0%,to{opacity:.55}50%{opacity:1}}.hero-cinema[data-weather=clouds] .hero-atmo-fx-a{background:radial-gradient(ellipse 55% 30% at 30% 25%,rgba(155,163,180,.1),transparent 70%);animation:wxDriftA 60s ease-in-out infinite alternate}.hero-cinema[data-weather=clouds] .hero-atmo-fx-b{background:radial-gradient(ellipse 55% 30% at 75% 40%,rgba(155,163,180,.08),transparent 70%);animation:wxDriftB 90s ease-in-out infinite alternate}@keyframes wxDriftA{0%{transform:translate(-6%)}to{transform:translate(6%)}}@keyframes wxDriftB{0%{transform:translate(6%)}to{transform:translate(-6%)}}.hero-cinema[data-weather=night] .hero-atmo-fx-a{background-image:radial-gradient(180px circle at 82% 18%,rgba(139,147,201,.2),transparent 70%),radial-gradient(1.5px 1.5px at 15% 22%,rgba(220,225,250,.7),transparent 60%),radial-gradient(1px 1px at 34% 12%,rgba(220,225,250,.5),transparent 60%),radial-gradient(1.5px 1.5px at 52% 30%,rgba(220,225,250,.6),transparent 60%),radial-gradient(1px 1px at 68% 8%,rgba(220,225,250,.5),transparent 60%),radial-gradient(1.5px 1.5px at 90% 38%,rgba(220,225,250,.55),transparent 60%),radial-gradient(1px 1px at 8% 48%,rgba(220,225,250,.45),transparent 60%);animation:wxTwinkle 5s ease-in-out infinite}.hero-cinema .hero-ba-slider{box-shadow:0 24px 80px #0000008c,0 0 0 1px var(--wx-glow)}.hero-weather-spine{display:none}@media(min-width:900px){.hero-weather-spine{display:flex;flex-direction:column;align-items:center;gap:.9rem;position:absolute;left:2rem;top:3rem;writing-mode:vertical-rl;font-family:var(--font-display);font-size:.78rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:#f5f2e98c;font-variant-numeric:tabular-nums;animation:heroWordRise .8s var(--spring) .15s both}.hero-weather-spine:after{content:"";width:1px;height:90px;background:linear-gradient(to bottom,var(--wx-tint),transparent);opacity:.4}}.hero-eyebrow-slot{min-height:2.1rem;display:inline-flex;align-items:center;font-variant-numeric:tabular-nums}.hero-cinema[data-weather=clear-warm]+.path-section{background:linear-gradient(to bottom,#FBF8F0,var(--bg-light) 140px)}.hero-cinema[data-weather=clear-cold]+.path-section{background:linear-gradient(to bottom,#F7F9FB,var(--bg-light) 140px)}.hero-cinema[data-weather=clouds]+.path-section{background:linear-gradient(to bottom,#F8F8F7,var(--bg-light) 140px)}.hero-cinema[data-weather=rain]+.path-section{background:linear-gradient(to bottom,#F6F8F8,var(--bg-light) 140px)}.hero-cinema[data-weather=snow]+.path-section{background:linear-gradient(to bottom,#F8FAFB,var(--bg-light) 140px)}.hero-cinema[data-weather=night]+.path-section{background:linear-gradient(to bottom,#F7F7FB,var(--bg-light) 140px)}@media(prefers-reduced-motion:reduce){.hero-atmo-fx-a,.hero-atmo-fx-b{display:none}.hero-atmo-active{transition:none}}.input-weather-note{font-size:.85rem;color:#8d7442;margin:.4rem 0 0;word-break:keep-all}.lock-subtext{font-size:.75rem;color:#ffffffbf;margin:.3rem 0 0;word-break:keep-all}.free-trial-caption{margin:.6rem 0 0;font-size:.8rem;color:var(--primary-light);text-align:center;font-variant-numeric:tabular-nums;word-break:keep-all}.daily-bridge{border:1px solid rgba(201,169,98,.35);position:relative}.daily-bridge-eyebrow{display:block;font-family:var(--font-display);font-size:.68rem;font-weight:700;letter-spacing:.3em;color:#c9a962;margin-bottom:.6rem}.how-step-daily .how-step-num{background:linear-gradient(160deg,#e6cb84,#c9a962);color:#14120c;border-color:transparent}
