:root{--bg-base: #000000;--bg-surface: #121212;--bg-card: #1C1C1E;--bg-hover: #2C2C2E;--border: rgba(255, 255, 255, .15);--border-dim: rgba(255, 255, 255, .08);--text-primary: rgba(255, 255, 255, .95);--text-muted: rgba(235, 235, 245, .6);--text-dim: rgba(235, 235, 245, .3);--green: #30D158;--green-bg: rgba(48, 209, 88, .15);--blue: #0A84FF;--blue-bg: rgba(10, 132, 255, .15);--orange: #FF9F0A;--orange-bg:rgba(255, 159, 10, .15);--purple: #BF5AF2;--purple-bg:rgba(191, 90, 242, .15);--yellow: #FFD60A;--yellow-bg:rgba(255, 214, 10, .15);--teal: #64D2FF;--teal-bg: rgba(100, 210, 255, .15);--red: #FF453A;--red-bg: rgba(255, 69, 58, .15);--gauge-balance: var(--green);--gauge-symmetry: var(--blue);--gauge-proportion: var(--purple);--gauge-harmony: var(--yellow);--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-8: 32px;--spacing-10: 40px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5), 0 1px 3px rgba(0,0,0,.3);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .6), 0 4px 12px rgba(0,0,0,.4);--shadow-glow: 0 0 20px rgba(10, 132, 255, .3);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--font-body: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-heading: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--bg-base);color:var(--text-primary);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-heading);font-weight:700}h1{font-size:1.5rem}h2{font-size:1.2rem}h3{font-size:1rem}.container{max-width:900px;margin:0 auto;padding:0 var(--spacing-4)}.card{background:var(--bg-card);border:1px solid var(--border-dim);border-radius:var(--radius-xl);padding:var(--spacing-6);box-shadow:var(--shadow-md);transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.badge{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:4px 12px;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.badge-green{background:var(--green-bg);color:var(--green)}.badge-blue{background:var(--blue-bg);color:var(--blue)}.badge-orange{background:var(--orange-bg);color:var(--orange)}.badge-purple{background:var(--purple-bg);color:var(--purple)}.badge-yellow{background:var(--yellow-bg);color:var(--yellow)}.badge-teal{background:var(--teal-bg);color:var(--teal)}.badge-red{background:var(--red-bg);color:var(--red)}.badge-default{background:var(--bg-hover);color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:10px 20px;border-radius:var(--radius-full);font-family:var(--font-body);font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease,background .3s ease;border:none;outline:none}.btn:active{transform:scale(.94)}.btn-primary{background:linear-gradient(135deg,var(--green),#28a745);color:#000;box-shadow:0 4px 14px #30d15866}.btn-primary:hover{background:linear-gradient(135deg,#46e058,#30d158);box-shadow:0 8px 24px #30d15880;transform:translateY(-2px) scale(1.02)}.btn-outline{background:#ffffff08;border:1.5px solid var(--border);color:var(--text-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-outline:hover{background:#ffffff14;border-color:#ffffff4d}.btn-ghost{background:transparent;color:var(--text-muted);border:1px solid var(--border-dim)}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-hover)}.score-bar-wrap{display:flex;align-items:center;gap:8px}.score-bar-track{flex:1;height:4px;background:var(--bg-hover);border-radius:99px;overflow:hidden}.score-bar-fill{height:100%;border-radius:99px;background:var(--green);transition:width 1s cubic-bezier(.4,0,.2,1)}.score-bar-label{font-size:.75rem;font-weight:600;color:var(--green);min-width:32px;text-align:right}.metric-row{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.metric-label{font-size:.78rem;color:var(--text-muted)}.metric-value{font-size:.78rem;font-weight:600;display:flex;align-items:center;gap:3px}.divider{width:100%;height:1px;background:var(--border-dim);margin:16px 0}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes scanLine{0%{top:0%}to{top:100%}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.fade-up{animation:fadeSlideUp .6s cubic-bezier(.22,1,.36,1) both}.gender-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-8) var(--spacing-5);gap:var(--spacing-8);background:var(--bg-base);position:relative}.gender-page:before{content:"";position:absolute;top:0;left:0;right:0;height:50vh;background:radial-gradient(circle at top,rgba(10,132,255,.08) 0%,transparent 70%);pointer-events:none}.gender-header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);z-index:2}.gender-logo{font-size:2rem;color:var(--blue);margin-bottom:var(--spacing-1);animation:float 3s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}.gender-title{font-family:var(--font-heading);font-size:2.2rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.gender-sub{font-size:1.05rem;color:var(--text-muted);max-width:380px}.gender-photo-wrap{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);z-index:2}.gender-photo{width:90px;height:90px;border-radius:50%;object-fit:cover;border:2px solid var(--blue);box-shadow:0 0 20px #0a84ff4d}.gender-photo-label{font-size:.75rem;color:var(--blue);font-weight:700;letter-spacing:.05em;text-transform:uppercase}.gender-cards{display:flex;gap:var(--spacing-6);flex-wrap:wrap;justify-content:center;width:100%;max-width:640px;z-index:2}.gender-card{flex:1;min-width:240px;max-width:280px;background:#1c1c1e99;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-dim);border-radius:var(--radius-xl);padding:32px 24px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3);transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s ease,background .4s ease;text-align:center;box-shadow:var(--shadow-sm)}.gender-card:hover,.gender-card.hovered{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-lg)}.gender-male:hover,.gender-male.hovered{background:linear-gradient(160deg,#0a84ff1a,#000c);border-color:var(--blue);box-shadow:0 12px 40px #0a84ff33}.gender-female:hover,.gender-female.hovered{background:linear-gradient(160deg,#bf5af21a,#000c);border-color:var(--purple);box-shadow:0 12px 40px #bf5af233}.gender-card-icon{font-size:3.5rem;line-height:1;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5))}.gender-card-label{font-size:1.4rem;font-weight:800;color:var(--text-primary);letter-spacing:-.01em}.gender-card-features{display:flex;flex-direction:column;gap:var(--spacing-2);margin-top:var(--spacing-2);width:100%}.gender-card-features span{font-size:.9rem;color:var(--text-muted);text-align:center;padding:8px;background:#ffffff08;border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-out)}.gender-male:hover .gender-card-features span,.gender-male.hovered .gender-card-features span{background:#0a84ff1a;color:var(--blue)}.gender-female:hover .gender-card-features span,.gender-female.hovered .gender-card-features span{background:#bf5af21a;color:var(--purple)}.gender-card-cta{margin-top:var(--spacing-4);font-size:.9rem;font-weight:700;color:var(--text-dim);transition:color var(--duration-fast);text-transform:uppercase;letter-spacing:.05em}.gender-male:hover .gender-card-cta,.gender-male.hovered .gender-card-cta{color:var(--blue)}.gender-female:hover .gender-card-cta,.gender-female.hovered .gender-card-cta{color:var(--purple)}.gender-note{font-size:.8rem;color:var(--text-dim);text-align:center;max-width:380px;z-index:2}.upload-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-10) var(--spacing-4);gap:var(--spacing-8);position:relative;overflow:hidden}.upload-page:before{content:"";position:absolute;top:50%;left:50%;width:60vw;height:60vw;max-width:600px;max-height:600px;transform:translate(-50%,-50%);background:radial-gradient(circle,#0a84ff26,#bf5af21a 40%,#0000 70%);z-index:-1;pointer-events:none}.upload-title{text-align:center;max-width:600px}.upload-title h1{font-size:2.5rem;font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,#fff,#a0a5aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.upload-title p{color:var(--text-muted);margin-top:var(--spacing-2);font-size:1.1rem;font-weight:400}.dropzone-card{background:#1c1c1e99;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1.5px dashed var(--border);border-radius:var(--radius-xl);padding:48px 40px;text-align:center;cursor:pointer;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s ease,border-color .4s ease,background .4s ease;width:100%;max-width:480px;box-shadow:var(--shadow-md)}.dropzone-card:hover,.dropzone-card.active{border-color:var(--blue);background:#0a84ff14;box-shadow:var(--shadow-glow);transform:scale(1.02)}.dropzone-icon{width:64px;height:64px;margin:0 auto var(--spacing-4);color:var(--text-muted);transition:color var(--duration-fast) var(--ease-out)}.dropzone-card.active .dropzone-icon,.dropzone-card:hover .dropzone-icon{color:var(--blue)}.dropzone-text{color:var(--text-muted);font-size:1rem}.dropzone-text strong{color:var(--text-primary);font-weight:600}.dropzone-formats{margin-top:var(--spacing-2);font-size:.8rem;color:var(--text-dim)}.preview-wrap{position:relative;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg);max-height:400px}.preview-wrap img{width:100%;max-height:400px;object-fit:cover;border-radius:var(--radius-lg);display:block}.upload-error{color:var(--red);font-size:.85rem;text-align:center;padding:8px 16px;background:var(--red-bg);border-radius:var(--radius-md);border:1px solid rgba(255,123,114,.3)}.scan-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-6);padding:var(--spacing-10) var(--spacing-4);background:radial-gradient(circle at center,#1a1a24,#000)}.scan-container{position:relative;border-radius:var(--radius-xl);overflow:hidden;max-width:360px;width:100%;box-shadow:0 0 0 1px #ffffff1a,var(--shadow-glow)}.scan-container img{width:100%;display:block;border-radius:var(--radius-xl);filter:contrast(1.1) brightness(.9)}.scan-line{position:absolute;left:0;right:0;height:2px;background:var(--blue);box-shadow:0 0 10px var(--blue),0 0 20px var(--blue),0 0 40px var(--blue);animation:scanHUD 2.5s cubic-bezier(.4,0,.2,1) infinite;pointer-events:none;z-index:20}.scan-glow{position:absolute;left:0;right:0;height:80px;background:linear-gradient(180deg,rgba(10,132,255,.15) 0%,transparent 100%);animation:scanHUD 2.5s cubic-bezier(.4,0,.2,1) infinite;pointer-events:none;z-index:10;transform-origin:top}@keyframes scanHUD{0%{top:-20%;opacity:0}10%{opacity:1}90%{opacity:1}to{top:110%;opacity:0}}.scan-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-xl);pointer-events:none;z-index:30}.scan-overlay:before,.scan-overlay:after{content:"";position:absolute;top:20px;right:20px;bottom:20px;left:20px;border:2px solid rgba(10,132,255,.5);border-radius:8px;clip-path:polygon(0 0,20px 0,20px 2px,2px 2px,2px 20px,0 20px,calc(100% - 20px) 0,100% 0,100% 20px,calc(100% - 2px) 20px,calc(100% - 2px) 2px,calc(100% - 20px) 2px,0 calc(100% - 20px),2px calc(100% - 20px),2px calc(100% - 2px),20px calc(100% - 2px),20px 100%,0 100%,100% calc(100% - 20px),100% 100%,calc(100% - 20px) 100%,calc(100% - 20px) calc(100% - 2px),calc(100% - 2px) calc(100% - 2px),calc(100% - 2px) calc(100% - 20px));animation:pulse 2s infinite ease-in-out}.scan-info{text-align:center}.scan-title{font-size:1.2rem;font-weight:700;color:#fff;letter-spacing:.02em}.scan-subtitle{font-size:.9rem;color:var(--blue);margin-top:8px;animation:pulse 1.5s ease infinite}.scan-dots{display:flex;gap:8px;justify-content:center;margin-top:16px}.scan-dot{width:8px;height:8px;background:var(--blue);border-radius:50%;animation:pulse 1.2s ease infinite;box-shadow:0 0 10px #0a84ff80}.scan-dot:nth-child(2){animation-delay:.2s}.scan-dot:nth-child(3){animation-delay:.4s}.results-page{min-height:100vh;padding-bottom:48px}.results-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border-dim);position:sticky;top:0;background:#000000a6;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);z-index:100;box-shadow:var(--shadow-sm)}.results-header-left{display:flex;align-items:center;gap:12px}.results-header-title{font-size:1.1rem;font-weight:700}.results-header-sub{font-size:.78rem;color:var(--text-muted);margin-top:1px}.rd-conf-badge{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:600;padding:2px 8px;border-radius:99px;background:var(--green-bg);color:var(--green)}.rd-tabs-wrap{border-bottom:1px solid var(--border-dim);overflow-x:auto;background:#121212d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:sticky;top:61px;z-index:90;scrollbar-width:none}.rd-tabs-wrap::-webkit-scrollbar{display:none}.rd-tabs{display:flex;gap:0;padding:0 16px;min-width:max-content}.rd-tab{padding:12px 16px;font-size:.85rem;font-weight:600;color:var(--text-muted);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;font-family:var(--font-body)}.rd-tab:hover{color:var(--text-primary)}.rd-tab.active{color:var(--blue);border-bottom-color:var(--blue);text-shadow:0 0 10px rgba(10,132,255,.3)}.rd-top-grid{display:grid;grid-template-columns:300px 1fr;gap:16px;padding:16px 20px}@media (max-width: 720px){.rd-top-grid{grid-template-columns:1fr}}.rd-left-col,.rd-right-col{display:flex;flex-direction:column;gap:12px}.rd-card{background:#1c1c1e99;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-dim);border-radius:var(--radius-xl);padding:var(--spacing-5);box-shadow:var(--shadow-sm);transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.rd-card:hover{box-shadow:var(--shadow-md)}.rd-card-title{font-size:.88rem;font-weight:700;color:var(--text-primary);margin-bottom:10px;display:flex;align-items:center;gap:8px}.rd-divider{height:1px;background:var(--border-dim);margin:12px 0}.rd-divider-full{height:1px;background:var(--border-dim);margin:4px 20px}.rd-status-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px 10px}.rd-status-chip{display:flex;align-items:center;gap:6px;font-size:.75rem}.rd-status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.rd-status-label{color:var(--text-muted);flex:1}.rd-status-val{font-weight:600;font-size:.7rem}.rd-conf-row{display:flex;align-items:center;gap:14px}.rd-conf-circle{display:flex;flex-direction:column;align-items:center;gap:2px;flex-shrink:0}.rd-conf-label{font-size:.7rem;color:var(--green);font-weight:600}.rd-confbars{flex:1;display:flex;flex-direction:column;gap:6px}.rd-confbar{display:flex;align-items:center;gap:6px}.rd-confbar-label{font-size:.68rem;color:var(--text-muted);width:120px;flex-shrink:0}.rd-confbar-track{flex:1;height:5px;background:var(--bg-hover);border-radius:99px;overflow:hidden}.rd-confbar-fill{height:100%;border-radius:99px;transition:width 1s ease}.rd-confbar-val{font-size:.7rem;font-weight:700;color:var(--text-primary);width:28px;text-align:right}.rd-summary-card{height:100%}.rd-summary-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.rd-summary-heading{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.rd-score-badge{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.rd-score-num{font-size:2rem;font-weight:800;color:var(--text-primary);line-height:1}.rd-score-denom{font-size:.85rem;color:var(--text-muted);margin-left:2px}.rd-stars{font-size:1.1rem;letter-spacing:1px}.rd-score-pct{font-size:.68rem;color:var(--text-dim);text-align:right}.rd-stats-row{display:flex;gap:12px;flex-wrap:wrap}.rd-stat-item{display:flex;align-items:center;gap:8px;flex:1;min-width:100px}.rd-stat-icon{font-size:1.2rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rd-stat-label{font-size:.7rem;color:var(--text-muted)}.rd-stat-value{font-size:.9rem;font-weight:700;color:var(--text-primary)}.rd-stat-conf{font-size:.65rem;color:var(--text-dim)}.rd-strengths-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:start}@media (max-width: 600px){.rd-strengths-grid{grid-template-columns:1fr}}.rd-strengths-title{font-size:.78rem;font-weight:700;margin-bottom:6px}.rd-list{list-style:none;display:flex;flex-direction:column;gap:4px}.rd-list li{font-size:.75rem;color:var(--text-muted);display:flex;gap:5px;align-items:flex-start}.rd-golden-box{display:flex;flex-direction:column;align-items:center;gap:4px}.rd-golden-label{font-size:.7rem;color:var(--text-muted);text-align:center;font-weight:600}.rd-golden-ring{display:flex;flex-direction:column;align-items:center;gap:2px}.rd-golden-sublabel{font-size:.68rem;color:var(--yellow);font-weight:600}.rd-insight-box{background:var(--bg-card);border-radius:var(--radius-md);padding:10px 12px}.rd-insight-label{font-size:.75rem;font-weight:700;color:var(--yellow);margin-bottom:5px}.rd-insight-text{font-size:.8rem;color:var(--text-muted);line-height:1.5}.rd-meas-section{margin:0 20px 4px}.rd-meas-unit{font-size:.68rem;color:var(--text-dim);font-weight:400;margin-left:4px}.rd-meas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}.rd-meas-card{background:var(--bg-card);border-radius:var(--radius-md);padding:10px;border:1px solid var(--border-dim)}.rd-meas-label{font-size:.68rem;color:var(--text-dim);margin-bottom:3px}.rd-meas-val{font-size:1rem;font-weight:700;color:var(--text-primary)}.rd-meas-ideal{font-size:.62rem;color:var(--text-dim);margin-top:2px}.rd-meas-rating{font-size:.68rem;font-weight:600;margin-top:2px}.sp-photo-block{display:flex;flex-direction:column;gap:0}.sp-lm-badge{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:600;color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border-dim);border-radius:99px;padding:3px 10px;margin-bottom:6px;width:fit-content}.sp-lm-check{color:var(--green);font-size:.75rem}.sp-view-tabs{display:flex;background:var(--bg-card);border:1px solid var(--border-dim);border-top:none;border-radius:0 0 var(--radius-lg) var(--radius-lg);overflow:hidden}.sp-view-tab{flex:1;padding:7px 4px;font-size:.72rem;font-weight:600;color:var(--text-dim);background:none;border:none;cursor:pointer;transition:all .18s;font-family:var(--font-body);border-right:1px solid var(--border-dim)}.sp-view-tab:last-child{border-right:none}.sp-view-tab:hover{color:var(--text-primary);background:var(--bg-hover)}.sp-view-tab.active{color:var(--blue);background:var(--blue-bg);font-weight:700}.rd-score-ring{display:flex;align-items:baseline;gap:2px}.rd-score-verdict{font-size:.78rem;font-weight:700;text-align:right;margin-top:1px}.rd-lm-guide{margin:0 20px}.rd-lm-guide-body{display:grid;grid-template-columns:auto 1fr;gap:16px}@media (max-width: 500px){.rd-lm-guide-body{grid-template-columns:1fr}}.rd-lm-legend{display:flex;flex-direction:column;gap:5px}.rd-lm-legend-row{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--text-muted)}.rd-lm-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.rd-lm-guide-right{display:flex;flex-direction:column;gap:10px}.rd-lm-desc{font-size:.78rem;color:var(--text-muted);line-height:1.5}.rd-lm-quality{display:flex;flex-direction:column;gap:4px}.rd-lm-quality-label{font-size:.7rem;color:var(--text-dim)}.rd-lm-quality-val{font-size:.88rem;font-weight:700;color:var(--green)}.rd-lm-quality-bar{height:6px;background:var(--bg-hover);border-radius:99px;overflow:hidden}.rd-lm-quality-fill{height:100%;background:var(--green);border-radius:99px;transition:width 1s ease}.rd-lm-quality-count{font-size:.68rem;color:var(--text-dim)}.summary-section{display:grid;grid-template-columns:1fr 1.6fr;gap:16px;padding:20px}@media (max-width: 640px){.summary-section{grid-template-columns:1fr}}.photo-panel{display:flex;flex-direction:column;gap:10px}.photo-wrap{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-card);border:1px solid var(--border-dim)}.photo-wrap img{width:100%;height:auto;display:block}.photo-panel .photo-wrap>svg{border-radius:var(--radius-lg)}.summary-card{background:var(--bg-surface);border:1px solid var(--border-dim);border-radius:var(--radius-lg);padding:18px;display:flex;flex-direction:column;gap:14px}.summary-header-label{display:flex;align-items:center;gap:8px;font-size:.95rem;font-weight:700;color:var(--green)}.summary-top-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.summary-stat{background:var(--bg-card);border:1px solid var(--border-dim);border-radius:var(--radius-md);padding:12px;display:flex;align-items:center;gap:10px}.summary-stat-icon{width:36px;height:36px;border-radius:50%;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1rem}.summary-stat-text{flex:1;min-width:0}.summary-stat-label{font-size:.72rem;color:var(--text-muted)}.summary-stat-value{font-size:1rem;font-weight:700;white-space:nowrap}.summary-stat-conf{font-size:.7rem;color:var(--green);margin-top:1px}.strengths-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (max-width: 480px){.strengths-grid{grid-template-columns:1fr}}.strengths-col h4{font-size:.78rem;font-weight:700;margin-bottom:6px;text-transform:uppercase;letter-spacing:.05em}.col-strengths h4{color:var(--green)}.col-areas h4{color:var(--orange)}.strengths-list{list-style:none;display:flex;flex-direction:column;gap:5px}.strengths-list li{display:flex;align-items:flex-start;gap:6px;font-size:.78rem;color:var(--text-primary);line-height:1.4}.icon-check{color:var(--green);flex-shrink:0;margin-top:1px}.icon-warn{color:var(--orange);flex-shrink:0;margin-top:1px}.insight-box{background:var(--bg-card);border:1px solid var(--border-dim);border-radius:var(--radius-md);padding:12px}.insight-label{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:700;color:var(--green);margin-bottom:6px;text-transform:uppercase;letter-spacing:.05em}.insight-text{font-size:.82rem;color:var(--text-muted);line-height:1.6}.features-section{padding:0 20px}.features-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.features-section-title{font-size:1rem;font-weight:700}.features-section-sub{font-size:.75rem;color:var(--text-muted);margin-top:2px}.confidence-badge{display:flex;align-items:center;gap:5px;font-size:.75rem;color:var(--text-muted)}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}@media (max-width: 720px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 420px){.features-grid{grid-template-columns:1fr}}.feature-card{background:var(--bg-surface);border:1px solid var(--border-dim);border-radius:var(--radius-md);padding:14px;transition:transform .4s cubic-bezier(.34,1.56,.64,1),border-color .4s ease,box-shadow .4s ease;animation:fadeSlideUp .6s cubic-bezier(.22,1,.36,1) both}.feature-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:var(--shadow-md);border-color:#fff3}.feature-card-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.feature-card-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:1rem;flex-shrink:0}.feature-card-name{font-size:.8rem;font-weight:600;color:var(--text-muted)}.feature-card-desc{font-size:.74rem;color:var(--text-dim);margin-top:8px;line-height:1.5}.scores-section{padding:24px 20px 0}.scores-title{font-size:1rem;font-weight:700;margin-bottom:4px}.scores-sub{font-size:.75rem;color:var(--text-muted);margin-bottom:16px}.scores-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media (max-width: 560px){.scores-grid{grid-template-columns:repeat(2,1fr)}}.gauge-card{background:var(--bg-surface);border:1px solid var(--border-dim);border-radius:var(--radius-lg);padding:20px 14px 16px;display:flex;flex-direction:column;align-items:center;gap:10px;animation:fadeSlideUp .6s cubic-bezier(.22,1,.36,1) both}.gauge-svg-wrap{position:relative}.gauge-center-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.gauge-number{font-size:1.6rem;font-weight:700;line-height:1}.gauge-denom{font-size:.7rem;color:var(--text-muted)}.gauge-label{font-size:.82rem;font-weight:600;text-align:center;color:var(--text-primary)}.gauge-sub{font-size:.7rem;color:var(--text-muted);text-align:center;line-height:1.4}.rating-badge{padding:2px 10px;border-radius:100px;font-size:.7rem;font-weight:600}.disclaimer{padding:16px 20px;margin-top:24px;border-top:1px solid var(--border-dim);display:flex;align-items:flex-start;gap:8px;font-size:.75rem;color:var(--text-dim)}.section-gap{margin-top:20px}.upload-options{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:480px}.camera-option-btn{width:100%;max-width:380px;display:flex;align-items:center;gap:var(--spacing-4);padding:16px 24px;background:#1c1c1e66;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-dim);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);color:var(--text-primary);box-shadow:var(--shadow-sm)}.camera-option-btn:hover{border-color:#fff3;background:#ffffff0d;transform:translateY(-2px);box-shadow:var(--shadow-md)}.camera-option-icon{font-size:2rem;padding:10px;background:#ffffff0d;border-radius:var(--radius-full)}.camera-option-label{font-size:1.05rem;font-weight:700;display:block;text-align:left;letter-spacing:-.01em}.camera-option-sub{font-size:.8rem;color:var(--text-muted);display:block;text-align:left;margin-top:2px}.upload-or{display:flex;align-items:center;gap:12px;width:100%;max-width:380px;color:var(--text-dim);font-size:.8rem}.upload-or:before,.upload-or:after{content:"";flex:1;height:1px;background:var(--border-dim)}.camera-page{min-height:100vh;display:flex;flex-direction:column;background:#000}.camera-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#00000080;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:absolute;top:0;left:0;right:0;z-index:100}.camera-title{font-size:1.1rem;font-weight:600;color:#fff;letter-spacing:-.01em}.camera-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.viewfinder-wrap{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:#000}.viewfinder-video{width:100%;height:100%;object-fit:cover;display:block}.face-guide{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.camera-scan-line{position:absolute;left:0;right:0;height:3px;background:var(--blue);box-shadow:0 0 15px var(--blue),0 0 30px var(--blue);animation:scanLine 3s cubic-bezier(.4,0,.2,1) infinite;pointer-events:none;opacity:.85;z-index:20}.camera-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:1;pointer-events:none;z-index:50;animation:flashOut .3s ease-out forwards}@keyframes flashOut{0%{opacity:1}to{opacity:0}}.countdown-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:8rem;font-weight:800;color:#fff;text-shadow:0 4px 24px rgba(0,0,0,.4);pointer-events:none;z-index:30;animation:popIn 1s cubic-bezier(.16,1,.3,1) infinite}@keyframes popIn{0%{transform:scale(.8);opacity:0}20%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:0}}.corner{position:absolute;width:40px;height:40px;border-color:#ffffff80;border-style:solid;z-index:10}.corner.tl{top:20%;left:10%;border-width:3px 0 0 3px;border-radius:8px 0 0}.corner.tr{top:20%;right:10%;border-width:3px 3px 0 0;border-radius:0 8px 0 0}.corner.bl{bottom:20%;left:10%;border-width:0 0 3px 3px;border-radius:0 0 0 8px}.corner.br{bottom:20%;right:10%;border-width:0 3px 3px 0;border-radius:0 0 8px}.preview-captured{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:5}.captured-img{width:100%;height:100%;object-fit:cover;display:block}.preview-badge{position:absolute;top:100px;left:50%;transform:translate(-50%);background:#0009;color:#fff;font-size:.9rem;font-weight:700;padding:8px 20px;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;box-shadow:var(--shadow-sm)}.camera-controls{display:flex;align-items:center;justify-content:space-around;padding:24px 16px;width:100%;position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,#000c,#0000);z-index:100;padding-bottom:max(24px,env(safe-area-inset-bottom))}.shutter-btn{width:72px;height:72px;border-radius:50%;border:4px solid #FFF;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);flex-shrink:0;box-shadow:0 4px 12px #0000004d}.shutter-btn:active{transform:scale(.9)}.shutter-inner{width:54px;height:54px;border-radius:50%;background:#fff;display:block;transition:all var(--duration-fast) var(--ease-out)}.shutter-btn:active .shutter-inner{width:48px;height:48px}.camera-hint{position:absolute;bottom:120px;left:0;right:0;font-size:.85rem;color:#fffc;text-align:center;text-shadow:0 1px 4px rgba(0,0,0,.6);z-index:100}.camera-error{text-align:center;color:var(--red);padding:40px 20px;font-size:.9rem;max-width:320px}.celeb-section{margin-top:16px}.celeb-section-header{margin-bottom:14px}.celeb-section-title{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.celeb-section-sub{font-size:.75rem;color:var(--text-muted);margin-top:2px}.celeb-hero{position:relative;background:var(--bg-surface);border:1px solid var(--border-dim);border-radius:var(--radius-xl);padding:24px;overflow:hidden;opacity:0;transform:translateY(20px) scale(.97);transition:all .6s cubic-bezier(.4,0,.2,1)}.celeb-hero.revealed{opacity:1;transform:translateY(0) scale(1)}.celeb-hero-glow{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:var(--radius-xl);background:linear-gradient(135deg,var(--green) 0%,var(--blue) 25%,var(--purple) 50%,var(--orange) 75%,var(--green) 100%);background-size:300% 300%;animation:glowRotate 4s ease infinite;z-index:-1;opacity:.6}@keyframes glowRotate{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.celeb-hero-content{position:relative;z-index:1}.celeb-hero-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.celeb-hero-badge{background:var(--green-bg);border:1px solid rgba(63,185,80,.3);color:var(--green);font-size:.72rem;font-weight:700;padding:3px 12px;border-radius:100px;text-transform:uppercase;letter-spacing:.05em}.celeb-hero-percent{font-size:2.2rem;font-weight:900;line-height:1;font-family:var(--font-body)}.celeb-hero-name{font-size:1.6rem;font-weight:800;font-family:var(--font-heading);color:var(--text-primary);line-height:1.2}.celeb-hero-meta{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--text-muted);margin-top:4px}.celeb-dot{opacity:.5}.celeb-hero-label{font-size:.82rem;font-weight:700;margin-top:8px;letter-spacing:.02em}.celeb-similarities{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.celeb-sim-tag{font-size:.72rem;padding:3px 10px;border-radius:100px;background:var(--bg-hover);border:1px solid var(--border-dim);color:var(--green);font-weight:600}.celeb-fun-fact{display:flex;align-items:flex-start;gap:6px;margin-top:12px;padding:10px 12px;background:var(--bg-card);border:1px solid var(--border-dim);border-radius:var(--radius-md);font-size:.75rem;color:var(--text-muted);line-height:1.5}.celeb-runners-grid{display:flex;flex-direction:column;gap:8px;margin-top:10px}.celeb-runner-card{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-surface);border:1px solid var(--border-dim);border-radius:var(--radius-md);opacity:0;transform:translate(-16px);transition:all .4s cubic-bezier(.4,0,.2,1)}.celeb-runner-card.revealed{opacity:1;transform:translate(0)}.celeb-runner-card:hover{border-color:var(--border);background:var(--bg-card)}.celeb-runner-rank{font-size:.75rem;font-weight:800;color:var(--text-dim);min-width:24px}.celeb-runner-info{flex:1;min-width:0}.celeb-runner-name{font-size:.9rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.celeb-runner-meta{font-size:.72rem;color:var(--text-muted);margin-top:2px}.celeb-runner-sims{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.celeb-sim-tag-sm{font-size:.65rem;padding:1px 6px;border-radius:100px;background:var(--bg-hover);color:var(--text-muted)}.celeb-runner-percent{font-size:1.4rem;font-weight:800;flex-shrink:0}@media (max-width: 480px){.celeb-hero-name{font-size:1.3rem}.celeb-hero-percent{font-size:1.8rem}.celeb-hero{padding:18px}}.sg2-wrap{padding:0 0 24px}.sg2-header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 20px 10px}.sg2-title{font-size:1.25rem;font-weight:800;font-family:var(--font-heading)}.sg2-sub{font-size:.8rem;color:var(--text-muted);margin-top:3px}.sg2-gender-row{display:flex;gap:8px;padding:0 20px 10px}.sg2-gender-btn{padding:7px 18px;border-radius:99px;border:1.5px solid var(--border);background:var(--bg-surface);color:var(--text-muted);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:var(--font-body)}.sg2-gender-btn:hover{color:var(--text-primary)}.sg2-gender-btn.active.women{background:var(--pink-bg, #1e0d20);border-color:#d070a8;color:#d070a8}.sg2-gender-btn.active.men{background:var(--blue-bg);border-color:var(--blue);color:var(--blue)}.sg2-based-banner{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin:0 20px 12px;padding:10px 14px;background:var(--bg-card);border:1px solid var(--border-dim);border-radius:var(--radius-md);font-size:.8rem;color:var(--text-muted)}.sg2-based-banner strong{color:var(--text-primary)}.sg2-hmc-badge{margin-left:auto;font-size:.72rem;color:var(--green);font-weight:700}.sg2-prompt{text-align:center;padding:40px 20px;color:var(--text-muted);font-size:.95rem}.sg2-men-wrap{display:flex;flex-direction:column;gap:12px;padding:0 20px}.sg2-two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 640px){.sg2-two-col{grid-template-columns:1fr}}.sg2-card{background:var(--bg-surface);border:1px solid var(--border-dim);border-radius:var(--radius-lg);padding:14px;display:flex;flex-direction:column;gap:8px}.sg2-card-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px}.sg2-card-title{font-size:.9rem;font-weight:700;color:var(--text-primary)}.sg2-card-badges{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.sg2-best-badge{font-size:.65rem;font-weight:700;padding:2px 7px;border-radius:99px;background:var(--blue-bg);color:var(--blue)}.sg2-conf{font-size:.68rem;color:var(--green);font-weight:600}.sg2-card-desc{font-size:.78rem;color:var(--text-muted);line-height:1.45;margin:0}.sg2-tip{display:flex;gap:6px;align-items:flex-start;font-size:.72rem;color:var(--text-dim);background:var(--bg-card);border-radius:var(--radius-sm);padding:7px 10px;margin-top:2px}.sg2-thumb-row{display:flex;gap:8px;flex-wrap:wrap}.sg-face-card{display:flex;flex-direction:column;align-items:center;gap:4px;position:relative}.sg-face-svg{width:68px;height:74px;border-radius:6px;display:block}.sg-face-badge{position:absolute;top:-7px;left:50%;transform:translate(-50%);font-size:.55rem;font-weight:800;padding:2px 6px;border-radius:99px;white-space:nowrap;z-index:1}.sg-face-label{font-size:.63rem;color:var(--text-muted);text-align:center;max-width:70px;line-height:1.2}.sg-glasses-wrap{background:#0d1117;border-radius:6px;display:flex;align-items:center;justify-content:center}.sg2-grooming-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sg2-grooming-item{display:flex;align-items:flex-start;gap:6px;font-size:.75rem;color:var(--text-muted);line-height:1.4}.sg2-groom-icon{font-size:.95rem;flex-shrink:0}.sg2-hair-colors{display:flex;gap:10px;flex-wrap:wrap}.sg2-hair-color-item{display:flex;flex-direction:column;align-items:center;gap:4px}.sg2-hair-swatch{width:52px;height:52px;border-radius:8px;border:1px solid var(--border-dim);position:relative;flex-shrink:0}.sg2-swatch-best{position:absolute;bottom:2px;left:50%;transform:translate(-50%);font-size:.5rem;font-weight:800;background:var(--green);color:#000;padding:1px 5px;border-radius:99px;white-space:nowrap}.sg2-hair-color-name{font-size:.63rem;color:var(--text-muted);text-align:center;max-width:60px;line-height:1.2}.sg2-colors-section{display:flex;flex-direction:column;gap:6px}.sg2-colors-label{font-size:.72rem;font-weight:700;color:var(--text-primary)}.sg2-colors-dots{display:flex;gap:8px;flex-wrap:wrap}.sg2-color-dot-wrap{display:flex;flex-direction:column;align-items:center;gap:3px}.sg2-color-dot{width:34px;height:34px;border-radius:50%;border:1.5px solid rgba(255,255,255,.1)}.sg2-color-dot-name{font-size:.58rem;color:var(--text-dim);text-align:center;max-width:40px;line-height:1.2}.sg2-avoid-row{display:flex;align-items:center;gap:8px;margin-top:6px}.sg2-avoid-badge{font-size:.68rem;font-weight:700;padding:2px 8px;border-radius:99px;background:var(--red-bg, #200d0d);color:#ff6b6b;flex-shrink:0}.sg2-avoid-text{font-size:.72rem;color:var(--text-muted)}.sg2-makeup-grid{display:flex;flex-direction:column;gap:6px}.sg2-makeup-item{display:flex;gap:8px;align-items:flex-start}.sg2-makeup-key{font-size:.72rem;color:var(--text-dim);min-width:80px;font-weight:600}.sg2-makeup-val{font-size:.72rem;color:var(--text-muted);line-height:1.4}.sg2-pro-tips-section{margin-top:4px}.sg2-pro-tips-title{font-size:.95rem;font-weight:800;color:var(--yellow);margin-bottom:10px;padding:0 2px}.sg2-pro-tips-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.sg2-pro-tip-card{background:var(--bg-surface);border:1px solid var(--border-dim);border-radius:var(--radius-md);padding:12px 10px;display:flex;flex-direction:column;gap:5px}.sg2-pro-tip-icon{font-size:1.1rem}.sg2-pro-tip-name{font-size:.78rem;font-weight:700}.sg2-pro-tip-text{font-size:.7rem;color:var(--text-muted);line-height:1.4}.sg2-disclaimer{font-size:.68rem;color:var(--text-dim);padding:12px 20px 0;line-height:1.5}.style-guide-section{margin-top:20px;padding-bottom:8px}.style-guide-header{margin-bottom:16px}.style-guide-title{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.style-guide-sub{font-size:.75rem;color:var(--text-muted);margin-top:2px}.style-gender-btns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.style-gender-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px 12px;border-radius:var(--radius-xl);border:2px solid var(--border-dim);background:var(--bg-surface);cursor:pointer;transition:all .2s ease;color:var(--text-primary)}.style-gender-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0003}.style-women-btn:hover{border-color:#e879a0;background:#e879a014}.style-men-btn:hover{border-color:var(--blue);background:#58a6ff14}.style-gender-icon{font-size:2rem}.style-gender-label{font-size:.9rem;font-weight:700}.style-gender-sub{font-size:.68rem;color:var(--text-muted);text-align:center}.style-loading{display:flex;align-items:center;gap:12px;padding:24px;color:var(--text-muted);font-size:.85rem}.style-loading-spinner{width:18px;height:18px;border-radius:50%;border:2px solid var(--border-dim);border-top-color:var(--purple);animation:spin .8s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.style-tabs{display:flex;gap:8px;margin-bottom:16px}.style-tab{padding:7px 18px;border-radius:100px;border:1px solid var(--border-dim);background:var(--bg-surface);color:var(--text-muted);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease}.style-tab.active{background:var(--bg-card);color:var(--text-primary);border-color:var(--border)}.style-tab:hover{border-color:var(--border)}.style-based-on{font-size:.75rem;color:var(--text-muted);padding:8px 12px;background:var(--bg-card);border-radius:var(--radius-md);margin-bottom:14px;border:1px solid var(--border-dim)}.style-section{margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid var(--border-dim)}.style-section:last-child{border-bottom:none;margin-bottom:0}.style-section-title{font-size:.88rem;font-weight:700;color:var(--text-primary);margin-bottom:10px;display:flex;align-items:center;gap:6px}.style-text{font-size:.82rem;color:var(--text-secondary);line-height:1.6;margin:0}.style-tip{font-size:.78rem;color:var(--text-muted);margin:0 0 10px;line-height:1.5}.style-avoid{font-size:.75rem;color:var(--orange);margin-top:8px;display:flex;gap:5px;align-items:flex-start}.style-tag-list{display:flex;flex-wrap:wrap;gap:6px}.style-tag{font-size:.74rem;padding:4px 12px;border-radius:100px;border:1px solid var(--tag-color, var(--green));color:var(--tag-color, var(--green));background:color-mix(in srgb,var(--tag-color, var(--green)) 10%,transparent);font-weight:600}.style-makeup-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.style-makeup-card{padding:10px 12px;background:var(--bg-card);border:1px solid var(--border-dim);border-radius:var(--radius-md)}.style-makeup-key{font-size:.68rem;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px}.style-makeup-val{font-size:.76rem;color:var(--text-secondary);line-height:1.4}.style-swatches-wrap{margin-bottom:8px}.style-swatches-label{font-size:.7rem;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.style-swatches{display:flex;flex-wrap:wrap;gap:8px}.style-swatch-item{display:flex;align-items:center;gap:5px}.style-swatch-dot{width:16px;height:16px;border-radius:50%;border:1px solid rgba(255,255,255,.15);flex-shrink:0}.style-swatch-name{font-size:.72rem;color:var(--text-muted)}.style-tips-list{padding:0;margin:0;list-style:none;display:flex;flex-direction:column;gap:8px}.style-tips-list li{font-size:.8rem;color:var(--text-secondary);line-height:1.5;padding-left:16px;position:relative}.style-tips-list li:before{content:"•";position:absolute;left:0;color:var(--blue)}@media (max-width: 400px){.style-makeup-grid,.style-gender-btns{grid-template-columns:1fr}}.sbd-wrap{margin-top:16px;border-top:1px solid var(--border-dim);padding-top:12px}.sbd-toggle{display:flex;align-items:center;gap:8px;background:none;border:none;color:var(--text-muted);font-size:.78rem;cursor:pointer;padding:4px 0;transition:color var(--duration-fast)}.sbd-toggle:hover{color:var(--text-primary)}.sbd-toggle-icon{font-size:.65rem}.sbd-body{margin-top:14px;display:flex;flex-direction:column;gap:18px}.sbd-intro{font-size:.78rem;color:var(--text-muted);line-height:1.5;padding:10px 12px;background:var(--bg-hover);border-radius:var(--radius-sm)}.sbd-row{display:flex;flex-direction:column;gap:6px}.sbd-row-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.sbd-row-left{display:flex;align-items:flex-start;gap:10px;flex:1}.sbd-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;margin-top:4px}.sbd-label{font-size:.82rem;font-weight:600;color:var(--text-primary)}.sbd-desc{font-size:.72rem;color:var(--text-dim);margin-top:2px;line-height:1.4}.sbd-row-right{display:flex;align-items:baseline;gap:5px;flex-shrink:0;white-space:nowrap}.sbd-score{font-size:1.1rem;font-weight:700}.sbd-denom,.sbd-weight{font-size:.72rem;color:var(--text-dim)}.sbd-contrib{font-size:.82rem;font-weight:600}.sbd-bar-track{height:5px;background:var(--bg-hover);border-radius:3px;overflow:hidden}.sbd-bar-fill{height:100%;border-radius:3px;transition:width .8s var(--ease-out)}.sbd-subcoms{display:flex;flex-direction:column;gap:5px;margin-top:8px;padding-left:20px}.sbd-subcom{display:grid;grid-template-columns:1fr auto 80px auto;gap:8px;align-items:center}.sbd-subcom-name{font-size:.72rem;color:var(--text-muted)}.sbd-subcom-ideal{font-size:.68rem;color:var(--text-dim);white-space:nowrap}.sbd-subcom-bar-track{height:4px;background:var(--bg-hover);border-radius:2px;overflow:hidden}.sbd-subcom-bar-fill{height:100%;border-radius:2px;transition:width .6s var(--ease-out)}.sbd-subcom-score{font-size:.7rem;font-weight:600;text-align:right}.sbd-formula{background:var(--bg-hover);border-radius:var(--radius-sm);padding:10px 14px;margin-top:4px}.sbd-formula-row{display:flex;align-items:baseline;gap:4px;flex-wrap:wrap;font-size:.82rem}.sbd-plus{color:var(--text-dim)}.sbd-equals{color:var(--text-dim);margin-left:4px}.sbd-final{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.sbd-final-denom{font-size:.72rem;color:var(--text-dim)}.insight-card{background:var(--bg-card);border:1px solid var(--border-dim);border-radius:var(--radius-md);overflow:hidden;animation:fadeSlideUp .4s both}.insight-card-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--duration-fast)}.insight-card-header:hover{background:var(--bg-hover)}.insight-card-left{display:flex;align-items:center;gap:10px;flex:1}.insight-severity-chip{font-size:.7rem;font-weight:600;padding:3px 8px;border-radius:var(--radius-full);white-space:nowrap}.insight-card-title{font-size:.82rem;font-weight:600;color:var(--text-primary)}.insight-card-chevron{font-size:.65rem;transition:color var(--duration-fast)}.insight-card-body{padding:12px 14px 14px;border-top:1px solid var(--border-dim);display:flex;flex-direction:column;gap:12px}.insight-section-label{font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);margin-bottom:6px}.insight-causes-list,.insight-tips-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.insight-causes-list li,.insight-tips-list li{font-size:.78rem;color:var(--text-muted);display:flex;gap:6px;line-height:1.4}.insight-timeline{display:flex;align-items:center;gap:6px;padding:8px 10px;background:var(--bg-hover);border-radius:var(--radius-sm)}.insight-timeline-icon{font-size:.85rem}.insight-timeline-label{font-size:.72rem;font-weight:600;color:var(--text-dim)}.insight-timeline-val{font-size:.78rem;color:var(--text-muted)}.insight-card-simple{list-style:none;display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--text-muted);padding:8px 12px;background:var(--bg-card);border-radius:var(--radius-sm)}.rd-gr-bar-track{height:5px;background:var(--bg-hover);border-radius:3px;overflow:hidden}.rd-gr-bar-fill{height:100%;border-radius:3px;transition:width .7s var(--ease-out)}.feature-card-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.feature-card-conf{margin-left:auto;font-size:.68rem;font-weight:600;color:var(--text-dim);background:var(--bg-hover);border-radius:var(--radius-full);padding:2px 8px;white-space:nowrap}.celeb-why-wrap{margin-top:12px}.celeb-why-title{font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-dim);margin-bottom:8px}.celeb-why-btn{background:none;border:none;font-size:.7rem;font-weight:600;cursor:pointer;padding:2px 6px;border-radius:var(--radius-sm);transition:background var(--duration-fast)}.celeb-why-btn:hover{background:var(--bg-hover)}.celeb-runner-why{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:6px;padding-top:8px;border-top:1px solid var(--border-dim);margin-top:4px}.sg2-photo-grid{display:flex;flex-direction:column;gap:12px}.sg2-photo-item{display:flex;align-items:flex-start;gap:12px}.sg2-photo-icon{font-size:1.1rem;width:28px;flex-shrink:0;text-align:center;margin-top:1px}.sg2-photo-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);margin-bottom:2px}.sg2-photo-val{font-size:.8rem;color:var(--text-muted);line-height:1.4}.sg2-skincare-tip{font-size:.78rem;color:var(--text-muted);background:var(--bg-hover);border-radius:var(--radius-sm);padding:8px 12px;margin-bottom:14px;line-height:1.4}.sg2-skincare-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.sg2-skincare-col-title{font-size:.75rem;font-weight:700;color:var(--text-primary);margin-bottom:8px}.sg2-skincare-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}.sg2-skincare-list li{font-size:.75rem;color:var(--text-muted);display:flex;gap:6px;line-height:1.4}@media (max-width: 640px){.sg2-skincare-grid{grid-template-columns:1fr}.sbd-subcom{grid-template-columns:1fr auto}.sbd-subcom-bar-track{display:none}}