:root{font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color:#fff;background-color:#191121;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-color:#191121}#root{min-height:100vh}*{box-sizing:border-box;margin:0;padding:0}:root{--primary: #6B8374;--primary-text: #9BB3A5;--primary-light: rgba(107, 131, 116, .2);--primary-border: rgba(107, 131, 116, .1);--bg-dark: #2B2B2B;--bg-card: rgba(107, 131, 116, .05);--text-white: #ffffff;--text-gray: #a8b5c4;--text-light: #8a9aae;--border-light: rgba(107, 131, 116, .15)}body{font-family:Space Grotesk,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-dark);color:var(--text-white)}.material-icon{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.app{min-height:100vh;background-color:var(--bg-dark);color:var(--text-white);max-width:480px;margin:0 auto;position:relative}.app.light{--bg-dark: #F5F5F5;--bg-card: rgba(107, 131, 116, .08);--primary-text: #3D5A48;--text-white: #1F2937;--text-gray: #4B5563;--text-light: #56616E;--border-light: rgba(107, 131, 116, .25)}.app.light .main-header,.app.light .nav-header{background:#f5f5f5f2;border-bottom-color:#00000014}.app.light .bottom-nav{background:#f5f5f5f2;border-top-color:#00000014}.app.light .analyzing-container{background:linear-gradient(180deg,#f5f5f5,#e8e8e8)}.app.light .lang-dropdown{box-shadow:0 8px 32px #0000001f}.app.light .app-footer{background:#0000000d}.app.light .btn-primary:disabled{background:#d1d5db;color:#9ca3af}.app.light .slider-thumb{border-color:#fff;box-shadow:0 2px 8px #0003}.app.light .color-swatch{border-color:#0000001a;box-shadow:0 2px 8px #0000001a}.app.light .hairstyle-image{box-shadow:0 4px 20px #0000001a}.app.light .spinner{border-color:#00000026;border-top-color:var(--text-white)}.app.light .nav-action-btn:hover:not(:disabled) .material-icon{color:#fff}.app.light .report-content{background:#ffffffb3;border-color:#00000014}.app.light .feature-card{background:#fff9;border-color:#0000000f}.app.light .select-box{background:#fff9;border-color:#00000014}.app.light .upload-area{border-color:#6b83744d;background:#ffffff80}.app.light .email-input{background:#fffc;border-color:#0000001f}.app.light .shop-link{background:#6b83740f;border-color:#6b837433}.app.light .analyzing-steps .step{background:#ffffff80}.app.light .analyzing-steps .step.active{background:#6b83741a}.main-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 8px;position:sticky;top:0;background:#2b2b2be6;backdrop-filter:blur(12px);z-index:50;border-bottom:1px solid var(--border-light)}.header-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:flex-start;cursor:pointer}.header-icon .material-icon{font-size:28px;color:var(--primary-text)}.header-icon.profile-btn{justify-content:flex-end}.header-icon.profile-btn .material-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--primary-light);border-radius:50%;font-size:24px}.header-title{font-size:20px;font-weight:700;color:var(--text-white);letter-spacing:-.01em;flex:1;text-align:center}.main-content{padding-bottom:100px}.hero-section{padding:16px;display:flex;flex-direction:column;gap:24px}.hero-image{width:100%;aspect-ratio:4/5;background-image:url(/hero-model.webp);background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:12px;box-shadow:0 20px 40px #0000004d}@media(max-width:640px){.hero-image{background-image:url(/hero-model-mobile.webp)}}.hero-content{display:flex;flex-direction:column;gap:24px;text-align:center}.hero-title{font-size:32px;font-weight:900;line-height:1.1;letter-spacing:-.02em;color:var(--text-white)}.hero-subtitle{font-size:16px;font-weight:400;line-height:1.6;color:var(--text-gray)}.hero-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px;width:100%;max-width:500px}.hero-card{background:var(--bg-card);border-radius:16px;padding:20px 16px;text-align:center;cursor:pointer;border:1px solid var(--border-light);transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;align-items:center;gap:8px;position:relative}.hero-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.hero-card.featured{border-color:var(--primary)}.hero-card h3{font-size:16px;font-weight:700;color:var(--text-white);margin:0}.hero-card p{font-size:12px;color:var(--text-gray);margin:0;line-height:1.4}.hero-card-badge{position:absolute;top:-10px;background:var(--primary);color:#fff;font-size:11px;font-weight:700;padding:2px 10px;border-radius:10px}.hero-card-price{font-weight:700;color:var(--primary-text);font-size:18px}.hero-card .material-icon{font-size:32px;color:var(--primary-text)}.hero-card-features{list-style:none;padding:0;margin:4px 0 0;text-align:left;width:100%}.hero-card-features li{font-size:11px;color:var(--text-gray);padding:3px 0;line-height:1.4;display:flex;align-items:flex-start;gap:6px}.hero-card-features li:before{content:"✓";color:var(--primary-text);font-weight:700;font-size:11px;flex-shrink:0}.app.light .hero-card{background:#fff9;border-color:#0000000f}.app.light .hero-card.featured{border-color:var(--primary)}.hero-card.disabled{opacity:.6;pointer-events:none;border-color:var(--text-gray)}.hero-card.disabled .material-icon{color:#4caf50}.subscriber-tip{font-size:11px!important;color:var(--text-gray);margin-top:8px!important;padding-top:8px;border-top:1px solid rgba(255,255,255,.1);line-height:1.4}.app.light .subscriber-tip{border-top-color:#00000014}.btn-primary{width:100%;height:56px;padding:0 24px;background:var(--primary);color:#fff;border:none;border-radius:12px;font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 8px 24px #6b83744d;display:flex;align-items:center;justify-content:center;gap:8px}.btn-primary:hover{filter:brightness(1.1)}.btn-primary:active{transform:scale(.95)}.btn-primary:disabled{background:#4a4a4a;cursor:not-allowed;box-shadow:none}.btn-primary.loading{pointer-events:none}.promo-video-section{padding:0 16px 8px}.promo-video-container{position:relative;border-radius:12px;overflow:hidden;background:#1a1a1a}.promo-video-container video{display:block;width:100%;aspect-ratio:9/16;object-fit:cover}.promo-mute-btn{position:absolute;bottom:12px;right:12px;width:40px;height:40px;border-radius:50%;border:none;background:#00000080;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(4px)}.promo-mute-btn .material-icon{font-size:20px}.promo-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#fff3}.promo-progress-fill{height:100%;background:var(--primary);transition:width .25s linear}@media(min-width:641px){.promo-video-container video{aspect-ratio:16/9}}.features-section{padding:40px 16px;display:flex;flex-direction:column;gap:32px}.section-header{display:flex;flex-direction:column;gap:12px}.section-title{font-size:28px;font-weight:700;line-height:1.2;color:var(--text-white)}.section-subtitle{font-size:16px;font-weight:400;color:var(--text-gray)}.feature-cards{display:flex;flex-direction:column;gap:16px}.feature-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px}.feature-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--primary-light);border-radius:8px;flex-shrink:0}.feature-icon .material-icon{font-size:24px;color:var(--primary-text)}.feature-content{display:flex;flex-direction:column;gap:4px}.feature-title{font-size:18px;font-weight:700;color:var(--text-white)}.feature-description{font-size:14px;font-weight:400;color:var(--text-gray)}.comparison-section{padding:40px 16px;display:flex;flex-direction:column;gap:32px}.comparison-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.comparison-table{width:100%;border-collapse:collapse;font-size:13px;min-width:340px}.comparison-table thead th{padding:12px 8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--text-gray);border-bottom:2px solid var(--border-light);text-align:center}.comparison-table thead th:first-child{text-align:left}.comparison-table thead th.featured-col{color:var(--primary-text)}.comparison-table tbody td{padding:12px 8px;border-bottom:1px solid var(--border-light);color:var(--text-gray);text-align:center;vertical-align:middle;font-size:12px}.comparison-table tbody td:first-child{text-align:left;font-weight:600;color:var(--text-white);font-size:13px}.comparison-table tbody td.featured-col{background:#6b83740d}.compare-check{color:var(--primary-text);font-weight:700;font-size:16px}.compare-cross{color:var(--text-light);font-size:16px}.compare-price-row td{font-weight:700!important;color:var(--text-white)!important;padding-top:16px!important;border-bottom:none!important}.compare-price-row td.featured-col{color:var(--primary-text)!important}.trending-section{padding:16px;display:flex;flex-direction:column;gap:16px}.trending-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.trending-card{aspect-ratio:3/4;border-radius:16px;display:flex;flex-direction:column;justify-content:flex-end;padding:16px;background-size:cover;background-position:top center;background-repeat:no-repeat;box-shadow:0 4px 12px #0003;overflow:hidden;position:relative}.trending-card.modern-minimalist{background-image:linear-gradient(0deg,#00000080,#0000 30%),url(https://lh3.googleusercontent.com/aida-public/AB6AXuAbsIwEcFe9Jvy9-N2_U2WommlTY0sLPgTYOUV94GwQacbdGCzvuZJ_eqVshLbqBcHAQgKEBRAWTtOnQJWK9MwxTn_6np7owWMxxj-CaLfei8O-lspvlmHOD09NBf8ncJ1KLJLpqiYTYpx1qMeHHVtbYdvDReFUO06RatIbiT-2k5E_-EL_sQb_Vq8qGDsAFB5bwWP--r07F5otG3hNv_-iw3zTTerFaPkEI_kP8sYyEyL7qTUthGLBdpSXXk-QECKuVZyOnTTBaSU)}.trending-card.redefine-elegance{background-image:linear-gradient(0deg,#00000080,#0000 30%),url(https://lh3.googleusercontent.com/aida-public/AB6AXuACUxDzLPw0gjH8DsA--Kq8eNl-l1WCvNGxWhATFQcJ0_VUEwRVnEUn3PVC1y7iC2XbWRmMdIxeO869v7YpLMcc7mon0CjDIaU5yZVNB8zJjsAu8_X3ALXG7guNxya_0nSv3KIpPywY3DsixN7BDmO3_CZ0TOr3b7VSjKx8LcTvuSv222UWmonB8hkbOI2vm7iK99WUTNvhpxY6XQqOFfjXu10azZCiLwTmpnbD83K0MajiBfjdW07npFPIg-60LYwjbiLiPRTAO-U)}.trending-label{font-size:15px;font-weight:700;color:#fff;position:relative;z-index:1;text-shadow:0 1px 4px rgba(0,0,0,.5)}.cta-section{padding:48px 16px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px;margin-bottom:40px}.cta-title{font-size:28px;font-weight:700;line-height:1.2;color:var(--text-white)}.cta-description{font-size:16px;font-weight:400;color:var(--text-gray)}.before-after-section{padding:40px 16px;display:flex;flex-direction:column;gap:24px}.ba-cards{display:flex;align-items:center;justify-content:center;gap:12px}.ba-card{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:24px 16px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px}.ba-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--primary-light);border-radius:50%}.ba-icon .material-icon{font-size:24px;color:var(--primary-text)}.ba-before .ba-icon{background:#ef444426}.ba-before .ba-icon .material-icon{color:#ef4444}.ba-after .ba-icon{background:#22c55e26}.ba-after .ba-icon .material-icon{color:#22c55e}.ba-text{font-size:14px;font-weight:500;color:var(--text-white);line-height:1.4}.ba-arrow{flex-shrink:0;display:flex;align-items:center}.ba-arrow .material-icon{font-size:28px;color:var(--primary-text)}.social-proof-section{padding:40px 16px;display:flex;flex-direction:column;gap:24px}.testimonial-cards{display:flex;flex-direction:column;gap:16px}.testimonial-card{padding:20px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;display:flex;flex-direction:column;gap:8px}.star-rating{font-size:16px;color:#f59e0b;letter-spacing:2px}.testimonial-text{font-size:14px;font-weight:400;color:var(--text-gray);line-height:1.5;font-style:italic}.testimonial-name{font-size:13px;font-weight:600;color:var(--text-white);margin-top:4px}.cta-usage-info{font-size:13px;color:var(--text-light);text-align:center;line-height:1.5;margin-top:-8px;width:100%;align-self:center}.bottom-cta-section{padding:48px 16px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.modal-content{background:var(--bg-dark);border:1px solid var(--border-light);border-radius:16px;padding:28px 24px;max-width:400px;width:100%;display:flex;flex-direction:column;gap:16px}.modal-header{display:flex;align-items:center;gap:10px}.modal-warning-icon{font-size:28px;color:#ef4444}.modal-header h3{font-size:20px;font-weight:700;color:var(--text-white)}.modal-body{font-size:14px;color:var(--text-gray);line-height:1.5}.modal-loss-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:8px}.modal-loss-list li{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-white)}.modal-loss-list li .material-icon{font-size:18px;color:#ef4444;flex-shrink:0}.modal-sub-warning{display:flex;align-items:flex-start;gap:10px;padding:12px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:8px}.modal-sub-warning .material-icon{font-size:20px;color:#f59e0b;flex-shrink:0;margin-top:1px}.modal-sub-warning p{font-size:13px;color:#f59e0b;line-height:1.4}.modal-actions{display:flex;flex-direction:column;gap:12px;margin-top:4px}.modal-cancel-btn{background:none;border:none;color:var(--text-gray);font-size:14px;font-family:inherit;cursor:pointer;padding:8px;text-align:center;transition:color .2s}.modal-cancel-btn:hover{color:var(--text-white)}.app-footer{padding:32px 16px 100px;border-top:1px solid var(--border-light);background:#0003}.footer-content{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.footer-brand{font-size:18px;font-weight:600;color:var(--primary-text)}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px}.footer-links button{background:none;border:none;color:var(--text-gray);font-size:14px;cursor:pointer;padding:4px 8px;transition:color .2s;font-family:inherit}.footer-links button:hover{color:var(--primary-text)}.footer-copyright,.footer-payment{font-size:12px;color:var(--text-gray)}.footer-payment a{color:var(--primary-text);text-decoration:none}.footer-payment a:hover{text-decoration:underline}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:auto;padding:16px 16px 32px;background:#2b2b2be6;backdrop-filter:blur(12px);border-top:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-around;z-index:50}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--text-gray);cursor:pointer;transition:color .2s}.nav-item.active{color:var(--primary-text)}.nav-item .material-icon{font-size:24px}.nav-item-label{font-size:10px;font-weight:700}.nav-header{display:flex;align-items:center;padding:16px;position:sticky;top:0;background:#2b2b2be6;backdrop-filter:blur(12px);z-index:50;border-bottom:1px solid var(--border-light)}.nav-back{width:48px;height:48px;display:flex;align-items:center;justify-content:flex-start;background:transparent;border:none;color:var(--primary-text);cursor:pointer}.nav-title{flex:1;text-align:center;font-size:18px;font-weight:700;color:var(--text-white);padding-right:48px}.nav-header:has(.nav-home) .nav-title,.nav-header:has(.nav-header-controls) .nav-title{padding-right:0}.nav-home{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--primary-text);cursor:pointer}.nav-home .material-icon{font-size:24px}.nav-header-controls{display:flex;align-items:center;gap:2px;position:relative}.nav-header-controls .nav-ctrl-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:50%;cursor:pointer;padding:0;transition:background .2s}.nav-header-controls .nav-ctrl-btn:hover{background:var(--primary-light)}.nav-header-controls .nav-ctrl-btn .material-icon{font-size:20px;color:var(--primary-text)}.nav-header-controls .nav-lang-wrap{position:relative}.nav-header-controls .nav-lang-dropdown{position:absolute;top:40px;right:0;background:var(--bg-dark);border:1px solid var(--border-light);border-radius:12px;padding:4px;min-width:140px;box-shadow:0 8px 32px #0000004d;z-index:100}.app.light .nav-header-controls .nav-lang-dropdown{box-shadow:0 8px 32px #0000001f}.profile-container{max-width:480px;margin:0 auto;padding-bottom:120px}.profile-section{display:flex;flex-direction:column;align-items:center;padding:24px;gap:16px}.avatar-wrapper{position:relative}.avatar{width:128px;height:128px;border-radius:50%;background-color:var(--primary-light);background-size:cover;background-position:center;border:2px solid var(--primary);display:flex;align-items:center;justify-content:center}.avatar-placeholder{font-size:48px;color:var(--primary-text);opacity:.5}.avatar-edit{position:absolute;bottom:0;right:0;width:36px;height:36px;background:var(--primary);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #6b837466}.avatar-edit .material-icon{font-size:16px;color:#fff}.profile-title{font-size:24px;font-weight:700;color:var(--text-white);text-align:center}.profile-subtitle{font-size:14px;color:var(--text-gray);text-align:center}.section-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-gray);padding:16px 24px 8px}.upload-section{padding:16px}.upload-area{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 24px;border:2px dashed var(--primary);border-radius:16px;background:var(--bg-card);cursor:pointer;transition:all .2s}.upload-area:hover{background:#6b83741a}.upload-area.dragging{background:#6b837426;border-color:var(--primary)}.upload-area.has-photo{padding:0;border:none;background:transparent}.uploaded-image{width:100%;max-height:400px;object-fit:contain;border-radius:16px;background:#0003}.upload-icon-wrapper{width:64px;height:64px;background:var(--primary-light);border-radius:50%;display:flex;align-items:center;justify-content:center}.upload-icon{font-size:28px;color:var(--primary-text)}.upload-title{font-size:18px;font-weight:700;color:var(--text-white)}.upload-desc{font-size:14px;color:var(--text-gray);text-align:center;max-width:280px}.btn-select{min-width:160px;padding:12px 24px;background:var(--primary);color:#fff;border:none;border-radius:9999px;font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #6b83744d}.btn-select:active{transform:scale(.95)}.hidden-input{display:none}.measurements-section{padding:16px 24px;display:flex;flex-direction:column;gap:32px}.slider-group{display:flex;flex-direction:column;gap:16px}.slider-header{display:flex;justify-content:space-between;align-items:center}.slider-label{font-size:14px;font-weight:600;color:var(--text-gray)}.slider-value{font-size:18px;font-weight:700;color:var(--text-white)}.slider-unit{font-size:14px;font-weight:400;color:var(--text-gray);margin-left:4px}.slider-alt{font-size:13px;font-weight:400;color:var(--text-gray);margin-left:6px}.slider-wrapper{position:relative;height:24px;display:flex;align-items:center}.slider-track{position:absolute;width:100%;height:4px;background:var(--border-light);border-radius:9999px}.slider-fill{position:absolute;height:4px;background:var(--primary);border-radius:9999px}.slider-thumb{position:absolute;width:24px;height:24px;background:var(--primary);border:2px solid white;border-radius:50%;box-shadow:0 2px 8px #6b837466;transform:translate(-50%);pointer-events:none}.slider-input{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer;z-index:10}.slider-ticks{display:flex;justify-content:space-between;padding:0 4px}.slider-ticks>span{display:flex;flex-direction:column;align-items:center;gap:1px}.tick-primary{font-size:10px;font-weight:500;color:var(--text-gray)}.tick-alt{font-size:9px;font-weight:400;color:var(--text-light)}.select-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.select-box{position:relative;background:var(--bg-card);padding:16px;border-radius:12px;border:1px solid var(--border-light);cursor:pointer;transition:all .2s}.select-box:active{border-color:var(--primary)}.select-label{display:block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-gray);margin-bottom:4px}.select-value{display:flex;align-items:center;justify-content:space-between}.select-value span{font-weight:700;color:var(--text-white)}.select-value .material-icon{font-size:18px;color:var(--text-gray)}.skin-tone-indicator{display:flex;align-items:center;gap:8px}.skin-dot{width:12px;height:12px;border-radius:50%;box-shadow:0 1px 3px #0000004d}.skin-dot.warm{background-color:#e8c2a0}.skin-dot.cool{background-color:#d4a5a5}.skin-dot.neutral{background-color:#c9b99a}.select-hidden{position:absolute;inset:0;opacity:0;cursor:pointer}.action-section{padding:48px 24px 24px}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.email-label{display:block;font-size:12px;color:var(--text-gray);margin-bottom:6px}.email-input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--border-light);background:var(--bg-card);color:var(--text-white);font-size:14px;outline:none;box-sizing:border-box;font-family:inherit}.email-input::placeholder{color:var(--text-gray);opacity:.6}.consent-label{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--text-gray);cursor:pointer;line-height:1.5}.consent-checkbox{flex-shrink:0;width:16px;height:16px}.consent-section{border-radius:10px;transition:background .3s ease,outline .3s ease}.highlight-common,.consent-highlight{outline:2px solid var(--primary);animation:field-pulse 1.5s ease}.dark .consent-highlight{background:#4a90d933}.light .consent-highlight{background:#4a90d91f}.consent-highlight .consent-label{color:var(--text-white)}.email-section{border-radius:10px;padding:0 0 16px;transition:background .3s ease,outline .3s ease}.consent-section{padding:4px 0 16px}.email-highlight{outline:2px solid var(--primary);animation:field-pulse 1.5s ease}.dark .email-highlight{background:#4a90d933}.light .email-highlight{background:#4a90d91f}.email-highlight .email-label{color:var(--text-white)}.email-highlight .email-input{border-color:var(--primary)}.email-warning{font-size:11px;color:var(--text-secondary);margin:6px 0 0;line-height:1.4}@keyframes field-pulse{0%{opacity:.5}30%{opacity:1}70%{opacity:1}to{opacity:.5}}.city-field{margin-top:24px}.city-input{width:100%;padding:14px 16px;border-radius:12px;border:1px solid var(--border-light);background:var(--bg-card);color:var(--text-white);font-size:16px;font-family:inherit;outline:none;box-sizing:border-box;transition:border-color .2s;margin-top:8px}.city-input:focus{border-color:var(--primary)}.city-input::placeholder{color:var(--text-gray);opacity:.6}.city-helper{font-size:12px;color:var(--text-gray);margin:8px 0 0}.btn-subscription{width:100%;height:56px;padding:0 24px;background:transparent;color:var(--text-white);border:2px solid var(--primary);border-radius:28px;font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px}.btn-subscription:hover{background:var(--primary-light)}.btn-subscription:active{transform:scale(.95)}.free-trial-desc{text-align:center;font-size:13px;color:var(--text-gray);margin-top:12px;line-height:1.5}.btn-wrapper{width:100%}.privacy-note{text-align:center;font-size:11px;color:var(--text-gray);margin-top:16px;padding:0 32px;line-height:1.5}.legal-links{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:12px}.legal-links button{background:none;border:none;color:var(--text-light);font-size:12px;cursor:pointer;padding:2px 4px;transition:color .2s;font-family:inherit}.legal-links button:hover{color:var(--primary-text)}.legal-links span{color:var(--text-light);font-size:10px}.error-message{color:#ef4444;font-size:14px;text-align:center;padding:0 24px}.email-sent-bar{display:flex;align-items:center;justify-content:center;gap:8px;background:#16a34a;color:#fff;font-size:14px;font-weight:600;padding:12px 16px;margin:8px auto 0;max-width:600px;border-radius:10px}.email-sent-bar .material-icon{font-size:18px}.report-container{padding:24px 24px 120px;max-width:600px;margin:0 auto}.report-content{background:var(--bg-card);border:1px solid var(--border-light);border-radius:16px;padding:24px;margin-bottom:24px;line-height:1.8}.report-content p{margin:0 0 12px;color:var(--text-gray);font-size:15px}.report-content p:last-child{margin-bottom:0}.report-content p:empty{display:none}.report-heading{font-weight:900!important;color:var(--text-white)!important;font-size:17px!important;margin-top:20px!important}.report-content p.report-heading:first-child{margin-top:0!important}.report-divider{border:none;border-top:1px solid var(--border-light);margin:16px 0}.hairstyle-section{margin-bottom:24px}.hairstyle-image-container{display:flex;justify-content:center;margin-top:12px}.hairstyle-image{max-width:100%;border-radius:16px;box-shadow:0 4px 20px #0000004d}.analyzing-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(180deg,var(--bg-dark) 0%,#1a1a1a 100%)}.analyzing-content{text-align:center;max-width:320px}.analyzing-icon{width:120px;height:120px;margin:0 auto 32px;background:var(--primary-light);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}.analyzing-icon:before{content:"";position:absolute;width:140px;height:140px;border-radius:50%;border:2px solid transparent;border-top-color:var(--primary);animation:spin 1.5s linear infinite}.analyzing-spinner{font-size:56px;color:var(--primary-text);animation:pulse 2s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.95)}}.analyzing-title{font-size:28px;font-weight:700;color:var(--text-white);margin-bottom:12px}.analyzing-subtitle{font-size:15px;color:var(--text-gray);line-height:1.6;margin-bottom:32px}.analyzing-progress{margin-bottom:32px}.progress-bar{height:4px;background:#6b837433;border-radius:2px;overflow:hidden}.progress-fill{height:100%;width:60%;background:linear-gradient(90deg,var(--primary),#8FAF99);border-radius:2px;animation:progress 2s ease-in-out infinite}@keyframes progress{0%{width:0%}50%{width:80%}to{width:100%}}.analyzing-steps{display:flex;flex-direction:column;gap:12px;text-align:left}.analyzing-steps .step{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#6b83740d;border-radius:12px;border:1px solid var(--border-light);color:var(--text-gray);font-size:14px;transition:all .3s ease}.analyzing-steps .step.active{background:#6b837426;border-color:var(--primary);color:var(--text-white)}.analyzing-steps .step .material-icon{font-size:20px;color:var(--primary-text)}.analyzing-error{margin-top:24px;padding-top:24px;border-top:1px solid var(--border-light)}.analyzing-error .error-message{margin-bottom:16px}.analyzing-error .btn-primary{width:100%}.analyzing-error .btn-secondary{width:100%;margin-top:8px}.nav-actions{display:flex;gap:8px}.nav-action-btn{width:40px;height:40px;border:none;background:var(--primary-light);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.nav-action-btn:hover:not(:disabled){background:var(--primary)}.nav-action-btn:disabled{opacity:.5;cursor:not-allowed}.nav-action-btn .material-icon{font-size:20px;color:var(--primary-text)}.nav-action-btn:hover:not(:disabled) .material-icon{color:#fff}.report-header-capture{text-align:center;padding:24px 16px;border-bottom:1px solid var(--border-light);margin-bottom:20px}.report-capture-title{font-size:22px;font-weight:900;color:var(--primary-text);margin-bottom:4px}.report-capture-subtitle{font-size:12px;color:var(--text-gray)}.report-footer-capture{text-align:center;padding:20px 16px;margin-top:24px;border-top:1px solid var(--border-light)}.report-footer-capture p{font-size:11px;color:var(--text-gray)}.report-actions{display:flex;gap:12px;padding:0 16px;margin-bottom:16px}.btn-secondary{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;background:transparent;border:1px solid var(--primary);border-radius:12px;color:var(--text-white);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-secondary:hover:not(:disabled){background:var(--primary-light)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary .material-icon{font-size:20px}.btn-secondary .spinner{width:18px;height:18px;border:2px solid var(--primary-light);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}.btn-primary.disabled-state{background:var(--text-light);opacity:.6}.price-note{text-align:center;font-size:13px;color:var(--primary-text);margin-top:12px;margin-bottom:8px;font-weight:500}.color-palette{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:12px 0 16px}.color-swatch-wrapper{display:flex;flex-direction:column;align-items:center;gap:6px}.color-swatch{width:48px;height:48px;border-radius:50%;border:2px solid rgba(255,255,255,.15);box-shadow:0 2px 8px #0000004d;flex-shrink:0}.color-swatch-label{font-size:11px;color:var(--text-gray);text-align:center;max-width:60px;line-height:1.3;word-break:keep-all}.shop-links{display:flex;flex-direction:column;gap:8px;margin:8px 0 12px}.shop-link{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#6b837414;border:1px solid rgba(107,131,116,.2);border-radius:12px;color:var(--primary-text);text-decoration:none;font-size:14px;font-weight:600;transition:all .2s ease}.shop-link:hover{background:#6b837426;border-color:var(--primary)}.shop-link .material-icon{font-size:20px;color:var(--primary-text);flex-shrink:0}.shop-link .material-icon:last-child{font-size:16px;margin-left:auto;opacity:.6}.shop-link-text{flex:1}.theme-toggle{width:48px;height:48px;display:flex;align-items:center;justify-content:flex-start;background:none;border:none;cursor:pointer;padding:0}.theme-toggle .material-icon{font-size:28px;color:var(--primary-text)}.lang-selector{position:relative}.lang-btn{width:48px;height:48px;display:flex;align-items:center;justify-content:flex-end;background:none;border:none;cursor:pointer;padding:0}.lang-btn .material-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--primary-light);border-radius:50%;font-size:24px;color:var(--primary-text)}.lang-dropdown{position:absolute;top:52px;right:0;background:var(--bg-dark);border:1px solid var(--border-light);border-radius:12px;padding:8px 0;min-width:160px;box-shadow:0 8px 32px #0000004d;z-index:100}.lang-option{width:100%;padding:10px 16px;background:none;border:none;color:var(--text-gray);font-size:14px;font-family:inherit;cursor:pointer;text-align:left;transition:all .15s}.lang-option:hover{background:var(--primary-light);color:var(--text-white)}.lang-option.active{color:var(--primary-text);font-weight:700}@media(min-width:768px){.app{max-width:100%}.main-header{padding:16px 40px}.hero-section{flex-direction:row;align-items:center;padding:48px 40px;gap:48px;max-width:1200px;margin:0 auto}.hero-image{width:50%;max-width:500px;flex-shrink:0;aspect-ratio:3/4}.hero-content{flex:1;text-align:left;align-items:flex-start}.hero-title{font-size:40px}.hero-subtitle{font-size:18px}.hero-content .btn-primary{width:auto;padding:0 40px}.promo-video-section{padding:0 40px 16px;max-width:1200px;margin:0 auto}.features-section{padding:48px 40px;max-width:1200px;margin:0 auto}.feature-cards{flex-direction:row;gap:20px}.feature-card{flex:1;flex-direction:column;text-align:center;padding:28px 20px}.comparison-section{padding:48px 40px;max-width:1200px;margin:0 auto}.comparison-table{font-size:14px}.comparison-table tbody td{font-size:13px}.before-after-section,.social-proof-section{padding:48px 40px;max-width:1200px;margin:0 auto}.testimonial-cards{flex-direction:row;gap:20px}.testimonial-card{flex:1}.bottom-cta-section{padding:64px 40px;max-width:800px;margin:0 auto}.trending-section{padding:40px;max-width:1200px;margin:0 auto}.trending-grid{grid-template-columns:1fr 1fr;gap:20px}.trending-card{aspect-ratio:3/4}.cta-section{padding:64px 40px;max-width:800px;margin:0 auto}.cta-section .btn-primary{width:auto;padding:0 48px}.app-footer{padding:40px}.footer-links{gap:8px 24px}.bottom-nav{display:none}.main-content{padding-bottom:0}.profile-container{max-width:640px}.report-container{max-width:700px;padding-bottom:40px}.email-sent-bar{max-width:700px}.nav-header{padding:16px 40px}.report-actions{max-width:700px;margin:0 auto;position:static;padding:24px 40px 40px}}@media(min-width:1024px){.main-header{padding:16px 80px}.hero-section{padding:64px 80px;gap:64px}.hero-title{font-size:48px}.hero-subtitle{font-size:20px}.features-section{padding:64px 80px}.section-title{font-size:32px}.feature-card{padding:32px 24px}.feature-icon{width:56px;height:56px}.feature-icon .material-icon{font-size:28px}.feature-title{font-size:20px}.comparison-section{padding:64px 80px}.comparison-table{font-size:15px}.comparison-table tbody td{font-size:14px}.before-after-section{padding:64px 80px}.ba-card{padding:32px 24px}.ba-text{font-size:16px}.social-proof-section{padding:64px 80px}.testimonial-card{padding:24px}.bottom-cta-section{padding:80px 40px}.trending-section{padding:48px 80px}.cta-section{padding:80px 40px}.cta-title{font-size:36px}.app-footer{padding:48px 80px}.nav-header{padding:16px 80px}.report-container,.email-sent-bar{max-width:800px}.profile-container{max-width:700px}}@media(min-width:1440px){.hero-section{max-width:1400px;padding:80px 120px}.hero-title{font-size:56px}.hero-image{max-width:560px}.features-section,.comparison-section{max-width:1400px;padding:80px 120px}.trending-section{max-width:1400px;padding:48px 120px}}.header-right{display:flex;align-items:center;gap:4px}.auth-header-btn{height:36px;display:flex;align-items:center;justify-content:center;background:var(--primary-light);border:1px solid var(--primary-border);border-radius:18px;cursor:pointer;padding:0 14px;transition:all .2s}.auth-header-btn:hover{background:var(--primary)}.auth-header-btn:hover .auth-header-text,.auth-header-btn:hover .auth-header-email{color:#fff}.auth-header-text{font-size:13px;font-weight:600;color:var(--primary-text);font-family:Space Grotesk,sans-serif;white-space:nowrap}.auth-header-email{font-size:12px;font-weight:600;color:var(--primary-text);font-family:Space Grotesk,sans-serif;white-space:nowrap;max-width:140px;overflow:hidden;text-overflow:ellipsis}.auth-container{padding:24px 16px 120px;max-width:480px;margin:0 auto}.auth-card{display:flex;flex-direction:column;gap:24px}.auth-header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 0}.auth-icon{font-size:48px;color:var(--primary-text);margin-bottom:8px}.auth-title{font-size:24px;font-weight:700;color:var(--text-white)}.auth-subtitle{font-size:14px;color:var(--text-gray)}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-label{font-size:12px;font-weight:600;color:var(--text-gray);text-transform:uppercase;letter-spacing:.05em}.auth-input{width:100%;padding:14px 16px;border-radius:12px;border:1px solid var(--border-light);background:var(--bg-card);color:var(--text-white);font-size:16px;outline:none;font-family:inherit;transition:border-color .2s;box-sizing:border-box}.auth-input:focus{border-color:var(--primary)}.auth-input::placeholder{color:var(--text-gray);opacity:.6}.auth-error{color:#ef4444;font-size:13px;text-align:center}.auth-divider{display:flex;align-items:center;gap:16px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border-light)}.auth-divider span{font-size:12px;color:var(--text-gray);white-space:nowrap}.social-buttons{display:flex;flex-direction:column;gap:12px}.btn-social{width:100%;height:48px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:12px;border:1px solid var(--border-light);background:var(--bg-card);color:var(--text-white);font-size:15px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s}.btn-social:hover{background:var(--primary-light);border-color:var(--primary)}.btn-social:active{transform:scale(.98)}.auth-note{text-align:center;font-size:12px;color:var(--text-light);padding:0 16px;line-height:1.5}.forgot-password-link{display:flex;justify-content:flex-end;margin-top:-8px}.forgot-password-link button{background:none;border:none;color:var(--primary-text);font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;padding:0}.forgot-password-link button:hover{text-decoration:underline}.auth-switch{display:flex;align-items:center;justify-content:center;gap:6px;font-size:14px;color:var(--text-gray)}.auth-switch button{background:none;border:none;color:var(--primary-text);font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;padding:0}.auth-switch button:hover{text-decoration:underline}.auth-success{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px 0;text-align:center}.auth-success-icon{font-size:64px;color:#16a34a}.auth-success h3{font-size:20px;font-weight:700;color:var(--text-white)}.auth-success p{font-size:14px;color:var(--text-gray);line-height:1.6}.history-container{padding:0 0 120px;max-width:480px;margin:0 auto}.history-user-info{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-light)}.history-user-details{display:flex;align-items:center;gap:12px}.history-user-avatar{font-size:40px;color:var(--primary-text)}.history-user-email{font-size:14px;font-weight:600;color:var(--text-white)}.history-user-sub{font-size:11px;color:var(--text-gray);margin-top:2px}.btn-signout{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;border:1px solid var(--border-light);background:transparent;color:var(--text-gray);font-size:13px;font-family:inherit;cursor:pointer;transition:all .2s}.btn-signout:hover{border-color:#ef4444;color:#ef4444}.btn-signout .material-icon{font-size:18px}.history-loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;color:var(--text-gray)}.history-empty{display:flex;flex-direction:column;align-items:center;gap:16px;padding:48px 24px;text-align:center}.history-empty-icon{font-size:64px;color:var(--text-light);opacity:.5}.history-empty p{font-size:15px;color:var(--text-gray)}.history-list{display:flex;flex-direction:column;gap:12px;padding:16px}.history-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;padding:16px;cursor:pointer;transition:all .2s}.history-card:hover,.history-card.expanded{border-color:var(--primary)}.history-card-header{display:flex;align-items:center;justify-content:space-between}.history-card-info{display:flex;flex-direction:column;gap:2px}.history-card-date{font-size:14px;font-weight:600;color:var(--text-white)}.history-card-body{font-size:12px;color:var(--text-gray)}.history-card-arrow{color:var(--text-gray);font-size:20px}.history-card-preview{font-size:13px;color:var(--text-gray);margin-top:8px;line-height:1.5}.history-card-detail{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-light)}.history-report-content{line-height:1.7}.history-report-content p{margin:0 0 8px;color:var(--text-gray);font-size:14px}.history-report-content .report-heading{font-weight:700;color:var(--text-white);font-size:15px;margin-top:16px}.history-hairstyle{margin-top:16px}.history-hairstyle img{max-width:100%;border-radius:12px}.mypage-container{padding:0 0 120px;max-width:480px;margin:0 auto}.mypage-section{padding:16px 24px}.mypage-info-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;padding:8px 0}.mypage-info-row{display:flex;align-items:center;gap:14px;padding:14px 20px}.mypage-info-row .material-icon{font-size:22px;color:var(--primary-text);flex-shrink:0}.mypage-info-label{font-size:11px;font-weight:600;color:var(--text-gray);text-transform:uppercase;letter-spacing:.05em}.mypage-info-value{font-size:14px;font-weight:600;color:var(--text-white);margin-top:2px}.mypage-link-card{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;cursor:pointer;transition:all .2s;color:var(--text-white);font-size:15px;font-weight:600}.mypage-link-card:hover{border-color:var(--primary)}.mypage-link-card .material-icon{font-size:22px;color:var(--primary-text)}.mypage-link-arrow{margin-left:auto;color:var(--text-gray)!important}.mypage-success{color:#16a34a;font-size:13px;text-align:center;font-weight:600}.mypage-danger{background:#ef44440d;border:1px solid rgba(239,68,68,.2);border-radius:12px;padding:20px}.mypage-danger-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.mypage-danger-header .material-icon{font-size:22px;color:#ef4444}.mypage-danger-header h4{font-size:16px;font-weight:700;color:#ef4444}.mypage-danger-text{font-size:13px;color:var(--text-gray);line-height:1.6;margin-bottom:16px}.mypage-delete-input{border-color:#ef44444d!important}.mypage-delete-input:focus{border-color:#ef4444!important}.mypage-delete-btn{width:100%;height:48px;display:flex;align-items:center;justify-content:center;gap:8px;background:#ef4444;color:#fff;border:none;border-radius:12px;font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s;margin-top:12px}.mypage-delete-btn:hover:not(:disabled){background:#dc2626}.mypage-delete-btn:disabled{opacity:.4;cursor:not-allowed}.mypage-delete-btn .spinner{border-color:#ffffff4d;border-top-color:#fff}.app.light .mypage-info-card,.app.light .mypage-link-card{background:#fff9;border-color:#0000000f}.app.light .mypage-danger{background:#ef44440a;border-color:#ef444426}@media(min-width:768px){.mypage-container{max-width:640px;padding-bottom:40px}}.app.light .auth-input{background:#fffc;border-color:#0000001f}.app.light .btn-social{background:#fff9;border-color:#00000014}.app.light .history-card{background:#fff9;border-color:#0000000f}@media(min-width:768px){.auth-container{max-width:440px;padding-bottom:40px}.history-container{max-width:640px;padding-bottom:40px}}.sub-container{padding:0 24px 120px;max-width:480px;margin:0 auto}.sub-loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;color:var(--text-gray)}.sub-hero{text-align:center;padding:32px 0 24px}.sub-hero-icon{width:80px;height:80px;margin:0 auto 20px;background:var(--primary-light);border-radius:50%;display:flex;align-items:center;justify-content:center}.sub-hero-icon .material-icon{font-size:40px;color:var(--primary-text)}.sub-hero-title{font-size:24px;font-weight:700;color:var(--text-white);margin-bottom:8px}.sub-hero-desc{font-size:14px;color:var(--text-gray);line-height:1.6}.sub-features{display:flex;flex-direction:column;gap:16px;margin:24px 0}.sub-feature{display:flex;align-items:flex-start;gap:14px;padding:16px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px}.sub-feature .material-icon{font-size:24px;color:var(--primary-text);flex-shrink:0;margin-top:2px}.sub-feature h4{font-size:15px;font-weight:700;color:var(--text-white);margin-bottom:4px}.sub-feature p{font-size:13px;color:var(--text-gray);line-height:1.5}.sub-pricing{text-align:center;margin:24px 0 8px}.sub-price{font-size:36px;font-weight:900;color:var(--text-white)}.sub-period{font-size:16px;font-weight:400;color:var(--text-gray)}.sub-trial-note{text-align:center;font-size:14px;color:var(--primary-text);font-weight:600;margin-bottom:24px}.sub-status-card{background:var(--bg-card);border:1px solid var(--primary);border-radius:12px;padding:20px;margin:16px 0}.sub-status-header{display:flex;align-items:center;gap:14px}.sub-status-icon{font-size:32px;color:var(--primary-text)}.sub-status-title{font-size:16px;font-weight:700;color:var(--text-white)}.sub-status-detail{font-size:13px;color:var(--text-gray);margin-top:4px}.sub-portal-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:16px;padding:10px 16px;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--text-gray);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.sub-portal-btn:hover{border-color:var(--primary);color:var(--primary-text)}.sub-portal-btn:disabled{opacity:.6;cursor:not-allowed}.sub-portal-btn .material-icon{font-size:16px}.sub-portal-btn .spinner{width:16px;height:16px}.sub-profile-form{display:flex;flex-direction:column;gap:24px;padding:0 0 24px}.sub-profile-header{display:flex;align-items:center;justify-content:space-between;padding:0 16px}.sub-profile-header .section-label{margin:0}.sub-edit-btn{display:flex;align-items:center;gap:4px;background:none;border:1px solid var(--primary);color:var(--text-white);padding:6px 14px;border-radius:8px;font-size:13px;cursor:pointer;transition:all .2s}.sub-edit-btn:hover{background:#6b83741a}.sub-edit-btn .material-icon{font-size:16px}.sub-photo-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-gray);font-size:13px;padding:40px 0}.sub-photo-placeholder .material-icon{font-size:48px;color:var(--text-gray)}.sub-profile-info{display:flex;flex-direction:column;gap:0;background:var(--bg-card);border-radius:12px;overflow:hidden}.sub-info-row{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid rgba(128,128,128,.1)}.sub-info-row:last-child{border-bottom:none}.sub-info-label{font-size:13px;color:var(--text-gray);text-transform:uppercase;letter-spacing:.5px}.sub-info-value{font-size:15px;color:var(--text-primary);font-weight:500}.sub-field{display:flex;flex-direction:column;gap:6px}.sub-cta-card{display:flex;align-items:center;gap:14px;padding:20px;background:var(--bg-card);border:1px solid var(--primary);border-radius:12px;cursor:pointer;transition:all .2s}.sub-cta-card:hover{background:#6b83741f}.sub-cta-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--primary-light);border-radius:12px;flex-shrink:0}.sub-cta-icon .material-icon{font-size:24px;color:var(--primary-text)}.sub-cta-content{flex:1}.sub-cta-badge{display:inline-block;margin-top:6px;padding:3px 10px;background:var(--primary);color:#fff;font-size:11px;font-weight:700;border-radius:9999px}.app.light .sub-feature{background:#fff9;border-color:#0000000f}.app.light .sub-status-card{background:#fff9}.app.light .sub-photo-section{background:#ffffff80}.app.light .sub-cta-card{background:#fff9}@media(min-width:768px){.sub-container{max-width:640px;padding-bottom:40px}}.hero-cta{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;max-width:360px;margin:0 auto;padding:18px 32px;background:var(--primary);color:#fff;border:none;border-radius:16px;font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 20px #6b837466}.hero-cta:hover{background:#5a7263;transform:translateY(-2px);box-shadow:0 6px 28px #6b837480}.hero-cta:active{transform:translateY(0)}.hero-cta .material-icon{font-size:22px}.preview-container{padding:24px 16px 120px;max-width:480px;margin:0 auto;position:relative}.preview-sample-report{background:var(--bg-card);border:1px solid var(--border-light);border-radius:16px;padding:24px;filter:blur(6px);pointer-events:none;user-select:none;line-height:1.8;position:relative}.preview-sample-section{margin-bottom:20px}.preview-sample-section:last-child{margin-bottom:0}.preview-sample-section h3{font-weight:900;color:var(--text-white);font-size:17px;margin-bottom:8px}.preview-sample-section p{color:var(--text-gray);font-size:15px;margin:0}.preview-blur-overlay{position:relative;margin-top:-80px;margin-bottom:24px;display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 24px;z-index:2}.preview-lock-icon{font-size:48px!important;color:var(--primary-text);opacity:.9}.preview-unlock-text{font-size:16px;font-weight:600;color:var(--text-white);text-align:center}.preview-cta-section{display:flex;flex-direction:column;align-items:center;gap:12px;padding:0 8px;margin-bottom:16px}.preview-subscribe-btn{width:100%;font-size:16px!important}.preview-plan-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:16px;padding:20px;width:100%}.preview-plan-card.preview-plan-featured{border-color:var(--primary);border-width:2px}.preview-plan-features{list-style:none;padding:0;margin:14px 0 0}.preview-plan-features li{font-size:14px;color:var(--text-gray);padding:5px 0;display:flex;align-items:center;gap:8px}.preview-plan-features li:before{content:"✓";color:var(--primary-text);font-weight:700;font-size:14px;flex-shrink:0}.preview-email-section{margin-top:14px}.preview-email-section .email-label{font-size:13px;color:var(--text-gray);margin-bottom:6px;display:block}.preview-email-section .email-input{width:100%;box-sizing:border-box}.preview-city-section{margin-top:14px}.preview-city-section .email-label{font-size:13px;color:var(--text-gray);margin-bottom:6px;display:block}.preview-city-section .email-input{width:100%;box-sizing:border-box}.preview-city-section .city-helper{font-size:11px;color:var(--text-light);margin:4px 0 0}.profile-city-section{margin-top:16px}.profile-city-input{width:100%;box-sizing:border-box;padding:14px 16px;border:1px solid var(--border-light);border-radius:12px;background:var(--bg-card);color:var(--text-white);font-size:16px;font-family:inherit;margin-top:6px;outline:none;transition:border-color .2s}.profile-city-input:focus{border-color:var(--primary)}.profile-city-input::placeholder{color:var(--text-gray)}.preview-plan-card .consent-section{margin-top:12px}.btn-disabled,.btn-secondary.btn-disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.preview-divider{display:flex;align-items:center;gap:16px;width:100%;margin:4px 0}.preview-divider:before,.preview-divider:after{content:"";flex:1;height:1px;background:var(--border-light)}.preview-divider span{font-size:13px;color:var(--text-gray);white-space:nowrap}.preview-onetime-btn{width:100%;font-size:15px;font-weight:600;background:var(--primary)!important;border-color:var(--primary)!important;color:#fff!important}.preview-onetime-btn:hover:not(:disabled){background:#5a7263!important}.sub-price-note{text-align:center;font-size:13px;color:var(--text-gray);margin-top:12px}.consent-section.consent-highlight{border:1.5px solid var(--primary);border-radius:8px;padding:8px 12px;animation:consent-pulse .6s ease-in-out;transition:border-color .3s ease,box-shadow .3s ease;box-shadow:0 0 8px #6b837466}@keyframes consent-pulse{0%,to{box-shadow:0 0 #6b837400}50%{box-shadow:0 0 12px 4px #6b837480}}.app.light .preview-sample-report{background:#ffffffb3;border-color:#00000014}.app.light .preview-blur-overlay{background:transparent}@media(min-width:768px){.preview-container{max-width:640px;padding-bottom:40px}}@media(max-width:480px){.hero-image{aspect-ratio:3/4}.hero-section{gap:16px;padding:12px 16px}.hero-content{gap:12px}.hero-title{font-size:26px}.hero-subtitle{font-size:14px;line-height:1.4}.features-section{padding:24px 16px}.feature-card{padding:12px 16px;gap:12px}.section-title{font-size:22px}.bottom-cta-section{padding:32px 16px}}.home-page .bottom-nav{display:none}.home-page .main-content{padding-bottom:24px}.home-page .app-footer{padding-bottom:32px}.upload-area.field-highlight,.profile-city-section.field-highlight .profile-city-input{border-color:#ef4444;animation:field-highlight-pulse 1.5s ease}@keyframes field-highlight-pulse{0%{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 12px 4px #ef44444d}to{box-shadow:0 0 #ef444400}}.advanced-toggle-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;color:var(--text-gray);font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s;margin-top:8px}.advanced-toggle-btn:hover{border-color:var(--primary);color:var(--text-white)}.advanced-toggle-btn .material-icon{font-size:18px;transition:transform .2s}.advanced-toggle-btn.open .material-icon{transform:rotate(180deg)}.advanced-fields{display:flex;flex-direction:column;gap:32px;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.preview-value-section{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.preview-photo-ready{display:flex;align-items:center;gap:12px;padding:16px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px}.preview-photo-thumb{width:48px;height:48px;border-radius:8px;object-fit:cover;flex-shrink:0}.preview-photo-text{font-size:14px;font-weight:600;color:var(--primary-text)}.preview-value-cards{display:flex;flex-direction:column;gap:12px}.preview-value-card{display:flex;align-items:center;gap:14px;padding:16px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px}.preview-value-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--primary-light);border-radius:10px;flex-shrink:0}.preview-value-icon .material-icon{font-size:22px;color:var(--primary-text)}.preview-value-content{display:flex;flex-direction:column;gap:2px}.preview-value-title{font-size:15px;font-weight:700;color:var(--text-white)}.preview-value-desc{font-size:13px;color:var(--text-gray);line-height:1.4}.install-banner{position:fixed;bottom:0;left:50%;transform:translate(-50%) translateY(100%);width:100%;max-width:480px;z-index:200;padding:16px 20px;box-sizing:border-box;display:flex;align-items:center;gap:12px;border-radius:16px 16px 0 0;box-shadow:0 -4px 20px #00000040;animation:slide-up .4s ease forwards}@keyframes slide-up{to{transform:translate(-50%) translateY(0)}}.install-banner.dark{background:#333;color:#fff}.install-banner.light{background:#fff;color:#222;box-shadow:0 -4px 20px #0000001f}.install-banner-text{flex:1;font-size:14px;line-height:1.4}.install-banner-btn{flex-shrink:0;padding:8px 18px;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;background:#6b8374;color:#fff}.install-banner-close{flex-shrink:0;background:none;border:none;cursor:pointer;padding:4px;line-height:1;color:inherit;opacity:.6;font-size:20px}