:root{--bg: #F6F5F1;--surface: #FFFFFF;--text: #24211C;--muted: #8A8377;--accent: #6B4A34;--accent-fg: #FFFFFF;--border: rgba(107, 74, 52, .28);--muted-2: #B8AF9F;--text-2: #3A362F;--text-3: #4A453C;--accent-2: #9C7A54;--accent-dark: #4A3222;--tint: rgba(107, 74, 52, .08);--tint-strong: rgba(107, 74, 52, .14);--scrim: rgba(36, 33, 28, .35);--accent-gradient: linear-gradient(135deg, var(--accent), var(--accent-dark));--accent-gradient-h: linear-gradient(90deg, var(--accent), var(--accent-2));--btn-shadow: 0 10px 24px rgba(183, 106, 80, .35);--font: "Manrope", system-ui, sans-serif;--text-xs: 11px;--text-sm: 13px;--text-base: 15px;--text-lg: 17px;--text-xl: 24px;--text-2xl: 36px;--weight-mid: 500;--weight-bold: 600;--gap-1: 4px;--gap-2: 8px;--gap-3: 12px;--gap-4: 16px;--gap-5: 20px;--gap-6: 24px;--r-sm: 8px;--r-md: 10px;--r-lg: 16px;--r-pill: 20px;--r-sheet: 8px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--text-base);line-height:1.5;-webkit-font-smoothing:antialiased}.btn-primary{width:100%;height:52px;background:var(--accent-gradient);color:var(--accent-fg);border:none;border-radius:var(--r-lg);box-shadow:var(--btn-shadow);font-family:var(--font);font-size:var(--text-base);font-weight:var(--weight-bold);cursor:pointer;transition:opacity .15s,transform .1s}.btn-primary:active{opacity:.85;transform:scale(.99)}.btn-primary:disabled{opacity:.35;cursor:default}.btn-ghost{height:52px;padding:0 var(--gap-4);background:transparent;color:var(--text);border:1px solid var(--border);border-radius:var(--r-md);font-family:var(--font);font-size:var(--text-base);font-weight:var(--weight-mid);cursor:pointer}.btn-ghost:disabled{opacity:.35;cursor:default}.btn-back{background:none;border:none;color:var(--muted);font-family:var(--font);font-size:var(--text-sm);cursor:pointer;padding:0;display:inline-flex;align-items:center;gap:var(--gap-1)}.card{background:var(--surface);border-radius:var(--r-lg);padding:var(--gap-5)}.label-caps{font-size:var(--text-xs);font-weight:var(--weight-mid);color:var(--muted);letter-spacing:.08em;text-transform:uppercase;display:block}.centered{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}.onboarding-screen{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 var(--gap-6);gap:var(--gap-4);background:radial-gradient(circle at 50% 30%,var(--tint) 0%,var(--bg) 60%)}.analysis-home{min-height:calc(100vh - 64px - env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 var(--gap-6);gap:var(--gap-4);background:radial-gradient(circle at 50% 30%,var(--tint) 0%,var(--bg) 60%)}.onboarding-logo{width:72px;height:72px;border-radius:24px;background:var(--accent-gradient);color:var(--accent-fg);display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:var(--weight-bold);box-shadow:0 12px 28px #6b4a344d}.onboarding-title{font-size:30px;line-height:1.2;font-weight:var(--weight-bold);color:var(--text);margin:0}.onboarding-subtitle{font-size:var(--text-base);line-height:1.55;color:var(--muted);margin:0}.onboarding-footnote{font-size:var(--text-xs);color:var(--muted-2);margin:0}@keyframes pulse{0%,to{opacity:.2}50%{opacity:1}}.dots{display:flex;gap:var(--gap-2)}.dot{width:6px;height:6px;border-radius:50%;background:var(--muted);animation:pulse 1.2s ease-in-out infinite}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}.loader-text{font-size:var(--text-sm);color:var(--muted);margin-top:var(--gap-3)}.error-text{font-size:var(--text-sm);color:#c0392b;margin-top:var(--gap-2)}.home{min-height:calc(100vh - 64px - env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;padding:var(--gap-6);padding-top:env(safe-area-inset-top,var(--gap-6));padding-bottom:var(--gap-6)}.upload-loading{align-items:center;justify-content:center}.upload-body{display:flex;flex-direction:column;gap:var(--gap-4);flex:1}.upload-title{font-size:var(--text-xl);color:var(--text)}.upload-body-subtitle{font-size:var(--text-sm);color:var(--muted);line-height:1.5}.dropzone{flex:1;min-height:0;position:relative;border:2px dashed var(--border);border-radius:var(--r-md);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--gap-2);background:var(--tint);cursor:pointer;overflow:hidden}.dropzone-icon{color:var(--accent)}.dropzone-text{font-size:var(--text-sm);color:var(--accent);font-weight:var(--weight-bold)}.dropzone-preview{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.tips-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--gap-4);display:flex;flex-direction:column;gap:var(--gap-2)}.tips-card-title{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--text)}.tips-card-item{font-size:var(--text-sm);color:var(--muted)}.side-prompt-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);z-index:1000;display:flex;align-items:flex-end}.side-prompt-sheet{width:100%;background:var(--surface);border-radius:var(--r-sheet) var(--r-sheet) 0 0;padding:var(--gap-5) var(--gap-4) calc(var(--gap-5) + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:var(--gap-3)}.side-prompt-title{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text);text-align:center;margin:0}.side-prompt-text{font-size:var(--text-sm);color:var(--muted);text-align:center;line-height:1.5;margin:0}.side-prompt-actions{display:flex;flex-direction:column;gap:var(--gap-2);margin-top:var(--gap-2)}.analysis-subtabs{display:flex;background:var(--surface);border-radius:var(--r-md);padding:3px;margin-bottom:var(--gap-5)}.subtab{flex:1;padding:8px 0;border:none;background:none;border-radius:var(--r-sm);font-family:var(--font);font-size:var(--text-sm);font-weight:var(--weight-mid);color:var(--muted);cursor:pointer}.subtab--active{background:var(--bg);color:var(--text);box-shadow:0 1px 3px #00000014}.side-tip-banner{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--gap-3) var(--gap-4);font-size:var(--text-sm);color:var(--muted);line-height:1.5;margin-bottom:var(--gap-4)}.preview-badge{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:var(--r-sm);font-size:var(--text-xs);padding:var(--gap-2) var(--gap-3);margin-bottom:var(--gap-4)}.analysis-page{padding:var(--gap-4);max-width:420px;margin:0 auto}.analysis-page .btn-back{margin-bottom:var(--gap-5)}.analysis-page--wizard{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding:var(--gap-4) 0 0;max-width:none;margin:0;overflow:hidden}.analysis-page--wizard .btn-back{padding-left:var(--gap-4)}.wizard-shell{display:flex;flex-direction:column;flex:1;min-height:0}.wizard-top{flex-shrink:0;padding:0 var(--gap-4)}.upload-heading{font-size:var(--text-xl);font-weight:var(--weight-bold);margin-bottom:var(--gap-1)}.upload-subtitle{font-size:var(--text-sm);color:var(--muted);margin-bottom:var(--gap-4)}.upload-zone{border:1px dashed var(--border);border-radius:var(--r-md);height:160px;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;margin-bottom:var(--gap-3)}.upload-zone-placeholder{font-size:var(--text-sm);color:var(--muted)}.upload-preview{width:100%;height:100%;object-fit:cover;display:block}.consent-label{display:flex;gap:var(--gap-2);align-items:flex-start;font-size:var(--text-sm);color:var(--muted);cursor:pointer;margin-bottom:var(--gap-4)}.consent-box{width:16px;height:16px;min-width:16px;border:1px solid var(--border);border-radius:var(--r-sm);-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;position:relative;margin-top:2px;background:transparent}.consent-box:checked{background:var(--accent);border-color:var(--accent)}.consent-box:checked:after{content:"";position:absolute;left:4px;top:1px;width:5px;height:9px;border:2px solid var(--accent-fg);border-top:none;border-left:none;transform:rotate(45deg)}.wizard-progress-track{height:2px;background:var(--surface);border-radius:1px;overflow:hidden;margin-bottom:var(--gap-3)}.wizard-progress-fill{height:100%;background:var(--accent);border-radius:1px;transition:width .3s ease}.wizard-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--gap-1)}.wizard-step{font-size:var(--text-xs);color:var(--muted)}.wizard-label{font-size:var(--text-lg);font-weight:var(--weight-bold)}.wizard-point-hint{font-size:var(--text-sm);line-height:1.35;color:var(--muted);text-align:center;margin:var(--gap-1) 0 var(--gap-3)}.wizard-example{position:relative;margin:0 0 var(--gap-3);width:100%;height:140px;border-radius:var(--r-md);overflow:hidden;background:var(--surface);border:1px solid var(--border)}.wizard-example img{width:100%;height:100%;object-fit:contain;display:block}.wizard-example-cap{position:absolute;top:var(--gap-1);left:var(--gap-1);padding:2px 8px;font-size:var(--text-xs);font-weight:var(--weight-mid);color:var(--accent-fg);background:#00000073;border-radius:var(--r-sm)}.wizard-viewport{position:relative;overflow:hidden;background:#000;touch-action:none;flex:1;min-height:0;margin:0 var(--gap-4) var(--gap-4);border-radius:var(--r-md)}.wizard-crosshair-ring{position:absolute;width:24px;height:24px;margin-left:-12px;margin-top:-12px;border-radius:50%;border:2px solid rgba(255,255,255,.9);mix-blend-mode:difference}.wizard-crosshair-dot{position:absolute;width:4px;height:4px;margin-left:-2px;margin-top:-2px;border-radius:50%;background:#ffffffe6;mix-blend-mode:difference}.wizard-drag-hint{position:absolute;top:var(--gap-2);left:50%;transform:translate(-50%);z-index:10;display:flex;align-items:center;gap:5px;padding:3px 10px;font-size:var(--text-xs);color:var(--accent-fg);background:#00000073;border-radius:var(--r-sm);white-space:nowrap;pointer-events:none}.wizard-nav-overlay{position:absolute;bottom:0;left:0;right:0;z-index:10;display:flex;gap:var(--gap-2);padding:var(--gap-2) var(--gap-2) var(--gap-3);background:linear-gradient(transparent,#000000a6);pointer-events:none}.wizard-nav-overlay button{pointer-events:auto}.wizard-nav-overlay .btn-ghost{flex:1;min-width:0}.wizard-nav-overlay .btn-primary{flex:1;width:auto;min-width:0;padding:0 var(--gap-4);border:1px solid transparent}.feature-page{height:100vh;display:flex;flex-direction:column;overflow:hidden}.feature-photo{flex:1;overflow:hidden;min-height:0}.feature-photo img{width:100%;height:100%;object-fit:cover;display:block}.feature-divider{border:none;border-top:1px solid var(--border)}.feature-controls{flex:1;display:flex;flex-direction:column;padding:var(--gap-4);gap:var(--gap-3);min-height:0;background:var(--bg)}.feature-header{display:flex;justify-content:space-between;align-items:center}.feature-label{font-size:var(--text-base);font-weight:var(--weight-bold)}.feature-step{font-size:var(--text-xs);color:var(--muted)}.feature-ref{flex:1;border-radius:var(--r-md);overflow:hidden;min-height:0}.feature-ref img{width:100%;height:100%;object-fit:cover;display:block}.slider{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;height:2px;background:var(--border);border-radius:var(--r-sm);outline:none;cursor:pointer}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--text);border:2px solid var(--bg);box-shadow:0 0 0 1px var(--border);cursor:pointer}.slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--text);box-shadow:0 0 0 1px var(--border);cursor:pointer;border:none}.feature-error{font-size:var(--text-xs);color:var(--muted);text-align:center}.result-page{padding:var(--gap-4);max-width:420px;margin:0 auto}.result-heading{font-size:var(--text-xl);font-weight:var(--weight-bold);margin-top:var(--gap-2);margin-bottom:var(--gap-4)}.metrics-section{margin-top:var(--gap-5);margin-bottom:var(--gap-2)}.metrics-list{display:flex;flex-direction:column;gap:var(--gap-2)}.metric-card{background:var(--surface);border-radius:var(--r-lg);padding:var(--gap-4) var(--gap-5)}.metric-header{display:flex;align-items:center;gap:var(--gap-2);margin-bottom:var(--gap-3)}.metric-name{font-size:var(--text-base);font-weight:var(--weight-bold)}.metric-header-spacer,.metric-sub-spacer{flex:1}.metric-pill{font-size:var(--text-xs);font-weight:var(--weight-bold);padding:2px 9px;border-radius:999px;white-space:nowrap}.metric-chevron{font-size:var(--text-xl);color:var(--muted);line-height:1;margin-left:2px}.metric-badge{font-size:var(--text-xs);color:var(--muted)}.metric-sub-list{margin-top:var(--gap-4);padding-top:var(--gap-4);border-top:1px solid var(--border);display:flex;flex-direction:column;gap:var(--gap-4)}.metric-sub-header{display:flex;align-items:center;gap:var(--gap-2);margin-bottom:var(--gap-1)}.metric-sub-name{font-size:var(--text-sm);font-weight:var(--weight-mid)}.metric-sub-score{font-size:var(--text-base);font-weight:var(--weight-bold)}.metric-footer{display:flex;justify-content:space-between;margin-top:var(--gap-2)}.metric-ideal{font-size:var(--text-xs);color:var(--muted)}.metric-score{font-size:var(--text-xl);font-weight:var(--weight-bold)}.app-shell{min-height:100vh}.app-body{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}.tabbar{position:fixed;left:0;right:0;bottom:0;display:flex;background:var(--bg);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom,0px);z-index:50}.tabbar-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 0 8px;background:none;border:none;color:var(--muted);font-family:var(--font);font-size:var(--text-xs);cursor:pointer}.tabbar-item.is-active{color:var(--accent)}.tabbar-icon{display:block}.profile-page{padding:var(--gap-5) var(--gap-4) 0}.profile-header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;margin-bottom:var(--gap-5)}.profile-avatar{width:76px;height:76px;border-radius:50%;background:var(--accent-gradient);color:var(--accent-fg);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);font-weight:var(--weight-bold);flex-shrink:0;overflow:hidden}.profile-avatar-img{width:100%;height:100%;object-fit:cover}.profile-name{font-size:var(--text-lg);font-weight:var(--weight-bold);margin:0;display:flex;align-items:center;gap:var(--gap-2)}.profile-badge{font-size:var(--text-xs);font-weight:var(--weight-mid);color:var(--accent);border:1px solid var(--accent);border-radius:var(--r-sm);padding:1px 6px}.profile-username{color:var(--muted);font-size:var(--text-sm);margin:0}.profile-plan-badge{display:inline-block;font-size:var(--text-xs);font-weight:var(--weight-mid);color:var(--muted);background:var(--tint-strong);border-radius:var(--r-md);padding:5px 12px}.profile-premium-btn{margin-bottom:var(--gap-4)}.profile-settings-card{background:var(--surface);border-radius:var(--r-md);overflow:hidden;margin-bottom:var(--gap-4)}.profile-settings-row{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--gap-4);border:none;border-bottom:1px solid var(--border);background:none;font-family:var(--font);font-size:var(--text-base);color:var(--text);cursor:pointer;text-align:left}.profile-settings-row:last-child{border-bottom:none}.profile-settings-value{color:var(--muted);font-size:var(--text-sm)}.profile-balance{text-align:center;font-size:var(--text-sm);color:var(--muted)}.history-header{padding:var(--gap-4) 0 var(--gap-3)}.history-title{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text);margin:0 0 var(--gap-1)}.history-subtitle{font-size:var(--text-sm);color:var(--muted);margin:0}.history-chart{margin:var(--gap-4) 0;display:flex;flex-direction:column;gap:var(--gap-3)}.history-trend-pill{align-self:flex-start;font-size:var(--text-xs);font-weight:var(--weight-bold);padding:6px 12px;border-radius:var(--r-pill);background:var(--tint);border:1px solid var(--border);color:var(--accent)}.history-trend-pill.is-down{color:var(--text-3)}.history-chart-bars{display:flex;align-items:flex-end;gap:var(--gap-3);height:100px;padding:0 var(--gap-1)}.history-chart-bar{flex:1;min-height:8px;border-radius:var(--r-sm) var(--r-sm) 0 0;background:var(--tint-strong)}.history-chart-bar.is-latest{background:var(--accent-gradient)}.history-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--gap-2)}.history-row{display:flex;align-items:center;gap:var(--gap-3);padding:var(--gap-3);background:var(--surface);border-radius:var(--r-md);cursor:pointer}.history-thumb{width:56px;height:56px;border-radius:var(--r-sm);overflow:hidden;background:var(--border);flex-shrink:0;display:flex;align-items:center;justify-content:center}.history-thumb img{width:100%;height:100%;object-fit:cover}.history-thumb-empty{font-size:var(--text-xs);color:var(--muted);text-align:center;padding:0 4px}.history-meta{flex:1;display:flex;flex-direction:column;gap:4px}.history-date{font-size:var(--text-sm);color:var(--muted)}.history-grade-row{display:flex;align-items:baseline;gap:var(--gap-2)}.history-score{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--accent)}.history-chevron{color:var(--muted);font-size:var(--text-xl);line-height:1}.history-empty{text-align:center;padding:var(--gap-6) var(--gap-4)}.history-empty-title{font-size:var(--text-base);font-weight:var(--weight-mid);margin:0 0 var(--gap-2)}.history-empty-text{font-size:var(--text-sm);color:var(--muted);margin:0}.paywall-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);z-index:1000;display:flex;align-items:flex-end}.paywall-sheet{width:100%;background:var(--surface);border-radius:var(--r-sheet) var(--r-sheet) 0 0;padding:var(--gap-4) var(--gap-4) calc(var(--gap-5) + env(safe-area-inset-bottom));max-height:88vh;overflow-y:auto;display:flex;flex-direction:column;gap:var(--gap-3)}.paywall-close-row{display:flex;justify-content:flex-end}.paywall-close-btn{width:30px;height:30px;border-radius:50%;border:none;background:var(--tint-strong);color:var(--muted);font-size:var(--text-sm);cursor:pointer}.paywall-title{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text);text-align:center;margin:0}.paywall-subtitle{font-size:var(--text-sm);color:var(--muted);text-align:center;margin:0 0 var(--gap-2)}.paywall-features{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--gap-2)}.paywall-features li{display:flex;align-items:center;gap:var(--gap-2);font-size:var(--text-sm);color:var(--text-2)}.paywall-check{color:var(--accent);font-weight:var(--weight-bold);flex-shrink:0}.paywall-plans{display:flex;gap:var(--gap-3);margin-top:var(--gap-2)}.paywall-plan-card{flex:1;text-align:left;border-radius:var(--r-md);padding:var(--gap-3);border:2px solid var(--border);background:var(--surface);cursor:pointer;position:relative}.paywall-plan-card.is-selected{border-color:var(--accent)}.paywall-plan-name{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--text)}.paywall-plan-price{font-size:var(--text-sm);color:var(--muted);margin-top:2px}.paywall-plan-price-old{text-decoration:line-through;color:var(--muted-2);margin-right:var(--gap-1)}.paywall-plan-badge{margin-top:var(--gap-1);display:inline-block;font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--accent)}.sub-active-status{display:flex;align-items:center;justify-content:space-between;padding:var(--gap-3) var(--gap-4);background:var(--tint);border-radius:var(--r-md)}.sub-active-badge{font-size:var(--text-sm);font-weight:var(--weight-bold)}.sub-active-remaining{font-size:var(--text-sm);color:var(--muted)}.paywall-footer{display:flex;align-items:center;justify-content:space-between}.paywall-footer-balance{font-size:var(--text-sm);color:var(--muted)}.paywall-secondary-row{display:flex;justify-content:center;margin-top:var(--gap-1)}.paywall-not-now{font-size:var(--text-xs);color:var(--muted-2);cursor:pointer}.sub-card-loading,.sub-card-error{text-align:center;padding:var(--gap-5);color:var(--muted);font-size:var(--text-sm)}.toggle{position:relative;display:inline-block;width:44px;height:26px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--border);border-radius:13px;cursor:pointer;transition:background .2s}.toggle-slider:before{content:"";position:absolute;width:20px;height:20px;left:3px;top:3px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #00000026;transition:transform .2s}.toggle input:checked+.toggle-slider{background:var(--accent)}.toggle input:checked+.toggle-slider:before{transform:translate(18px)}.toggle input:disabled+.toggle-slider{opacity:.5;cursor:default}.result-photo-wrap{position:relative;display:block;width:100%;max-width:240px;margin:0 auto var(--gap-4);border-radius:var(--r-lg);overflow:hidden;line-height:0}.result-photo{display:block;width:100%;height:auto}@keyframes landmark-in-out{0%{opacity:0}8%{opacity:1}84%{opacity:1}to{opacity:0}}.landmark-overlay{animation:landmark-in-out 3.8s ease forwards}.metric-card--tappable{cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity .12s ease,transform .12s ease}.metric-card--tappable:active{opacity:.72;transform:scale(.985)}.metric-card--locked{cursor:pointer;opacity:.55;-webkit-tap-highlight-color:transparent}.metric-card--locked:active{opacity:.35}.metric-lock{font-size:14px}.metric-locked-bar{height:6px;border-radius:3px;background:var(--border, #e0e0e0);margin-top:8px}.trial-ai-stub{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:120px;gap:10px;cursor:pointer;opacity:.5}.trial-ai-lock{font-size:28px}.trial-ai-text{font-size:var(--text-sm);color:var(--muted);margin:0}.metric-sub-item--tappable{cursor:pointer;-webkit-tap-highlight-color:transparent}.metric-sub-item--tappable:active{opacity:.65}.btn-ghost-wide{width:100%;height:52px;background:none;color:var(--text);border:1px solid var(--border);border-radius:var(--r-lg);font-family:var(--font);font-size:var(--text-base);font-weight:var(--weight-mid);cursor:pointer;margin-top:var(--gap-2)}.gscale{position:relative;height:8px;margin:var(--gap-2) 0}.gscale--large{height:12px;margin:var(--gap-5) 0 var(--gap-2)}.gscale-track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:linear-gradient(to right,#f0867a,#f3b25e 27%,#2fc46c,#f3b25e 73%,#f0867a)}.gscale-marker{position:absolute;top:50%;width:14px;height:14px;margin-left:-7px;margin-top:-7px;border-radius:999px;background:#fff;box-shadow:0 1px 4px #0000004d,0 0 0 1px #0000000f}.gscale--large .gscale-marker{width:22px;height:16px;margin-left:-11px;margin-top:-8px;border-radius:999px}.gscale-callout{position:absolute;bottom:calc(100% + 8px);transform:translate(-50%);background:var(--text);color:var(--bg);font-size:var(--text-xs);font-weight:var(--weight-bold);padding:3px 9px;border-radius:var(--r-sm);white-space:nowrap}.gscale-callout:after{content:"";position:absolute;top:100%;left:50%;margin-left:-4px;border:4px solid transparent;border-top-color:var(--text)}.gscale-legend{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--muted);margin-top:var(--gap-1)}.gscale-legend-mid{color:var(--muted)}.cat-bars-title{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text);margin-top:var(--gap-2)}.cat-bars{display:flex;flex-direction:column;gap:var(--gap-4);margin:var(--gap-4) 0}.cat-bar-row{cursor:pointer;-webkit-tap-highlight-color:transparent}.cat-bar-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.cat-bar-label{font-size:var(--text-sm);font-weight:var(--weight-mid);color:var(--text)}.cat-bar-row--active .cat-bar-label{color:var(--accent)}.cat-bar-score{font-size:var(--text-sm);font-weight:var(--weight-bold)}.cat-bar-lock{font-size:14px;color:var(--muted)}.cat-bar-track{height:7px;border-radius:4px;background:var(--tint-strong);overflow:hidden}.cat-bar-fill{height:100%;border-radius:4px;background:var(--accent-gradient-h)}.cat-bar-row--locked{opacity:.55}.reveal-item{opacity:0;transform:translateY(10px)}.reveal-item.reveal-in{animation:reveal-fade-in .48s cubic-bezier(.22,.8,.3,1) forwards}@keyframes reveal-fade-in{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.reveal-item{animation:none!important}.reveal-item{opacity:1!important;transform:none!important}}.detail-page{padding:var(--gap-4);max-width:420px;margin:0 auto;min-height:100vh}.detail-page .btn-back{margin-bottom:var(--gap-4)}.detail-title{font-size:var(--text-xl);font-weight:var(--weight-bold);margin-bottom:var(--gap-4)}.detail-photo-wrap{position:relative;width:100%;max-width:280px;margin:0 auto var(--gap-5);border-radius:var(--r-lg);overflow:hidden;line-height:0}.detail-photo{display:block;width:100%;height:auto}.stat-row{display:flex;gap:var(--gap-2);margin-bottom:var(--gap-5)}.stat-card{flex:1;display:flex;flex-direction:column;gap:4px;padding:var(--gap-3);background:var(--surface);border-radius:var(--r-md)}.stat-card--ideal{background:#2fc46c24}.stat-label{font-size:10px;font-weight:var(--weight-mid);letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.stat-value{font-size:var(--text-lg);font-weight:var(--weight-bold);line-height:1.1}.stat-card--ideal .stat-value{color:#2fc46c}.stat-denom{font-size:var(--text-xs);color:var(--muted);font-weight:var(--weight-mid)}.info-card{background:var(--surface);border-radius:var(--r-md);padding:var(--gap-4);margin-top:var(--gap-4)}.info-card .label-caps{margin-bottom:var(--gap-2)}.info-card p{font-size:var(--text-sm);line-height:1.55;color:var(--text)}.curve-card{background:var(--surface);border-radius:var(--r-md);padding:var(--gap-4);margin-top:var(--gap-4)}.curve-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--gap-3)}.curve-yourval{font-size:var(--text-lg);font-weight:var(--weight-bold)}.curve-yourval-denom{font-size:var(--text-xs);color:var(--muted);font-weight:var(--weight-mid)}.curve-plot{display:flex;gap:var(--gap-2)}.curve-yaxis{display:flex;flex-direction:column;justify-content:space-between;height:120px;font-size:10px;color:var(--muted);text-align:right;min-width:14px}.curve-right{flex:1;min-width:0}.curve-svg{width:100%;height:120px;display:block}.curve-axis{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--muted);margin-top:var(--gap-1)}.curve-axis-mid{color:#2fc46c}.hero-score{display:flex;flex-direction:column;align-items:center;gap:var(--gap-2);padding:var(--gap-4) 0}.score-ring{width:168px;height:168px;border-radius:50%;display:flex;align-items:center;justify-content:center}.score-ring-inner{width:140px;height:140px;border-radius:50%;background:var(--bg);display:flex;align-items:center;justify-content:center}.hero-number{font-size:44px;font-weight:var(--weight-bold);line-height:1}.hero-denom{font-size:var(--text-lg);color:var(--muted);font-weight:var(--weight-mid)}.hero-label{font-size:var(--text-base);font-weight:var(--weight-mid);color:var(--text);letter-spacing:.01em}@keyframes trial-color-cycle{0%{color:#4caf50}50%{color:#f44336}to{color:#4caf50}}.hero-number--trial{animation:trial-color-cycle 2.5s ease-in-out infinite}.hero-label--trial{animation:trial-color-cycle 2.5s ease-in-out infinite;animation-delay:.4s}.ai-assessment-section{margin-top:var(--gap-4)}.creeper-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:20px}.loading-spinner{width:56px;height:56px;border-radius:50%;border:4px solid var(--tint-strong);border-top-color:var(--accent);animation:kira-spin .9s linear infinite}@keyframes kira-spin{to{transform:rotate(360deg)}}.creeper-loader-text{font-size:var(--text-sm);color:var(--muted)}.ai-score-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-3);margin-top:var(--gap-3)}.ai-score-card{background:var(--surface);border-radius:var(--r-md);padding:var(--gap-4);display:flex;flex-direction:column;gap:var(--gap-2)}.ai-score-label{font-size:var(--text-xs);color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-weight:var(--weight-mid)}.ai-score-value{font-size:36px;font-weight:var(--weight-bold);line-height:1}.ai-score-denom{font-size:var(--text-sm);color:var(--muted);font-weight:var(--weight-mid)}.ai-advice-text{font-size:var(--text-sm);color:var(--muted);line-height:1.5;margin:0}.ai-overall-advice{background:var(--surface);border-radius:var(--r-md);padding:var(--gap-4);margin-top:var(--gap-3)}.ai-overall-advice p{font-size:var(--text-sm);color:var(--text);line-height:1.6;margin:0}.no-subscription-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:2rem 1.5rem;text-align:center;gap:1rem}.no-sub-icon{font-size:3rem}.no-sub-title{font-size:1.4rem;font-weight:700;color:var(--text)}.no-sub-text{font-size:.95rem;color:var(--muted);line-height:1.5}.no-sub-button{margin-top:.5rem;padding:.75rem 1.5rem;background:var(--accent-gradient);color:var(--accent-fg);border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;width:100%;max-width:280px}.history-lock-badge{font-size:var(--text-base);line-height:1}.tos-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);z-index:1000;display:flex;align-items:flex-end}.tos-sheet{width:100%;background:var(--surface);border-radius:var(--r-sheet) var(--r-sheet) 0 0;padding:var(--gap-5) var(--gap-4) calc(var(--gap-5) + env(safe-area-inset-bottom));max-height:80vh;display:flex;flex-direction:column;gap:var(--gap-4)}.tos-title{font-size:var(--text-lg);font-weight:var(--weight-bold);margin:0;text-align:center}.tos-body{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--gap-3);font-size:var(--text-sm);color:var(--text);line-height:1.55}.tos-body p{margin:0}.tos-section{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--text);margin:0}.tos-accept-btn{width:100%;margin-top:var(--gap-2)}.carousel-outer{position:relative;overflow:hidden}.carousel-inner{display:flex;align-items:flex-start;transition:transform .35s ease;will-change:transform}.carousel-slide{flex:0 0 100%;min-width:100%}.carousel-slide--compact .result-photo-wrap{margin-bottom:10px}.carousel-slide--compact .result-heading{margin-top:5px;margin-bottom:10px}.carousel-slide--compact .hero-score{padding-top:10px;padding-bottom:10px}.carousel-slide--compact .cat-bars{margin-top:10px}.carousel-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059;pointer-events:none;animation:carousel-flash .35s ease forwards;z-index:10}@keyframes carousel-flash{0%{opacity:0}30%{opacity:1}to{opacity:0}}.carousel-dots{display:flex;justify-content:center;gap:8px;padding:4px 0 8px}.dot{width:6px;height:6px;border-radius:50%;background:var(--muted-2);cursor:pointer;transition:background .2s}.dot--active{background:var(--accent)}.slide-tabs{display:flex;margin:6px 16px 10px;border-radius:var(--r-sm);overflow:hidden;background:var(--tint)}.slide-tab{flex:1;padding:8px 0;border:none;background:transparent;font-size:14px;font-weight:500;color:var(--muted);cursor:pointer;transition:background .2s,color .2s}.slide-tab--active{background:var(--accent);color:var(--accent-fg);border-radius:9px}