.messages-app{--mh-bg:#080b12;--mh-card:#111722;--mh-card2:#171e2b;--mh-line:#252d3c;--mh-muted:#8d99aa;--mh-accent:#7c5cff;display:grid;grid-template-columns:minmax(290px,380px) minmax(0,1fr);height:calc(100dvh - var(--app-nav-height,0px));min-height:620px;background:var(--mh-bg);color:#f8fafc;overflow:hidden}.messages-app *{box-sizing:border-box}.messages-app button,.messages-app input{font:inherit}.messages-sidebar{display:flex;min-width:0;flex-direction:column;border-right:1px solid var(--mh-line);background:linear-gradient(180deg,#111621 0,#0b0f17 100%);overflow:hidden}.messages-topbar{display:flex;align-items:center;justify-content:space-between;padding:21px 20px 13px}.messages-topbar span{display:block;color:#8a7aff;font-size:9px;font-weight:900;letter-spacing:.2em}.messages-topbar h1{margin:3px 0 0;font-size:25px;font-weight:850;letter-spacing:-.8px}.messages-topbar button,.messages-chat-head>button,.messages-composer>button,.messages-composer>label{display:grid;width:40px;height:40px;flex:none;place-items:center;border:1px solid var(--mh-line);border-radius:13px;background:var(--mh-card2);color:#eef2ff}.messages-topbar svg{width:19px}.messages-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:0 15px 14px}.messages-tabs button{position:relative;display:flex;min-height:43px;align-items:center;justify-content:center;gap:6px;border:0;border-radius:12px;background:transparent;color:var(--mh-muted);font-size:12px;font-weight:750}.messages-tabs button.active{background:rgba(124,92,255,.15);color:#b8aaff}.messages-tabs svg{width:16px}.messages-tabs b{display:grid;width:17px;height:17px;place-items:center;border-radius:50%;background:var(--mh-accent);color:#fff;font-size:9px}.messages-search{display:flex;height:44px;align-items:center;gap:9px;margin:0 17px 18px;padding:0 13px;border:1px solid #232b38;border-radius:14px;background:#090d14;color:#677386}.messages-search:focus-within{border-color:#6452c9}.messages-search svg{width:17px}.messages-search input{width:100%;border:0;outline:0;background:transparent;color:#fff;font-size:13px}.messages-search input::-moz-placeholder{color:#687487}.messages-search input::placeholder{color:#687487}.messages-online{border-bottom:1px solid var(--mh-line);padding:0 0 15px}.messages-section-heading{display:flex;align-items:center;justify-content:space-between;padding:0 18px 10px}.messages-section-heading strong{font-size:13px}.messages-section-heading span{color:var(--mh-muted);font-size:10px}.messages-section-heading button{border:0;background:none;color:var(--mh-muted)}.messages-section-heading svg{width:18px}.messages-online-row{display:flex;gap:15px;overflow-x:auto;padding:0 18px;scrollbar-width:none}.messages-online-row button{display:grid;flex:0 0 49px;gap:5px;justify-items:center;border:0;background:none;color:#cbd5e1;font-size:10px}.messages-avatar{position:relative;display:grid;width:45px;height:45px;flex:none;place-items:center;overflow:visible;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:linear-gradient(145deg,#7261da,#333d63);color:#fff;font-size:13px;font-weight:850}.messages-avatar img{width:100%;height:100%;border-radius:inherit;-o-object-fit:cover;object-fit:cover}.messages-avatar i{position:absolute;right:-1px;bottom:-1px;width:11px;height:11px;border:2px solid #101620;border-radius:50%;background:#36d399}.messages-avatar.is-large{width:70px;height:70px;border-radius:23px;font-size:20px}.messages-list{min-height:0;flex:1;overflow-y:auto;padding:15px 8px 24px}.messages-person{display:flex;width:100%;align-items:center;gap:11px;padding:10px;border:0;border-radius:15px;background:transparent;color:#fff;text-align:left}.messages-person.active,.messages-person:hover{background:#171d29}.messages-person-copy{min-width:0;flex:1}.messages-person-copy strong,.messages-person-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.messages-person-copy strong{font-size:13px}.messages-person-copy small{margin-top:4px;color:var(--mh-muted);font-size:11px}.messages-person-meta{display:grid;gap:5px;justify-items:end}.messages-person-meta time{color:#7c8798;font-size:9px}.messages-person-meta b{display:grid;width:18px;height:18px;place-items:center;border-radius:50%;background:var(--mh-accent);font-size:9px}.messages-row-icon{width:17px;color:#9b8cff}.messages-empty{display:grid;justify-items:center;padding:36px 22px;color:var(--mh-muted);text-align:center}.messages-empty svg{width:30px;margin-bottom:12px}.messages-empty strong{color:#e5e7eb;font-size:13px}.messages-empty p{max-width:230px;margin:7px 0;font-size:11px;line-height:1.55}.messages-chat{position:relative;display:flex;min-width:0;flex-direction:column;background:radial-gradient(circle at 50% -10%,#18182d,transparent 40%),#080b12}.messages-chat-head{display:flex;height:72px;align-items:center;gap:10px;padding:0 18px;border-bottom:1px solid var(--mh-line);background:rgba(8,11,18,.82);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.messages-chat-head>div{min-width:0;flex:1}.messages-chat-head strong,.messages-chat-head span{display:block}.messages-chat-head strong{font-size:14px}.messages-chat-head span{margin-top:3px;color:var(--mh-muted);font-size:10px}.messages-chat-head span i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#36d399}.messages-chat-head>button{width:38px;height:38px;border-radius:12px}.messages-chat-head svg{width:17px}.messages-back{display:none!important}.messages-thread{min-height:0;flex:1;overflow-y:auto;padding:26px clamp(16px,5vw,68px)}.messages-thread-intro{display:grid;justify-items:center;margin-bottom:24px}.messages-thread-intro strong{margin-top:10px;font-size:15px}.messages-thread-intro>span{color:var(--mh-muted);font-size:10px}.messages-thread-intro small{display:flex;align-items:center;gap:5px;margin-top:8px;color:#7e8ca0;font-size:9px}.messages-thread-intro small svg{width:12px}.messages-day{display:flex;align-items:center;gap:10px;margin:19px 0;color:#707b8c;font-size:9px}.messages-day:before,.messages-day:after{height:1px;flex:1;background:var(--mh-line);content:""}.messages-bubble-row{display:flex;align-items:flex-end;gap:8px;margin:9px 0}.messages-bubble-row .messages-avatar{width:27px;height:27px;border-radius:9px;font-size:8px}.messages-bubble-row .messages-avatar i{display:none}.messages-bubble-row.mine{justify-content:flex-end}.messages-bubble{max-width:min(75%,430px);padding:10px 12px 7px;border:1px solid var(--mh-line);border-radius:5px 17px 17px;background:#151b26}.messages-bubble-row.mine .messages-bubble{border-color:#735aff;background:linear-gradient(145deg,#765bff,#5d46df);border-radius:17px 5px 17px 17px}.messages-bubble p{margin:0;font-size:13px;line-height:1.45}.messages-bubble span{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:3px;color:#8d98a8;font-size:8px}.messages-bubble-row.mine .messages-bubble span{color:#d8d2ff}.messages-bubble span svg{width:12px}.messages-icebreakers{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;padding:10px}.messages-icebreakers>span{width:100%;color:var(--mh-muted);font-size:10px;text-align:center}.messages-icebreakers button{padding:8px 11px;border:1px solid var(--mh-line);border-radius:99px;background:var(--mh-card);color:#dce2ea;font-size:10px}.messages-attachment{display:flex;align-items:center;gap:8px;margin:0 17px 8px;padding:8px 10px;border:1px solid var(--mh-line);border-radius:10px;background:var(--mh-card);font-size:10px}.messages-attachment svg{width:15px}.messages-attachment span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.messages-attachment button{border:0;background:none;color:#a99cff;font-size:10px}.messages-composer{display:flex;align-items:center;gap:8px;padding:10px 17px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--mh-line);background:#0c1018}.messages-composer>button,.messages-composer>label{width:38px;height:38px;border:0;background:transparent;color:#8f9aab;cursor:pointer}.messages-composer>label input{display:none}.messages-composer>div{display:flex;height:43px;min-width:0;flex:1;align-items:center;padding:0 5px 0 14px;border:1px solid #293142;border-radius:15px;background:#151b26}.messages-composer>div input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#fff;font-size:13px}.messages-composer>div button{display:grid;width:33px;height:33px;place-items:center;border:0;background:none;color:#8d98a8}.messages-composer svg{width:19px}.messages-composer .messages-send{background:var(--mh-accent);color:#fff}.messages-quick-actions{display:flex;justify-content:center;gap:8px;padding:0 16px 10px;background:#0c1018}.messages-quick-actions button{display:flex;align-items:center;gap:5px;padding:6px 9px;border:0;border-radius:8px;background:#151b26;color:#8f9aac;font-size:9px}.messages-quick-actions svg{width:12px}.messages-chat-empty{display:grid;max-width:330px;margin:auto;justify-items:center;padding:30px;text-align:center}.messages-chat-empty>span{display:grid;width:64px;height:64px;place-items:center;border-radius:22px;background:linear-gradient(145deg,#745cff,#4432a6);box-shadow:0 15px 40px #654cff55}.messages-chat-empty svg{width:27px}.messages-chat-empty h2{margin:20px 0 7px;font-size:20px}.messages-chat-empty p{margin:0;color:var(--mh-muted);font-size:12px;line-height:1.6}.messages-toast{position:fixed;right:18px;bottom:90px;z-index:100;padding:11px 15px;border:1px solid #514690;border-radius:12px;background:#19172a;color:#fff;box-shadow:0 15px 35px #0008;font-size:11px}.messages-login{padding:16px}@media (max-width:700px){.messages-app{display:block;height:calc(100dvh - var(--app-nav-height,0px));min-height:0}.messages-sidebar,.messages-chat{width:100%;height:100%;border:0}.messages-chat,.messages-app.chat-is-open .messages-sidebar{display:none}.messages-app.chat-is-open .messages-chat{display:flex}.messages-topbar{padding-top:max(16px,env(safe-area-inset-top))}.messages-back{display:grid!important}.messages-chat-head{height:68px;padding:0 10px;gap:7px}.messages-chat-head .messages-avatar{width:39px;height:39px}.messages-chat-head>button{width:35px;height:35px;border:0;background:transparent}.messages-chat-head>button:last-child{display:none}.messages-thread{padding:18px 13px}.messages-thread-intro{margin-bottom:18px}.messages-composer{padding-left:8px;padding-right:8px}.messages-composer>button:first-child{display:none}.messages-quick-actions{overflow-x:auto;justify-content:flex-start;scrollbar-width:none}.messages-toast{right:50%;bottom:88px;transform:translate(50%);white-space:nowrap}.messages-online-row{padding-bottom:2px}}.messages-topbar p{margin:4px 0 0;color:var(--mh-muted);font-size:10px}.messages-tabs{grid-template-columns:repeat(4,1fr)}.messages-tabs button{gap:4px}.messages-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:0 17px 14px}.messages-overview span{display:grid;gap:2px;padding:9px 7px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:linear-gradient(145deg,rgba(124,92,255,.13),rgba(255,255,255,.025));color:var(--mh-muted);font-size:9px;text-align:center}.messages-overview b{color:#fff;font-size:15px}.messages-alerts{display:grid;gap:8px;padding:0 8px}.messages-alerts>button{display:flex;width:100%;align-items:flex-start;gap:11px;padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:linear-gradient(145deg,#171e2a,#11161f);color:#fff;text-align:left}.messages-alerts>button>span:last-child{display:grid;min-width:0;flex:1;gap:3px}.messages-alerts strong{font-size:12px}.messages-alerts small{color:var(--mh-muted);font-size:10px;line-height:1.4}.messages-alerts time{margin-top:3px;color:#7667d5;font-size:9px}.messages-alert-icon{display:grid;width:37px;height:37px;flex:none;place-items:center;border-radius:12px;background:rgba(51,211,153,.12);color:#42dfa8}.messages-alert-icon.violet{background:rgba(124,92,255,.15);color:#a99cff}.messages-alert-icon svg{width:17px}.messages-person,.messages-alerts>button,.messages-tabs button,.messages-online-row button{transition:transform .16s ease,background .16s ease}.messages-person:active,.messages-alerts>button:active,.messages-tabs button:active,.messages-online-row button:active{transform:scale(.98)}.messages-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}.messages-tabs button{font-size:10px}.messages-leaderboard{min-height:0;flex:1;overflow-y:auto;padding:0 14px 26px}.messages-leaderboard #leaderboard{margin-top:0}.messages-leaderboard #leaderboard select{max-width:82px}@media (max-width:370px){.messages-tabs{padding-left:8px;padding-right:8px}.messages-tabs button{font-size:10px}.messages-tabs svg{width:14px}.messages-overview{margin-left:12px;margin-right:12px}}.messages-error{margin:10px auto;max-width:420px;padding:10px 12px;border:1px solid #7f1d1d;border-radius:12px;background:#450a0a;color:#fecaca;font-size:11px;text-align:center}.messages-send:disabled{cursor:wait;opacity:.55}.messages-friend-request{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;margin:0 8px 9px;padding:12px;border:1px solid rgba(65,211,173,.26);border-radius:16px;background:linear-gradient(145deg,rgba(23,45,48,.96),#111720);color:#fff}.messages-alerts .messages-friend-request{margin:0}.messages-friend-request>span{align-self:center;min-width:0}.messages-friend-request>span strong,.messages-friend-request>span small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.messages-friend-request>span strong{font-size:12px}.messages-friend-request>span small{margin-top:3px;color:var(--mh-muted);font-size:10px}.messages-friend-request>div{display:grid;grid-column:1/-1;grid-template-columns:1.1fr 1fr 1fr;gap:6px}.messages-friend-request>div button{min-height:34px;border:1px solid var(--mh-line);border-radius:10px;background:#171e29;color:#cbd5e1;font-size:10px;font-weight:800}.messages-friend-request>div button:first-child{border-color:#42d4aa;background:#35c49b;color:#061813}.messages-friend-request>div button:nth-child(2){border-color:#7d3f4b;background:#4a222b;color:#ffced5}.messages-friend-request>div button:disabled{opacity:.55}.messages-bubble-image,.messages-bubble-video{display:block;width:min(280px,65vw);max-height:360px;margin-bottom:7px;border-radius:12px;-o-object-fit:contain;object-fit:contain;background:#05070b}.messages-bubble-file{display:flex;min-width:min(260px,62vw);align-items:center;gap:9px;margin-bottom:7px;padding:10px;border-radius:11px;background:#080b1277;color:#fff;text-decoration:none}.messages-bubble-file>svg{width:20px;flex:none}.messages-bubble-file>span{min-width:0;flex:1}.messages-bubble-file strong,.messages-bubble-file small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.messages-bubble-file small{margin-top:3px;color:#cbd5e1;font-size:9px}.messages-invite-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:flex;align-items:flex-end;justify-content:center;padding:14px;background:#000b;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.messages-invite-sheet{width:100%;max-width:430px;max-height:88dvh;overflow-y:auto;padding:20px;border:1px solid #35305a;border-radius:26px 26px 20px 20px;background:#101521;color:#fff;box-shadow:0 -18px 60px #0009}.messages-invite-sheet header{display:flex;align-items:center;justify-content:space-between}.messages-invite-sheet header small{color:#8f7aff;font-size:9px;font-weight:900;letter-spacing:.2em}.messages-invite-sheet h2{margin:3px 0 0;font-size:22px}.messages-invite-sheet header button{display:grid;width:38px;height:38px;place-items:center;border:0;border-radius:12px;background:#202636;color:#fff}.messages-invite-sheet header svg{width:18px}.messages-invite-field{display:grid;gap:7px;margin-top:20px;color:#9ca6b6;font-size:11px;font-weight:700}.messages-invite-field select{width:100%;height:48px;padding:0 13px;border:1px solid #30394a;border-radius:13px;outline:0;background:#171e2b;color:#fff}.messages-invite-sheet fieldset{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0 0;padding:0;border:0}.messages-invite-sheet legend{grid-column:1/-1;margin-bottom:7px;color:#9ca6b6;font-size:11px;font-weight:700}.messages-invite-sheet fieldset button{display:flex;align-items:center;gap:9px;padding:12px;border:1px solid #30394a;border-radius:14px;background:#171e2b;color:#aeb7c5;text-align:left}.messages-invite-sheet fieldset button.active{border-color:#7c5cff;background:#7c5cff22;color:#fff}.messages-invite-sheet fieldset svg{width:20px;flex:none}.messages-invite-sheet fieldset strong,.messages-invite-sheet fieldset small{display:block}.messages-invite-sheet fieldset small{margin-top:2px;color:#8d99aa;font-size:8px}.messages-invite-friends{display:grid;gap:6px;margin-top:15px}.messages-invite-friends>strong{color:#9ca6b6;font-size:11px}.messages-invite-friends label{display:flex;align-items:center;gap:9px;padding:7px 9px;border-radius:12px;background:#171e2b;font-size:12px}.messages-invite-friends input{accent-color:#7c5cff}.messages-invite-friends .messages-avatar{width:34px;height:34px;border-radius:11px;font-size:10px}.messages-invite-send{display:flex;width:100%;height:48px;align-items:center;justify-content:center;gap:8px;margin-top:19px;border:0;border-radius:14px;background:#7c5cff;color:#fff;font-weight:800}.messages-invite-send svg{width:17px}.messages-bubble-media{display:grid;gap:7px}.messages-bubble-media>a{display:flex;align-items:center;justify-content:center;gap:6px;min-height:34px;border-radius:10px;background:rgba(0,0,0,.22);color:#fff;font-size:10px;font-weight:750;text-decoration:none}.messages-bubble-media>a svg{width:14px}