:root{--primary: #f24e0d;--primary-light: rgba(242, 78, 13, .08);--primary-glow: rgba(242, 78, 13, .4);--bg: #f8f6f5;--bg-card: #ffffff;--bg-dark: #221510;--text: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--border: #e2e0de;--border-light: rgba(0,0,0,.06);--radius: .75rem;--radius-lg: 1rem;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color:var(--text);background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--bg)}h1,h2,h3,h4,h5,h6{margin:0}button{border-radius:var(--radius);border:none;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.app{max-width:480px;margin:0 auto;min-height:100vh;background:var(--bg);display:flex;flex-direction:column;position:relative;box-shadow:0 0 40px #0000000f}.header{position:sticky;top:0;z-index:10;background:#f8f6f5cc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:1rem 1.25rem;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--border-light)}.header h1{font-size:1.125rem;font-weight:700;letter-spacing:-.02em;color:var(--text)}.header-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:transparent;padding:0;color:var(--text);transition:background .2s}.header-btn:hover{background:var(--primary-light)}.hero-banner{position:relative;width:100%;height:280px;overflow:hidden}.hero-banner-img{width:100%;height:100%;object-fit:cover;object-position:left center}.hero-banner-overlay{position:absolute;inset:0;background:linear-gradient(to right,rgba(0,0,0,.55) 0%,rgba(0,0,0,.1) 60%,transparent 100%);display:flex;flex-direction:column;justify-content:center;padding:1.25rem 1.5rem;gap:.25rem}.hero-banner-title{font-size:1.35rem;font-weight:800;color:#fff;line-height:1.3;letter-spacing:-.02em}.hero-banner-desc{font-size:.8rem;color:#ffffffd9;margin:0}.hero-section{padding:2rem 1.5rem 1rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem}.hero-title{font-size:1.5rem;font-weight:700;color:var(--text);letter-spacing:-.02em}.hero-subtitle{color:var(--text-secondary);font-size:.875rem;margin:0}.profile-form{display:flex;flex-direction:column;gap:1.25rem;padding:0 1.5rem 8rem;flex:1}.photo-section{display:flex;flex-direction:column;align-items:center;gap:.75rem}.photo-upload{position:relative;width:160px;height:160px;border-radius:50%;border:4px solid var(--primary);display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;transition:all .3s;background:var(--bg-card)}.photo-upload:hover{box-shadow:0 0 0 8px var(--primary-light)}.photo-upload-drag{box-shadow:0 0 0 8px #f24e0d26;transform:scale(1.03)}.photo-badge{position:absolute;bottom:4px;right:4px;background:var(--primary);color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px var(--primary-glow);z-index:2;pointer-events:none}.photo-badge .material-symbols-outlined{font-size:18px}.photo-preview{width:100%;height:100%;object-fit:cover}.photo-placeholder{display:flex;flex-direction:column;align-items:center;gap:.25rem;color:var(--text-muted)}.photo-placeholder .material-symbols-outlined{font-size:40px;color:var(--text-muted)}.photo-placeholder span{font-size:.8rem}.photo-hint{font-size:.7rem!important;color:var(--text-muted)!important}.photo-change-btn{background:transparent!important;border:1px solid var(--border)!important;color:var(--text-secondary);padding:.4em 1em!important;font-size:.8rem!important;border-radius:999px;cursor:pointer}.photo-change-btn:hover{border-color:var(--primary)!important;color:var(--primary)}.input-group{display:flex;flex-direction:column;gap:.4rem}.input-group label{font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.input-wrapper{display:flex;align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:0 1rem;transition:all .2s;box-shadow:0 1px 3px #0000000a}.input-wrapper:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.input-wrapper input{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-size:1rem;padding:.85rem 0;font-family:inherit}.input-wrapper input::placeholder{color:var(--text-muted)}.input-wrapper input[type=number]::-webkit-outer-spin-button,.input-wrapper input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-wrapper input[type=number]{-moz-appearance:textfield}.input-unit{color:var(--text-muted);font-size:.9rem;font-weight:500;margin-left:.5rem}.submit-btn{margin-top:auto;padding:1rem!important;font-size:1rem!important;font-weight:600;border:none!important;border-radius:999px!important;background:var(--primary)!important;color:#fff;cursor:pointer;transition:all .2s;box-shadow:0 4px 16px var(--primary-glow);letter-spacing:-.01em}.submit-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 6px 20px var(--primary-glow)}.submit-btn:active:not(:disabled){transform:scale(.98) translateY(0)}.submit-btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.app-center{justify-content:center;align-items:center}.loading-container{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem}.loading-spinner{width:48px;height:48px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-title{font-size:1.25rem;font-weight:700;color:var(--text)}.loading-desc{color:var(--text-secondary);font-size:.9rem;margin:0;line-height:1.6}.result-container{display:flex;flex-direction:column;gap:0;padding-bottom:6rem}.result-hero{padding:1.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.result-avatar-wrap{position:relative}.result-photo{width:96px;height:96px;border-radius:50%;object-fit:cover;border:4px solid var(--primary)}.result-avatar-badge{position:absolute;bottom:-4px;right:-4px;background:var(--primary);color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px var(--primary-glow)}.result-avatar-badge .material-symbols-outlined{font-size:16px;font-variation-settings:"FILL" 1}.result-hero-title{font-size:1.5rem;font-weight:700;color:var(--text)}.result-hero-sub{color:var(--text-secondary);font-size:.85rem;margin:0}.result-profile-info{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.9rem;font-weight:500}.result-divider{color:var(--text-muted)}.result-comparison{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:0 1.5rem 1.5rem}.comparison-card{position:relative;aspect-ratio:3/4;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 2px 8px #00000014}.comparison-card img{width:100%;height:100%;object-fit:cover}.comparison-card-enhanced{box-shadow:0 0 0 3px var(--primary),0 0 0 5px var(--bg),0 4px 12px #0000001f}.comparison-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.6),transparent)}.comparison-overlay-enhanced{background:linear-gradient(to top,rgba(242,78,13,.6),transparent)}.comparison-label{position:absolute;bottom:12px;left:12px;color:#fff;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em}.comparison-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;height:100%;background:var(--bg-dark);color:#ffffffb3;font-size:.75rem}.result-section{padding:1.25rem 1.5rem}.result-section-highlight{background:var(--primary-light)}.result-section-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--primary);margin-bottom:1rem}.result-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.result-section-heading{font-size:1.25rem;font-weight:700;color:var(--text);margin-bottom:0}.result-section-header .result-section-heading{margin-bottom:0}.view-all-btn{background:transparent!important;border:none!important;color:var(--primary);font-size:.85rem;font-weight:600;padding:0!important;cursor:pointer}.analysis-item{display:flex;gap:1rem;align-items:flex-start;margin-bottom:1rem}.analysis-item:last-child{margin-bottom:0}.analysis-icon{background:var(--bg-card);padding:.5rem;border-radius:var(--radius);box-shadow:0 1px 3px #0000000f;display:flex;align-items:center;justify-content:center;flex-shrink:0}.analysis-icon .material-symbols-outlined{color:var(--primary);font-size:22px}.analysis-title{font-size:.875rem;font-weight:700;color:var(--text);margin-bottom:.15rem}.analysis-desc{font-size:.75rem;color:var(--text-secondary);line-height:1.5}.result-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:0 1px 4px #0000000a}.result-card+.result-card{margin-top:.75rem}.result-card-warn{background:#fef2f2;border-color:#fecaca}.result-card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.result-card-header .material-symbols-outlined{color:var(--primary);font-size:20px}.result-card-warn .result-card-header .material-symbols-outlined{color:#ef4444}.result-card-header h3{margin:0;font-size:.95rem;font-weight:700;color:var(--text)}.result-badge{display:inline-block;background:var(--primary);color:#fff;padding:.3em .85em;border-radius:999px;font-size:.8rem;font-weight:600;margin-bottom:.5rem}.result-card-desc{color:var(--text-secondary);font-size:.85rem;line-height:1.6;margin:0}.result-rec-group{margin-bottom:.75rem}.result-rec-group:last-child{margin-bottom:0}.result-rec-category{font-size:.7rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .4rem}.result-tags{display:flex;flex-wrap:wrap;gap:.4rem}.result-tag{background:#f1f0ee;color:var(--text);padding:.35em .75em;border-radius:999px;font-size:.78rem;font-weight:500}.result-tag-warn{background:#fee2e2;color:#dc2626}.result-tips{margin:0;padding-left:1.2rem;color:var(--text-secondary);font-size:.85rem;line-height:1.8}.hairstyle-image{width:100%;border-radius:var(--radius);display:block}.hairstyle-loading{display:flex;align-items:center;gap:.75rem;padding:1.5rem 0;color:var(--text-secondary);font-size:.85rem}.loading-spinner-sm{width:24px;height:24px;flex-shrink:0}.result-card-highlight{background:linear-gradient(135deg,#fff7ed,#fff);border-color:#f24e0d33}.result-card-highlight .result-card-header .material-symbols-outlined{color:var(--primary)}.result-card-highlight .result-card-desc{color:var(--text);line-height:1.7}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;background:var(--bg-card);border-top:1px solid var(--border-light);padding:.5rem 1.5rem .75rem;display:flex;justify-content:space-between;align-items:center;z-index:20}.nav-item{display:flex;flex-direction:column;align-items:center;gap:.15rem;color:var(--text-muted);text-decoration:none;background:transparent;padding:.25rem .5rem;border:none}.nav-item span:last-child{font-size:.6rem;font-weight:500}.nav-item-active{color:var(--primary)}.nav-item-active .material-symbols-outlined{font-variation-settings:"FILL" 1}.nav-center-btn{position:relative;top:-1.25rem;background:var(--primary);color:#fff;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px var(--primary-glow);border:4px solid var(--bg-card);padding:0}.nav-center-btn .material-symbols-outlined{font-size:28px}.nav-center-btn:hover{transform:scale(1.05)}.lang-switch{display:flex;gap:2px;background:var(--border-light);border-radius:999px;padding:2px}.lang-switch button{padding:.2em .6em!important;font-size:.7rem!important;border:none!important;border-radius:999px!important;background:transparent!important;color:var(--text-muted);cursor:pointer;font-weight:500;line-height:1.4}.lang-switch .lang-active{background:var(--bg-card)!important;color:var(--primary);font-weight:600;box-shadow:0 1px 3px #00000014}.report-email-form{display:flex;flex-direction:column;gap:.5rem}.report-sent{text-align:center;padding:1rem 0}.legal-links{display:flex;justify-content:center;align-items:center;gap:.5rem;padding:0 1.5rem 2rem;font-size:.7rem}.legal-links a{color:var(--text-muted);text-decoration:none}.legal-links a:hover{color:var(--primary);text-decoration:underline}.legal-links span{color:var(--border);font-size:.6rem}.checkout-simple{text-align:center;padding:2rem;max-width:320px}.checkout-icon{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:var(--primary-light);margin-bottom:1rem}.checkout-icon .material-symbols-outlined{font-size:36px;color:var(--primary);font-variation-settings:"FILL" 1}.checkout-icon-done{background:#dcfce7}.checkout-icon-done .material-symbols-outlined{color:#16a34a}.checkout-title{font-size:1.5rem;font-weight:700;color:var(--text);margin-bottom:.5rem}.checkout-desc{font-size:.9rem;color:var(--text-secondary);line-height:1.5;margin:0}.checkout-back-btn{margin-top:.75rem;background:transparent!important;border:none!important;color:var(--text-muted);font-size:.85rem;cursor:pointer;padding:.5rem 1rem!important}.checkout-back-btn:hover{color:var(--text-secondary)}.error-icon .material-symbols-outlined{font-size:48px;color:#ef4444}.error-title{font-size:1.25rem;font-weight:700;color:var(--text)}