*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #CDD3DC;--bg-card: #FFFFFF;--bg-overlay: rgba(0, 0, 0, .5);--text-primary: #0A0A0A;--text-secondary: #444444;--text-muted: #888888;--text-accent-blue: #2563EB;--gold: #B8960C;--gold-light: #F5E9C0;--btn-bg: #1A1A1A;--btn-text: #F5C518;--btn-disabled-bg: #E0E0E0;--btn-disabled-text: #999999;--card-border: #E0E0E0;--card-border-selected: #FFFFFF;--card-bg: #FFFFFF;--yes-green: #22C55E;--no-red: #EF4444;--check-blue: #2563EB;--progress-bg: #E0E3E8;--progress-fill: #B8960C;--header-height: 44px;--screen-padding: 20px;--card-radius: 14px;--btn-radius: 28px;--modal-radius: 20px}html,body,#root{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;background:var(--bg)}.quiz-shell{max-width:390px;min-height:100vh;margin:0 auto;background:var(--bg);position:relative;overflow-x:hidden;display:flex;flex-direction:column}.header{height:var(--header-height);display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}.header-logo{font-size:17px;font-weight:500;color:var(--text-primary);letter-spacing:-.3px}.back-btn{position:absolute;left:16px;background:none;border:none;cursor:pointer;padding:4px;color:var(--text-primary);font-size:20px;display:flex;align-items:center}.progress-track{height:4px;background:var(--progress-bg);flex-shrink:0}.progress-fill{height:100%;background:var(--progress-fill);transition:width .4s ease}.screen-content{flex:1;padding:var(--screen-padding);padding-bottom:100px;overflow-y:auto}.question-title{font-size:20px;font-weight:700;color:var(--text-primary);text-align:center;line-height:1.3;margin-bottom:24px}.option-card{background:var(--card-bg);border:1.5px solid var(--card-border);border-radius:var(--card-radius);padding:16px 18px;margin-bottom:10px;min-height:56px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:border-color .15s,background .15s,transform .2s ease-out;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.option-card:active{background:#f8f8f8}.option-card:hover{transform:scale(1.02)}.option-card.selected{border-color:var(--card-border-selected);transform:scale(1.02)}.option-text{font-size:16px;color:var(--text-primary);flex:1;padding-right:12px;line-height:1.3}.radio-indicator{width:22px;height:22px;border-radius:50%;border:2px solid #C0C0C0;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:border-color .15s,background .15s}.radio-indicator.checked{background:var(--text-primary);border-color:var(--text-primary)}.radio-indicator.checked:after{content:"";width:8px;height:8px;border-radius:50%;background:#fff}.checkbox-indicator{width:22px;height:22px;border-radius:6px;border:2px solid #C0C0C0;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:border-color .15s,background .15s}.checkbox-indicator.checked{background:var(--text-primary);border-color:var(--text-primary)}.checkbox-indicator.checked:after{content:"✓";color:#fff;font-size:13px;font-weight:700}.cta-wrapper{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:390px;padding:12px 20px 28px;background:linear-gradient(to top,var(--bg) 60%,transparent);z-index:10}.cta-btn{width:100%;height:56px;border-radius:var(--btn-radius);font-size:17px;font-weight:600;border:none;cursor:pointer;transition:opacity .2s;letter-spacing:-.2px}.cta-btn.active{background:var(--btn-bg);color:var(--btn-text);font-weight:700}.cta-btn.disabled{background:var(--btn-disabled-bg);color:var(--btn-disabled-text);cursor:not-allowed}.circle-img{width:200px;height:200px;border-radius:50%;object-fit:cover;display:block;margin:8px auto 24px;flex-shrink:0}.circle-img-placeholder{width:200px;height:200px;border-radius:50%;display:block;margin:8px auto 24px;flex-shrink:0}.interstitial-title{font-size:22px;font-weight:700;text-align:center;color:var(--text-primary);line-height:1.3;margin-bottom:12px}.interstitial-body{font-size:15px;color:var(--text-secondary);text-align:center;line-height:1.6}.checklist{list-style:none;margin-top:16px;text-align:left}.checklist li{display:flex;align-items:flex-start;gap:10px;margin-bottom:14px;font-size:15px;color:var(--text-secondary);line-height:1.4}.checklist li:before{content:"✓";color:var(--gold);font-weight:700;font-size:16px;flex-shrink:0;margin-top:1px}.yesno-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.yesno-card{background:var(--card-bg);border:1.5px solid var(--card-border);border-radius:14px;padding:20px 16px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;font-size:16px;font-weight:500;transition:border-color .15s,transform .2s ease-out;-webkit-tap-highlight-color:transparent}.option-card:active,.yesno-card:active{transform:scale(.98)}.yesno-card:hover{transform:scale(1.02)}.yesno-card.selected{border-color:var(--card-border-selected);transform:scale(1.02)}.yesno-icon{font-size:24px}.card-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.select-card{border-radius:16px;overflow:hidden;position:relative;cursor:pointer;aspect-ratio:.75;-webkit-tap-highlight-color:transparent;transition:transform .2s ease-out}.select-card:active{transform:scale(.98)}.select-card:hover,.select-card.selected{transform:scale(1.02)}.select-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background-color:transparent;border:3px solid transparent;transition:background-color .2s ease-out,border-color .2s ease-out;pointer-events:none;z-index:1}.select-card.selected:after{background-color:#ffffff2e;border-color:#fff}.select-card img,.select-card .img-placeholder{width:100%;height:100%;object-fit:cover;display:block}.select-card-label{position:absolute;bottom:0;left:0;right:0;background:#ffffffeb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;font-size:16px;font-weight:500}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity .35s ease-in}.loading-screen{padding:32px 20px;text-align:center}.loading-title-sm{font-size:15px;color:var(--text-secondary);margin-bottom:4px}.loading-title-lg{font-size:24px;font-weight:700;line-height:1.2;margin-bottom:32px}.loading-bar-section{margin-bottom:8px}.loading-bar-label{display:flex;justify-content:space-between;font-size:13px;color:var(--text-secondary);margin-bottom:6px}.loading-bar-track{height:6px;background:var(--progress-bg);border-radius:3px;overflow:hidden}.loading-bar-fill{height:100%;background:var(--gold);border-radius:3px;transition:width .1s linear}.testimonial-card{background:var(--card-bg);border-radius:16px;padding:20px;margin-top:24px;text-align:left}.testimonial-title{font-size:14px;font-weight:600;margin-bottom:8px;color:var(--text-primary)}.testimonial-text{font-size:13px;color:var(--text-secondary);line-height:1.5}.testimonial-author{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:13px;font-weight:600}.stars{color:var(--gold)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.modal-card{background:var(--card-bg);border-radius:var(--modal-radius);padding:28px 24px;width:100%;max-width:350px}.modal-title{font-size:20px;font-weight:700;text-align:center;margin-bottom:24px;line-height:1.3}.modal-yesno{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-btn{background:var(--card-bg);border:1.5px solid var(--card-border);border-radius:12px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;font-size:15px;font-weight:500}.email-input-wrapper{background:var(--card-bg);border:1.5px solid var(--card-border);border-radius:var(--card-radius);padding:16px 18px;display:flex;align-items:center;gap:12px;margin-bottom:12px}.email-input-wrapper:focus-within{border-color:var(--gold)}.email-input{flex:1;border:none;outline:none;font-size:16px;background:transparent;color:var(--text-primary)}.email-disclaimer{font-size:11px;color:var(--text-muted);text-align:center;line-height:1.5;padding:0 8px}.email-disclaimer a{color:var(--gold);text-decoration:underline}.results-card{background:var(--card-bg);border-radius:var(--modal-radius);padding:24px 20px;margin:8px 0}.pill-badge{display:inline-block;border:1.5px solid var(--card-border);border-radius:20px;padding:6px 16px;font-size:13px;font-weight:500;margin-bottom:16px}.results-title{font-size:20px;font-weight:700;text-align:center;line-height:1.3;margin-bottom:20px}.results-date{color:var(--text-accent-blue)}.chart-disclaimer{font-size:11px;color:var(--text-muted);text-align:center;margin-top:8px}.paywall-sticky-header{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid #eee;padding:10px 16px;display:flex;align-items:center;justify-content:space-between}.paywall-timer-label{font-size:11px;color:var(--text-muted)}.paywall-timer{font-size:22px;font-weight:700}.paywall-header-btn{background:var(--btn-bg);color:var(--btn-text);border:none;border-radius:20px;padding:10px 20px;font-size:15px;font-weight:600;cursor:pointer}.paywall-content{padding:20px 20px 60px}.paywall-h1{font-size:22px;font-weight:700;text-align:center;margin-bottom:20px;line-height:1.3}.tab-switcher{display:grid;grid-template-columns:1fr 1fr;border:1.5px solid var(--card-border);border-radius:12px;overflow:hidden;margin-bottom:16px}.tab-btn{padding:10px;border:none;background:transparent;font-size:15px;font-weight:500;cursor:pointer;color:var(--text-muted)}.tab-btn.active{color:var(--text-accent-blue);border-bottom:2px solid var(--text-accent-blue)}.before-after-img{width:100%;border-radius:12px;aspect-ratio:1;object-fit:cover;margin-bottom:8px}.before-after-caption{font-size:13px;color:var(--text-secondary);text-align:center}.section-title{font-size:18px;font-weight:700;margin:24px 0 14px}.benefit-item{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px;font-size:15px;line-height:1.4}.benefit-icon{width:22px;height:22px;background:var(--check-blue);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700;flex-shrink:0;margin-top:1px}.plan-card{background:var(--card-bg);border:1.5px solid var(--card-border);border-radius:14px;padding:16px;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;position:relative;transition:border-color .15s}.plan-card.selected{border-color:var(--gold)}.plan-radio{width:20px;height:20px;border-radius:50%;border:2px solid var(--card-border);margin-right:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.plan-radio.checked{background:var(--gold);border-color:var(--gold)}.plan-radio.checked:after{content:"✓";color:#fff;font-size:11px;font-weight:700}.plan-info{flex:1}.plan-name{font-size:15px;font-weight:600}.plan-old-price{font-size:13px;color:var(--text-muted);text-decoration:line-through}.plan-new-price{font-size:15px;font-weight:700;color:var(--text-primary)}.plan-per-day-badge{background:#1a1a1a;color:#fff;border-radius:10px;padding:6px 10px;text-align:center;font-size:11px}.plan-per-day-price{font-size:15px;font-weight:700;display:block}.most-popular-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--gold);color:#fff;font-size:10px;font-weight:700;padding:3px 10px;border-radius:10px;letter-spacing:.5px;white-space:nowrap}.payment-icons{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:12px 0}.payment-icon{background:var(--card-bg);border:1px solid var(--card-border);border-radius:6px;padding:4px 8px;font-size:11px;font-weight:500;color:var(--text-secondary)}.secure-badge{display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;color:var(--text-secondary);margin:8px 0}.legal-text{font-size:10px;color:var(--text-muted);text-align:center;line-height:1.6;margin-top:16px}.legal-text a{color:var(--gold)}