:root{--ink:#17191d;--muted:#777c88;--hot:#ef477b;--bg:#f6f7f9;--line:#eceef2;--card:#fff;--header:#171717;--shadow:0 12px 45px rgba(25,30,45,.15)}
*{box-sizing:border-box}html,body{padding:0;margin:0;height:100%;font-family:-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Malgun Gothic','Segoe UI',sans-serif;color:var(--ink);background:#dfe3e9}button{font:inherit}button:focus-visible,a:focus-visible{outline:3px solid #f88ab0;outline-offset:2px}button{cursor:pointer}.page-shell{height:100dvh;display:flex;justify-content:center;align-items:center;padding:0}.phone{position:relative;width:min(100%,440px);height:100dvh;background:white;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow)}.statusbar{height:38px;flex:none;background:var(--header);color:white;display:flex;justify-content:space-between;align-items:center;padding:8px 24px 3px 25px;font-weight:750;letter-spacing:-.2px;font-size:15px}.status-right{display:flex;align-items:center;gap:6px;font-size:12px}.status-right svg{height:16px;width:19px;fill:white}.battery{border-radius:5px;background:#fff;color:#222;font-size:10px;font-weight:800;padding:2px 4px}.masthead{height:65px;flex:none;background:var(--header);display:flex;justify-content:center;align-items:center;border-bottom:1px solid #28282a;color:#efeff0}.logo{font-size:22px;letter-spacing:.22em;font-weight:700;margin-left:.22em}.masthead .right-dot{position:absolute;right:25px;top:68px;width:26px;height:26px;border:1.5px solid #9d9fa4;border-radius:50%}.main-scroll{overflow-y:auto;overscroll-behavior:contain;flex:1;min-height:0;background:#fafbfc;scrollbar-width:thin;scrollbar-color:#dbdfe6 transparent}.main-scroll::-webkit-scrollbar{width:4px}.main-scroll::-webkit-scrollbar-thumb{background:#dadce4;border-radius:3px}.intro{padding:22px 20px 14px;background:white}.eyebrow{font-size:11px;letter-spacing:.06em;font-weight:750;color:var(--hot);margin-bottom:8px}.intro h1{margin:0;font-size:23px;font-weight:800;letter-spacing:-.8px;line-height:1.3}.intro p{color:#646873;font-size:13px;line-height:1.7;margin:10px 0 0;word-break:keep-all}.eyebrow.low{color:#777b83}.count-row{display:flex;justify-content:space-between;align-items:center;padding:17px 20px 10px;font-size:13px;color:#4b505a}.count-row b{font-size:14px}.count-row span{font-size:11px;color:#858b96}.cards{padding:0 15px 23px;display:flex;flex-direction:column;gap:12px}.person-card{border:1px solid #e7e8ec;border-radius:12px;background:white;display:flex;overflow:hidden;text-align:left;width:100%;min-height:194px;padding:0;box-shadow:0 2px 7px rgba(0,0,0,.035);transition:transform .12s ease,box-shadow .12s ease}.person-card:active{transform:scale(.99)}.card-photo{width:39%;min-width:39%;height:194px;object-fit:cover;object-position:center}.card-body{padding:16px 12px 12px 14px;min-width:0;flex:1;display:flex;flex-direction:column}.card-name{display:flex;align-items:center;gap:4px;font-size:16px;font-weight:800;white-space:nowrap}.verified{color:#a9adb7;font-size:13px;margin-left:auto}.card-sub{font-size:12px;color:var(--hot);margin-top:11px}.card-desc{font-size:11px;color:#656971;line-height:1.4;margin-top:9px;min-height:29px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-more{font-size:11px;color:#6b7280;margin-top:auto;display:flex;align-items:center;gap:3px}.card-more svg{width:12px;height:12px}.page-end{text-align:center;color:#a1a6af;padding:12px 0 36px;font-size:12px}.tabbar{height:73px;flex:none;background:#fff;border-top:1px solid #ececec;display:flex;justify-content:space-around;padding-top:10px}.tab{border:0;background:transparent;color:#a4a8b1;display:flex;gap:3px;flex-direction:column;align-items:center;min-width:65px;font-size:11px}.tab svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.9;fill:none}.tab.active{color:var(--ink);font-weight:750}.homebar{height:18px;flex:none;background:#fff;display:flex;justify-content:center;align-items:flex-start}.homebar:before{content:'';width:111px;height:5px;border-radius:10px;background:#151515;display:block;margin-top:6px}.survey{padding:24px 21px 35px}.survey .step{color:var(--hot);font-weight:800;letter-spacing:.05em;font-size:12px}.survey h1{margin:10px 0 10px;font-size:25px;line-height:1.32;letter-spacing:-.9px}.survey .help{color:#737988;font-size:13px;line-height:1.65;margin:0 0 26px}.survey .choices{display:flex;flex-direction:column;gap:10px}.choice{border:1.5px solid #e5e7ed;border-radius:11px;background:#fff;text-align:left;padding:16px;font-size:15px;font-weight:650;color:#313846}.choice.selected{border-color:var(--hot);background:#fff5f8;color:#bf2a5b}.survey .next{margin-top:29px;width:100%;background:var(--hot);border:0;color:#fff;border-radius:12px;padding:16px;font-weight:800;font-size:15px}.survey .next:disabled{background:#eceef1;color:#a0a5af;cursor:default}.progress{height:5px;background:#f0f1f4;border-radius:9px;overflow:hidden;margin:16px 0 20px}.progress div{background:var(--hot);height:100%;transition:width .25s ease}.tiny-note{color:#9296a0;line-height:1.6;font-size:11px;margin-top:15px}.notice{padding:11px 13px;background:#fff6f8;border:1px solid #fee3eb;border-radius:10px;font-size:12px;color:#87425b;line-height:1.6;margin-top:16px}.detail{position:absolute;inset:0;background:#fff;z-index:20;display:flex;flex-direction:column}.detail[hidden],.survey-wrap[hidden],.list-wrap[hidden],.heart-wrap[hidden],.info-wrap[hidden]{display:none!important}.detail-top{height:52px;flex:none;background:#121416;color:white;display:flex;align-items:center;padding:0 15px;gap:15px}.back{background:none;border:0;color:inherit;font-size:23px;padding:4px}.detail-top strong{font-size:15px}.detail-image{position:relative;flex:1;min-height:0;background:#111;overflow:hidden}.detail-image img{width:100%;height:100%;object-fit:cover;object-position:center 38%}.detail-grad{position:absolute;bottom:0;left:0;right:0;height:47%;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.63) 45%,rgba(0,0,0,.97));pointer-events:none}.detail-details{position:absolute;left:23px;right:23px;bottom:140px;color:white}.online{display:inline-flex;align-items:center;gap:6px;border-radius:18px;background:white;color:#141719;padding:6px 10px;font-size:11px;font-weight:700}.online:before{content:'';background:#66ca7b;width:8px;height:8px;border-radius:50%}.detail-details h2{font-size:30px;margin:9px 0 9px;font-weight:850;letter-spacing:-1px}.detail-details h2 small{font-size:24px;font-weight:450;margin-left:4px}.distance{font-size:14px}.bio{font-size:14px;line-height:1.6;margin:16px 0 0}.detail-actions{position:absolute;bottom:42px;left:0;right:0;display:flex;gap:24px;justify-content:center}.circle{width:65px;height:65px;border-radius:50%;border:1px solid #444854;background:rgba(26,29,34,.85);color:#fff;display:flex;align-items:center;justify-content:center}.circle svg{width:31px;height:31px;stroke:white;stroke-width:4;fill:none;stroke-linecap:round}.circle.like svg{stroke:none;fill:#fa476f}.circle.liked{background:#60283e;border-color:#fa476f}.detail .homebar{background:#08090c}.detail .homebar:before{background:white}.heart-wrap,.info-wrap{padding:23px 20px}.empty-heart{margin-top:70px;color:#838894;text-align:center;font-size:14px}.empty-heart svg{width:36px;height:36px;margin:0 auto 12px;display:block;stroke:#a6aab2;fill:none}.heart-wrap h2,.info-wrap h2{font-size:20px;margin:0 0 14px}.info-wrap p{color:#676c76;line-height:1.75;font-size:13px}.toast{position:absolute;bottom:100px;left:50%;transform:translateX(-50%);background:rgba(18,20,24,.92);color:white;z-index:50;padding:11px 16px;border-radius:30px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s}.toast.show{opacity:1}@media (min-width:540px){.page-shell{padding:24px}.phone{height:min(844px,calc(100dvh - 48px));border-radius:31px;border:7px solid #252932;box-shadow:0 25px 75px rgba(10,20,35,.25)}.statusbar{border-radius:23px 23px 0 0}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
[hidden]{display:none!important}

/* Reference-video inspired onboarding (only on the high-involvement condition). */
body.survey-mode .masthead,body.survey-mode .tabbar{display:none!important}
body.survey-mode .main-scroll{overflow:hidden;background:#111112;color:#f7f7f7}
body.survey-mode .statusbar{background:#111112;color:white}
body.survey-mode .homebar{background:#111112}
body.survey-mode .homebar:before{background:white}
.survey-wrap{height:100%;min-height:0;background:#111112;color:white}
.tinder-survey{height:100%;display:flex;flex-direction:column;min-height:0;padding:0;background:#111112}
.q-head{height:64px;flex:none;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 20px}
.q-back,.q-skip{border:0;background:none;color:#fff;min-height:40px}
.q-back{font-size:32px;width:39px;display:flex;justify-content:center;align-items:center;padding:0}.q-back svg{height:27px;width:27px}
.q-skip{font-size:14px;font-weight:750;white-space:nowrap;min-width:68px;text-align:right;padding:0}
.q-skip[hidden]{visibility:hidden;display:block!important}
.q-progress{width:100%;max-width:145px;height:4px;border-radius:4px;background:#333;overflow:hidden;margin:0 auto}
.q-progress div{width:0;height:100%;background:#e02826;border-radius:6px;transition:width .2s}
.q-scroller{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#555 transparent}
.q-content{padding:32px 21px 20px}.q-title{font-size:clamp(27px,7vw,36px);font-weight:740;letter-spacing:-1.25px;line-height:1.38;margin:0 0 17px;word-break:keep-all}
.q-help{font-size:14px;line-height:1.65;color:#a9a9a9;letter-spacing:-.2px;margin:0 0 29px;word-break:keep-all}
.q-choice-list{display:flex;flex-direction:column;gap:12px}.q-option{min-height:64px;width:100%;border:2px solid #343436;border-radius:21px;padding:14px 17px;background:transparent;color:#f4f4f4;display:flex;align-items:center;justify-content:space-between;text-align:left;font-size:15px;font-weight:540;line-height:1.5}.q-option.is-selected,.q-tile.is-selected{border-color:#ec2926}.q-check{opacity:0;color:#ef2926;font-weight:800;font-size:21px}.q-option.is-selected .q-check{opacity:1}
.q-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.q-tile{border:2px solid transparent;background:#070707;color:white;border-radius:20px;min-height:125px;padding:8px;font-size:13px;line-height:1.45;text-align:center;word-break:keep-all}
.q-date-line,.q-text-line{margin-top:39px;border-bottom:1px solid #353535}.q-date-line input,.q-text-line input{display:block;width:100%;background:none;border:0;outline:0;color:#f9f9f9;font-size:22px;letter-spacing:.05em;padding:7px 0 20px;color-scheme:dark}.q-text-line input::placeholder{color:#6a6a6a;font-size:18px}.q-footnote{font-size:12px;color:#888;margin:18px 0;line-height:1.6}
.q-range-row{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:54px;font-size:17px}.q-range-row strong{font-size:18px;font-weight:650}.q-slider{width:100%;appearance:none;height:4px;border-radius:6px;margin:54px 0 14px;background:linear-gradient(to right,#d82929 var(--value,13%),#454545 var(--value,13%));outline:0}.q-slider::-webkit-slider-thumb{appearance:none;width:30px;height:30px;border-radius:50%;background:#fff;border:2px solid #f3f3f3}.q-slider::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:white;border:0}
.q-groups{display:flex;flex-direction:column;gap:24px}.q-group{padding-bottom:23px;border-bottom:1px solid #313131}.q-group h2{font-size:17px;font-weight:560;letter-spacing:-.35px;margin:0 0 16px}.q-chips{display:flex;flex-wrap:wrap;gap:10px 8px}.q-chip{background:#050505;border:0;border-radius:21px;padding:11px 14px;color:#eee;font-size:13px;line-height:1.24;min-height:39px;max-width:100%;text-align:left}.q-chip.is-selected{background:#f1f1f1;color:#141414}.q-selected-interests{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:23px}.q-selected-interests span{background:#f2f2f2;color:#191919;border-radius:18px;padding:7px 10px;font-size:13px}.q-selected-interests:empty{display:none}
.q-footer{background:#111112;padding:9px 20px 16px;flex:none;border-top:1px solid #191919}.q-step{text-align:center;color:#7f7f7f;font-size:11px;height:15px;margin-bottom:8px}.q-next{width:100%;height:55px;border-radius:99px;background:#f2f2f2;color:#111;border:0;font-size:16px;font-weight:760}.q-next:disabled{background:#3b3535;color:#777;cursor:default}
@media(max-width:365px){.q-content{padding-left:17px;padding-right:17px}.q-tiles{gap:6px}.q-tile{font-size:12px;min-height:104px}.q-head{padding:0 12px}}

.q-date-parts{margin-top:45px;display:flex;align-items:center;justify-content:space-between;gap:6px;border-bottom:1px solid #353535;padding:4px 0 20px}.q-date-parts input{font-family:inherit;font-size:24px;letter-spacing:.08em;color:#f4f4f4;text-align:center;background:none;border:0;outline:0;min-width:0;width:25%;padding:8px 0}.q-date-parts input:first-child{width:37%}.q-date-parts input::placeholder{color:#737373}.q-date-parts span{font-size:23px;color:#747474}


/* v4: prevent detail photos being magnified/cropped in tall mobile viewports.
   The entire original image is fitted to the available phone width.
   A subdued copy fills the unused lower area without cropping faces. */
.detail-image{isolation:isolate;background:#0c0d10;--detail-photo:none}
.detail-image::before{content:"";position:absolute;inset:-30px;background-image:var(--detail-photo);background-size:cover;background-position:center;filter:blur(21px) brightness(.47) saturate(.78);transform:scale(1.06);z-index:0;pointer-events:none}
.detail-image>img#detailPhoto{position:absolute;top:0;left:0;width:100%;height:auto;max-height:68%;object-fit:contain;object-position:top center;z-index:1}
.detail-image>.detail-grad{z-index:2;height:65%;background:linear-gradient(to bottom,transparent 0%,rgba(8,9,12,.12) 18%,rgba(8,9,12,.70) 52%,rgba(8,9,12,.97) 100%)}
.detail-image>.detail-details,.detail-image>.detail-actions{z-index:3}