:root{--blue:#2f78bb;--line:#7f9db9;--pale:#eef7ff;--text:#18364f;--xp:#ece9d8}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;font-family:Tahoma,"Segoe UI",Arial,sans-serif;font-size:12px;color:#142f47;background:#d6ebfb;overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.screen{width:100%;height:100%;display:flex;align-items:stretch;justify-content:stretch}.boot{position:fixed;inset:0;background:linear-gradient(145deg,#fff,#d6ecfc);display:grid;place-content:center;text-align:center;gap:10px;z-index:1000;color:#194d7b}.boot.hidden{display:none}.boot span{color:#69849b}.xp-window{background:#f8fbff;border:1px solid #5e83aa;box-shadow:inset 0 0 0 1px #fff,0 5px 18px #345b7a44;overflow:hidden}.native-title{height:26px;background:linear-gradient(#fff,#d9edfb 45%,#a8cdeb 46%,#eff8ff);border-bottom:1px solid #799aba;padding:5px 7px;color:#12375a;display:flex;align-items:center;gap:6px;font-weight:normal}.native-title button{margin-left:auto;border:0;background:transparent;font-size:16px;line-height:12px}.mini-person{width:13px;height:13px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#d9ff9a,#36a851 45%,#126e45 70%);display:inline-block;position:relative}.mini-person:after{content:"";position:absolute;width:10px;height:7px;left:2px;top:8px;border-radius:7px;background:#2f78c4}.menu-bar{height:24px;padding:4px 7px;border-bottom:1px solid #b2c9dc;background:#fff;display:flex;gap:18px;color:#111}.menu-bar span:hover{text-decoration:underline}.brand-row,.login-brand{height:34px;padding:8px 13px;background:linear-gradient(105deg,#f9fdff 0 35%,#dceefa 36% 75%,#fff);border-bottom:1px solid #c2d7e8;color:#174d85}.brand-row b,.login-brand b{font-size:14px}.brand-row i,.login-brand i{font-family:Arial,sans-serif;color:#225c98}.mercury-person{position:relative;width:92px;height:90px;margin:auto}.mercury-person .head{position:absolute;width:35px;height:35px;border-radius:50%;left:28px;top:2px;background:radial-gradient(circle at 35% 25%,#efffa5,#56b455 38%,#177154 66%,#173c7f 90%);box-shadow:0 1px 3px #244}.mercury-person .body{position:absolute;width:68px;height:57px;left:5px;top:30px;border-radius:46% 50% 42% 45%;transform:rotate(-12deg);background:radial-gradient(circle at 35% 20%,#9be1dd,#36a776 37%,#176794 68%,#253879 92%)}.mercury-person .wing{position:absolute;width:43px;height:54px;right:0;top:34px;border-radius:70% 24% 60% 24%;transform:rotate(22deg);background:linear-gradient(135deg,#f6e534,#f29b22 43%,#ed5638 70%,#bd3b68)}.mercury-person.hero{width:100px;height:98px}.mercury-person.huge{transform:scale(.75)}
/* Login */.auth{background:transparent;align-items:center;justify-content:center}.login-window{width:292px;height:560px}.login-brand{text-align:left}.login-body{height:444px;padding:8px 51px 0;background:linear-gradient(#fff 0,#eef7fe 60%,#d9eafa 100%);position:relative}.login-body .hero{margin-bottom:-2px}.classic-label{display:block;margin:8px 0 3px;color:#112a71}.classic-label.inline{margin-top:13px}.xp-input{border:1px solid #7f9db9;background:#fff;padding:4px;height:24px;outline:none}.xp-input:focus,textarea:focus{border-color:#2f6fb1}.login-body .xp-input{width:100%}.login-body select{border:0;background:transparent;color:#112a71}.check{display:block;margin:8px 0;color:#17346d}.xp-button{min-height:25px;border:1px solid #6d7b8b;border-radius:3px;background:linear-gradient(#fff,#f5f3e7 47%,#ddd9c8 53%,#f7f5eb);box-shadow:inset 0 0 0 1px #fff;padding:3px 12px;color:#102c46}.xp-button:active{background:#ddd9c8}.sign-in{display:block;margin:20px auto 8px;font-weight:bold;border-color:#5683a8}.login-links{position:absolute;left:35px;right:35px;bottom:10px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.login-links a{color:#00009c}.passport{height:30px;background:#f4f6f8;border-top:1px solid #b7c9d8;padding:7px 12px;color:#47687f}.error{color:#b21717;min-height:15px;margin-top:5px}
/* Buddy list */.app-screen{background:transparent}.buddy-window{width:100%;height:100%;display:flex;flex-direction:column}.profile-panel{min-height:78px;display:flex;gap:8px;padding:8px;background:linear-gradient(110deg,#fff,#d7eaf8 64%,#f7fbfe);border-bottom:1px solid #b9d0e2}.avatar-frame,.big-avatar{width:58px;height:58px;border:1px solid #89a5bd;border-radius:3px;background:linear-gradient(#fff,#e6f1fa);padding:3px;overflow:hidden;display:grid;place-items:center}.avatar-frame img,.big-avatar img,.contact-avatar img{width:100%;height:100%;object-fit:cover}.profile-text{min-width:0;flex:1}.profile-text>div{white-space:nowrap;overflow:hidden}.plain-link{border:0;background:transparent;padding:2px 0;font-weight:bold;color:#142d3f;max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-text select{border:0;background:transparent;color:#52697c;max-width:90px}.personal-message{width:100%;border:0;background:transparent;color:#8a959c;font-style:italic;padding:4px 0;outline:none}.profile-text small{color:#6d8597}.info-strip{padding:6px 9px;background:#fffbd8;border:1px solid #c8c299;margin:5px 6px 2px;color:#25405c}.quick-add{padding:3px 7px}.link-button{border:0;background:transparent;color:#275c91;padding:3px;text-align:left}.link-button:hover{text-decoration:underline}.view-tabs{display:flex;border-bottom:1px solid #8aa9c4;padding:0 6px}.view-tabs button{border:1px solid transparent;border-bottom:0;background:transparent;padding:5px 11px;color:#31536f}.view-tabs button.active{border-color:#8aa9c4;background:#fff;font-weight:bold;position:relative;top:1px}.view-body{min-height:0;flex:1;display:flex;flex-direction:column;background:#fff}.inbox-line{padding:5px 8px;border-bottom:1px solid #d7e3ec;display:flex;align-items:center}.find-row{padding:5px 7px;background:#f3f8fb}.find-row input{width:100%}.contact-scroll{overflow:auto;min-height:0;flex:1}.group-title{width:100%;border:0;background:#fff;padding:4px 6px;text-align:left;font-weight:bold;color:#173957;border-top:1px solid #d9e4ed}.group-title em{font-style:normal}.contact-row{height:28px;display:flex;align-items:center;gap:6px;padding:2px 8px;cursor:pointer;position:relative}.contact-row:hover{background:#eaf3fa}.contact-row.offline{color:#7d7d7d}.contact-avatar{width:21px;height:21px;position:relative;display:grid;place-items:center;border-radius:2px;overflow:hidden}.contact-avatar .dotperson{font-size:17px;color:#178346}.contact-row.offline .dotperson{color:#b45b5b}.contact-copy{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1}.contact-copy b{font-weight:normal}.contact-row .status-note{font-style:italic;color:#6f7e86}.count-badge{display:inline-grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border-radius:8px;background:#e53935;color:white;font-size:10px;font-weight:bold;margin-left:4px}.requests{margin:3px 6px;border:1px solid #a7b8c4;background:#fffbd8;padding:4px;max-height:100px;overflow:auto}.request{padding:4px;border-bottom:1px solid #e3deae}.request button{margin-left:4px}.want-to{padding:7px 10px 5px;border-top:1px solid #adbed0;background:linear-gradient(#f7fbfe,#e5eff7)}.want-to b{display:block;margin-bottom:3px}.want-to button{display:block;width:100%;border:0;background:transparent;text-align:left;color:#526575;padding:2px}.want-to button:hover{color:#1d4f82;text-decoration:underline}.admin-bar{padding:4px 8px;background:#eef5fa;border-top:1px solid #ccdce8}.admin-bar button{font-size:11px}.buddy-footer{height:30px;display:flex;align-items:center;gap:5px;padding:4px 7px;background:#eef4f8;border-top:1px solid #aebfce}.buddy-footer button{margin-left:auto;border:0;background:transparent;color:#44657f}.buddy-footer button+button{margin-left:2px}.lamp{width:8px;height:8px;border-radius:50%;background:#43b34b}.server-actions{padding:7px;display:flex;gap:5px;border-bottom:1px solid #d4e0e9}.server-list{overflow:auto;flex:1}.server-row{padding:8px;border-bottom:1px solid #dce7ef;display:flex;gap:8px;align-items:center;cursor:pointer}.server-row:hover{background:#eaf3fa}.server-icon{width:34px;height:34px;border-radius:5px;background:linear-gradient(145deg,#73b7eb,#2f70ad);color:#fff;display:grid;place-items:center;font-weight:bold}.server-meta{min-width:0;flex:1}.server-meta b{display:block}.server-meta small{color:#748596}
/* Conversation */.conversation-screen{background:transparent}.conversation-window{width:100%;height:100%;display:flex;flex-direction:column}.chat-toolbar{height:58px;display:flex;align-items:stretch;padding:2px 8px;background:linear-gradient(#fff,#e4f0f9);border-bottom:1px solid #9bb4c7;gap:2px}.chat-toolbar button{min-width:58px;border:0;background:transparent;color:#315069;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2px 5px}.chat-toolbar button:hover{background:#e2eef8;border:1px solid #a6bfd3}.chat-toolbar b{font-size:21px;line-height:23px}.chat-toolbar span{font-size:10px}.conversation-body{min-height:0;flex:1;display:flex;padding:7px;background:linear-gradient(135deg,#fff 0 70%,#e2f1fb)}.chat-main{min-width:0;flex:1;display:flex;flex-direction:column}.chat-to{height:32px;border:1px solid #91a9ba;border-radius:5px 5px 0 0;padding:7px;background:#f7fbfe}.chat-to small{color:#7b8b97;margin-left:5px}.chat-notice{padding:6px;border:1px solid #d0c88c;background:#fffbdc;margin:4px 0;color:#566574}.transcript{min-height:0;flex:1;border:1px solid #8aa1b3;background:rgba(255,255,255,.92);overflow:auto;padding:8px;white-space:normal}.msg{margin:3px 0 9px}.msghead{font-size:11px;color:#53687a;margin-bottom:2px}.msgname{font-weight:bold;color:#285b87}.msgtime{float:right;color:#a1aab1}.msgbody{white-space:pre-wrap;word-break:break-word}.systemmsg{margin:6px 0;padding:4px 7px;background:#edf5fa;color:#5f7280;text-align:center;border-radius:8px;font-size:11px}.file-card,.game-card{border:1px solid #a8bdcf;background:#f2f8fc;padding:7px;margin-top:4px;display:inline-block}.file-card a{color:#1e5d96}.audio-card audio{max-width:100%}.typing{height:20px;padding:3px 5px;color:#71808a;font-style:italic}.compose-toolbar{min-height:31px;border:1px solid #91a8b9;background:linear-gradient(#fff,#e6eef4);display:flex;align-items:center;gap:4px;padding:3px;position:relative}.compose-toolbar select{max-width:128px;height:23px}.compose-toolbar input[type=color]{width:27px;height:23px;padding:0}.compose-toolbar button{height:23px;min-width:27px;border:1px solid transparent;background:transparent}.compose-toolbar button:hover{border-color:#9db4c5;background:#f6fbff}.font-a{font-family:Georgia;font-size:18px;color:#193892;font-weight:bold}.font-preview{padding:3px 7px;background:#eef5fa;border-left:1px solid #91a8b9;border-right:1px solid #91a8b9;color:#495a67;font-size:11px}.compose-row{display:flex;border:1px solid #91a8b9;border-top:0;min-height:84px;background:#fff}.compose-row textarea{border:0;resize:none;outline:none;flex:1;padding:8px;background:transparent}.send-button{align-self:center;margin:8px;width:62px;height:34px}.chat-side{width:122px;margin-left:8px;display:flex;flex-direction:column;justify-content:space-between}.big-avatar{width:112px;height:112px;border-radius:8px;background:#fff}.small-self{margin-top:auto}.popup-panel{position:absolute;bottom:31px;left:0;z-index:20;background:#fff;border:1px solid #7e9bb3;box-shadow:0 3px 12px #3456;max-width:320px;max-height:220px;overflow:auto;padding:6px;display:flex;flex-wrap:wrap;gap:3px}.popup-panel button{font-size:20px;height:32px;min-width:32px}.custom-emoji{width:28px;height:28px;object-fit:contain;vertical-align:middle}.emoji-token{display:inline-flex;align-items:center}.wink-overlay{position:fixed;inset:0;z-index:900;background:#ffffffaa;display:grid;place-content:center;text-align:center;pointer-events:none}.wink-animation{font-size:95px;animation:winkPop 1.8s ease both}.wink-overlay b{font-size:17px;color:#245b8d;text-shadow:0 1px #fff}.wink-star .wink-animation{animation:winkPop 1.8s}.wink-kiss .wink-animation{animation:kiss 1.9s}.wink-hearts .wink-animation{animation:floatHearts 2s}.wink-fireworks .wink-animation{animation:spinBurst 1.8s}.wink-dance .wink-animation{animation:dance 1.7s}.wink-rocket .wink-animation{animation:rocket 1.8s}@keyframes winkPop{0%{transform:scale(.05) rotate(-30deg);opacity:0}40%{transform:scale(1.4) rotate(10deg);opacity:1}80%{transform:scale(1)}100%{transform:scale(.3);opacity:0}}@keyframes kiss{0%{transform:scale(.2)}35%{transform:scale(1.5) rotate(-8deg)}65%{transform:scale(1.2) rotate(8deg)}100%{transform:translateY(-140px) scale(.3);opacity:0}}@keyframes floatHearts{0%{transform:translateY(100px) scale(.2)}50%{transform:translateY(-20px) scale(1.5)}100%{transform:translateY(-200px) rotate(25deg);opacity:0}}@keyframes spinBurst{0%{transform:scale(.2)}50%{transform:scale(1.7) rotate(360deg)}100%{transform:scale(.3) rotate(720deg);opacity:0}}@keyframes dance{0%,100%{transform:rotate(-12deg)}25%{transform:translateX(-70px) rotate(12deg) scale(1.2)}50%{transform:translateX(70px) rotate(-12deg)}75%{transform:translateX(-35px) rotate(15deg)}}@keyframes rocket{0%{transform:translate(-180px,160px) rotate(-45deg)}70%{transform:translate(60px,-80px) rotate(-45deg) scale(1.4)}100%{transform:translate(240px,-240px) rotate(-45deg);opacity:0}}.shake{animation:shake .6s linear}@keyframes shake{0%,100%{transform:translate(0)}10%{transform:translate(-9px,5px)}20%{transform:translate(8px,-5px)}30%{transform:translate(-7px,-4px)}40%{transform:translate(8px,5px)}50%{transform:translate(-6px,4px)}60%{transform:translate(5px,-4px)}70%{transform:translate(-4px,-2px)}80%{transform:translate(3px,3px)}90%{transform:translate(-2px,1px)}}
/* Server chat */.server-chat-layout{min-height:0;flex:1;display:grid;grid-template-columns:150px 1fr 140px;background:#fff}.server-channel-pane,.member-pane{background:#eef5fa;border-right:1px solid #9fb6c8;padding:7px;overflow:auto}.member-pane{border-right:0;border-left:1px solid #9fb6c8}.server-name-head{font-weight:bold;font-size:15px;padding:7px 2px;border-bottom:1px solid #becfdb;margin-bottom:7px}.server-channel-pane button{width:100%;text-align:left;border:0;background:transparent;padding:5px;color:#34536b}.server-channel-pane button.active{background:#cfe3f3;font-weight:bold}.server-message-pane{min-width:0;padding:7px;display:flex;flex-direction:column}.member-row{padding:4px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Dialogs */.modal{position:fixed;inset:0;background:#24435d55;z-index:800;display:grid;place-items:center}.dialog{width:min(430px,94vw);max-height:90vh}.dialog-body{background:#f6f7f3;padding:12px;overflow:auto;max-height:78vh}.dialog-body label:not(.check){display:grid;gap:3px;margin:7px 0}.settings-grid fieldset{border:1px solid #a8b5bd;margin:5px 0 10px}.settings-grid legend{color:#174e88}.dialog-actions{text-align:right;margin-top:10px}.saved-colors{display:flex;gap:4px;flex-wrap:wrap;margin-top:5px}.color-chip{width:24px;height:24px;border:1px solid #657b8d}.theme-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:8px 0}.theme-choice{height:55px;border:2px solid #7893a9}.emoji-manager-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.emoji-manager-list button{width:52px;height:52px}.call-card{width:min(620px,94vw)}.call-body{background:#101820;min-height:350px;position:relative;display:grid;place-items:center}.call-body video#remoteVideo{width:100%;max-height:440px;background:#000}.call-body video#localVideo{position:absolute;right:10px;bottom:36px;width:150px;max-height:110px;background:#000;border:1px solid #fff}.call-body #callStatus{position:absolute;bottom:8px;color:white}.game-picker{display:grid;gap:8px}.game-picker button{padding:12px}.toast-area{position:fixed;right:10px;bottom:10px;z-index:1000;display:grid;gap:6px}.toast{background:#fffbd7;border:1px solid #aa9d5e;box-shadow:0 3px 12px #2347;padding:8px 11px;max-width:290px}
@media(max-width:600px){html,body{overflow:auto;background:#d6ebfb}.screen{min-height:100dvh}.buddy-window,.conversation-window{border:0;box-shadow:none}.chat-side{display:none}.conversation-body{padding:4px}.chat-toolbar{overflow-x:auto}.chat-toolbar button{min-width:54px}.compose-toolbar{flex-wrap:wrap}.popup-panel{position:fixed;left:6px;right:6px;bottom:110px;max-width:none}.server-chat-layout{grid-template-columns:105px 1fr}.member-pane{display:none}.login-window{height:min(560px,100dvh);border:0}.login-body{overflow:auto}}

.desktop-shell #auth>.login-window>.native-title,.desktop-shell #mainApp>.buddy-window>.native-title,.desktop-shell #conversationApp>.conversation-window>.native-title,.desktop-shell #serverChatApp>.conversation-window>.native-title{display:none}.desktop-shell .xp-window{box-shadow:none}.desktop-shell .buddy-window,.desktop-shell .conversation-window,.desktop-shell .login-window{border-top:0}

.mail-ping{animation:mailPing .35s ease 4;background:#fff6b5!important}@keyframes mailPing{50%{filter:brightness(1.15);transform:translateX(2px)}}

/* v4 classic menus + desktop conversation behavior */
.menu-bar{gap:2px;padding:2px 5px;align-items:center}.menu-bar .menu-item{height:20px;border:1px solid transparent;background:transparent;color:#111;padding:1px 7px;text-align:left}.menu-bar .menu-item:hover,.menu-bar .menu-item:focus{border-color:#9db5c9;background:#e7f2fb;outline:0}.menu-popup{position:fixed;z-index:1400;width:220px;background:#fff;border:1px solid #6f8da6;box-shadow:2px 3px 8px #2347;padding:2px}.menu-popup button{display:block;width:100%;border:0;background:#fff;text-align:left;padding:5px 22px 5px 8px;color:#111}.menu-popup button:hover:not(:disabled){background:#2f75b5;color:#fff}.menu-popup button:disabled{color:#999}.menu-sep{height:1px;background:#cad4dc;margin:3px 2px}
.send-stack{width:82px;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:7px}.send-stack .send-button{margin:0;width:68px;height:32px}.voice-hold{width:68px;height:31px;user-select:none;touch-action:none}.voice-hold.recording{background:#ffe0e0;border-color:#c23;color:#a00;font-weight:bold}.voice-preview{border:1px solid #91a8b9;border-top:0;background:linear-gradient(#f8fcff,#eaf4fb);padding:6px;display:grid;grid-template-columns:1fr auto;gap:5px;align-items:center}.voice-preview:focus{outline:1px dotted #2c5d8a;outline-offset:-3px}.voice-preview-head{grid-column:1/-1;display:flex;justify-content:space-between;color:#365b78}.voice-preview-head span{font-size:10px;color:#71808a}.voice-preview audio{width:100%;height:32px}.voice-preview-actions{display:flex;gap:4px}.voice-preview-actions button{white-space:nowrap}
.server-notify-label{display:grid;gap:2px;font-size:10px;color:#567086;margin:6px 0 7px}.server-notify-label select{width:100%;font-size:11px}.channel-row{display:grid;grid-template-columns:1fr 22px;align-items:center;border-radius:2px}.channel-row.active{background:#cfe3f3}.channel-row>button:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis}.channel-row .channel-delete{width:20px!important;text-align:center!important;padding:3px!important;color:#8a3030}.channel-row .channel-delete:hover{background:#f5dada}.member-hint{display:block;color:#7d8c97;font-size:9px;margin:2px 0 6px}.member-row{display:flex;align-items:center;gap:4px;cursor:pointer;border-radius:2px;padding:5px 3px}.member-row:hover{background:#dbeaf5}.member-row b{min-width:0;overflow:hidden;text-overflow:ellipsis}.member-row em{font-size:9px;font-style:normal;background:#d8e9f8;border:1px solid #a7c1d6;padding:1px 3px;border-radius:3px;color:#315d80}.member-row .muted-tag{background:#f5e0d7;border-color:#d2aa99;color:#8a4b35}.attention{animation:attentionPulse .25s ease 4}@keyframes attentionPulse{50%{background:#fff3b7}}
.member-card{display:flex;gap:10px;align-items:center;padding:8px;border:1px solid #b3c5d3;background:#fff}.member-avatar{width:54px;height:54px;display:grid;place-items:center;border:1px solid #9bb0c0;background:#eef6fb;font-size:24px}.member-avatar img{width:100%;height:100%;object-fit:cover}.member-card small{display:block;color:#6f7f8b;margin-top:3px}.member-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.danger{color:#9d1515!important}
.mention-panel{position:absolute;z-index:30;left:8px;bottom:112px;width:270px;max-height:190px;overflow:auto;background:#fff;border:1px solid #7697b1;box-shadow:0 4px 15px #2345}.mention-panel button{display:block;width:100%;text-align:left;border:0;background:#fff;padding:6px}.mention-panel button:hover{background:#dcecf8}.mention-panel small{color:#71808a;margin-left:6px}.mention{background:#e4eff9;color:#174f82;border-radius:3px;padding:0 2px;font-weight:bold}.mention.me{background:#fff0a9;color:#714f00}.msg-delete{float:right;margin:-2px 4px 0 5px;border:0;background:transparent;color:#9aa9b5;font-weight:bold}.msg-delete:hover{color:#b21e1e}
.server-message-pane{position:relative}.server-message-pane>#serverTextRoom{min-height:0;flex:1;display:flex;flex-direction:column}.server-voice-room{min-height:0;flex:1;overflow:auto;background:linear-gradient(#f9fdff,#e6f2fb);border:1px solid #8da9bd;padding:10px}.voice-room-hero{text-align:center;padding:10px}.voice-room-icon{font-size:38px}.voice-room-hero h2{margin:3px}.voice-room-hero p{color:#61788a}.voice-room-actions{display:flex;justify-content:center;gap:6px}.voice-participants{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin-top:8px}.voice-tile{min-height:150px;border:1px solid #9db5c8;background:#fff;border-radius:5px;padding:6px;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden}.voice-tile video{width:100%;height:100px;background:#14202a;object-fit:cover;border-radius:3px}.voice-tile .voice-avatar{position:absolute;top:28px;width:52px;height:52px;border-radius:6px;background:#dcebf6;display:grid;place-items:center;font-size:22px;z-index:0}.voice-tile .voice-avatar img{width:100%;height:100%;object-fit:cover;border-radius:6px}.voice-tile video[src]{z-index:1}.voice-tile b{margin-top:5px}.voice-tile small{color:#688093}.voice-empty{padding:30px;text-align:center;color:#788b99}

.voice-tile video.has-stream{z-index:2;opacity:1}.voice-tile video:not(.has-stream){opacity:0}

/* v5 polish */
.group-chat-row .group-avatar{font-size:15px;background:#eaf3fa;border:1px solid #b5c8d7}.info-strip.hidden{display:none!important}
.media-settings{display:grid;gap:5px}.media-settings label{display:grid!important;grid-template-columns:95px 1fr;align-items:center;gap:6px}.media-settings select{min-width:0}.media-test-buttons{display:flex;flex-wrap:wrap;gap:5px;margin:4px 0}.media-settings meter{width:100%;height:14px}.camera-test{width:100%;max-height:180px;background:#111;border:1px solid #789;object-fit:contain}.media-settings small{color:#63798b}
.group-invite-list{max-height:260px;overflow:auto;border:1px solid #b3c4d0;background:#fff;margin:8px 0}.group-invite-person{display:flex!important;grid-template-columns:none!important;align-items:center;gap:7px!important;padding:6px;margin:0!important;border-bottom:1px solid #e1e8ed}.group-invite-person:hover{background:#eaf4fb}.group-invite-person .mini-avatar,.group-add-person img{width:28px;height:28px;border:1px solid #9db2c2;background:#eef6fb;display:inline-grid;place-items:center;overflow:hidden}.group-invite-person .mini-avatar img,.group-add-person img{width:100%;height:100%;object-fit:cover}.group-add-person{display:flex;align-items:center;gap:6px;margin:4px}
.custom-emoji{width:28px;height:28px;object-fit:contain;vertical-align:middle}.msgbody .custom-emoji{width:32px;height:32px;margin:0 1px}.server-invite-card{max-width:360px}
.server-msg{display:grid;grid-template-columns:32px 1fr;gap:7px;align-items:start}.server-msg-avatar{width:30px;height:30px;border:1px solid #9bb0c0;background:#eef6fb;display:grid;place-items:center;overflow:hidden;cursor:pointer;font-weight:bold;color:#315a7b}.server-msg-avatar img{width:100%;height:100%;object-fit:cover}.server-msg-content{min-width:0}.member-name-button{border:0;background:transparent;padding:0;font-weight:bold;color:#285b87;cursor:pointer}.member-name-button:hover{text-decoration:underline}.member-avatar-small{width:23px;height:23px;border:1px solid #9eb2c1;background:#eef6fb;display:grid;place-items:center;overflow:hidden;flex:0 0 auto}.member-avatar-small img{width:100%;height:100%;object-fit:cover}.presence-dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex:0 0 auto}.presence-dot.online{background:#36af4b}.presence-dot.offline{background:#aaa}.mention[data-member]{cursor:pointer}.mention[data-member]:hover{text-decoration:underline}
.live-game{min-width:220px}.ttt-board{display:grid;grid-template-columns:repeat(3,46px);gap:3px;margin:7px 0}.ttt-cell{width:46px;height:46px;font-size:22px;border:1px solid #7899b4;background:linear-gradient(#fff,#e3eff8)}.c4-drops,.c4-board{display:grid;grid-template-columns:repeat(7,26px);gap:2px}.c4-drops{margin:6px 0 2px}.c4-drop{height:22px;border:1px solid #8aa5ba;background:#f2f8fc;color:#315c7d}.c4-board{padding:5px;background:#2f6faa;border:1px solid #214f7e}.c4-cell{width:26px;height:26px;border-radius:50%;background:#edf5fb;border:1px solid #1f4d78}.c4-cell.red{background:#e64d4d}.c4-cell.yellow{background:#f6d33e}.rps-buttons{display:flex;gap:5px;align-items:center;flex-wrap:wrap;margin:7px 0}.rps-buttons button,.game-rematch{border:1px solid #7899b4;background:linear-gradient(#fff,#e3eff8);padding:5px 8px}.game-rematch{display:block;margin-top:7px}
#serverEmojiPanel{bottom:82px;left:7px}.server-chat-window .transcript{padding:8px}
@media(min-width:700px){.dialog:has(.media-settings){width:min(560px,94vw)}}

/* v6 contact/privacy + stable voice activity */
.blocked-list{display:grid;gap:4px}.blocked-row{display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;padding:6px;border:1px solid #c6d6e2;background:#fff}.blocked-row small{display:block;color:#718496}.voice-tile{transition:border-color .08s,box-shadow .08s}.voice-tile.speaking{border:2px solid #2dbd43!important;box-shadow:0 0 0 2px #a7f2b3,0 0 10px #33b84a88}.voice-tile.speaking b{color:#08761a}
.voice-participants{grid-template-columns:repeat(auto-fill,160px);justify-content:start;align-content:start}.voice-tile{width:160px;box-sizing:border-box}

/* v7 cosmetics, server branding, call + native window controls */
.contact-avatar,.avatar-frame,.big-avatar,.member-avatar-small,.server-msg-avatar,.member-avatar,.voice-avatar{border-radius:8px!important;overflow:hidden}.contact-avatar img,.avatar-frame img,.big-avatar img,.member-avatar-small img,.server-msg-avatar img,.member-avatar img,.voice-avatar img{border-radius:inherit!important}.profile-frame{box-shadow:0 0 0 2px var(--frame-color,#2f78bb)!important;border-color:var(--frame-color,#2f78bb)!important}.window-controls{font-size:10px;color:#45627a}.window-controls label{display:flex;align-items:center;gap:3px;white-space:nowrap}.window-controls input[type=range]{width:74px;height:14px}.compact-window-controls{display:flex;align-items:center;justify-content:space-between;padding:3px 7px;border-top:1px solid #c5d5e1;background:#f4f9fd}.inline-window-controls{margin-left:auto;display:flex;align-items:center;gap:7px;padding:0 4px}.server-window-controls{margin-top:auto;padding-top:8px;display:grid;gap:4px;border-top:1px solid #b5cad9}.server-identity{display:flex;align-items:center;gap:7px;margin:3px 0 5px}.server-icon-large{width:38px;height:38px;flex:0 0 auto}.server-icon img,.server-icon-preview img{width:100%;height:100%;object-fit:cover;border-radius:8px}.server-banner{height:74px;margin:-4px -5px 5px;background-size:cover;background-position:center;border-bottom:1px solid #809bb1}.server-brand-edit{display:grid;grid-template-columns:160px 1fr;gap:12px;margin:10px 0}.server-brand-edit>div{display:grid;gap:5px}.server-icon-preview{width:72px;height:72px;display:grid;place-items:center;border:1px solid #8fa9bd;background:#eef6fb;font-weight:bold;font-size:20px}.server-banner-preview{height:94px;border:1px solid #8fa9bd;background:#eef6fb center/cover no-repeat}.server-banner-preview.empty:after{content:'No banner';display:grid;place-items:center;height:100%;color:#758b9a}.emoji-manager-list{display:grid;gap:4px;margin-top:8px}.emoji-manager-row{display:grid;grid-template-columns:36px 1fr auto;gap:8px;align-items:center;padding:5px;border:1px solid #c5d4df;background:#fff}.emoji-manager-row small{display:block;color:#71808a}.mention-panel button.selected{background:#2f75b5!important;color:#fff}.mention-panel button.selected small{color:#e7f3ff}.call-controls{display:flex;justify-content:center;gap:6px;margin-top:8px}.call-body #remoteVideo{background:#111}.call-body #localVideo{border-radius:7px;overflow:hidden}.server-chat-layout .server-channel-pane{display:flex;flex-direction:column}.server-icon{border-radius:8px!important;overflow:hidden}.member-name-button{line-height:1.2}
@media(max-width:760px){.inline-window-controls{display:none}.server-brand-edit{grid-template-columns:1fr}}

/* v8 polish */
.profile-frame{padding:0!important;border:3px solid var(--frame-color,#2f78bb)!important;box-shadow:none!important;box-sizing:border-box!important;background:transparent!important}
.profile-frame img{width:100%!important;height:100%!important;border-radius:4px!important;display:block!important}
.chat-to{height:auto!important;min-height:34px;display:flex;align-items:center;gap:5px;flex-wrap:wrap;padding-top:5px;padding-bottom:5px}
.chat-to #chatName{display:inline-block;max-width:100%;line-height:1.08;overflow-wrap:anywhere}
.username-status{display:block;min-height:16px;margin:2px 0 4px;color:#667b8d}.username-status.ok{color:#18743c}.username-status.bad{color:#a12c2c}
.draft-attachments{border-left:1px solid #91a8b9;border-right:1px solid #91a8b9;background:#f4f9fd;padding:5px 7px;display:flex;gap:5px;flex-wrap:wrap}
.draft-attachments.hidden{display:none}.draft-chip{display:flex;align-items:center;gap:6px;max-width:220px;border:1px solid #a9bdcc;background:#fff;padding:4px 6px;border-radius:3px}.draft-chip b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draft-chip button{border:0;background:transparent;color:#9b2f2f;font-weight:bold;cursor:pointer}.compose-row.dragover{outline:3px dashed #4c8fc4;outline-offset:-5px;background:#edf8ff}.compose-row.dragover textarea{background:#edf8ff}
#composerFileBtn{white-space:nowrap}
.attachment-caption{margin-top:4px;white-space:pre-wrap;word-break:break-word}

/* v11 presence + tab notification polish */
.presence-dot.online{background:#38b54a}.presence-dot.away{background:#e7ba24}.presence-dot.busy{background:#d83939}.presence-dot.offline{background:#9ca2a7}
.contact-row .presence-dot{margin-left:1px;margin-right:1px}.view-tabs button.has-unread{position:relative}.view-tabs button.has-unread::after{content:"";position:absolute;right:2px;top:2px;width:6px;height:6px;border-radius:50%;background:#e33131;box-shadow:0 0 0 1px #fff}
\n\n/* v14 call pop-out + simplified unread tabs */
.view-tabs button.has-unread::after{display:none!important}
.call-title-actions{margin-left:auto;display:flex;align-items:center;gap:4px}
.native-title .call-title-actions button{margin-left:0}
.call-pop-btn{font-size:11px!important;line-height:16px!important;border:1px solid #7897b1!important;background:linear-gradient(#fff,#dcecf8)!important;color:#173957;padding:0 7px!important;border-radius:2px}
#callModal.call-popout{background:transparent!important;pointer-events:none;display:block!important;padding:10px;z-index:850}
#callModal.call-popout.hidden{display:none!important}
#callModal.call-popout .call-card{pointer-events:auto;position:absolute;right:12px;top:12px;width:min(390px,calc(100vw - 24px));max-height:calc(100vh - 24px);box-shadow:0 8px 26px #18364f66}
#callModal.call-popout .call-body{min-height:240px}
#callModal.call-popout .call-body video#remoteVideo{max-height:300px}
#callModal.call-popout .call-body video#localVideo{width:105px;max-height:82px}

/* v16: the whole buddy row is one click target; names/status text should not
   steal the gesture by becoming selected. */
.contact-row,.contact-row *{-webkit-user-select:none;user-select:none}.contact-row{cursor:pointer}.server-invite-setting{display:block;margin:10px 0;padding:7px;border:1px solid #b7ccdc;background:#f1f8fd}
.server-invite-by-name{display:flex;gap:5px;margin:7px 0 10px}.server-invite-by-name .xp-input{flex:1;min-width:0}

/* v17 */
.contact-row[data-id]{cursor:pointer;user-select:none;-webkit-user-select:none}.contact-row[data-id] *{pointer-events:none}.contact-row[data-id] .count-badge{pointer-events:none}

/* v18 call requests, shared group names, and voice-channel roster */
.call-request-badge{margin-left:5px;background:#e53935;box-shadow:0 0 0 2px #fff;animation:callPing 1.05s ease-in-out infinite}.contact-copy .call-request-badge{display:inline-grid;vertical-align:middle}@keyframes callPing{50%{transform:scale(1.13);box-shadow:0 0 0 4px #e5393538}}
.inline-rename{margin-left:6px;border:1px solid #9eb6c8!important;border-radius:3px;background:#edf6fc!important;color:#315d80!important;padding:2px 6px!important;font-size:10px;vertical-align:middle}.inline-rename:hover{background:#dceefa!important}
.voice-channel-members{grid-column:1/-1;display:grid;gap:2px;padding:0 4px 5px 21px}.voice-channel-user{display:flex;align-items:center;gap:5px;min-width:0;color:#526b7d;font-size:10px;line-height:18px}.voice-channel-user-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-channel-avatar{width:17px;height:17px;flex:0 0 17px;border:1px solid #9fb7c8;border-radius:50%;background:#dcebf5;display:grid;place-items:center;overflow:hidden;color:#315d80;font-weight:bold}.voice-channel-avatar img{width:100%;height:100%;object-fit:cover}.voice-channel-camera{font-size:9px;margin-left:auto}