:root{color:#20202a;font-synthesis:none;text-rendering:optimizelegibility;background:#f6f3f8;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-shell{background:radial-gradient(circle at 0 0,#ff507d2e,#0000 32%),radial-gradient(circle at 100% 100%,#8f5cff26,#0000 30%),#f8f7fb;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.phone-card{background:#fffffff5;border:1px solid #1e1e2814;border-radius:32px;flex-direction:column;width:100%;max-width:430px;min-height:720px;padding:64px 28px 28px;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 80px #24173124}.welcome-card{text-align:center;justify-content:center;padding-top:38px}.brand-mark,.large-center-icon{color:#fff;background:linear-gradient(135deg,#ff356b,#ff645d);border-radius:28px;justify-content:center;align-items:center;width:86px;height:86px;margin:0 auto 24px;display:flex;box-shadow:0 16px 35px #ff356b47}.large-center-icon{color:#7050d5;box-shadow:none;background:#f0ebff;margin-top:12px}.brand-small,.step-label{text-align:center;letter-spacing:.14em;color:#928b98;margin:0 0 10px;font-size:12px;font-weight:800;display:block}.main-brand{letter-spacing:-.045em;margin:0;font-size:46px;line-height:1}.brand-description,.subtitle{color:#79727f;font-size:15px;line-height:1.55}.brand-description{margin:12px 0 0}.screen-title{text-align:center;letter-spacing:-.04em;margin:0;font-size:34px;line-height:1.08}.subtitle{text-align:center;margin:14px 0 26px}.hero-card{background:linear-gradient(145deg,#fff0f4,#f2edff);border-radius:28px;justify-content:center;align-items:center;gap:18px;width:100%;min-height:185px;margin:30px auto 24px;display:flex}.person{color:#fff;border-radius:44px 44px 26px 26px;justify-content:center;align-items:center;width:88px;height:116px;font-size:21px;font-weight:800;display:flex;box-shadow:0 15px 30px #231c321f}.person-one{background:linear-gradient(160deg,#ff5b83,#e53e67);transform:rotate(-5deg)}.person-two{background:linear-gradient(160deg,#9170f5,#7050d5);transform:rotate(5deg)}.heart-center{color:#fff;background:#ff416c;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;display:flex}.benefits{text-align:left;gap:10px;margin-bottom:26px;display:grid}.benefits div{color:#514b57;background:#f8f7fa;border-radius:16px;align-items:center;gap:12px;padding:13px 16px;display:flex}.benefits svg{color:#ff416c}.primary-button{cursor:pointer;color:#fff;background:linear-gradient(135deg,#ff356b,#ff6659);border:0;border-radius:18px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:55px;font-weight:800;transition:transform .15s,opacity .15s;display:flex;box-shadow:0 14px 28px #ff356b3d}.primary-button:hover:not(:disabled){transform:translateY(-2px)}.primary-button:active:not(:disabled){transform:scale(.98)}.primary-button:disabled{cursor:not-allowed;opacity:.35;box-shadow:none}.push-bottom{margin-top:auto}.back-button{cursor:pointer;color:#403a46;background:#f4f2f5;border:0;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;display:flex;position:absolute;top:22px;left:22px}.notice{color:#5d5566;background:#f7f4ff;border-radius:20px;gap:6px;margin-bottom:28px;padding:18px;display:grid}.notice strong{color:#342b43}.notice span{font-size:14px;line-height:1.6}.text-input{color:#26222a;background:#faf9fb;border:2px solid #eeebf0;border-radius:17px;outline:none;width:100%;min-height:58px;padding:0 18px;font-size:18px;transition:border-color .16s,box-shadow .16s}.text-input:focus{border-color:#ff5277;box-shadow:0 0 0 4px #ff527717}.choice-list{gap:12px;display:grid}.choice-button{cursor:pointer;color:#504951;background:#faf9fb;border:2px solid #eeebf0;border-radius:18px;justify-content:space-between;align-items:center;width:100%;min-height:59px;padding:0 18px;font-size:16px;font-weight:700;display:flex}.choice-button.selected{color:#d72e59;background:#fff2f5;border-color:#ff5277}.age-result{border-radius:14px;margin-top:14px;padding:13px 16px;font-size:14px;font-weight:700}.age-result.valid{color:#31744c;background:#eefaf3}.age-result.invalid{color:#ae314a;background:#fff0f2}.interest-grid{flex-wrap:wrap;gap:9px;display:flex}.interest-chip{cursor:pointer;color:#635c67;background:#faf9fb;border:1px solid #e8e4eb;border-radius:999px;padding:11px 15px}.interest-chip.selected{color:#d72e59;background:#fff0f4;border-color:#ff5277;font-weight:700}.dating-profile{background:#fff;border-radius:25px;margin-bottom:24px;overflow:hidden;box-shadow:0 16px 45px #2417311f}.photo-placeholder{color:#aaa2ae;background:linear-gradient(145deg,#f4edf2,#ece8f5);flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:300px;display:flex}.profile-info{padding:20px}.profile-info h2{margin:0 0 10px;font-size:28px}.profile-goal{color:#d72e59;background:#fff0f4;border-radius:999px;padding:7px 11px;font-size:13px;font-weight:700;display:inline-block}.profile-info p{color:#69616d}.profile-interests{flex-wrap:wrap;gap:7px;display:flex}.profile-interests span{background:#f3f1f5;border-radius:999px;padding:7px 10px;font-size:12px}@media (width<=520px){.app-shell{padding:0}.phone-card{max-width:none;min-height:100vh;box-shadow:none;border:0;border-radius:0}}.photo-uploader{cursor:pointer;color:#9b94a2;background:linear-gradient(145deg,#f4edf2,#ece8f5);flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:330px;display:flex;position:relative;overflow:hidden}.photo-uploader strong{color:#655e69;font-size:17px}.photo-uploader span{font-size:13px}.photo-input{display:none}.profile-photo{object-fit:cover;width:100%;height:330px;display:block}.photo-uploader.has-photo{padding:0}.change-photo{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#141419b8;border-radius:999px;padding:9px 13px;font-size:12px;font-weight:800;position:absolute;bottom:14px;right:14px}.discover-card{padding-top:24px}.discover-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.discover-title{letter-spacing:-.04em;margin:0;font-size:28px}.round-icon-button{cursor:pointer;background:#f3f1f5;border:0;border-radius:50%;width:42px;height:42px}.swipe-card{background:#fff;border-radius:26px;overflow:hidden;box-shadow:0 18px 50px #23182e24}.demo-photo{color:#fff;background:linear-gradient(145deg,#ff5f81,#8569e8);justify-content:center;align-items:center;min-height:410px;font-size:56px;font-weight:800;display:flex}.swipe-profile-info{padding:20px}.name-row{justify-content:space-between;align-items:center;display:flex}.name-row h2{margin:0;font-size:28px}.location-text{color:#77717e;margin:5px 0 12px}.swipe-actions{justify-content:center;gap:20px;margin:24px 0;display:flex}.swipe-action{cursor:pointer;background:#fff;border:0;border-radius:50%;width:64px;height:64px;font-size:28px;font-weight:800;box-shadow:0 10px 30px #23182e24}.swipe-action.pass{color:#e05268}.swipe-action.superlike{color:#6b65df}.swipe-action.like{color:#ff416c}.bottom-nav{border-top:1px solid #eeeaf0;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:auto;padding-top:14px;display:grid}.bottom-nav button{cursor:pointer;color:#8b8490;background:0 0;border:0;padding:10px 5px;font-size:12px}.bottom-nav button.active{color:#ff416c;font-weight:800}.match-screen{justify-content:center}.match-hearts{justify-content:center;align-items:center;gap:48px;margin:20px 0 38px;display:flex;position:relative}.match-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:110px;height:110px;font-size:28px;font-weight:800;display:flex;box-shadow:0 18px 40px #1e14282e}.my-avatar{background:linear-gradient(145deg,#7c66e9,#5d49ca)}.other-avatar{background:linear-gradient(145deg,#ff6686,#e83f67)}.match-heart-center{color:#fff;z-index:3;background:linear-gradient(135deg,#ff356b,#ff655c);border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;display:flex;position:absolute;box-shadow:0 12px 30px #ff356b59}.match-title{text-align:center;letter-spacing:-.05em;color:#ff416c;margin:0;font-size:48px;line-height:1}.match-secondary-button{cursor:pointer;color:#706a73;background:0 0;border:0;width:100%;min-height:52px;margin-top:10px;font-weight:700}.chat-screen{padding:22px 18px 18px}.chat-header{border-bottom:1px solid #eeeaf0;align-items:center;gap:12px;min-height:70px;padding-left:50px;display:flex}.chat-avatar{color:#fff;background:linear-gradient(145deg,#ff6686,#e83f67);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-weight:800;display:flex}.chat-header div:last-child{gap:2px;display:grid}.chat-header span{color:#8c8590;font-size:12px}.chat-messages{flex:1;min-height:420px;max-height:520px;padding:20px 4px;overflow-y:auto}.empty-chat{text-align:center;color:#8b8490;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:350px;display:flex}.message-row{margin-bottom:10px;display:flex}.message-row.mine{justify-content:flex-end}.message-row.theirs{justify-content:flex-start}.message-bubble{word-break:break-word;border-radius:18px;max-width:78%;padding:11px 14px;font-size:14px;line-height:1.4}.message-row.mine .message-bubble{color:#fff;background:linear-gradient(135deg,#ff416c,#ff655d);border-bottom-right-radius:6px}.message-row.theirs .message-bubble{color:#413b44;background:#f2eff4;border-bottom-left-radius:6px}.chat-composer{border-top:1px solid #eeeaf0;grid-template-columns:1fr 48px;gap:9px;padding-top:12px;display:grid}.chat-composer input{background:#f8f6f9;border:1px solid #e6e1e8;border-radius:999px;outline:none;min-width:0;height:48px;padding:0 16px;font-size:16px}.chat-composer button{cursor:pointer;color:#fff;background:linear-gradient(135deg,#ff416c,#ff655d);border:0;border-radius:50%;width:48px;height:48px}.chat-composer button:disabled{opacity:.35;cursor:not-allowed}.matches-screen{padding-top:24px}.matches-header{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.matches-list{flex:1;align-content:start;gap:10px;display:grid}.match-list-item{cursor:pointer;text-align:left;background:#f8f6f9;border:0;border-radius:20px;grid-template-columns:58px 1fr 24px;align-items:center;gap:12px;width:100%;min-height:82px;padding:12px;display:grid}.match-list-avatar{color:#fff;background:linear-gradient(145deg,#ff6686,#e83f67);border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;font-weight:800;display:flex}.match-list-content{min-width:0}.match-list-title{align-items:center;gap:6px;display:flex}.match-list-title strong{font-size:16px}.match-list-title span{color:#6b65df}.match-list-content p{color:#85808a;text-overflow:ellipsis;white-space:nowrap;margin:5px 0 0;font-size:13px;overflow:hidden}.match-list-arrow{color:#aaa3ae;font-size:28px}.matches-empty{text-align:center;color:#8a8490;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;min-height:450px;display:flex}.matches-empty svg{color:#ff416c}.matches-empty strong{color:#403a43;font-size:19px}.matches-empty span{max-width:280px;margin-bottom:15px;font-size:14px;line-height:1.5}.unread-badge{color:#fff;background:linear-gradient(135deg,#ff416c,#ff655d);border-radius:999px;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 7px;font-size:11px;font-weight:800;display:inline-flex}.profile-center{padding-top:24px}.profile-center-header{margin-bottom:20px}.profile-photo-section{gap:14px;margin-bottom:22px;display:grid}.profile-center-info{gap:10px;margin-bottom:22px;display:grid}.profile-center-info>div{background:#f8f6f9;border-radius:16px;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;display:flex}.profile-center-info span{color:#8a8490;font-size:13px}.profile-center-info strong{color:#3f3942;text-align:right;font-size:14px}.discover-profile-photo{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.demo-photo{overflow:hidden}