:root{--v50-soft:rgba(255,255,255,.075);--v50-line:rgba(255,255,255,.10);--v50-muted:#aeb2bf;--v50-ready:#91e5c2}
/* Shared polish */
html.i18n-pending body{visibility:hidden}
.brand-name,.page-mbti .brand span:last-child,.page-bias .brand span:last-child{white-space:nowrap}.site-footer,.footer-links{max-width:760px;margin-left:auto!important;margin-right:auto!important}.site-footer a[aria-current="page"],.footer-links a[aria-current="page"]{color:#fff!important;text-decoration:none!important}.site-footer a[aria-current="page"]:after,.footer-links a[aria-current="page"]:after{content:'•';margin-left:6px;color:#ff78b7}
/* Readable interface text and reliable touch targets */
.page-lookalike .language-select,.page-lookalike .upload-copy,.page-lookalike .preview-copy,.page-lookalike .filter-label,.page-lookalike .segment,.page-lookalike .privacy-row,.page-lookalike .step strong,.page-lookalike .step span,.page-lookalike .analysis-status,.page-lookalike .result-sub,.page-lookalike .viral p,.page-lookalike .faq summary,.page-lookalike .faq p,.page-lookalike button,.page-lookalike .upload-hint{font-size:14px!important;line-height:1.5!important}.page-lookalike #coverageState,.page-lookalike .ux-trust-note,.page-lookalike .proof,.page-lookalike .eyebrow,.page-lookalike .reference-photo-source,.page-lookalike .site-footer{font-size:12px!important;line-height:1.45!important}.site-footer a,.footer-links a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:6px 8px;font-size:12px!important}
.page-worldcup .language,.page-worldcup .home,.page-worldcup .label,.page-worldcup .option,.page-worldcup .start,.page-worldcup .content h3,.page-worldcup .content p,.page-worldcup .content li,.page-worldcup .prep p,.page-worldcup .action,.page-worldcup .toast{font-size:14px!important;line-height:1.5!important}.page-worldcup .eyebrow,.page-worldcup .micro,.page-worldcup .count,.page-worldcup .photo-unavailable,.page-worldcup .choice-group,.page-worldcup .choose-label,.page-worldcup .photo-credit,.page-worldcup .winner-credit,.page-worldcup .result-kicker,.page-worldcup .result-sub,.page-worldcup .winner-group,.page-worldcup .mini div,.page-worldcup .error{font-size:12px!important;line-height:1.45!important}.page-worldcup .home,.page-worldcup .language{min-height:44px!important;height:auto!important}
.page-mbti .top-actions a,.page-mbti .top-actions select,.page-bias .top-actions a,.page-bias .top-actions select,.page-mbti .label,.page-bias .label,.page-mbti .seg,.page-bias .seg,.page-mbti .primary,.page-bias .primary,.page-mbti .ghost,.page-bias .ghost,.page-mbti .back-btn,.page-bias .back-btn,.page-mbti .content-card p,.page-bias .content-card p,.page-mbti .content-card summary,.page-bias .content-card summary,.page-mbti .answer,.page-bias .choice,.page-mbti .result-head p,.page-bias .result-head p,.page-mbti .reason,.page-bias .reason,.page-mbti .next-card,.page-bias .next-card,.page-mbti .disclaimer,.page-bias .disclaimer,.page-mbti .photo-status,.page-bias .photo-status{font-size:14px!important;line-height:1.5!important}.page-mbti .eyebrow,.page-bias .eyebrow,.page-mbti .fast,.page-bias .fast,.page-mbti .question-count,.page-bias .question-count,.page-mbti .group,.page-bias .group,.page-mbti .reason-label,.page-bias .reason-label,.page-mbti .credit,.page-bias .credit,.page-mbti .photo-fallback,.page-bias .photo-fallback,.page-mbti .type-chip,.page-bias .type-chip{font-size:12px!important;line-height:1.45!important}.page-mbti .top-actions a,.page-mbti .top-actions select,.page-bias .top-actions a,.page-bias .top-actions select{min-height:44px!important}
/* Lookalike */
.page-lookalike .hero{padding-bottom:22px!important}.page-lookalike .hero h1{font-size:clamp(40px,8vw,58px)!important;line-height:1.02!important;letter-spacing:-.05em!important}.page-lookalike .hero-copy{max-width:470px!important;margin-top:16px!important;font-size:14px!important;line-height:1.6!important}.page-lookalike .proof{margin-top:14px!important;padding:7px 11px!important}.page-lookalike .glass{padding:16px!important}.page-lookalike .upload-zone{min-height:270px!important;padding:28px 18px!important}.page-lookalike .upload-icon{width:58px!important;height:58px!important;margin-bottom:16px!important;border-radius:17px!important}.page-lookalike .upload-title{font-size:22px!important}.page-lookalike .upload-copy{max-width:330px!important;margin-top:8px!important;font-size:13px!important;line-height:1.55!important}.page-lookalike .upload-cta{margin-top:18px!important;min-height:46px!important}.page-lookalike .preview{box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.page-lookalike .preview-copy{max-width:390px;margin-bottom:10px!important;font-size:13px!important;line-height:1.45!important}.page-lookalike .match-filter{margin-top:14px!important;padding:12px!important}.page-lookalike .privacy-row{color:#a4a8b4!important}.page-lookalike #coverageState{width:max-content;max-width:100%;margin:10px auto 0;padding:6px 10px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#0e1016;color:#a8acb8;font-size:11px!important;line-height:1.4!important;text-align:center}.page-lookalike #coverageState[hidden]{display:none!important}.page-lookalike #coverageState[data-ready="true"]{border-color:rgba(145,229,194,.24);color:var(--v50-ready);background:rgba(72,160,124,.08)}.page-lookalike #engineState:not(:empty){margin-top:9px!important}.page-lookalike .how{margin-top:28px!important}.page-lookalike .step{padding:13px!important}.page-lookalike .step strong{font-size:13px!important}.page-lookalike .step span{font-size:11.5px!important}.page-lookalike .analysis-card{padding:28px 20px!important}.page-lookalike .analysis-card h2{font-size:23px!important}.page-lookalike .analysis-status{margin:9px auto 16px!important;max-width:460px;min-height:42px!important;font-size:13px!important}.page-lookalike .result-head{padding-bottom:15px!important}.page-lookalike .result-head h2{font-size:clamp(32px,7vw,40px)!important}.page-lookalike .result-sub{font-size:13px!important;line-height:1.55!important}.page-lookalike .ux-trust-note{margin:8px auto 0!important;max-width:520px;color:#9095a2!important;font-size:11px!important;line-height:1.45!important;text-align:center}.page-lookalike .winner-info{padding:18px!important}.page-lookalike .winner-name{font-size:30px!important}.page-lookalike .match-name{font-size:17px!important}.page-lookalike .viral{padding:18px!important}.page-lookalike .viral h3{font-size:19px!important}.page-lookalike .viral p{font-size:12.5px!important;line-height:1.5!important}.page-lookalike .reference-photo-source{display:inline-block!important;margin-top:8px!important;color:#9297a5!important;text-decoration:none!important;border-bottom:1px solid rgba(255,255,255,.15)}
/* MBTI: only hide fallback after a photo actually loaded. Overrides the old :has(img) rule. */
.page-mbti .photo:not(.loaded) .photo-fallback{display:grid!important;place-items:center!important;min-height:100%!important}.page-mbti .photo.loaded .photo-fallback{display:none!important}.page-mbti .photo.unavailable .photo-fallback{display:grid!important}.page-mbti .result-head p,.page-bias .result-head p,.page-worldcup .result-sub{font-size:13px!important;line-height:1.55!important}.page-mbti .content-card,.page-bias .content-card{box-shadow:none!important}.page-mbti .question,.page-bias .question{letter-spacing:-.025em!important}.page-mbti .answer,.page-bias .choice{transition:background .16s ease,border-color .16s ease,transform .12s ease}.page-mbti .answer:active,.page-bias .choice:active{transform:scale(.99)}
/* World Cup */
.page-worldcup .hero p{max-width:520px;margin-left:auto!important;margin-right:auto!important}.page-worldcup .panel{box-shadow:0 16px 42px rgba(0,0,0,.22)!important}.page-worldcup .photo-credit,.page-worldcup .winner-credit{color:#a6abb8!important}.page-worldcup .result-actions,.page-mbti .result-actions,.page-bias .result-actions{gap:9px!important}
/* Mobile consistency */
@media(max-width:520px){.topbar{margin-bottom:20px!important}.brand,.brand-name{font-size:14px!important}.mark,.brand-mark{width:36px!important;height:36px!important;border-radius:12px!important}.page-lookalike .app{padding-left:max(14px,env(safe-area-inset-left))!important;padding-right:max(14px,env(safe-area-inset-right))!important}.page-lookalike .hero{padding-top:7px!important;padding-bottom:20px!important}.page-lookalike .hero h1{font-size:clamp(37px,11vw,48px)!important}.page-lookalike .upload-zone{min-height:235px!important;padding:24px 15px!important}.page-lookalike .preview>img{min-height:280px!important;height:min(54vh,430px)!important}.page-lookalike .compare{min-height:280px!important}.page-lookalike .idol-placeholder{min-height:280px!important}.page-lookalike .winner-top{align-items:flex-start}.page-lookalike .winner-name{font-size:27px!important}.page-lookalike .score{min-width:72px!important}.page-lookalike .share-grid{grid-template-columns:1fr!important}.page-lookalike .viral .ghost,.page-lookalike .share-btn{min-height:48px!important}.page-worldcup .panel,.page-mbti .panel,.page-bias .panel{border-radius:20px!important}.page-worldcup .hero h1,.page-mbti .hero h1,.page-bias .hero h1{letter-spacing:-.045em!important}}
@media(max-width:390px){.brand-name,.page-lookalike .brand-name{display:inline!important;max-width:130px;overflow:hidden;text-overflow:ellipsis}.page-lookalike .language-select{max-width:116px!important;padding-left:8px!important;padding-right:8px!important}.page-lookalike .match-grid{gap:8px}.page-lookalike .match-info{padding:10px!important}.page-lookalike .match-name{font-size:15px!important}.page-lookalike .match-meta{gap:5px;flex-wrap:wrap}.page-lookalike .compare{min-height:250px!important}.page-lookalike .idol-placeholder{min-height:250px!important}}
@media(prefers-reduced-motion:reduce){.page-mbti .answer,.page-bias .choice{transition:none!important}}
/* Final minimum-size guard: kept last so older presentation layers cannot shrink copy. */
.page-lookalike p,.page-lookalike small,.page-lookalike footer,.page-lookalike .ux-trust-note,.page-lookalike .score span,.page-lookalike .side-label,.page-lookalike .rank,.page-lookalike .match-meta,.page-lookalike .trait,.page-lookalike .other-title,.page-lookalike .growth-section-head>span,.page-lookalike .progress-label,.page-lookalike .result-kicker,.page-lookalike .step span,.page-lookalike .step-no{font-size:12px!important;line-height:1.45!important}
.page-worldcup small,.page-worldcup .eyebrow,.page-worldcup .micro,.page-worldcup .count,.page-worldcup .photo-unavailable,.page-worldcup .choice-group,.page-worldcup .choose-label,.page-worldcup .photo-credit,.page-worldcup .winner-credit,.page-worldcup .result-kicker,.page-worldcup .result-sub,.page-worldcup .winner-group,.page-worldcup .mini div,.page-worldcup .error{font-size:12px!important;line-height:1.45!important}
.page-mbti small,.page-bias small,.page-mbti .eyebrow,.page-bias .eyebrow,.page-mbti .fast,.page-bias .fast,.page-mbti .question-count,.page-bias .question-count,.page-mbti .group,.page-bias .group,.page-mbti .reason-label,.page-bias .reason-label,.page-mbti .credit,.page-bias .credit,.page-mbti .photo-fallback,.page-bias .photo-fallback,.page-mbti .type-chip,.page-bias .type-chip,.page-bias .hero-pills span,.page-bias .feature-row span{font-size:12px!important;line-height:1.45!important}
/* Bahasa Indonesia needs more vertical room than the shorter source copy. */
html:lang(id) .page-lookalike .hero,html:lang(id) .page-worldcup .hero,html:lang(id) .page-mbti .hero,html:lang(id) .page-bias .hero{overflow:visible!important}
html:lang(id) .page-lookalike .hero h1,html:lang(id) .page-worldcup .hero h1,html:lang(id) .page-mbti .hero h1,html:lang(id) .page-bias .hero h1{max-width:100%!important;padding:.06em 0 .12em;overflow:visible!important;line-height:1.08!important;letter-spacing:-.038em!important;text-wrap:balance;overflow-wrap:anywhere}
html:lang(id) .page-lookalike .hero h1>span{display:block;overflow:visible!important}
html:lang(id) .page-lookalike .hero-copy,html:lang(id) .page-lookalike .proof,html:lang(id) .page-lookalike .upload-title,html:lang(id) .page-lookalike .upload-copy,html:lang(id) .page-lookalike .upload-cta,html:lang(id) .page-lookalike .segment{max-width:100%;height:auto!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere}
@media(max-width:520px){html:lang(id) .page-lookalike .hero h1{font-size:clamp(33px,9.5vw,42px)!important}html:lang(id) .page-lookalike .hero{padding-inline:2px!important}html:lang(id) .page-lookalike .proof{justify-content:center;text-align:center}}
html:lang(id) .page-lookalike #languageSelect,html:lang(id) .page-worldcup #languageSelect,html:lang(id) .page-mbti #languageSelect,html:lang(id) .page-bias #languageSelect{width:184px!important;max-width:184px!important}
html:lang(id) .mybias-play-mode{display:none!important}
