/* 01 LANDING */
.screen-landing{padding:0 0 22px;min-height:calc(100vh - var(--topbar-h));background:#fffaf7}
.landing-hero{height:507px;position:relative;overflow:hidden;background:#efe6df}.landing-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 42%;transform:scale(1.07)}.landing-photo-tint{position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,250,247,.08) 0%,rgba(255,250,247,.02) 46%,rgba(255,250,247,.18) 62%,rgba(255,250,247,.92) 92%,#fffaf7 100%)}.landing-copy{position:absolute;left:22px;right:22px;top:22px}.landing-kicker{margin:0 0 10px;font-size:12px;font-weight:800;color:#6d625e}.landing-copy h1{margin:0;font-size:34px;line-height:1.14;letter-spacing:-.055em}.landing-copy h1 em{font-style:normal;color:var(--accent);font-size:40px}.landing-note{margin:14px 0 0;font-family:"Kaiti SC","STKaiti","AR PL KaitiM GB",serif;font-size:14px;color:#5d514d;transform:rotate(-2deg);display:inline-block}.landing-benefits{position:absolute;left:22px;right:22px;bottom:106px;padding:14px 16px;border:1px solid rgba(234,222,218,.92);background:rgba(255,255,255,.90);backdrop-filter:blur(9px);border-radius:20px;box-shadow:0 12px 30px rgba(70,44,35,.08)}.landing-benefit{height:34px;display:flex;align-items:center;gap:9px}.landing-benefit+.landing-benefit{margin-top:4px}.benefit-icon{width:24px;text-align:center;color:var(--accent);font-size:18px}.landing-benefit b{font-size:14px;letter-spacing:-.02em}.landing-bottom{position:absolute;left:22px;right:22px;bottom:18px;margin:0}.landing-bottom .cta{height:56px}.landing-bottom .microcopy{margin-top:8px;font-size:10px}

/* 02 UPLOAD */
.screen-upload{padding-top:18px}.screen-upload .screen-title{margin-bottom:20px}.upload-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.upload-tile{height:238px;border:1.5px dashed #e8b8c0;border-radius:20px;position:relative;overflow:hidden;background:#fff6f7;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.upload-tile input{position:absolute;inset:0;opacity:0}.upload-tile-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.17;filter:saturate(.7)}.upload-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,247,248,.8))}.upload-camera{position:relative;width:38px;height:38px;margin-bottom:11px}.upload-tile strong,.upload-tile small{position:relative}.upload-tile strong{font-size:14px}.upload-tile small{margin-top:4px;color:#8c7c78;font-size:11px}.photo-examples{margin-top:18px}.examples-title{font-size:13px;font-weight:800;margin-bottom:10px}.examples-title span{color:var(--accent)}.example-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.example{margin:0;position:relative;text-align:center}.example img{width:100%;height:72px;object-fit:cover;border-radius:12px}.example span{position:absolute;right:4px;top:56px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:12px;color:#fff;font-weight:900}.example.ok span{background:#18a957}.example.bad span{background:#e94b67}.example figcaption{font-size:9.5px;color:#766a66;margin-top:5px}.example.blur img{filter:blur(4px) saturate(.5)}.example.side img{transform:scaleX(-1);filter:saturate(.5) brightness(.88)}.screen-upload .screen-bottom{position:absolute;left:22px;right:22px;bottom:20px}

/* 03 CONFIRM */
.screen-confirm{padding-top:18px}.confirm-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:4px}.confirm-person{text-align:center}.confirm-person>img{width:100%;height:282px;border-radius:20px;object-fit:cover;background:#eee6e2}.confirm-person h2{font-size:15px;margin:12px 0 10px}.pill-select,.pill-ghost{width:100%;height:40px;border-radius:21px;font-size:12px;font-weight:800}.pill-select{border:1px solid #eb8fa0;background:#fff6f8;color:var(--accent)}.pill-select.selected{background:#fff1f3}.pill-ghost{margin-top:8px;background:#f6f2f0;color:#817671}.screen-confirm .screen-bottom{position:absolute;left:22px;right:22px;bottom:20px}

/* 04 ANALYSIS */
.screen-analysis{padding-top:18px;background:linear-gradient(180deg,#fffaf7,#fffdfb 72%,#fff)}.analysis-head{text-align:center;margin-top:20px}.analysis-head h1{margin:0;font-size:27px;line-height:1.25;letter-spacing:-.04em}.analysis-head p{margin:7px 0 0;color:var(--muted);font-size:12.5px}.progress-area{height:250px;position:relative;display:grid;place-items:center;margin-top:8px}.progress-wave{position:absolute;width:calc(100% + 44px);left:-22px;bottom:22px;opacity:.72}.progress-ring{--progress:68;position:relative;width:150px;height:150px;border-radius:50%;background:conic-gradient(var(--accent) calc(var(--progress)*1%),#f6d9df 0);display:grid;place-items:center;box-shadow:0 10px 28px rgba(228,80,105,.07)}.progress-ring:before{content:"";position:absolute;inset:12px;background:#fffaf7;border-radius:50%}.progress-inner{position:relative;z-index:1;text-align:center}.progress-inner strong{display:block;font-size:34px;line-height:1}.progress-inner small{display:block;font-size:11px;color:#6f635f;margin-top:5px}.analysis-items{display:grid;gap:12px;margin-top:-2px}.analysis-item{display:flex;align-items:center;gap:12px}.round-icon{width:42px;height:42px;flex:0 0 42px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:19px}.analysis-item div{display:flex;flex-direction:column;gap:3px}.analysis-item b{font-size:15px}.analysis-item small{font-size:11px;color:#81736f}.analysis-quote{text-align:center;margin:22px 0 0;font-family:"Kaiti SC","STKaiti","AR PL KaitiM GB",serif;font-size:14px;line-height:1.6;color:#4b413d}.analysis-quote span{font-family:var(--system-font,-apple-system),BlinkMacSystemFont,"PingFang SC",sans-serif;font-size:10.5px;color:#8e817c}

/* 05 RESULT */
.screen-result{padding-top:16px}.result-head{text-align:center;position:relative}.result-head h1{margin:4px 0 5px;font-size:24px;letter-spacing:-.04em}.result-score{display:inline-flex;align-items:flex-end;position:relative;margin-top:2px}.result-score strong{font-size:105px;line-height:.9;letter-spacing:-.08em;color:var(--accent);font-weight:900}.result-score>span{font-size:28px;color:var(--accent);font-weight:900;margin:0 0 10px 6px}.result-score em{position:absolute;right:8px;bottom:-2px;background:var(--accent);color:#fff;font-style:normal;font-size:11px;font-weight:800;padding:6px 10px;border-radius:999px}.result-heart{position:absolute;width:42px;right:35px;top:82px;transform:rotate(12deg);opacity:.55}.result-photo-wrap{margin:16px 0 14px;height:330px;border-radius:24px;overflow:hidden;background:#eee5e1}.result-photo{width:100%;height:100%;object-fit:cover;object-position:center 50%;transform:scale(1.15)}.result-hook{min-height:112px;border:1px solid #f0d8ce;background:linear-gradient(135deg,#fff6ed,#fff4f5);border-radius:20px;padding:18px 20px 16px;position:relative}.result-hook img{position:absolute;left:14px;top:14px;width:32px;opacity:.5}.result-hook p{margin:0;padding-left:27px;font-size:16px;line-height:1.55;font-weight:800;letter-spacing:-.02em}.result-bottom{margin-top:16px}.result-bottom .microcopy{font-size:10.5px}

/* 06 PAYWALL */
.screen-paywall{padding-top:20px}.pay-title{margin-bottom:18px}.pay-title h1{font-size:26px}.price-panel{height:166px;border-radius:22px;border:1px solid #f0d9c8;background:linear-gradient(135deg,#fff2d8 0%,#fff0ec 54%,#ffe8ed 100%);display:flex;align-items:center;justify-content:space-between;padding:20px 20px 18px 22px;overflow:hidden}.price-left{display:flex;flex-direction:column}.price-left del{font-size:18px;color:#776d69;font-weight:700}.price-left strong{font-size:52px;line-height:1.02;letter-spacing:-.06em;color:var(--accent);font-weight:900;margin-top:4px}.discount-burst{width:92px;height:92px;position:relative;display:grid;place-items:center;transform:rotate(5deg)}.discount-burst img{position:absolute;inset:0;width:100%;height:100%}.discount-burst span{position:relative;color:#fff;font-size:11px;text-align:center;line-height:1.15;font-weight:800}.discount-burst b{font-size:14px}.unlock-list{margin-top:18px;display:grid;gap:14px}.unlock-list>div{display:flex;align-items:center;gap:12px}.unlock-list img{width:40px;height:40px;flex:0 0 40px}.unlock-list p{margin:0;display:flex;flex-direction:column;gap:4px}.unlock-list b{font-size:15px}.unlock-list small{font-size:11px;color:#81736f}.pay-bottom{position:absolute;left:22px;right:22px;bottom:20px}.payment-strip{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:12px;color:#887b76;font-size:10px}.payment-strip b{font-size:10px;color:#39312e;border:1px solid #e4dad6;border-radius:999px;padding:5px 9px;background:#fff}

/* 07 REPORT */
.screen-report{padding-top:18px;overflow:visible}.report-header{margin-bottom:12px}.report-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.report-title-row h1{margin:0;font-size:24px;letter-spacing:-.04em}.report-title-row p{margin:5px 0 0;color:#867873;font-size:11px}.save-report{white-space:nowrap;background:#fff;border:1px solid #e9dfda;border-radius:999px;padding:8px 10px;color:#6f625d;font-size:10px}.report-summary{margin-top:14px;display:grid;grid-template-columns:1fr 128px;gap:12px;border:1px solid #f0d8d2;background:linear-gradient(135deg,#fff7ef,#fff0f4);border-radius:20px;padding:12px}.report-summary>img{width:100%;height:120px;object-fit:cover;border-radius:15px}.report-summary-score{background:rgba(255,255,255,.72);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center}.report-summary-score small{font-size:10px;color:#806f6a}.report-summary-score strong{display:flex;align-items:flex-end;color:var(--accent);line-height:1}.report-summary-score strong span{font-size:48px;font-weight:900;letter-spacing:-.06em}.report-summary-score strong em{font-size:14px;font-style:normal;font-weight:900;margin:0 0 5px 3px}.report-summary-score b{font-size:10px;color:#fff;background:var(--accent);padding:4px 7px;border-radius:999px;margin-top:3px}.report-tabs{display:flex;gap:6px;overflow-x:auto;padding:2px 0 12px;scrollbar-width:none}.report-tabs::-webkit-scrollbar{display:none}.report-tabs button{flex:0 0 auto;height:30px;padding:0 11px;border-radius:999px;background:#f5f1ef;color:#6e625e;font-size:10px}.report-tabs button.active{background:var(--accent);color:#fff}.report-section{background:#fff;border:1px solid #eee4df;border-radius:18px;padding:16px 16px 15px;margin-bottom:12px}.report-section h2{margin:0 0 9px;font-size:17px}.report-section h2 span{color:var(--accent);margin-right:6px}.report-section p{margin:0 0 9px;color:#4f4541;font-size:13px;line-height:1.7}.report-section blockquote{margin:12px 0 0;padding:13px 14px;border-radius:14px;background:#fff5e7;color:#52443e;font-family:"Kaiti SC","STKaiti","AR PL KaitiM GB",serif;font-size:14px;line-height:1.55}.report-section ul{padding-left:20px;margin:4px 0 0}.report-section li{font-size:12.5px;line-height:1.85;color:#4e4541}.report-next{padding:2px 0 8px}

/* 08 FOLLOWUP */
.screen-followup{padding-top:22px}.follow-title{margin-bottom:20px}.follow-title h1{font-size:26px}.teacher-card{border:1px solid #e8ddd8;background:#fff;border-radius:22px;padding:14px;display:grid;grid-template-columns:104px 1fr;gap:14px;box-shadow:0 12px 34px rgba(71,44,35,.06)}.teacher-photo{width:104px;height:122px;border-radius:16px;object-fit:cover;background:#eee6e1}.teacher-copy h2{font-size:18px;margin:6px 0 8px}.teacher-copy ul{list-style:none;margin:0;padding:0}.teacher-copy li{font-size:11.5px;line-height:1.9;color:#554a46}.teacher-copy li:before{content:"✓";color:var(--accent);font-weight:900;margin-right:6px}.whatsapp-cta{grid-column:1/-1;height:52px;border-radius:26px;background:#10a958;color:#fff;font-weight:800;font-size:16px;display:flex;align-items:center;justify-content:center;gap:8px}.whatsapp-cta img{width:25px;height:25px;filter:brightness(0) invert(1)}.share-panel{margin-top:18px;padding:18px 16px;border-radius:20px;background:#fff7f4;border:1px solid #eee2dc;text-align:center}.share-panel h2{font-size:18px;margin:0 0 4px}.share-panel p{font-size:11px;color:#837670;margin:0 0 15px}.share-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.share-actions button{background:transparent;padding:0;color:#5e534f}.share-round{width:52px;height:52px;margin:0 auto 6px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid #e8dfdb;font-size:19px;font-weight:900}.share-round img{width:28px;height:28px}.share-round.wa{background:#16ae5b;border-color:#16ae5b}.share-round.wa img{filter:brightness(0) invert(1)}.share-round.fb{background:#2877d6;color:#fff;border-color:#2877d6;font-size:26px}.share-round.link{font-size:22px}.share-round.more{font-size:15px}.share-actions b{display:block;font-size:9.5px;font-weight:600}.follow-signoff{text-align:center;margin:26px 0 0;font-family:"Kaiti SC","STKaiti","AR PL KaitiM GB",serif;font-size:14px;color:#5d504b}

@media(max-height:840px){.landing-hero{height:470px}.landing-benefits{bottom:100px}.confirm-person>img{height:250px}.result-photo-wrap{height:290px}.progress-area{height:220px}.analysis-items{gap:9px}}