@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{--bg: #f7f8fa;--surface: #fff;--surface-muted: #f1f4f8;--text: #111827;--muted: #6b7280;--line: #e5e7eb;--brand: #2563eb;--brand-soft: #eff6ff;--green: #22c55e;--sidebar: 228px;--list: 328px}.app-shell{min-height:100dvh;display:flex;background:var(--bg);color:var(--text);transition:background .25s,color .25s}.theme-dark{--bg: #111827;--surface: #1f2937;--surface-muted: #263448;--text: #f3f4f6;--muted: #9ca3af;--line: #334155;--brand-soft: #1d355d}.sidebar{width:var(--sidebar);flex:0 0 var(--sidebar);min-height:100dvh;padding:26px 14px 18px;display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--line)}.brand{display:flex;gap:10px;align-items:center;padding:0 13px;font-family:Manrope,sans-serif;font-weight:800;font-size:17px;letter-spacing:-.3px}.brand-mark{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:var(--brand);color:#fff;font-family:Manrope,sans-serif;font-size:20px;font-style:italic;line-height:1}.side-nav{display:flex;flex-direction:column;gap:4px;margin-top:57px}.side-nav button,.side-actions button,.profile-nav{border:0;background:transparent;color:var(--muted);display:flex;align-items:center;gap:12px;width:100%;padding:11px 13px;border-radius:10px;font-size:14px;text-align:left;transition:.2s ease}.side-nav button:hover,.side-actions button:hover,.profile-nav:hover{color:var(--text);background:var(--surface-muted)}.side-nav button.active{color:var(--brand);background:var(--brand-soft);font-weight:600}.side-nav button em{margin-left:auto;font-size:11px;font-style:normal;color:var(--brand);background:#dbeafe;border-radius:99px;padding:2px 7px}.side-bottom{margin-top:auto}.profile-nav{padding:10px 9px;margin-bottom:14px}.profile-nav span:not(.avatar){display:flex;flex-direction:column;min-width:0}.profile-nav strong{color:var(--text);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-nav small{margin-top:2px;color:var(--muted);font-size:11px}.side-actions{padding-top:13px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:2px}.side-actions button{font-size:13px;padding:8px 11px}.app-main{min-width:0;flex:1;min-height:100dvh}.page-content{max-width:1240px;margin:0 auto;padding:39px clamp(22px,4vw,58px) 54px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:34px}.topbar h1{margin:0;font-family:Manrope,sans-serif;font-size:28px;letter-spacing:-.7px}.topbar p{margin:8px 0 0;color:var(--muted);font-size:14px}.notification{position:relative;width:40px;height:40px;display:grid;place-items:center;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:11px}.notification i{position:absolute;width:6px;height:6px;border-radius:50%;background:#f97316;top:9px;right:10px;border:2px solid var(--surface)}.discover-toolbar,.contacts-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:18px}.section-label{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.pulse{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #dcfce7}.search-field{display:flex;align-items:center;gap:9px;height:40px;width:min(290px,100%);color:var(--muted);border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:0 11px}.search-field input{min-width:0;flex:1;border:0;outline:0;color:var(--text);background:transparent;font-size:13px}.search-field input::placeholder{color:#9ca3af}.search-field kbd{min-width:21px;text-align:center;border:1px solid var(--line);border-radius:5px;font-size:11px;line-height:19px;color:var(--muted)}.user-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.user-card{overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:15px;transition:transform .22s,box-shadow .22s}.user-card:hover{transform:translateY(-4px);box-shadow:0 16px 28px #1e293b1a}.card-cover,.profile-modal-cover{height:84px;position:relative;background:#dbeafe}.cover-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,rgba(37,99,235,.13),transparent 48%),radial-gradient(circle at 82% 15%,rgba(255,255,255,.7),transparent 22%),linear-gradient(18deg,transparent 65%,rgba(37,99,235,.08) 65%)}.card-cover .avatar{position:absolute;left:19px;bottom:-28px;border:4px solid var(--surface)}.card-more{position:absolute;right:10px;top:9px;width:30px;height:30px;border:0;display:grid;place-items:center;border-radius:8px;color:#64748b;background:#ffffffc7}.card-body{padding:39px 17px 17px}.user-name-row{display:flex;justify-content:space-between;gap:8px}.user-name-row h3{margin:0;font-size:15px;font-weight:700}.user-name-row span:not(.user-age){display:block;color:var(--muted);margin-top:4px;font-size:11px}.user-age{color:var(--muted);font-size:12px}.user-location{display:flex;gap:5px;align-items:center;color:var(--muted);margin:13px 0 8px;font-size:12px}.user-bio{color:var(--muted);min-height:32px;margin:0;font-size:12px;line-height:1.45}.interest-row,.profile-interests{display:flex;flex-wrap:wrap;gap:5px;margin:13px 0 16px}.interest-row span,.profile-interests span{padding:4px 8px;color:var(--brand);background:var(--brand-soft);border-radius:6px;font-size:10px}.outline-button,.primary-button,.demo-button,.load-more,.message-contact{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:9px;font-size:12px;font-weight:600;transition:.2s}.outline-button{width:100%;height:36px;border:1px solid var(--line);color:var(--text);background:transparent}.outline-button:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-soft)}.primary-button{height:42px;border:0;padding:0 17px;color:#fff;background:var(--brand);box-shadow:0 8px 16px #2563eb2e}.primary-button:hover{background:#1d4ed8;transform:translateY(-1px)}.load-more{display:flex;margin:29px auto 0;height:38px;padding:0 19px;border:1px solid var(--line);background:var(--surface);color:var(--text)}.load-more:hover{border-color:var(--brand);color:var(--brand)}.loading-row{display:flex;gap:8px;align-items:center;justify-content:center;color:var(--muted);margin:29px 0 0;font-size:13px}.spinner{width:15px;height:15px;border:2px solid var(--line);border-top-color:var(--brand);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.avatar{position:relative;flex:0 0 auto;width:42px;height:42px;border-radius:50%;overflow:visible;background:#dbeafe;display:grid;place-items:center;color:#1d4ed8;font-size:13px;font-weight:700}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}.avatar-xs{width:24px;height:24px;font-size:9px}.avatar-sm{width:34px;height:34px;font-size:11px}.avatar-md{width:42px;height:42px}.avatar-lg{width:58px;height:58px}.avatar-xl{width:68px;height:68px;font-size:16px}.online-dot{position:absolute;right:-1px;bottom:1px;width:10px;height:10px;border-radius:50%;background:var(--green);border:2px solid var(--surface)}.offline-dot{width:7px;height:7px;border-radius:50%;background:#cbd5e1;display:inline-block}.icon-button{display:grid;place-items:center;width:36px;height:36px;padding:0;color:var(--muted);background:transparent;border:0;border-radius:9px;transition:.18s}.icon-button:hover,.icon-button.is-active{color:var(--brand);background:var(--brand-soft)}.messages-layout{display:grid;grid-template-columns:var(--list) minmax(0,1fr);height:100dvh;background:var(--surface)}.chat-list-panel{min-width:0;border-right:1px solid var(--line);padding:30px 17px;overflow-y:auto}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;margin:0 5px 23px}.panel-heading h2{margin:0;font-family:Manrope,sans-serif;font-size:22px}.panel-heading span{display:block;margin-top:5px;color:var(--muted);font-size:11px}.new-chat{width:31px;height:31px;border:0;border-radius:9px;color:#fff;background:var(--brand);font-size:21px;line-height:1}.conversation-list{margin-top:18px}.conversation-item{position:relative;display:flex;gap:10px;align-items:center;width:100%;padding:11px 9px;border:0;background:transparent;color:var(--text);border-radius:11px;text-align:left}.conversation-item:hover{background:var(--surface-muted)}.conversation-item.selected{background:var(--brand-soft)}.conversation-copy{min-width:0;flex:1}.conversation-copy strong{display:block;font-size:13px;font-weight:700}.conversation-copy small{display:block;margin-top:4px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.conversation-meta{display:flex;flex-direction:column;align-items:flex-end;gap:7px;align-self:stretch}.conversation-meta time{color:var(--muted);font-size:10px}.conversation-meta b{min-width:18px;height:18px;display:grid;place-items:center;padding:0 5px;border-radius:99px;color:#fff;background:var(--brand);font-size:10px}.empty-small{padding:30px 8px;text-align:center;color:var(--muted);font-size:13px}.chat-window{display:flex;min-width:0;height:100%;flex-direction:column;background:var(--surface)}.chat-header{flex:0 0 auto;display:flex;align-items:center;gap:11px;min-height:76px;padding:0 30px;border-bottom:1px solid var(--line)}.chat-person{min-width:0;flex:1}.chat-person strong{display:block;font-size:14px}.chat-person span{display:flex;align-items:center;gap:6px;margin-top:4px;color:var(--muted);font-size:11px}.chat-person .online-dot{position:static;width:7px;height:7px;border:0}.chat-header-actions{position:relative}.more-menu{position:absolute;z-index:3;top:43px;right:0;width:158px;padding:5px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:0 14px 28px #0f172a21}.more-menu button{display:block;width:100%;padding:9px 10px;color:var(--text);text-align:left;border:0;border-radius:7px;background:transparent;font-size:12px}.more-menu button:hover{background:var(--surface-muted)}.messages-scroll{flex:1;min-height:0;overflow-y:auto;background:var(--surface-muted)}.messages-inner{max-width:820px;margin:0 auto;padding:28px 30px 24px}.day-divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:10px;margin:2px 0 24px}.day-divider:before,.day-divider:after{content:"";height:1px;flex:1;background:var(--line)}.message-row{display:flex;align-items:flex-end;gap:9px;margin:14px 0}.message-row.mine{justify-content:flex-end}.message-avatar{width:34px}.message-stack{max-width:min(68%,510px)}.message-bubble{padding:10px 13px;border-radius:15px 15px 15px 4px;color:var(--text);background:var(--surface);border:1px solid var(--line);box-shadow:0 2px 4px #0f172a05;font-size:13px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.mine .message-bubble{color:#fff;border:0;border-radius:15px 15px 4px;background:var(--brand)}.emoji-bubble{font-size:30px;padding:3px 8px;line-height:1.2;background:transparent;border:0;box-shadow:none}.message-meta{display:flex;align-items:center;gap:3px;margin:4px 3px 0;color:var(--muted);font-size:10px}.mine .message-meta{justify-content:flex-end}.message-meta button{display:grid;place-items:center;padding:0;border:0;color:var(--muted);background:transparent}.message-bubble img{display:block;max-width:220px;max-height:220px;border-radius:10px;object-fit:cover}.composer-wrap{position:relative;flex:0 0 auto;padding:13px 30px 17px;border-top:1px solid var(--line);background:var(--surface)}.composer{display:flex;align-items:flex-end;gap:6px;max-width:820px;margin:0 auto;padding:5px 6px 5px 7px;border:1px solid var(--line);border-radius:13px;background:var(--surface-muted)}.composer textarea{min-width:0;max-height:110px;flex:1;resize:none;padding:9px 7px;border:0;outline:0;color:var(--text);background:transparent;font-size:13px;line-height:1.4}.composer textarea::placeholder{color:#9ca3af}.attach-button{position:relative;display:grid;place-items:center;width:36px;height:36px;color:var(--muted);cursor:pointer}.attach-button input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.send-button{width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:9px;color:#fff;background:var(--brand)}.send-button:disabled{opacity:.4}.composer-hint{display:flex;justify-content:center;gap:15px;margin:8px 0 0;color:var(--muted);font-size:10px}.composer-hint kbd{padding:1px 4px;border:1px solid var(--line);border-radius:4px;font-size:9px}.emoji-panel{position:absolute;z-index:2;bottom:82px;left:30px;display:grid;grid-template-columns:repeat(6,32px);gap:5px;padding:10px;border:1px solid var(--line);border-radius:11px;background:var(--surface);box-shadow:0 12px 28px #0f172a21}.emoji-panel button{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:7px;background:transparent;font-size:20px}.emoji-panel button:hover{background:var(--surface-muted)}.mobile-only{display:none}.chat-empty{display:grid;place-content:center;justify-items:center;height:100%;color:var(--muted);text-align:center}.chat-empty h2{margin:18px 0 4px;color:var(--text);font-family:Manrope,sans-serif;font-size:21px}.chat-empty p{margin:0;font-size:13px}.empty-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:17px;color:var(--brand);background:var(--brand-soft)}.contact-tabs{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:9px;background:var(--surface)}.contact-tabs button{border:0;border-radius:6px;padding:7px 11px;color:var(--muted);background:transparent;font-size:11px}.contact-tabs button.active{color:var(--brand);background:var(--brand-soft);font-weight:600}.contact-tabs b{margin-left:4px;font-size:10px}.contact-section{margin-top:25px}.contact-section h3{display:flex;align-items:center;gap:7px;margin:0 0 10px 2px;font-size:13px}.contact-section h3 span{color:var(--muted);font-size:11px;font-weight:400}.contact-list{border-top:1px solid var(--line)}.contact-row{display:flex;align-items:center;gap:12px;padding:14px 6px;border-bottom:1px solid var(--line)}.contact-row>div{display:flex;flex-direction:column;gap:4px}.contact-row strong{font-size:13px}.contact-row span{color:var(--muted);font-size:11px}.contact-spacer{flex:1}.message-contact{padding:7px 12px;color:var(--brand);border:1px solid #bfdbfe;background:var(--brand-soft)}.message-contact:hover{background:#dbeafe}.profile-page{max-width:900px}.profile-hero-card,.edit-card,.settings-card{overflow:hidden;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.profile-banner{position:relative;height:132px;background:#dbeafe}.edit-profile{position:absolute;top:14px;right:14px;display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border:1px solid rgba(255,255,255,.75);border-radius:8px;color:var(--text);background:#fffc;font-size:11px}.profile-summary{display:flex;align-items:center;gap:17px;padding:0 26px 25px}.profile-summary .avatar{margin-top:-35px;border:4px solid var(--surface)}.profile-summary h2{margin:0;font-family:Manrope,sans-serif;font-size:20px}.profile-summary span{color:var(--muted);font-size:12px}.profile-summary p{margin:9px 0 0;color:var(--muted);font-size:12px}.profile-stats{display:flex;align-items:center;gap:40px;padding:22px 26px;border:1px solid var(--line);border-radius:15px;background:var(--surface);margin-top:18px}.profile-stats div{display:flex;flex-direction:column;gap:4px}.profile-stats strong{font-family:Manrope,sans-serif;font-size:18px}.profile-stats span{color:var(--muted);font-size:11px}.settings-link{display:inline-flex;align-items:center;gap:7px;margin-left:auto;padding:9px 12px;color:var(--brand);border:0;border-radius:8px;background:var(--brand-soft);font-size:11px}.profile-note{display:flex;gap:13px;align-items:flex-start;margin-top:18px;padding:16px 19px;border-radius:12px;color:var(--brand);background:var(--brand-soft)}.profile-note strong{color:var(--text);font-size:13px}.profile-note p{margin:5px 0 0;color:var(--muted);font-size:11px}.edit-card{display:grid;gap:16px;padding:22px;margin-top:18px}.edit-card label,.login-form label{display:grid;gap:7px;color:var(--muted);font-size:12px}.edit-card input,.edit-card textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:10px;outline:0;color:var(--text);background:var(--surface-muted);font-size:13px}.save-profile{justify-self:start}.settings-page{max-width:900px}.settings-card{padding:8px 24px}.setting-row{display:flex;align-items:center;gap:14px;padding:20px 0;border-bottom:1px solid var(--line)}.setting-row:last-child{border-bottom:0}.setting-icon{width:34px;height:34px;display:grid;place-items:center;color:var(--brand);background:var(--brand-soft);border-radius:9px}.setting-row>div{flex:1}.setting-row strong{font-size:13px}.setting-row p{margin:4px 0 0;color:var(--muted);font-size:11px}.theme-toggle{display:flex;gap:3px;padding:3px;border:1px solid var(--line);border-radius:8px;background:var(--surface-muted)}.theme-toggle span{padding:5px 8px;color:var(--muted);border-radius:5px;font-size:10px}.theme-toggle span.active{color:var(--brand);background:var(--surface);box-shadow:0 1px 3px #0f172a14}.switch{width:35px;height:20px;padding:2px;border:0;border-radius:99px;background:#cbd5e1}.switch i{display:block;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s}.switch.on{background:var(--brand)}.switch.on i{transform:translate(15px)}.text-link{display:inline-flex;gap:4px;align-items:center;border:0;color:var(--brand);background:transparent;font-size:11px}.settings-foot{margin-top:22px;color:var(--muted);text-align:center;font-size:11px}.login-page{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(440px,.95fr);min-height:100dvh;background:var(--bg)}.login-brand{position:relative;display:flex;flex-direction:column;padding:35px clamp(32px,6vw,88px);background:#0f172a;color:#fff;overflow:hidden}.login-brand:after{content:"";position:absolute;width:500px;height:500px;right:-210px;bottom:-260px;border:1px solid rgba(147,197,253,.22);border-radius:50%;box-shadow:0 0 0 55px #93c5fd0d,0 0 0 110px #93c5fd0a}.login-brand .brand{padding:0;color:#fff}.login-hero{position:relative;z-index:1;max-width:500px;margin:auto 0}.eyebrow{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid rgba(147,197,253,.25);border-radius:7px;color:#bfdbfe;background:#2563eb2b;font-size:11px}.login-hero h1{margin:20px 0 17px;font-family:Manrope,sans-serif;font-size:clamp(38px,4vw,58px);letter-spacing:-2.2px;line-height:1.06}.login-hero h1 i{color:#93c5fd;font-style:normal}.login-hero p{max-width:420px;margin:0;color:#94a3b8;font-size:14px;line-height:1.7}.hero-stats{display:flex;gap:38px;margin-top:47px}.hero-stats span{display:flex;flex-direction:column;gap:4px}.hero-stats strong{font-family:Manrope,sans-serif;font-size:19px}.hero-stats small{color:#94a3b8;font-size:10px}.login-quote{position:relative;z-index:1;margin-top:auto;padding-top:22px;border-top:1px solid rgba(148,163,184,.22)}.quote-avatars{display:flex;padding-left:5px}.quote-avatars .avatar{margin-left:-5px;border:2px solid #0f172a}.login-quote p{margin:10px 0 4px;color:#e2e8f0;font-size:12px}.login-quote span{color:#64748b;font-size:10px}.login-form-wrap{display:grid;place-items:center;padding:40px 55px}.login-form{width:min(360px,100%)}.form-intro h2{margin:0;font-family:Manrope,sans-serif;font-size:27px;letter-spacing:-.7px}.form-intro p{margin:8px 0 31px;color:var(--muted);font-size:13px}.login-form label{margin-top:17px;color:var(--text);font-weight:600}.login-form input{height:44px;padding:0 12px;border:1px solid var(--line);border-radius:9px;outline:0;color:var(--text);background:var(--surface);font-size:13px;font-weight:400}.login-form input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #dbeafe}.login-form .primary-button{width:100%;margin-top:24px;height:46px}.divider{display:flex;align-items:center;gap:10px;margin:21px 0 15px;color:var(--muted);font-size:11px}.divider:before,.divider:after{content:"";height:1px;flex:1;background:var(--line)}.demo-button{width:100%;height:43px;border:1px solid var(--line);color:var(--text);background:var(--surface)}.demo-button:hover{background:var(--surface-muted)}.switch-auth{margin:25px 0 0;color:var(--muted);text-align:center;font-size:12px}.switch-auth button{padding:0;border:0;color:var(--brand);background:transparent;font-weight:600}.login-foot{position:absolute;bottom:25px;color:var(--muted);font-size:10px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;padding:20px;background:#0f172a6b;animation:fade .18s ease}.modal{width:min(440px,100%);max-height:min(680px,90dvh);overflow-y:auto;border-radius:16px;background:var(--surface);box-shadow:0 24px 60px #0f172a33;animation:pop .2s ease}.modal-title{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 0}.modal-title h2{margin:0;font-family:Manrope,sans-serif;font-size:17px}.profile-modal-cover{height:112px}.profile-modal-cover>.icon-button{position:absolute;top:10px;right:10px;color:#475569;background:#fffc}.profile-modal-avatar{margin:-35px 0 0 25px;border:4px solid var(--surface)}.profile-modal-content{padding:15px 25px 25px}.profile-modal-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:9px}.profile-modal-heading h2{margin:0;font-family:Manrope,sans-serif;font-size:21px}.profile-modal-heading span:not(.status-chip){color:var(--muted);font-size:12px}.status-chip{display:inline-flex;gap:5px;align-items:center;padding:5px 8px;border-radius:99px;color:var(--green);background:#dcfce7;font-size:10px}.status-chip .online-dot{position:static;width:6px;height:6px;border:0}.profile-bio{margin:13px 0;color:var(--muted);font-size:12px;line-height:1.55}.profile-facts{display:flex;flex-wrap:wrap;gap:13px;color:var(--muted);font-size:11px}.profile-facts span{display:inline-flex;align-items:center;gap:5px}.profile-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:23px}.profile-actions .outline-button{height:42px}.tiny-bubble{width:17px;height:14px;display:inline-grid;place-items:center;border-radius:5px;color:#fff;background:#ffffff40;font-size:8px;letter-spacing:1px}.toast{position:fixed;z-index:20;left:50%;bottom:28px;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:10px 15px;border-radius:9px;color:#fff;background:#111827;box-shadow:0 8px 20px #0f172a33;font-size:12px;animation:toast-in .2s ease}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:scale(.98) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.mobile-nav{display:none}@media (max-width: 1120px){.user-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 820px){.sidebar{width:76px;flex-basis:76px;padding:22px 10px}.sidebar .brand span:last-child,.side-nav span,.side-nav em,.side-actions span,.profile-nav>span:not(.avatar){display:none}.brand{padding:0 13px}.side-nav button,.side-actions button,.profile-nav{justify-content:center;padding:11px}.side-nav{margin-top:44px}.profile-nav{padding:8px}.user-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-content{padding-left:28px;padding-right:28px}.login-page{grid-template-columns:1fr}.login-brand{min-height:42dvh;padding:28px 35px}.login-hero{margin:40px 0 30px}.login-hero h1{font-size:44px}.login-quote{display:none}.login-form-wrap{min-height:58dvh;padding:38px 32px 58px}.login-foot{bottom:19px}}@media (max-width: 640px){.app-shell{padding-bottom:calc(68px + env(safe-area-inset-bottom))}.sidebar{display:none}.app-main{min-height:calc(100dvh - 68px - env(safe-area-inset-bottom))}.mobile-nav{position:fixed;z-index:8;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(4,1fr);padding:8px 7px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:color-mix(in srgb,var(--surface) 94%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mobile-nav button{display:flex;align-items:center;flex-direction:column;gap:4px;padding:2px;border:0;color:var(--muted);background:transparent;font-size:10px}.mobile-nav button.active{color:var(--brand)}.mobile-nav small{font-size:10px}.mobile-icon{height:24px;display:grid;place-items:center}.mobile-nav .avatar{border:2px solid transparent}.mobile-nav button.active .avatar{border-color:var(--brand)}.page-content{padding:25px 17px 30px}.topbar{margin-bottom:25px}.topbar h1{font-size:23px}.topbar p{margin-top:6px;font-size:12px}.notification{width:36px;height:36px}.discover-toolbar,.contacts-toolbar{align-items:stretch;flex-direction:column;gap:12px}.discover-toolbar .search-field,.contacts-toolbar .search-field{width:100%}.section-label{font-size:11px}.user-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.card-cover{height:67px}.card-cover .avatar{left:12px;bottom:-23px;border-width:3px}.card-body{padding:32px 11px 12px}.user-name-row h3{font-size:12px}.user-name-row span:not(.user-age),.user-location,.user-bio{font-size:10px}.user-location{margin:9px 0 6px}.user-bio{min-height:29px;line-height:1.35}.interest-row{margin:9px 0 12px}.interest-row span{padding:3px 5px;font-size:8px}.outline-button{height:32px;font-size:10px}.messages-layout{height:calc(100dvh - 68px - env(safe-area-inset-bottom));display:block}.chat-list-panel{height:100%;padding:22px 13px;border-right:0}.mobile-chat-open .chat-list-panel{display:none}.chat-window{height:100%}.mobile-chat-open .chat-window{display:flex}.chat-header{min-height:63px;padding:0 13px}.mobile-only{display:grid}.messages-inner{padding:20px 13px 16px}.message-stack{max-width:78%}.message-bubble{font-size:12px;padding:9px 11px}.composer-wrap{padding:9px 10px calc(9px + env(safe-area-inset-bottom))}.composer-hint{display:none}.emoji-panel{bottom:63px;left:9px}.contact-row{padding:12px 3px}.message-contact{padding:6px 8px;font-size:10px}.contact-row>div span{white-space:nowrap;max-width:130px;overflow:hidden;text-overflow:ellipsis}.profile-summary{padding:0 17px 20px;gap:12px}.profile-summary h2{font-size:17px}.profile-stats{gap:18px;padding:17px}.profile-stats strong{font-size:15px}.settings-link{padding:8px;font-size:0}.settings-link svg{margin:0}.settings-card{padding:5px 15px}.setting-row{gap:10px;padding:16px 0}.setting-row p{line-height:1.4}.login-brand{min-height:39dvh;padding:24px 22px}.login-hero{margin-top:32px}.login-hero h1{margin-top:15px;font-size:37px;letter-spacing:-1.5px}.login-hero p{font-size:12px;line-height:1.5}.hero-stats{gap:22px;margin-top:27px}.hero-stats strong{font-size:16px}.login-form-wrap{padding:29px 22px 55px}.form-intro h2{font-size:23px}.form-intro p{margin-bottom:22px}.profile-modal-content{padding-left:18px;padding-right:18px}}.messages-layout{height:var(--chat-viewport-height, 100dvh);min-height:0;max-height:var(--chat-viewport-height, 100dvh);overflow:hidden}.message-bubble img,.message-bubble video{display:block;max-width:220px;max-height:220px;border-radius:10px;object-fit:cover}@media (max-width: 640px){html,body,#root{min-height:100%;height:100%}.chat-focus{height:var(--chat-viewport-height, 100dvh);padding-bottom:0;min-height:var(--chat-viewport-height, 100dvh);overflow:hidden}.chat-focus .app-main{height:var(--chat-viewport-height, 100dvh);min-height:var(--chat-viewport-height, 100dvh);overflow:hidden}.chat-focus .mobile-nav{display:none}.chat-focus .messages-layout{height:var(--chat-viewport-height, 100dvh);max-height:var(--chat-viewport-height, 100dvh)}.chat-focus .chat-header{min-height:calc(63px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 13px 0;box-sizing:border-box}.chat-focus .composer-wrap,html.keyboard-open .chat-focus .composer-wrap{padding-bottom:9px}html.keyboard-open .chat-focus,html.keyboard-open .chat-focus .app-main,html.keyboard-open .chat-focus .messages-layout{height:var(--chat-viewport-height, 100dvh);min-height:var(--chat-viewport-height, 100dvh);max-height:var(--chat-viewport-height, 100dvh)}.chat-focus .chat-window,.chat-focus .messages-scroll{min-height:0}.chat-focus .messages-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}}:root{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#111827;background:#f7f8fa;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;width:100%}body{min-width:320px}button,input,textarea{font:inherit}button{cursor:pointer}