:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#fff8f0;--muted:#fff8f0b3;--line:#ffffff2e;--rose:#ff5f8f;--coral:#ff8b67;--mint:#4ad6c4;--plum:#2b132c;--deep:#100b17}*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0;overflow-x:hidden}body{color:var(--ink);background:radial-gradient(circle at 20% 10%,#ff5f8f3d,#0000 30%),radial-gradient(circle at 80% 0,#4ad6c42e,#0000 26%),linear-gradient(135deg,#100b17 0%,#24112c 45%,#092c2c 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{border:0}.shell{place-items:center;min-height:100vh;padding:28px;display:grid}.phone{background-image:linear-gradient(#0e091433,#0e0914db),url(/ehlidate-bg.png);background-position:50%;background-size:cover;border:1px solid #fff3;border-radius:34px;flex-direction:column;width:min(430px,100%);height:min(860px,100dvh - 56px);min-height:min(640px,100dvh - 56px);padding:18px;display:flex;position:relative;overflow:hidden auto;box-shadow:0 30px 90px #00000073}.phone-match{overflow:hidden}.ambient{pointer-events:none;background:linear-gradient(#ffffff1f,#0000 18%),radial-gradient(circle at 50% 92%,#ff8b6738,#0000 28%);position:absolute;inset:0}.status{z-index:1;letter-spacing:0;text-transform:uppercase;flex:none;justify-content:space-between;align-items:center;padding:6px 4px 22px;font-size:.82rem;font-weight:800;display:flex;position:relative}.live-dot{color:#ffffffb8;align-items:center;gap:7px;display:inline-flex}.live-dot:before{content:"";background:var(--mint);width:8px;height:8px;box-shadow:0 0 18px var(--mint);border-radius:50%}.live-dot.connecting:before{background:#fff3d6;box-shadow:0 0 18px #fff3d6}.live-dot.offline:before{background:#ff5f8f;box-shadow:0 0 18px #ff5f8f}.panel,.match-screen{z-index:1;position:relative}.panel{border:1px solid var(--line);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#100b179e;border-radius:24px;margin-top:clamp(24px,8vh,80px);padding:22px;box-shadow:0 22px 60px #00000047}.intro-panel{gap:10px;display:grid}.brand-mark{background:linear-gradient(135deg, var(--rose), var(--coral));border-radius:18px;place-items:center;width:56px;height:56px;display:grid;box-shadow:0 16px 34px #ff5f8f47}.brand-mark svg,button svg,.input-wrap svg,.approval-orbit svg,.match-pill svg{width:20px;height:20px}.eyebrow{color:var(--mint);letter-spacing:0;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:900}.eyebrow.danger{color:#ffb1c2}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;max-width:11ch;margin-bottom:0;font-size:clamp(2.15rem,10vw,3.35rem);line-height:.94}h2{letter-spacing:0;margin-bottom:0;font-size:clamp(1.9rem,8vw,2.6rem);line-height:.95}h3{margin-bottom:6px;font-size:1.2rem}.copy{color:var(--muted);margin-bottom:6px;line-height:1.55}.field-label{color:#ffffffc7;font-size:.84rem;font-weight:800}.input-wrap{background:#ffffff1a;border:1px solid #ffffff29;border-radius:16px;align-items:center;gap:10px;min-height:56px;padding:0 14px;display:flex}.profile-photo-field{gap:10px;margin-bottom:14px;display:grid}.profile-photo-field input[type=file]{display:none}.profile-photo-upload{width:100%;min-height:78px;color:var(--muted);text-align:center;cursor:pointer;background:#ffffff14;border:1px dashed #ffffff52;border-radius:22px;justify-content:center;align-items:center;padding:12px;display:inline-flex}.profile-photo-upload img{object-fit:cover;border:2px solid #ffffff38;border-radius:50%;width:100%;max-width:72px;height:72px}.remove-photo{width:fit-content;color:var(--ink);cursor:pointer;background:#ff5f8f2e;border:1px solid #ff5f8f52;border-radius:14px;padding:10px 16px;font-weight:700}.input-wrap input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-weight:800}.input-wrap input::placeholder{color:#ffffff6b}.error{color:#ffd2dc;margin:-4px 0 0;font-size:.86rem;font-weight:700}.music-toggle{min-height:46px;color:var(--ink);cursor:pointer;background:#ffffff1a;border:1px solid #ffffff29;border-radius:16px;justify-content:center;justify-self:start;align-items:center;gap:9px;padding:0 14px;font-size:.86rem;font-weight:900;display:inline-flex}.music-toggle svg{color:#fff3d6;width:18px;height:18px}.primary,.ghost{cursor:pointer;border-radius:18px;justify-content:center;align-items:center;gap:10px;min-height:56px;font-weight:900;display:inline-flex}.primary{color:#1c0d18;background:linear-gradient(135deg,#fff3d6,#ff7aa3 52%,#4ad6c4);width:100%;box-shadow:0 18px 34px #ff5f8f40}.primary:disabled{cursor:not-allowed;filter:grayscale(.45);opacity:.58}.ghost{color:var(--ink);background:#ffffff1a;border:1px solid #ffffff29;padding-inline:18px}.quiz-panel{margin-top:28px}.section-top,.match-header,.action-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.own-avatar-preview{justify-content:center;margin:16px 0;display:flex}.own-avatar-preview img{object-fit:cover;cursor:zoom-in;border:3px solid #ffffff2e;border-radius:50%;width:96px;height:96px;box-shadow:0 18px 40px #00000024}.photo-preview-overlay{z-index:2000;background:#000000c7;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.photo-preview-inner{background:#000;border-radius:28px;max-width:min(95vw,520px);max-height:min(95vh,720px);overflow:hidden;box-shadow:0 30px 90px #00000073}.photo-preview-inner img{width:100%;height:auto;display:block}.photo-preview-overlay img{cursor:zoom-out}.score-ring{width:58px;height:58px;color:var(--mint);background:#4ad6c429;border-radius:50%;flex:none;place-items:center;font-weight:950;display:grid}.questions{gap:14px;margin:22px 0;display:grid}.quiz-progress{background:#ffffff1f;border-radius:999px;height:8px;margin:18px 0 16px;overflow:hidden}.quiz-progress span{border-radius:inherit;background:linear-gradient(90deg, var(--mint), #fff3d6, var(--rose));height:100%;transition:width .22s;display:block}.question{background:#ffffff14;border:1px solid #ffffff24;border-radius:18px;padding:14px}.single-question{margin-bottom:18px}.question p{color:#ffffffe0;margin-bottom:12px;font-weight:800;line-height:1.35}.options{grid-template-columns:1fr;gap:8px;display:grid}.option{color:#ffffffc7;text-align:left;cursor:pointer;background:#ffffff14;border:1px solid #ffffff24;border-radius:14px;min-height:44px;padding:10px 12px}.option.active{color:#120b16;background:#fff3d6}.approved-panel{text-align:center;gap:16px;margin-top:clamp(120px,24vh,210px);display:grid}.blocked-panel{text-align:center;background:linear-gradient(#ff5f8f33,#100b17c2),#100b17b8;border-color:#ff5f8f85;gap:16px;margin-top:clamp(110px,24vh,210px);display:grid;box-shadow:0 0 0 1px #ff5f8f1f,0 22px 70px #ff5f8f33}.maintenance-phone{overflow:hidden}.maintenance-panel{text-align:left;gap:16px;margin-top:auto;margin-bottom:auto;display:grid}.maintenance-panel h1{max-width:100%;font-size:clamp(2.6rem,12vw,4rem)}.maintenance-message{color:#fff3d6;overflow-wrap:anywhere;background:#ff5f8f29;border:1px solid #ff5f8f61;border-radius:18px;margin:0;padding:16px;font-size:clamp(1.35rem,6vw,2rem);font-weight:950;line-height:1.12}.blocked-icon{color:#fff3d6;background:#ff5f8f38;border:1px solid #ffffff38;border-radius:24px;justify-self:center;place-items:center;width:78px;height:78px;display:grid;box-shadow:0 18px 42px #ff5f8f3d}.blocked-icon svg{width:34px;height:34px}.danger-button{background:linear-gradient(135deg,#fff3d6,#ff5f8f 58%,#ff8b67)}.approval-orbit{justify-content:center;align-items:center;gap:12px;min-height:90px;display:flex}.approval-orbit svg{color:#fff3d6;background:#ffffff24;border-radius:18px;width:46px;height:46px;padding:10px}.match-screen{flex-direction:column;flex:auto;gap:10px;min-height:0;padding-top:10px;display:flex;overflow:hidden}.match-screen.chatting{gap:8px}.match-header h2{font-size:clamp(1.35rem,5vw,1.9rem);line-height:1.02}.chatting .match-header{padding-bottom:2px}.chatting .match-header h2{font-size:clamp(1.25rem,4.8vw,1.7rem)}.match-header,.own-avatar-preview,.match-feedback,.profile-card,.special-match-card,.decision-panel,.online-users-panel,.action-row{flex:none}.match-pill{white-space:nowrap;color:#ffd7e4;background:#ff5f8f2e;border-radius:999px;align-items:center;gap:6px;padding:10px 12px;font-size:.8rem;font-weight:900;display:inline-flex}.match-feedback{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#100b1794;border:1px solid #ffffff24;border-radius:18px;grid-template-columns:42px 1fr;align-items:center;gap:12px;padding:10px 12px;display:grid}.chatting .match-feedback{grid-template-columns:32px 1fr;gap:10px;padding:8px 10px}.chatting .match-feedback .loading-ring{width:32px;height:32px}.chatting .match-feedback p{display:none}.match-feedback strong{color:var(--ink);margin-bottom:2px;font-size:.94rem;display:block}.match-feedback p{color:var(--muted);margin:0;font-size:.84rem;line-height:1.35}.loading-ring{border:3px solid #ffffff2e;border-top-color:var(--mint);border-radius:50%;width:38px;height:38px;animation:.9s linear infinite spin;display:block}.match-feedback.found{background:#4ad6c41f;border-color:#4ad6c461}.match-feedback.found .loading-ring{background:linear-gradient(135deg, var(--mint), #fff3d6);border:0;place-items:center;animation:none;display:grid}.match-feedback.found .loading-ring:before{content:"";border-bottom:3px solid #11211f;border-left:3px solid #11211f;width:14px;height:8px;transform:rotate(-45deg)translate(1px,-1px)}@keyframes spin{to{transform:rotate(360deg)}}.match-switcher{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#100b1775;border:1px solid #ffffff24;border-radius:18px;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:8px;display:grid}.match-switcher button{min-height:38px;color:var(--ink);cursor:pointer;background:#ffffff1a;border-radius:12px;font-weight:850}.match-switcher span{color:var(--muted);font-size:.84rem;font-weight:900}.profile-card,.chat{border:1px solid var(--line);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#100b17ad}.profile-card{border-radius:20px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.chatting .profile-card{grid-template-columns:42px minmax(0,1fr) auto;gap:10px;padding:10px}.chatting .profile-card .avatar{border-radius:16px;width:42px;height:42px}.chatting .profile-card h3{margin-bottom:2px;font-size:1rem}.chatting .profile-card p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.avatar{background:linear-gradient(135deg, var(--mint), #fff3d6);color:#11211f;border-radius:20px;place-items:center;width:48px;height:48px;font-size:1.5rem;font-weight:950;display:grid}.avatar img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.avatar.cinematic{background:linear-gradient(135deg, #fff3d6, var(--rose), var(--mint));animation:1.8s ease-in-out infinite pulseGlow;box-shadow:0 0 34px #ff5f8f61}.profile-card p{color:var(--muted);margin:0;line-height:1.35}.special-match-card{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(135deg,#fff3d629,#ff5f8f33),#100b17a8;border:1px solid #fff3d647;border-radius:22px;grid-template-columns:44px 1fr;align-items:center;gap:12px;padding:14px;display:grid;box-shadow:0 22px 60px #ff5f8f2e}.special-match-card svg{color:#fff3d6;width:28px;height:28px}.special-match-card strong{color:#fff3d6;margin-bottom:3px;font-size:1.04rem;display:block}.special-match-card p{color:var(--muted);margin:0;line-height:1.35}.decision-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#100b1794;border:1px solid #ffffff24;border-radius:20px;gap:8px;padding:10px;display:grid}.online-users-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#100b179e;border:1px solid #4ad6c442;border-radius:22px;gap:12px;padding:14px;display:grid}.online-users-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.online-users-head strong{color:var(--ink);font-size:1.02rem;display:block}.online-users-head span{color:#11211f;background:linear-gradient(135deg, var(--mint), #fff3d6);border-radius:999px;justify-content:center;align-items:center;gap:7px;min-width:58px;min-height:38px;padding:0 10px;font-weight:950;display:inline-flex}.online-users-head svg{width:17px;height:17px}.online-users-list{gap:8px;max-height:220px;padding-right:2px;display:grid;overflow:auto}.online-user{background:#ffffff14;border:1px solid #ffffff1f;border-radius:16px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.online-user-avatar{color:#11211f;background:linear-gradient(135deg, #fff3d6, var(--mint));border-radius:15px;place-items:center;width:44px;height:44px;font-weight:950;display:grid;overflow:hidden}.online-user-avatar img{object-fit:cover;cursor:zoom-in;width:100%;height:100%}.online-user strong,.online-user p{overflow-wrap:anywhere}.online-user strong{color:var(--ink);font-size:.92rem;display:block}.online-user p,.online-empty{color:var(--muted);margin:2px 0 0;font-size:.78rem;line-height:1.25}.user-status{color:#11211f;white-space:nowrap;background:#fff3d6;border-radius:999px;padding:6px 8px;font-size:.68rem;font-weight:950}.user-status.matched{color:#ffd7e4;background:#ff5f8f33}.presence{color:#ffffffc2;align-items:center;gap:8px;font-size:.82rem;font-weight:850;display:inline-flex}.presence-dot{background:var(--mint);width:9px;height:9px;box-shadow:0 0 16px var(--mint);border-radius:50%}.decision-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.love-choice,.chat-start{cursor:pointer;border-radius:14px;min-height:38px;font-weight:900}.love-choice{color:var(--ink);background:#ffffff1a;border:1px solid #ffffff29}.love-choice.active{color:#1c0d18;background:#fff3d6}.love-choice.muted.active{background:#4ad6c4e0}.chat-start{color:#1c0d18;background:linear-gradient(135deg, #fff3d6, #ff7aa3 58%, var(--mint));grid-column:1/-1}.chat-start:disabled{cursor:not-allowed;opacity:.52}.compatibility{text-align:right}.compatibility span{color:#fff3d6;font-weight:950;display:block}.compatibility small{color:var(--muted)}.chat{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff4d transparent;border-radius:20px;flex:auto;gap:10px;min-height:0;max-height:none;padding:12px;display:grid;position:relative;overflow-y:auto}.chat.locked{flex:none;min-height:88px;max-height:none;overflow:hidden}.chat::-webkit-scrollbar{width:8px}.chat::-webkit-scrollbar-thumb{background:#ffffff42;border-radius:999px}.bubble{overflow-wrap:anywhere;color:#ffffffe6;border-radius:18px;max-width:86%;padding:12px 14px;line-height:1.38}.message-meta{color:#ffffff7a;margin-top:6px;font-size:.7rem;font-weight:800;display:block}.bubble strong{color:#ffffff9e;text-transform:uppercase;margin-bottom:4px;font-size:.72rem;display:block}.theirs{background:#ffffff1c}.yours{background:#ff5f8f57;justify-self:end}.typing-indicator{width:fit-content;color:var(--muted);background:#ffffff1a;border-radius:999px;align-items:center;gap:5px;padding:9px 12px;font-size:.78rem;font-weight:850;display:inline-flex}.typing-indicator span{background:var(--mint);border-radius:50%;width:5px;height:5px;animation:1s ease-in-out infinite typingBounce}.typing-indicator span:nth-child(2){animation-delay:.12s}.typing-indicator span:nth-child(3){animation-delay:.24s}.chat-cover{color:var(--muted);text-align:center;background:#ffffff0f;border:1px dashed #ffffff2e;border-radius:18px;padding:12px;font-size:.86rem;font-weight:850}@keyframes pulseGlow{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes typingBounce{0%,80%,to{opacity:.45;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.compact{width:auto;min-width:150px;padding-inline:18px}.action-row{z-index:3;background:0 0;flex-wrap:wrap;flex:none;align-items:stretch;gap:8px;padding-top:8px;position:relative}.message-box{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#100b17ad;border:1px solid #ffffff29;border-radius:18px;flex:100%;order:-1;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;min-width:0;min-height:50px;padding:0 8px 0 14px;display:grid}.message-box svg{color:#ffffffb8;width:18px;height:18px}.message-box input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-weight:800}.message-box input::placeholder{color:#ffffff6b}.message-box button{color:#1c0d18;cursor:pointer;background:#fff3d6;border-radius:14px;place-items:center;width:38px;height:38px;display:grid}.message-box button:disabled,.message-box input:disabled{cursor:not-allowed;opacity:.54}.message-box button svg{color:#1c0d18}.action-row .ghost{flex:calc(50% - 4px)}.reaction-buttons{opacity:0;gap:4px;margin-top:6px;transition:opacity .2s;display:flex}.bubble:hover .reaction-buttons{opacity:1}.reaction-btn{width:28px;height:28px;color:var(--ink);cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;place-items:center;font-size:14px;transition:all .2s;display:grid}.reaction-btn:hover{background:#fff3;transform:scale(1.1)}.reactions-display{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.reaction-count{color:var(--ink);background:#ffffff1a;border-radius:12px;align-items:center;gap:2px;padding:2px 6px;font-size:12px;font-weight:600;display:inline-flex}.ghost:disabled{cursor:not-allowed;opacity:.54}@media (max-width:420px){.action-row .ghost{flex:calc(50% - 4px);min-height:44px;padding-inline:10px;font-size:.84rem}.message-box{flex:100%}}@media (max-width:480px){.shell{padding:0}.phone{border:0;border-radius:0;height:100dvh;min-height:100dvh}.panel{padding:20px}.match-screen{gap:8px}.match-feedback p,.profile-card p,.presence{font-size:.78rem}.chat{min-height:0;max-height:none}.chat.locked{min-height:76px}.profile-card{grid-template-columns:50px 1fr}.online-user{grid-template-columns:40px minmax(0,1fr)}.user-status{grid-column:2;justify-self:start}.compatibility{text-align:left;grid-column:1/-1;justify-content:space-between;display:flex}}