.social-avatar{position:relative;display:inline-flex;width:42px;height:42px;flex:none;vertical-align:middle}.social-avatar img{width:100%;height:100%;object-fit:cover;border-radius:12px;border:1px solid var(--cz-a9c9f0,#a9c9f0);box-shadow:0 2px 5px var(--cz-3069aa20,#3069aa20)}.social-dot{position:absolute;right:-1px;bottom:-1px;width:11px;height:11px;background:#31b54a;border:2px solid white;border-radius:50%}.social-dot.offline{background:var(--cz-97a4b4,#97a4b4)}.social-dot.busy{background:#eea629}.social-self{border:0;background:none;display:flex;align-items:center;gap:9px;color:var(--cz-124287,#124287);padding:0;text-align:left;cursor:pointer}.social-status{font:inherit;font-size:12px;color:var(--cz-244b78,#244b78);border:1px solid var(--cz-bfd6ef,#bfd6ef);background:var(--cz-f8fbff,#f8fbff);border-radius:7px;padding:5px;max-width:140px}.social-own-controls{display:flex;flex-wrap:wrap;align-items:center;gap:9px;width:100%}.my-profile>.avatar,.my-profile>.profile-copy{display:none}.friend-button{margin-left:auto;border:1px solid var(--cz-bbd6f4,#bbd6f4);border-radius:9px;color:var(--cz-1768c2,#1768c2);background:var(--cz-eff7ff,#eff7ff);font-size:18px;min-width:33px;min-height:33px;cursor:pointer;flex-shrink:0}.friend-button.added{color:#218550;background:#e5f7ed}.friend-button:disabled{opacity:.55}.social-friends{padding:10px}.social-friends .mobile-home-group-title{display:flex;justify-content:space-between;gap:8px}.social-friends .mobile-home-group-title span{font-size:11px;color:var(--cz-6c86a9,#6c86a9)}.social-friend-row{display:flex;gap:6px;align-items:center;padding:7px 0}.social-friend-row>button:first-child:not(.friend-button){display:flex;align-items:center;gap:9px;flex:1;border:0;background:transparent;text-align:left;color:var(--cz-154184,#154184)}.social-friend-row small{display:block;color:var(--cz-6883a2,#6883a2);margin-top:3px}.social-empty,.social-help{font-size:12px;line-height:1.6;color:var(--cz-617b99,#617b99)}.social-friends details{font-size:12px;color:var(--cz-6883a2,#6883a2);margin-top:8px}.home-profile{flex-wrap:wrap}.home-profile .social-self{flex:1}.social-message-avatar{padding:0;border:0;background:none;cursor:pointer;overflow:visible!important}.social-message-avatar .social-avatar{width:36px;height:36px}.member-avatar .social-avatar{width:30px;height:30px}.member-row{gap:7px}.member-row .friend-button{margin-left:auto}#socialDialog{width:min(430px,calc(100vw - 28px));max-height:85dvh;border:1px solid var(--cz-a7c8f4,#a7c8f4);border-radius:20px;padding:0;color:var(--cz-1c4279,#1c4279);background:linear-gradient(145deg,var(--cz-e0efff,#e0efff),#fff 55%);box-shadow:0 20px 70px var(--cz-10386d50,#10386d50)}#socialDialog::backdrop{background:var(--cz-0e25477a,#0e25477a);backdrop-filter:blur(4px)}#socialDialog header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;background:var(--cz-e4f0ff,#e4f0ff);padding:14px 20px;z-index:1}#socialDialog h2{margin:0;font-size:20px}#socialDialog button{cursor:pointer;border:1px solid var(--cz-aacdf1,#aacdf1);border-radius:9px;padding:9px 13px;background:var(--cz-f5faff,#f5faff);color:var(--cz-19519a,#19519a)}#socialDialog button:disabled{opacity:.5}.social-dialog-content{padding:20px}.social-profile-hero{text-align:center;margin:0 0 20px}.social-profile-hero>.social-avatar{width:88px;height:88px}.social-profile-hero h3{font-size:23px;margin:12px 0 5px}.social-profile-hero p{margin:5px}.social-profile-hero small{color:var(--cz-7390ae,#7390ae)}#socialDialog label{display:block;font-size:13px;margin-bottom:13px}#socialDialog textarea,#socialDialog select{display:block;width:100%;box-sizing:border-box;margin-top:6px;border:1px solid var(--cz-b7d1ef,#b7d1ef);padding:10px;border-radius:9px;background:white;color:var(--cz-284a76,#284a76);font:inherit}#socialDialog textarea{min-height:75px;resize:vertical}.social-avatar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.social-avatar-grid label{position:relative}.social-avatar-grid img{width:100%;border:3px solid transparent;border-radius:14px;box-sizing:border-box}.social-avatar-grid input{position:absolute;left:8px;top:8px}.social-avatar-grid input:checked+img{border-color:var(--cz-247dde,#247dde)}.social-check{display:flex!important;gap:8px;align-items:center}#socialDialog .social-primary{background:var(--cz-1974da,#1974da);color:white;width:100%}.social-pending{background:#fff2cf;color:#87640f;padding:10px;border-radius:9px}.social-review{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:15px 0;border-bottom:1px solid var(--cz-cbdef5,#cbdef5)}.social-review img{width:68px;height:68px;border-radius:12px;object-fit:cover}.social-review b{flex:1;min-width:80px}#socialToast{position:fixed;bottom:85px;left:50%;transform:translateX(-50%);z-index:10000;background:var(--cz-173f73,#173f73);color:white;padding:13px 20px;border-radius:12px;box-shadow:0 8px 30px var(--cz-102c5540,#102c5540);max-width:85vw;font-size:14px}#socialDialog input[type=file]{display:block;max-width:100%;margin-top:9px}

.social-person-wrap{display:flex;align-items:center;gap:6px}.social-person-wrap>.mobile-list-row{flex:1;min-width:0}.social-person-wrap>.friend-button{margin-right:10px}
/* Compact themed scrollbars across desktop, touch lists and dialogs. */
*{scrollbar-width:thin;scrollbar-color:var(--cz-83b5e9,#83b5e9) var(--cz-e5f0fb,#e5f0fb)}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track{background:var(--cz-e5f0fb,#e5f0fb);border-radius:9px}*::-webkit-scrollbar-thumb{background:var(--cz-83b5e9,#83b5e9);border-radius:9px}*::-webkit-scrollbar-thumb:hover{background:var(--cz-438cda,#438cda)}[hidden]{display:none!important}
.block-button,.conversation-close{flex:none;display:inline-flex;align-items:center;justify-content:center;min-width:27px;min-height:29px;border:1px solid var(--cz-c8dbee,#c8dbee);border-radius:8px;background:var(--cz-f4f9ff,#f4f9ff);color:var(--cz-718db0,#718db0);cursor:pointer;font-size:19px;padding:2px}.block-button:hover,.block-button.blocked{color:#c74464;background:#fff0f4;border-color:#efbfd0}.conversation-close:hover{background:#fdebf0;color:#cc3d62}.show-more{display:block;width:100%;padding:10px;border:0;border-radius:8px;background:var(--cz-eaf4ff,#eaf4ff);color:var(--cz-236dbd,#236dbd);cursor:pointer;font:inherit;font-size:12px;text-align:center;margin-top:5px}.show-more:hover{background:var(--cz-d6eaff,#d6eaff)}.blocked-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 5px;border-bottom:1px solid var(--cz-d6e6f7,#d6e6f7)}.block-remove{border:1px solid #edbdd0;background:#fff5f7;color:#bb3f62;border-radius:8px;padding:6px 12px;cursor:pointer}.social-person-wrap{min-width:0}.social-person-wrap .mobile-list-row{padding-right:3px}.member-row{display:flex;align-items:center}.member-row>div:nth-child(2){flex:1;min-width:0}.member-nick{overflow-wrap:anywhere}.conversation-row{gap:4px}.conversation-row>.mobile-home-row{min-width:0}.conversation-row .favorite-button{flex:none}.private-chat-info{min-width:0;flex:1}.person-row{gap:4px}.mobile-home-tabs button:first-child{white-space:normal;line-height:1.15}.message-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.message-reactions button{border:1px solid var(--cz-c6d9ed,#c6d9ed);border-radius:20px;background:#ffffffa8;min-height:25px;padding:2px 6px;font-size:13px;cursor:pointer;color:var(--cz-36608e,#36608e);display:flex;align-items:center;gap:3px}.message-reactions button:hover,.message-reactions button.selected{background:var(--cz-d4eaff,#d4eaff);border-color:var(--cz-438cda,#438cda);box-shadow:0 0 0 1px var(--cz-8cbcf044,#8cbcf044)}.message-reactions span{font-size:10px;font-weight:bold}.message-reactions span:empty{display:none}
.radio-toggle{position:fixed;right:0;top:43%;z-index:240;border:1px solid var(--cz-79abe4,#79abe4);border-right:0;border-radius:13px 0 0 13px;background:linear-gradient(145deg,var(--cz-f2f9ff,#f2f9ff),var(--cz-a7ceff,#a7ceff));color:var(--cz-1658a8,#1658a8);padding:10px 7px;box-shadow:-3px 4px 15px var(--cz-18559630,#18559630);cursor:pointer;display:grid;gap:5px;justify-items:center}.radio-toggle>span{font-size:24px}.radio-toggle small{font-size:8px;letter-spacing:1px}.radio-toggle.playing>span{color:#15884f}.radio-panel{position:fixed;right:14px;top:50%;transform:translateY(-50%);z-index:260;width:300px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 110px);overflow:auto;background:linear-gradient(150deg,var(--cz-edf7ff,#edf7ff),var(--cz-d6eaff,#d6eaff) 55%,var(--cz-f9fcff,#f9fcff));border:1px solid var(--cz-90b9ec,#90b9ec);border-radius:22px;box-shadow:0 20px 70px var(--cz-123e7850,#123e7850);color:var(--cz-174f90,#174f90);padding:18px;box-sizing:border-box}.radio-panel header{display:flex;align-items:center;justify-content:space-between}.radio-brand{font-size:11px;font-weight:800;letter-spacing:2px}.radio-panel header button{border:0;background:#ffffff90;border-radius:50%;width:28px;height:28px;font-size:24px;color:var(--cz-557da9,#557da9);cursor:pointer}.radio-cover{position:relative;margin:20px 0 18px;height:156px;overflow:hidden;border-radius:16px;background:radial-gradient(ellipse at 20% 15%,var(--cz-87d4ff,#87d4ff),var(--cz-3183d3,#3183d3) 55%,var(--cz-104990,#104990));display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px 1px #fff9}.radio-disc{width:90px;height:90px;display:grid;place-items:center;border:1px solid var(--cz-c6e8ff9c,#c6e8ff9c);border-radius:50%;color:var(--cz-e6faff,#e6faff);font-size:50px;background:radial-gradient(circle,var(--cz-68b1f2,#68b1f2),var(--cz-1358a49c,#1358a49c));box-shadow:0 0 0 14px #fff1,0 0 0 28px #fff1;transform:rotate(-12deg)}.radio-live{position:absolute;bottom:10px;left:12px;font-size:8px;letter-spacing:2px;color:var(--cz-e8f9ff,#e8f9ff)}.radio-copy small{font-size:9px;letter-spacing:2px;color:var(--cz-7299c2,#7299c2)}.radio-copy h2{font-size:22px;margin:7px 0}.radio-copy p{font-size:11px;color:var(--cz-708dac,#708dac);min-height:30px}.radio-controls{display:flex;align-items:center;justify-content:space-around;margin:13px 0 20px}.radio-controls #radioPlay{display:grid;place-items:center;border:1px solid #fff8;border-radius:50%;width:58px;height:58px;background:linear-gradient(145deg,var(--cz-3e9bf0,#3e9bf0),var(--cz-0956ba,#0956ba));color:white;font-size:24px;box-shadow:0 7px 18px var(--cz-246cca40,#246cca40);cursor:pointer}.radio-controls #radioPlay:disabled{opacity:.45;cursor:default}.radio-bars{height:24px;width:42px;display:flex;gap:3px;align-items:center}.radio-bars i{display:block;width:4px;height:5px;border-radius:3px;background:var(--cz-5297dd,#5297dd)}.radio-bars i:nth-child(2),.radio-bars i:nth-child(4){height:14px}.radio-bars i:nth-child(3){height:24px}.playing .radio-bars i{animation:radioPulse 1s ease-in-out infinite alternate}.playing .radio-bars i:nth-child(2n){animation-delay:.4s}.radio-hd{font-size:9px;letter-spacing:1px;line-height:1.5;color:var(--cz-78a0cb,#78a0cb);text-align:center;width:42px}.radio-volume{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--cz-488bc8,#488bc8)}.radio-volume input{accent-color:var(--cz-3489dd,#3489dd);width:100%;height:5px;cursor:pointer}.radio-footnote{text-align:center;font-size:10px;color:var(--cz-88a4c0,#88a4c0);margin:18px 0 0}@keyframes radioPulse{to{transform:scaleY(.35)}}@media(prefers-reduced-motion:reduce){.playing .radio-bars i{animation:none}}@media(max-width:700px){.radio-toggle{padding:8px 5px;top:40%}.radio-toggle small{font-size:7px}.radio-panel{right:10px;max-height:calc(100dvh - 100px)}.conversation-row{gap:2px}.conversation-row .favorite-button{min-width:25px;width:25px}.block-button,.conversation-close{min-width:24px}.message-reactions{gap:3px}}

.reaction-counts{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}.reaction-counts:empty{display:none}.reaction-counts button{display:flex;align-items:center;gap:4px;background:var(--cz-e8f3ff,#e8f3ff);border:1px solid var(--cz-b8d4f2,#b8d4f2);border-radius:14px;padding:3px 8px;color:var(--cz-32699d,#32699d);font-size:13px;cursor:pointer}.reaction-counts b{font-size:11px}.reaction-counts button:hover{background:var(--cz-cee6ff,#cee6ff)}#reactionPeople{width:min(280px,calc(100vw - 40px));max-height:55dvh;overflow:auto;border:1px solid var(--cz-a4c8ef,#a4c8ef);border-radius:16px;background:linear-gradient(135deg,var(--cz-edf7ff,#edf7ff),#fff);color:var(--cz-21558b,#21558b);padding:0;box-shadow:0 14px 50px var(--cz-17427055,#17427055)}#reactionPeople::backdrop{background:var(--cz-17385840,#17385840)}#reactionPeople header{padding:12px 15px;display:flex;align-items:center;justify-content:space-between;background:var(--cz-e3f0ff,#e3f0ff)}#reactionPeople header button{border:0;background:transparent;font-size:24px;cursor:pointer;color:var(--cz-5481b1,#5481b1)}.reaction-nicks{padding:6px 15px 13px}.reaction-nicks>div{display:flex;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid var(--cz-e1ecf8,#e1ecf8);font-size:13px}.reaction-nick-icon{display:grid;place-items:center;width:29px;height:29px;background:var(--cz-d7eaff,#d7eaff);border-radius:9px}.reaction-nicks p{font-size:12px;color:var(--cz-6f8da9,#6f8da9)}
/* v3: one compact reaction trigger, with a single-line popover. */
.reaction-widget{position:relative;margin-top:6px;max-width:100%}.reaction-trigger{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;cursor:pointer;border:1px solid var(--cz-c4d9f0,#c4d9f0);border-radius:12px;background:var(--cz-f4faff,#f4faff);color:var(--cz-537fae,#537fae);font-size:11px;padding:3px 8px;min-height:25px}.reaction-trigger small{display:inline-grid;place-items:center;background:var(--cz-277bdd,#277bdd);color:#fff;border-radius:8px;min-width:14px;font-size:9px;padding:1px 3px}.reaction-trigger small:empty{display:none}.reaction-menu{position:absolute;bottom:calc(100% + 5px);left:0;z-index:40;width:205px;max-width:calc(100vw - 70px);padding:7px;border-radius:16px;background:var(--cz-f7fbff,#f7fbff);border:1px solid var(--cz-aecdec,#aecdec);box-shadow:0 5px 20px var(--cz-23496d38,#23496d38);box-sizing:border-box}.message.self .reaction-menu{left:auto;right:0}.reaction-menu .message-reactions{display:flex;flex-wrap:nowrap;gap:3px;margin:0;justify-content:space-between}.reaction-menu .message-reactions button{flex:0 0 34px;min-width:0;max-width:34px;height:31px;padding:3px;justify-content:center;font-size:19px;gap:1px}.reaction-menu .message-reactions span{font-size:9px}.blue-thumb{width:18px;height:18px;fill:var(--cz-1877f2,#1877f2);color:var(--cz-1877f2,#1877f2);flex:none}.blue-thumb.down{transform:rotate(180deg)}.reaction-menu .reaction-counts{display:flex;flex-wrap:nowrap;gap:2px;overflow-x:auto;padding-top:3px}.reaction-menu .reaction-counts button{font-size:12px;padding:2px 5px;white-space:nowrap;flex:none}.reaction-menu .reaction-counts:empty{display:none}.message-body{overflow:visible}.status-entry{display:flex;align-items:center;gap:8px;width:100%;border:1px solid var(--cz-c0d8f1,#c0d8f1);background:linear-gradient(var(--cz-f7fcff,#f7fcff),var(--cz-e2efff,#e2efff));padding:10px;color:var(--cz-2b619c,#2b619c);border-radius:9px;cursor:pointer;text-align:left}.status-entry>span{font-size:20px}.status-entry small{font-size:10px;margin-left:auto;color:var(--cz-7390ac,#7390ac)}.status-entry i{font-style:normal;font-size:10px;background:var(--cz-3584df,#3584df);color:white;border-radius:8px;padding:2px 5px}#statusEntry{padding:4px 10px}.desktop-sounds{margin:3px 10px 6px;border:0;background:transparent;color:var(--cz-6786a6,#6786a6);cursor:pointer;font-size:11px}.sound-option{display:flex!important;align-items:center;justify-content:space-between;gap:15px}.sound-option small{display:block;color:var(--cz-6789a8,#6789a8);font-size:12px;line-height:1.5;margin-top:5px}.sound-option input{appearance:none;width:40px;height:23px;background:var(--cz-b5c8dd,#b5c8dd);border-radius:15px;flex:none;position:relative;cursor:pointer;transition:background .15s}.sound-option input:before{content:'';position:absolute;width:17px;height:17px;border-radius:50%;background:white;left:3px;top:3px;box-shadow:0 1px 4px var(--cz-44556644,#4564)}.sound-option input:checked{background:var(--cz-2982df,#2982df)}.sound-option input:checked:before{left:20px}#friendRequests{position:fixed;right:16px;top:72px;width:300px;max-width:calc(100vw - 32px);max-height:50dvh;overflow:auto;z-index:280;border:1px solid var(--cz-b9d6f3,#b9d6f3);border-radius:14px;background:var(--cz-f1f8ff,#f1f8ff);box-shadow:0 10px 35px var(--cz-21486a35,#21486a35)}.friend-request-row{padding:13px;border-bottom:1px solid var(--cz-cfe0f2,#cfe0f2);color:var(--cz-2b5685,#2b5685);font-size:13px}.friend-request-row p{margin:0 0 10px}.friend-request-row>div{display:flex;gap:7px}.friend-request-row button{padding:6px 12px;border:1px solid var(--cz-b0ccec,#b0ccec);border-radius:8px;background:#fff;color:var(--cz-4177a9,#4177a9);cursor:pointer}.friend-request-row [data-accept=yes]{background:var(--cz-247ddd,#247ddd);color:white;border-color:var(--cz-247ddd,#247ddd)}.channel-head{position:relative;padding-right:34px!important}.channel-head-toggle{position:absolute;right:5px;top:7px;border:1px solid var(--cz-b9d5f0,#b9d5f0);border-radius:7px;width:25px;height:24px;background:var(--cz-f1f8ff,#f1f8ff);color:var(--cz-5283b4,#5283b4);cursor:pointer;font-size:18px}.channel-head.collapsed{min-height:34px!important;padding-top:4px!important;padding-bottom:4px!important}.channel-head.collapsed>.channel-icon,.channel-head.collapsed p{display:none}.channel-head.collapsed h2{font-size:14px}.info-card>summary{cursor:pointer;font-weight:600;font-size:13px;color:var(--cz-3f72a6,#3f72a6);padding:5px 0}.info-card:not([open]){padding-bottom:8px}#mobileSectionTitle{overflow-wrap:anywhere}@media(max-width:700px){#friendRequests{right:12px;top:60px}.reaction-menu{width:199px;padding:6px}.reaction-menu .message-reactions button{flex-basis:33px}.channel-head.collapsed{min-height:34px!important}}

.reaction-widget .reaction-menu{position:fixed;bottom:auto;z-index:290}

/* Constrain member lists in both layouts. */
#rightPanel{display:flex;flex-direction:column;overflow:hidden;min-height:0;max-height:100%}
#rightPanel.private-hidden{display:none}
#rightPanel .info-card{flex:0 0 auto;max-height:40%;overflow:auto}
#rightPanel .member-card{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}
#memberList{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}
.member-search{flex:0 0 auto;box-sizing:border-box;width:100%;padding:8px;margin-bottom:8px;border:1px solid var(--cz-a4cbed,#a4cbed);border-radius:8px;background:var(--cz-f4fbff,#f4fbff);color:var(--cz-0758bd,#0758bd)}
#mobileDrawer{display:none;flex-direction:column;max-height:100dvh;overflow:hidden}
#mobileMemberList{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}
.reaction-menu{pointer-events:auto;z-index:10000}
@media(max-width:1050px){#rightPanel{display:none}}
@media(max-width:760px){#mobileDrawer{display:flex}}
.social-dot.unknown{background:var(--cz-97a4b4,#97a4b4)}

/* Member drawer owns its scroll area and covers the composer. */
#mobileDrawer{box-sizing:border-box;padding-bottom:env(safe-area-inset-bottom,0px);height:100dvh;max-height:100dvh;min-height:0;z-index:700;overflow:hidden;isolation:isolate}
#mobileDrawer .drawer-head,#mobileDrawer .member-search{flex-shrink:0}
#mobileDrawer #mobileMemberList{flex:1 1 0%;height:0;min-height:0;max-height:100%;overflow-y:scroll;overflow-x:hidden;scrollbar-gutter:stable;touch-action:pan-y;-webkit-overflow-scrolling:touch;padding-bottom:16px}
#drawerShade{z-index:699}
#mobileDrawer .member-row{min-width:0;flex-shrink:0}
#mobileMemberList::-webkit-scrollbar{width:5px}
#mobileMemberList::-webkit-scrollbar-thumb{background:var(--cz-78afe2,#78afe2);border-radius:9px}
.friend-request-buttons{display:flex;gap:7px;margin:9px 0;flex-wrap:wrap}
.friend-request-buttons button{display:flex;align-items:center;gap:6px;flex:1;justify-content:center;padding:9px 6px;border:1px solid var(--cz-bad7f2,#bad7f2);background:var(--cz-f6fbff,#f6fbff);border-radius:9px;color:var(--cz-16569c,#16569c);cursor:pointer;font-size:12px}
.request-badge,.request-nav-badge{background:#df354c;color:#fff;border-radius:20px;min-width:19px;padding:2px 5px;text-align:center;font:bold 11px Tahoma;line-height:15px}
[data-mobile="friends"]{position:relative}.request-nav-badge{position:absolute;right:15%;top:2px}
.request-nav-badge[hidden]{display:none}
.friend-request-row small{display:block;color:var(--cz-6387ac,#6387ac);margin-top:5px}
.nudge-button{flex:0 0 36px;width:36px;min-width:36px;padding:0;border:1px solid var(--cz-95c0ee,#95c0ee);border-radius:50%;background:linear-gradient(#fff,var(--cz-c5e7ff,#c5e7ff));color:var(--cz-126ad3,#126ad3);font:bold 25px sans-serif;cursor:pointer}
.nudge-button[hidden]{display:none!important}.nudge-button:disabled{opacity:.5}
.composer-row textarea{min-width:0}
.nudge-shake{animation:chatzone-nudge .5s ease-in-out 3}
@keyframes chatzone-nudge{0%,100%{translate:0 0}15%,45%,75%{translate:-6px 1px}30%,60%,90%{translate:6px -1px}}
@media(prefers-reduced-motion:reduce){.nudge-shake{animation:none;box-shadow:inset 0 0 0 3px var(--cz-6daee9,#6daee9)}}
.composer-small-button{flex:0 0 32px;min-width:32px;padding:0 3px;border:1px solid var(--cz-96c5ef,#96c5ef);border-radius:9px;background:linear-gradient(#fff,var(--cz-d7edff,#d7edff));color:var(--cz-135dba,#135dba);font-size:20px;cursor:pointer}
.composer-small-button[hidden]{display:none!important}#nickTabButton{font-size:11px;flex-basis:37px}
.scroll-lock-button{position:absolute;right:36px;top:7px;width:28px;height:25px;padding:0;border:1px solid var(--cz-b5d5f0,#b5d5f0);border-radius:7px;background:var(--cz-eff8ff,#eff8ff);cursor:pointer}
.channel-head{padding-right:72px!important}.scroll-lock-button[aria-pressed=true]{background:#ffe9ad}
.call-panel{position:fixed;z-index:950;right:18px;bottom:90px;width:min(420px,calc(100vw - 24px));max-height:85dvh;overflow:auto;box-sizing:border-box;padding:14px;border:1px solid var(--cz-8ebae9,#8ebae9);border-radius:16px;background:var(--cz-eaf6ff,#eaf6ff);box-shadow:0 12px 50px var(--cz-16457955,#16457955);color:var(--cz-15477d,#15477d)}
.call-panel[hidden]{display:none}.call-panel header{display:grid;gap:6px;margin-bottom:12px}.call-status{font-size:13px}.call-videos{position:relative;background:var(--cz-102333,#102333);border-radius:10px;overflow:hidden;min-height:120px}.call-remote{display:block;width:100%;max-height:45dvh;object-fit:contain}.call-local{position:absolute;right:8px;bottom:8px;width:28%;max-height:100px;border:1px solid white;border-radius:7px;transform:scaleX(-1)}
.audio-call .call-videos{height:1px;min-height:0;overflow:hidden}.call-controls{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.call-controls button{padding:9px;border:1px solid var(--cz-a9cbee,#a9cbee);background:#fff;border-radius:9px;color:var(--cz-185799,#185799);cursor:pointer}.call-controls [data-call-accept]{background:#258454;color:white}.call-controls [data-call-end]{background:#ce384d;color:white}.call-controls button[hidden]{display:none}
@media(max-width:760px){.call-panel{right:12px;bottom:75px}.composer-row{gap:4px}.composer-small-button{flex-basis:28px;min-width:28px;font-size:18px}#nickTabButton{flex-basis:34px;font-size:10px}.nudge-button{flex-basis:28px;min-width:28px;width:28px}}
/* Header actions stay next to scroll lock, out of the composer. */
.chat-head-actions{position:absolute;right:35px;top:6px;display:flex;align-items:center;gap:4px}
.chat-head-actions #scrollLockButton,.chat-head-actions .composer-small-button,.chat-head-actions #nudgeButton{position:static;flex:none;width:28px;min-width:28px;height:27px;padding:0;font-size:17px;border-radius:7px}
.channel-head{padding-right:170px!important;min-height:54px}.channel-head h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.composer-row #emojiButton{position:static!important;display:flex!important;flex:0 0 32px;align-items:center;justify-content:center;width:32px;height:38px;margin:0;padding:0;border:0;border-radius:8px;background:transparent;font-size:22px;pointer-events:auto;transform:none}
.composer-row textarea{padding-left:10px!important;padding-right:10px!important;min-width:0}
#messages .message.self .message-avatar{display:inline-flex!important;flex:0 0 34px;width:34px;height:34px;align-items:center;justify-content:center}
#messages .message.self .social-avatar{display:inline-flex;width:32px;height:32px}
#messages .message-body{min-width:0;overflow-wrap:anywhere}.youtube-preview{display:block;width:min(100%,300px);aspect-ratio:16/9;height:auto;min-height:120px;border:0;border-radius:10px;margin-top:8px;background:var(--cz-102538,#102538)}.message-text a{color:var(--cz-1266b5,#1266b5);text-decoration:underline;overflow-wrap:anywhere}
.history-page{display:block;width:100%;margin:7px 0;padding:8px;border:1px solid var(--cz-b5d6ed,#b5d6ed);border-radius:8px;background:var(--cz-e9f6ff,#e9f6ff);color:var(--cz-29618e,#29618e);cursor:pointer;font-size:12px}
body.login-mode{position:fixed;inset:0;overflow:hidden;overscroll-behavior:none}
body.login-mode #loginScreen{position:fixed;inset:0;box-sizing:border-box;width:100%;height:100svh;min-height:0;overflow:hidden;overscroll-behavior:none}
body.login-mode .login-card{box-sizing:border-box;max-width:calc(100vw - 24px);max-height:100%;margin:auto}
@media(max-width:760px){
 body.login-mode #loginScreen{padding:12px;align-items:center;justify-content:center}
 body.login-mode .login-card{width:min(360px,100%);padding:12px 16px}
 body.login-mode .login-avatar{height:76px;margin:0 0 3px}
 body.login-mode .login-avatar img,body.login-mode .login-avatar svg{max-height:76px;max-width:110px}
 body.login-mode .login-card h1{font-size:28px;margin:3px 0}
 body.login-mode .login-community{font-size:13px}
 body.login-mode .login-card p{font-size:16px;line-height:1.25;margin:7px 0 12px}
 body.login-mode .login-card input{height:42px;font-size:16px}
 body.login-mode .login-label{margin:5px 0}
 body.login-mode #loginButton{height:42px;margin-top:10px}
 body.login-mode .login-error{min-height:16px;margin-top:5px}
}
@media(max-height:530px) and (max-width:760px){body.login-mode .login-avatar,body.login-mode .login-card p,body.login-mode .login-community{display:none}body.login-mode .login-card{padding-top:4px;padding-bottom:4px}body.login-mode .login-card h1{font-size:22px}}
/* 1.7: compact header and a genuine input-contained emoji control. */
.chat-head-actions{top:8px;align-items:center}
.chat-head-actions #mobileMembersButton{position:static!important;display:flex;margin:0 3px 0 0;padding:0;align-items:center;gap:3px;white-space:nowrap;width:auto;min-width:35px;height:28px;background:none;border:0;color:var(--cz-0756b9,#0756b9);font-weight:bold}
.chat-head-actions #mobileMembersButton[hidden]{display:none!important}
.channel-head{padding-right:110px!important}.private-chat .channel-head{padding-right:170px!important}
.composer-row{align-items:center!important}
.composer-row #nickTabButton{align-self:center;margin:0!important;height:30px;line-height:13px;transform:none!important}
.message-input-wrap{position:relative;flex:1;min-width:0;display:flex;align-items:center}
.composer-row .message-input-wrap textarea{box-sizing:border-box;width:100%;padding-right:38px!important;margin:0;flex:1}
.composer-row .message-input-wrap #emojiButton{position:absolute!important;right:5px!important;left:auto!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;width:28px;height:30px;padding:0;margin:0;z-index:2}
#voiceButton{height:34px;width:30px;min-width:30px;flex:0 0 30px;border:0;background:transparent;color:var(--cz-2878c7,#2878c7);padding:4px;border-radius:50%;align-self:center;cursor:pointer}#voiceButton svg{width:23px;height:23px}#voiceButton.recording{color:#ce2949;background:#ffe1e8}
.voice-recording{display:flex;align-items:center;gap:6px;padding:7px;border-radius:10px;background:var(--cz-e4f4ff,#e4f4ff);color:var(--cz-1d5d92,#1d5d92);font-size:12px;margin-bottom:5px}.voice-recording[hidden]{display:none}.voice-recording span{flex:1}.voice-recording button,.voice-listen{border:1px solid var(--cz-a5cfed,#a5cfed);background:var(--cz-f3fbff,#f3fbff);color:var(--cz-185fa3,#185fa3);padding:6px 9px;border-radius:10px;cursor:pointer}.voice-recording button[hidden]{display:none}.voice-audio{display:block;width:min(260px,100%);height:38px;margin-top:5px}.voice-listen{margin-top:5px}
.titlebar{position:relative;padding-right:90px!important}.titlebar .radio-toggle{position:absolute;top:12px;right:12px;bottom:auto;transform:none;width:58px;height:40px;border-radius:13px;border:1px solid var(--cz-a3c9ea,#a3c9ea);background:linear-gradient(#fff,var(--cz-cceaff,#cceaff));display:flex;flex-direction:row;align-items:center;justify-content:center;gap:3px;box-shadow:0 2px 7px var(--cz-367bb326,#367bb326);z-index:5}.radio-toggle span{font-size:22px}.radio-toggle small{font-size:8px}
#radioPanel{position:fixed;transform:none;top:76px;right:14px;bottom:auto;width:min(300px,calc(100vw - 24px));max-height:calc(100dvh - 90px);overflow:auto;z-index:800;border-radius:18px}
#radioPanel .radio-cover{height:95px;min-height:0}#radioPanel .radio-bars{display:flex;align-items:end;gap:3px;height:35px;flex:1}#radioPanel .radio-bars i{width:5px;max-height:35px;background:linear-gradient(var(--cz-8cd4ff,#8cd4ff),var(--cz-1475dc,#1475dc));border-radius:3px;height:5px;animation:none}#radioPanel.playing .radio-bars i{animation:radio-spectrum .85s ease-in-out infinite alternate}#radioPanel .radio-bars i:nth-child(3n){animation-delay:-.4s}#radioPanel .radio-bars i:nth-child(3n+1){animation-delay:-.7s}#radioPanel .radio-bars i:nth-child(4n){animation-duration:.55s}
@keyframes radio-spectrum{from{height:5px}to{height:32px}}
@media(max-width:760px){.titlebar .radio-toggle{top:10px;right:12px;height:36px}#radioPanel{top:64px;right:8px;max-height:calc(100dvh - 80px)}.titlebar .title-slogan{display:none}.composer-row{gap:3px!important}#nickTabButton{min-width:28px;flex-basis:28px!important}#voiceButton{min-width:27px;flex-basis:27px}}
@media(prefers-reduced-motion:reduce){#radioPanel.playing .radio-bars i{animation:none;height:18px}}
/* Fixed-width list controls; previews cannot push the action buttons. */
.conversation-row{display:flex;align-items:center;gap:6px;min-width:0;max-width:100%;box-sizing:border-box}
.conversation-row .mobile-home-row{flex:1 1 0%;min-width:0;overflow:hidden}
.mobile-home-row-main,.private-chat-info{min-width:0;flex:1 1 0%;overflow:hidden}
.mobile-home-row-main small,.private-preview{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.conversation-row>button,.channel-row>.favorite-button,.channel-row>[data-close-conversation]{flex-shrink:0}
.conversation-row .favorite-button{margin-left:3px;margin-right:5px;min-width:25px}
[data-close-conversation]{margin-left:5px!important;flex-shrink:0}
.mobile-home-count{flex-shrink:0}.private-chat-row,.channel-row{min-width:0;max-width:100%}
.applet-admin-dialog{width:min(540px,calc(100vw - 24px));max-height:85dvh;padding:0;border:1px solid var(--cz-94c3eb,#94c3eb);border-radius:16px;background:var(--cz-edf7ff,#edf7ff);color:var(--cz-164e87,#164e87);box-shadow:0 14px 55px var(--cz-173e7855,#173e7855);box-sizing:border-box}
.applet-admin-dialog::backdrop{background:var(--cz-17385870,#17385870)}.applet-admin-dialog header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--cz-c5dff4,#c5dff4)}.applet-admin-dialog header h2{font-size:18px;margin:0}.applet-admin-dialog button{border:1px solid var(--cz-abcdeb,#abcdeb);border-radius:8px;padding:7px 10px;background:var(--cz-f8fcff,#f8fcff);color:var(--cz-17548f,#17548f);cursor:pointer}.admin-content{padding:15px}.admin-content label{display:block;margin:8px 0}.admin-content input{display:block;box-sizing:border-box;width:100%;padding:10px;font-size:16px;border:1px solid var(--cz-acd1ef,#acd1ef);border-radius:8px}.admin-toolbar,.admin-decisions{display:flex;gap:7px;flex-wrap:wrap;margin:8px 0}.admin-review{padding:12px;margin:9px 0;background:white;border:1px solid var(--cz-d0e4f5,#d0e4f5);border-radius:10px;overflow:hidden}.admin-review small{display:block}.admin-review img{display:block;max-width:140px;max-height:140px;margin:10px 0;border-radius:10px}.admin-review audio{max-width:100%}.admin-error{color:#ba2840}.moderated-media{position:relative;margin-top:6px;padding-right:30px;min-height:24px}.moderated-media:empty{display:none}.admin-media-delete{position:absolute;right:0;top:0;width:25px;height:25px;border:1px solid #e3a9b1;background:#fff0f2;color:#b6203d;border-radius:7px;cursor:pointer;font-size:20px;padding:0}.moderated-media small{font-size:11px;color:var(--cz-66849c,#66849c)}
.nick-auth-dialog{border:1px solid var(--cz-92bee7,#92bee7);border-radius:16px;background:var(--cz-edf7ff,#edf7ff);color:var(--cz-164c81,#164c81);width:min(330px,calc(100vw - 32px));box-sizing:border-box;padding:20px}.nick-auth-dialog::backdrop{background:var(--cz-12385d66,#12385d66)}.nick-auth-dialog input{box-sizing:border-box;width:100%;padding:10px;font-size:16px;border:1px solid var(--cz-9dc6e9,#9dc6e9);border-radius:8px;margin:10px 0}.nick-auth-dialog button{padding:9px 12px;border:1px solid var(--cz-8bb9e3,#8bb9e3);border-radius:8px;background:var(--cz-e0efff,#e0efff);color:var(--cz-154d89,#154d89)}.nick-auth-error{color:#b3243e}

.role-avatar{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#fff7d8,var(--cz-cce9ff,#cce9ff));border:1px solid var(--cz-c1d7e8,#c1d7e8);color:#b47b0b;font-size:27px;line-height:1;box-sizing:border-box}.role-avatar>span{display:block;line-height:1}.member-modes{display:none!important}
.admin-live-settings{padding:10px;border:1px solid var(--cz-bcd9ee,#bcd9ee);border-radius:10px;background:var(--cz-f7fcff,#f7fcff)}.admin-live-settings h3{margin:0 0 10px;font-size:15px}.admin-live-settings label{display:flex;align-items:center;gap:10px}.admin-live-settings label>span{flex:1}.admin-live-settings input{width:20px;height:20px;margin:0;accent-color:var(--cz-237cbe,#237cbe)}.admin-live-settings small{min-width:26px}.admin-shuns{margin:12px 0;border:1px solid var(--cz-c6ddee,#c6ddee);border-radius:10px;padding:10px}.admin-shuns summary{cursor:pointer;font-weight:bold}.admin-shun-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 0;border-top:1px solid var(--cz-d8e6f3,#d8e6f3)}.admin-clear-channel{height:27px;padding:2px 5px;border:1px solid var(--cz-b5d5f0,#b5d5f0);background:#fff4f4;color:#a83b4d;border-radius:7px;font-size:11px;cursor:pointer}.admin-clear-channel[hidden]{display:none!important}.channel-head.admin-channel{padding-right:175px!important}

.role-avatar-q{color:#b47b0b}.role-avatar-a{color:#a435d0}.role-avatar-o{color:#e34b45}.role-avatar-h{color:var(--cz-1971d9,#1971d9)}.role-avatar-v{color:#168744}.profile-shun{margin:8px}
/* Permanently visible compact HTML5 radio. */
.titlebar{padding-right:18px!important}
#radioPanel.radio-inline{position:absolute;top:9px;left:50%;right:auto;bottom:auto;transform:translateX(-50%);display:flex;align-items:center;gap:9px;width:300px;height:60px;max-width:none;max-height:none;overflow:hidden;box-sizing:border-box;padding:7px 10px;border:1px solid var(--cz-9fc9ed,#9fc9ed);border-radius:16px;background:linear-gradient(140deg,#fff,var(--cz-d5eaff,#d5eaff));box-shadow:0 3px 12px var(--cz-2a6eae20,#2a6eae20);z-index:5;color:var(--cz-16558f,#16558f)}
#radioPanel button{flex:none;width:32px;height:32px;padding:0;border:1px solid var(--cz-b3d7f4,#b3d7f4);border-radius:50%;background:linear-gradient(#fff,var(--cz-c7e5ff,#c7e5ff));color:var(--cz-1766b3,#1766b3);cursor:pointer}#radioPanel #radioPlay{background:linear-gradient(var(--cz-45a9fa,#45a9fa),var(--cz-0861ca,#0861ca));color:white;border-color:var(--cz-3388d7,#3388d7)}#radioPanel button:disabled{opacity:.45;cursor:default}
#radioPanel .radio-info{min-width:0;flex:1}#radioPanel .radio-info strong,#radioPanel .radio-info>span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}#radioPanel .radio-info>span{font-size:9px;color:var(--cz-6085aa,#6085aa)}#radioPanel #radioVolume{width:60px;min-width:0;accent-color:var(--cz-2485de,#2485de);cursor:pointer}
#radioPanel .radio-bars{height:10px;display:flex;align-items:end;gap:2px;width:auto;margin-top:3px}#radioPanel .radio-bars i{width:3px;height:3px;max-height:10px;border-radius:2px;background:linear-gradient(var(--cz-76d8ef,#76d8ef),var(--cz-2379db,#2379db));animation:none}#radioPanel.playing .radio-bars i{animation:compact-radio .7s ease-in-out infinite alternate}#radioPanel .radio-bars i:nth-child(3n){animation-delay:-.4s}#radioPanel .radio-bars i:nth-child(3n+1){animation-delay:-.2s}
@keyframes compact-radio{to{height:10px}}@media(prefers-reduced-motion:reduce){#radioPanel.playing .radio-bars i{animation:none;height:7px}}
@media(min-width:761px) and (max-width:1100px){.title-slogan{display:none}}
@media(max-width:760px){
 html,body{overflow:hidden;overscroll-behavior:none}
 #app{position:fixed;inset:auto 0 auto 0;top:var(--chat-top,0px);height:var(--chat-height,100dvh);min-height:0;overflow:hidden;display:flex;flex-direction:column;padding:0}
 #app.hidden{display:none!important}
 #app>.titlebar{height:68px;min-height:68px;flex:0 0 68px;padding-right:190px!important}
 #app>.layout,#app>.layout.private-chat{height:auto!important;flex:1;min-height:0;overflow:hidden}
 #app .chat-panel{height:100%;min-height:0;overflow:hidden}
 #app .messages{min-height:0;overflow-y:auto;overscroll-behavior:contain}
 #app .mobile-nav{position:relative;inset:auto;flex:0 0 calc(66px + env(safe-area-inset-bottom));width:100%}
 #radioPanel.radio-inline{left:auto;right:7px;top:7px;transform:none;width:180px;height:54px;padding:5px 6px;gap:5px;border-radius:13px}
 #radioPanel button{width:25px;height:25px;font-size:12px}#radioPanel #radioVolume{width:36px}#radioPanel .radio-info strong{font-size:9px}#radioPanel .radio-info>span{font-size:8px}
 .titlebar .brand strong{font-size:16px}.titlebar .brand small{font-size:8px}.titlebar .brand-buddies{width:34px}
 #messageInput{font-size:16px!important}
}
@media(max-width:370px){.titlebar .brand small{display:none}.titlebar .brand strong{font-size:14px}.titlebar .brand-buddies{display:none}}

@media(max-width:760px){html.chat-keyboard-open #app .mobile-nav{display:none!important}html.chat-keyboard-open #app .mobile-section.open{bottom:0}}

/* Compact composer and right-edge follow control. */
.chat-panel{position:relative}
.chat-panel>#scrollLockButton{position:absolute;top:50%;right:7px;z-index:8;width:29px;height:29px;padding:4px;display:grid;place-items:center;border:1px solid var(--cz-bad7ec,#bad7ec);border-radius:9px;background:var(--cz-f1f9fff0,#f1f9fff0);color:var(--cz-4387b7,#4387b7);box-shadow:0 2px 6px var(--cz-25659a18,#25659a18)}
.chat-panel>#scrollLockButton[aria-pressed=true]{background:var(--cz-d1e9fb,#d1e9fb);color:var(--cz-075daf,#075daf);border-color:var(--cz-65a5db,#65a5db)}
.composer-row{align-items:center!important;gap:6px!important}
.composer-row .message-input-wrap{border:0!important;outline:none!important;box-shadow:none!important}
.composer-row .message-input-wrap textarea,.composer-row .message-input-wrap textarea:focus,.composer-row .message-input-wrap textarea:focus-visible{height:38px!important;min-height:38px!important;border:1px solid var(--cz-c0d9e9,#c0d9e9)!important;border-radius:18px!important;outline:none!important;box-shadow:none!important;background:var(--cz-fbfdff,#fbfdff)!important;padding-top:9px!important;padding-bottom:8px!important}
.composer-row .message-input-wrap textarea:focus{border-color:var(--cz-94bbd5,#94bbd5)!important}
#sendButton{display:grid!important;place-items:center!important;flex:0 0 34px!important;width:34px!important;height:34px!important;min-width:34px!important;padding:0!important;border:0!important;border-radius:50%!important;background:var(--cz-299bd8,#299bd8)!important;box-shadow:none!important;color:white!important}
#sendButton svg{display:block}#nickTabButton{height:29px!important}#voiceButton{font-size:20px!important}
@media(max-width:760px){html.chat-keyboard-open #app .channel-head{display:none!important}html.chat-keyboard-open #app .chat-panel{grid-template-rows:auto minmax(0,1fr) auto}.composer{padding:6px 8px!important}}

/* Remove the legacy mobile send glyph and keep the composer truly single-height. */
#sendButton::before,#sendButton::after{content:none!important;display:none!important}
.composer-row .message-input-wrap textarea,.composer-row .message-input-wrap textarea:focus,.composer-row .message-input-wrap textarea:focus-visible{box-sizing:border-box!important;height:38px!important;min-height:38px!important;max-height:38px!important;line-height:20px!important;padding-top:8px!important;padding-bottom:8px!important;overflow:hidden!important;resize:none!important;scrollbar-width:none}
.composer-row .message-input-wrap textarea::-webkit-scrollbar{display:none}
#app .chat-panel{grid-template-rows:auto minmax(0,1fr) auto}
@media(max-width:760px){html.chat-keyboard-open #app .chat-panel{grid-template-rows:minmax(0,1fr) auto}}

#sendButton{background:transparent!important;border-radius:0!important;color:var(--cz-229ed9,#229ed9)!important}#sendButton svg{width:27px;height:27px}

#app .chat-panel>#mobileMembersButton{position:absolute;right:6px;top:calc(50% - 47px);z-index:8;min-width:32px;width:auto;height:39px;padding:2px;display:flex;flex-direction:column;justify-content:center;gap:0;border:1px solid var(--cz-bfd9ee,#bfd9ee);border-radius:8px;background:var(--cz-eff8fff0,#eff8fff0);font-size:12px}
#app .chat-panel>#mobileMembersButton[hidden]{display:none!important}
#msnDanceImage{background:transparent!important;border-radius:0!important;animation:transparent-msn 2.4s linear infinite!important;object-fit:contain}
@keyframes transparent-msn{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){#msnDanceImage{animation:none!important}}
.reaction-menu{width:max-content!important;min-width:224px!important;max-width:calc(100vw - 24px)!important;box-sizing:border-box!important}
.reaction-menu .message-reactions{display:flex!important;flex-wrap:nowrap!important;gap:3px!important;box-sizing:border-box!important}
.reaction-menu .message-reactions button{flex:0 0 auto!important;min-width:29px!important;padding:3px!important}
@media(min-width:761px){#app .chat-panel>#mobileMembersButton{top:6px;right:35px;flex-direction:row;height:27px}}

.reaction-trigger{display:inline-flex;align-items:center;gap:4px}.reaction-trigger .blue-thumb{width:13px;height:13px;flex:none;color:var(--cz-1877f2,#1877f2)}

#connectingScreen .connecting-logo{overflow:visible}#msnOrbit{display:block;max-width:100%;overflow:visible;background:transparent;transform:none!important;animation:none!important}

/* Explicitly requested login motion, scoped to the visible connection screen. */
#connectingScreen:not(.hidden) .connecting-dots span{display:inline-block;animation:login-dot-wave 1.05s ease-in-out infinite!important;animation-play-state:running!important;transform-origin:center}
#connectingScreen:not(.hidden) .connecting-dots span:nth-child(2){animation-delay:.15s!important}
#connectingScreen:not(.hidden) .connecting-dots span:nth-child(3){animation-delay:.30s!important}
@keyframes login-dot-wave{0%,65%,100%{transform:translateY(0);opacity:.4}30%{transform:translateY(-6px);opacity:1}}

@media(max-width:760px){#mobileDrawer{width:min(275px,78vw)!important;max-width:78vw!important}#mobileDrawer .drawer-head strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#mobileDrawer .member-row{gap:5px!important;padding-left:9px!important;padding-right:8px!important}}
.mobile-nav .nav-identity{display:flex;align-items:center;justify-content:center;margin:0}.mobile-nav .nav-identity .social-avatar{width:27px;height:27px}.mobile-nav .nav-identity+span{max-width:78px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Member count sits above the history lock on every screen size. */
#app .chat-panel>#mobileMembersButton{top:calc(50% - 40px)!important;bottom:auto!important;right:7px!important;flex-direction:row!important;height:32px!important;z-index:8}
.admin-category{border:1px solid var(--cz-bfd9ee,#bfd9ee);border-radius:10px;padding:12px;margin:10px 0;background:var(--cz-f6fbff,#f6fbff)}.admin-category>summary{cursor:pointer;font-weight:700}.admin-category>form>h3{display:none}

.theme-options{display:flex;flex-wrap:wrap;gap:10px}.theme-options button{display:flex;align-items:center;gap:7px;padding:10px;border:1px solid var(--cz-bdd3e7,#bdd3e7);border-radius:10px;cursor:pointer}.theme-options button[aria-pressed=true]{outline:2px solid currentColor}.theme-swatch{width:18px;height:18px;border-radius:50%}.theme-black{background:#343434}.theme-pink{background:#d65b89}.theme-green{background:#238557}.theme-purple{background:#8555bc}.theme-fuchsia{background:#ca269b}




#socialToast[popover]{margin:0;border:0;top:auto;right:auto;bottom:85px;left:50%}

/* Channel names carry unread state, without numeric message counters. */
.channel-unread .channel-name,.channel-unread .channel-hash,.channel-unread .mobile-home-row-main>b,.channel-unread .mobile-list-main>b,.channel-unread .mobile-channel-icon,.channel-unread .mobile-home-icon.channel{color:#e53950!important}
.global-favorite{opacity:1;cursor:default}
#messages>.history-page[data-history-page="-1"]{position:sticky;top:0;z-index:3;flex-shrink:0;background:var(--cz-eaf6ff,#eaf6ff)}
.history-page:disabled{cursor:default;opacity:.75}
.operator-total{display:block}.operator-total:first-letter{color:#dfaa13}
@media(min-width:761px){.private-unread,.private-chat-row .unread-badge,.conversation-row:has([data-mobile-private]) .mobile-home-count{background:var(--cz-d5eaff,#d5eaff)!important;color:var(--cz-0756b9,#0756b9)!important}.member-card h3{display:flex;align-items:center;justify-content:space-between;gap:8px}#rightPanel #mobileMembersButton{position:static!important;display:inline-flex;align-items:center;gap:3px;width:auto;min-width:35px;height:27px;padding:2px 5px;border:1px solid #bfd9ee;border-radius:7px;background:#eff8ff;color:#0756b9}#rightPanel #mobileMembersButton[hidden]{display:none!important}}
@media(max-width:760px){.conversation-row .mobile-home-count{box-sizing:border-box;flex:0 0 auto;min-width:22px;width:auto;height:19px;padding:0 5px;border-radius:9px;font-size:10px;font-weight:400;line-height:19px}.conversation-row:has([data-mobile-private]) .mobile-home-count,.private-unread{background:#e53950!important;color:white!important}}

@media(min-width:761px){.member-card.members-collapsed #memberSearch,.member-card.members-collapsed #memberList{display:none}}

/* Own messages use the selected UI palette rather than a fixed green. */
html .message.self .message-body{background:var(--cz-d5eaff,#d5eaff)!important;border-color:var(--cz-a7cdf2,#a7cdf2)!important}
html .message.self .message-name{color:var(--cz-0756b9,#0756b9)!important}
.text-preferences{padding:12px;border-bottom:1px solid var(--cz-c1daf2,#c1daf2);font-size:12px}.text-preferences>div{display:flex;gap:7px;margin:8px 0;align-items:end}.text-preferences label{display:flex;flex-direction:column;gap:4px;min-width:0}.text-preferences label:first-child{flex:1}.text-preferences select,.text-preferences input,.text-preferences button{box-sizing:border-box;max-width:100%;height:32px;border:1px solid var(--cz-a7cdf2,#a7cdf2);border-radius:7px;background:var(--cz-f4fbff,#f4fbff);color:inherit}.text-preferences input[type=color]{width:38px;padding:3px}.text-preferences button{padding:4px 9px;cursor:pointer}
#messages .message-text,#messageInput{font-family:var(--chat-text-font,inherit)!important;font-size:var(--chat-text-size,14px)!important;color:var(--chat-text-color,inherit)!important}

.call-restore{position:fixed;right:0;top:48%;z-index:1000;border:0;border-radius:12px 0 0 12px;background:#c93650;color:white;width:42px;height:48px;font-size:28px;cursor:pointer}.call-restore[hidden]{display:none}
.call-controls{flex-wrap:wrap}.private-header-actions{display:inline-flex;gap:3px;align-items:center}.private-header-actions[hidden]{display:none}.private-header-actions button{width:28px;min-width:28px;height:28px;padding:2px}
#messages .message{align-items:flex-start;gap:6px;margin:6px 0}#messages .message-avatar,#messages .message.self .message-avatar{width:27px;height:27px;flex-basis:27px}#messages .social-message-avatar .social-avatar{width:26px;height:26px}
#messages .message-body{position:relative;padding:6px 9px;border-radius:9px;min-width:110px;max-width:calc(100% - 42px)}#messages .message-name{font-size:12px;line-height:1.2}#messages .message-text{margin:2px 58px 3px 0;line-height:1.35;overflow-wrap:anywhere}#messages .message-time{position:absolute;right:8px;top:7px;font-size:9px;color:#8095a2}.message-top-reaction{position:absolute;right:8px;top:21px;font-size:11px}
#messages .reaction-widget{display:flex;justify-content:flex-end;margin-top:2px}.reaction-trigger{font-size:10px;padding:2px 6px}.reaction-menu{z-index:1200!important}.quoted-message{margin:5px 0;padding:5px 8px;border-left:3px solid var(--cz-0756b9,#0756b9);border-radius:5px;background:var(--cz-eaf6ff,#eaf6ff);max-width:260px;font-size:12px}.quoted-message b,.quoted-message span{display:block}.quoted-message span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reply-preview{display:flex;align-items:center;gap:8px;border-left:3px solid var(--cz-0756b9,#0756b9);background:var(--cz-eaf6ff,#eaf6ff);padding:6px 9px;margin-bottom:5px;font-size:12px}.reply-preview[hidden],.typing-line[hidden]{display:none}.reply-preview>div{flex:1;min-width:0}.reply-preview b,.reply-preview span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reply-preview button,.quote-action{border:1px solid var(--cz-a7cdf2,#a7cdf2);border-radius:6px;background:var(--cz-f4fbff,#f4fbff);color:inherit;padding:3px 7px;cursor:pointer}.typing-line{display:flex;gap:4px;flex-wrap:wrap;padding:3px 0;font-size:11px}.typing-line>span{background:var(--cz-d5eaff,#d5eaff);border-radius:5px;padding:2px 5px}.typing-line i{animation:typing-pulse 1s infinite alternate;font-style:normal}@keyframes typing-pulse{from{opacity:.35}to{opacity:1}}@media(prefers-reduced-motion:reduce){.typing-line i{animation:none}}


/* Compact inline reactions and channel join controls. */
#messages .message-content-line{display:flex;align-items:baseline;gap:5px;margin-right:42px;min-width:0}
#messages .message-content-line .message-text{margin:2px 0 3px;min-width:0;overflow-wrap:anywhere}
#messages .message-content-line .reaction-widget{display:inline-flex;flex:0 0 auto;margin:0;align-self:baseline}
#messages .reaction-trigger{border:0;background:transparent;padding:0 2px;min-height:0;height:18px;width:20px;vertical-align:baseline;border-radius:4px}
#messages .reaction-trigger .blue-thumb{width:16px;height:16px}
#messages .reaction-trigger:hover{background:var(--cz-eaf6ff,#eaf6ff)}
#messages .reaction-trigger:focus-visible{outline:2px solid #1877f2;outline-offset:2px}
#messages .message-text,#messageInput{font-weight:var(--chat-text-weight,400)!important;font-style:var(--chat-text-style,normal)!important}
.channel-join-form{display:flex;gap:5px;padding:8px;min-width:0}
.channel-join-form input{flex:1;min-width:0;width:0;padding:8px;border:1px solid var(--cz-a7cdf2,#a7cdf2);border-radius:7px;background:var(--cz-f4fbff,#f4fbff);color:inherit;font-size:13px}
.channel-join-form button{flex:none;padding:6px 9px;border:1px solid var(--cz-a7cdf2,#a7cdf2);border-radius:7px;background:var(--cz-eaf6ff,#eaf6ff);color:inherit;cursor:pointer}
.text-preferences>div{flex-wrap:wrap}

/* Tap the bubble to react; received reactions sit below its right edge. */
#messages .message-body[tabindex]{cursor:pointer}
#messages .message-body:focus-visible{outline:2px solid var(--cz-438cda,#438cda);outline-offset:3px}
#messages .message-body.has-reactions{margin-bottom:19px}
#messages .message-body>.reaction-widget{display:block;position:static;margin:0}
#messages .reaction-widget>.reaction-counts{position:absolute;right:6px;bottom:-16px;display:flex;justify-content:flex-end;gap:3px;margin:0;max-width:100%;flex-wrap:wrap;z-index:1}
#messages .reaction-widget>.reaction-counts:empty{display:none}
#messages .reaction-counts button{min-height:23px;padding:1px 5px;gap:3px;border-radius:14px;background:var(--cz-f4faff,#f4faff);border:1px solid var(--cz-c4d9f0,#c4d9f0);box-shadow:0 1px 3px #0002;font-size:14px}
#messages .reaction-counts b:empty{display:none}
#messages .reaction-menu{position:fixed;bottom:auto;width:max-content!important;min-width:0!important;max-width:calc(100vw - 16px)!important;padding:6px;border:1px solid #e7e7e7;border-radius:25px;background:#fff;box-shadow:0 4px 20px #0003;z-index:1200!important;cursor:default}
#messages .reaction-menu[hidden]{display:none!important}
#messages .reaction-menu .message-reactions{gap:1px!important;overflow-x:auto}
#messages .reaction-menu .message-reactions button{display:flex;align-items:center;justify-content:center;flex:0 0 34px!important;min-width:0!important;max-width:none;width:34px;height:36px;min-height:36px;padding:0!important;border:0;border-radius:50%;background:transparent;font-size:26px;cursor:pointer}
#messages .reaction-menu button:hover,#messages .reaction-menu button.selected{background:#e9eef2}
@media(max-width:360px){#messages .reaction-menu .message-reactions button{flex-basis:30px!important;width:30px;font-size:23px}}

#messages .reaction-menu .reaction-share{background:#eef0f1;color:#65727a}
#messages .reaction-share svg{flex:none}

/* Keep long reply excerpts inside the available grid and composer width. */
#app .chat-panel{min-width:0;grid-template-columns:minmax(0,1fr)}
.composer,.composer-row,.message-input-wrap,#messages,.message,.message-body{min-width:0;max-width:100%;box-sizing:border-box}
.reply-preview{width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow:hidden}
.reply-preview>div{flex:1 1 0;min-width:0;overflow:hidden}
.reply-preview span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.reply-preview>button{flex:0 0 auto}
.quoted-message{min-width:0;max-width:100%;overflow:hidden;box-sizing:border-box}
@media(max-width:760px){
 .channel-head:has(.private-header-actions:not([hidden])){padding:8px 29px 8px 7px!important;gap:5px;min-width:0}
 .channel-head:has(.private-header-actions:not([hidden]))>.channel-icon{flex:0 0 26px;width:26px;font-size:26px}
 .channel-head:has(.private-header-actions:not([hidden]))>.channel-icon img{width:26px;height:26px}
 .channel-head:has(.private-header-actions:not([hidden]))>div:not(.channel-icon):not(.chat-head-actions){flex:1 1 0;min-width:0;overflow:hidden}
 .channel-head:has(.private-header-actions:not([hidden])) h2{font-size:15px}
 .channel-head:has(.private-header-actions:not([hidden])) .chat-head-actions{position:static;flex:0 0 auto;margin-left:auto;max-width:none;gap:2px;flex-wrap:nowrap}
 .channel-head .private-header-actions{display:flex;gap:2px;align-items:center}
 .channel-head .private-header-actions[hidden]{display:none}
 .channel-head:has(.private-header-actions:not([hidden])) .chat-head-actions button{position:static!important;box-sizing:border-box;flex:0 0 24px!important;width:24px!important;min-width:24px!important;height:27px!important;padding:0!important;margin:0!important;font-size:16px!important}
 .channel-head:has(.private-header-actions:not([hidden])) .channel-head-toggle{top:50%;transform:translateY(-50%)}
}

/* Each text preference gets usable space even in the narrow desktop sidebar. */
.text-preferences>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.text-preferences label{width:100%;min-width:0}
.text-preferences select{width:100%;min-width:0}

.channel-join-form input{min-width:0;outline:none;border-radius:18px;padding:9px 12px;font:inherit;background:var(--cz-fbfdff,#fbfdff)}
.channel-join-form input:focus{outline:none;box-shadow:none;border-color:var(--cz-94bbd5,#94bbd5)}
.mobile-nav{grid-template-columns:repeat(3,minmax(0,1fr))}

.private-preference{position:relative;display:flex;align-items:center;gap:10px;padding:12px;font-size:13px;cursor:pointer}.private-preference>span:first-child{flex:1}.private-preference input{position:absolute;right:12px;opacity:0;width:36px;height:20px}.private-switch{width:36px;height:20px;border-radius:12px;background:#a9afb5;position:relative;transition:background .15s}.private-switch:after{content:'';position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:white;transition:transform .15s}.private-preference input:checked+.private-switch{background:var(--cz-0758bd,#0758bd)}.private-preference input:checked+.private-switch:after{transform:translateX(16px)}.private-preference input:focus-visible+.private-switch{outline:2px solid currentColor;outline-offset:3px}

.mobile-pinned{border-bottom:1px solid var(--cz-c1daf2,#c1daf2);padding-bottom:12px;margin-bottom:12px}
.user-settings-menu{border-top:1px solid var(--cz-c1daf2,#c1daf2);margin-top:12px;padding-top:8px}
.profile-actions{display:flex;align-items:center;flex-wrap:wrap;gap:7px}
.profile-actions button{width:auto;min-height:34px;padding:7px 10px;border:1px solid var(--cz-a7cdf2,#a7cdf2);border-radius:10px;color:inherit;background:var(--cz-f4fbff,#f4fbff);font-size:13px;cursor:pointer}
.profile-actions .profile-message{background:var(--cz-0758bd,#0758bd);color:white}
.social-profile-hero{padding:18px 12px;border-radius:14px;background:var(--cz-f4fbff,#f4fbff);margin-bottom:14px}
.social-profile-hero h3{margin:10px 0 5px}.social-profile-hero p{margin:4px 0}.profile-about{padding:12px;border-left:3px solid var(--cz-a7cdf2,#a7cdf2);border-radius:7px;white-space:pre-wrap;overflow-wrap:anywhere}
.info-page,.admin-contact p{white-space:pre-wrap;overflow-wrap:anywhere}.admin-contact{padding:12px 0;border-bottom:1px solid var(--cz-c1daf2,#c1daf2)}.admin-contact small{display:block;margin-top:5px}
#contactForm label,#adminPages label{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}#contactForm input,#contactForm textarea,#adminPages textarea{box-sizing:border-box;width:100%;padding:10px;border-radius:9px;border:1px solid var(--cz-a7cdf2,#a7cdf2);background:var(--cz-f4fbff,#f4fbff);color:inherit;font:inherit}#contactForm input[readonly]{opacity:.75}
@media(max-width:760px){.text-preferences>div{grid-template-columns:minmax(0,1.3fr) minmax(0,1.4fr) minmax(0,.8fr) 34px;gap:5px}.text-preferences{padding:10px 8px}.text-preferences select{font-size:11px;padding:2px}.text-preferences input[type=color]{width:34px}.text-preferences label{font-size:11px}.mobile-home-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}}

.desktop-account-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:8px}.desktop-account-actions .show-more{margin:0;font-size:11px}

/* Shared menu styles also apply outside the mobile media query. */
.user-settings-menu .mobile-setting-row{box-sizing:border-box;width:100%;min-height:58px;display:flex;align-items:center;gap:12px;padding:10px 12px;border:0;border-bottom:1px solid var(--cz-d7e8f5,#d7e8f5);background:var(--cz-f4fbff,#f4fbff);color:inherit;text-align:left;cursor:pointer}
.user-settings-menu .mobile-setting-row>span{flex:1;display:flex;flex-direction:column;gap:4px}.user-settings-menu .mobile-setting-row b{font-size:13px}.user-settings-menu .mobile-setting-row small{font-size:11px;color:var(--cz-8497aa,#8497aa)}.user-settings-menu .mobile-setting-row i{font-style:normal;color:var(--cz-91abc2,#91abc2)}
.profile-actions{flex-wrap:nowrap;gap:5px}.profile-actions button{flex:0 0 32px;min-width:0;padding:5px;width:32px;font-size:16px}.profile-actions .profile-message{flex:0 1 auto;width:auto;padding:7px 9px;white-space:nowrap;font-size:12px}
.admin-contact{border-bottom:1px solid var(--cz-a7cdf2,#a7cdf2);padding:14px 0;margin-bottom:8px}
.voice-player{display:flex;align-items:center;gap:8px;width:240px;max-width:100%;box-sizing:border-box;padding:8px 10px;border-radius:22px;background:var(--cz-d7edff,#d7edff);color:var(--cz-0758bd,#0758bd)}
.voice-player .voice-play{width:29px;height:29px;flex:0 0 29px;border:0;border-radius:50%;background:var(--cz-126cf4,#126cf4);color:white;cursor:pointer;padding:0;font-size:14px}.voice-wave{height:27px;flex:1;min-width:0;display:flex;gap:2px;align-items:center;background:linear-gradient(to right,currentColor var(--voice-progress,0%),var(--cz-a7cdf2,#a7cdf2) 0);background-clip:padding-box;mask:none}.voice-wave i{flex:1;background:currentColor;opacity:.5;border-radius:2px}.voice-wave{background:none}.voice-time{font-size:11px;font-variant-numeric:tabular-nums}.voice-player audio[hidden]{display:none}
.member-search{box-sizing:border-box;min-width:0;max-width:100%;border-radius:18px!important;outline:none!important;padding:9px 12px!important;border:1px solid var(--cz-c0d9e9,#c0d9e9)!important;background:var(--cz-fbfdff,#fbfdff)!important;box-shadow:none!important;font-size:16px}
.member-search:focus{border-color:var(--cz-94bbd5,#94bbd5)!important;outline:none!important;box-shadow:none!important}

.voice-wave i.played{opacity:1}.mobile-nav .mobile-nav-badge{background:#ef334f;color:white}

@media(max-width:760px){.channel-head .chat-head-actions .admin-clear-channel{font-size:0!important}.channel-head .chat-head-actions .admin-clear-channel:before{content:"⌫";font-size:17px}}

#mobileDrawer .member-search{height:32px;min-height:32px;padding:6px 10px!important;font-size:13px;margin:7px 9px 10px;width:calc(100% - 18px);border-radius:12px!important;flex-shrink:0}
#mobileMemberList{border-top:1px solid var(--cz-c1daf2,#c1daf2);padding-top:7px}
#drawerMemberSummary{display:flex;gap:14px;flex-wrap:wrap;padding:7px 12px;font-size:11px;color:var(--cz-0758bd,#0758bd)}
.channel-head:has(.private-header-actions:not([hidden])){padding-right:34px!important}.channel-head:has(.private-header-actions:not([hidden])) .chat-head-actions{position:static;margin-left:auto;flex-wrap:nowrap;gap:4px;max-width:none}.channel-head:has(.private-header-actions:not([hidden])) .admin-clear-channel{position:static!important;order:99;margin-left:5px!important;flex-shrink:0}
.voice-room-panel{position:fixed;z-index:1200;right:15px;top:80px;width:420px;max-width:calc(100vw - 20px);max-height:calc(100dvh - 100px);overflow:auto;border:1px solid var(--cz-a7cdf2,#a7cdf2);border-radius:16px;box-shadow:0 12px 40px #0003;background:var(--cz-f4fbff,#f4fbff);color:var(--cz-315b85,#315b85)}.voice-room-panel[hidden],.room-restore[hidden]{display:none}.voice-room-panel header{display:flex;align-items:center;gap:8px;padding:12px;border-bottom:1px solid var(--cz-c1daf2,#c1daf2)}.voice-room-panel header b{flex:1}.voice-room-panel button{border:1px solid var(--cz-a7cdf2,#a7cdf2);border-radius:8px;background:var(--cz-fbfdff,#fbfdff);color:inherit;padding:7px;cursor:pointer}.voice-room-panel button:disabled{opacity:.5}.room-body{padding:12px}.room-title{display:flex;justify-content:space-between;align-items:center;font-size:13px}.room-speakers{display:flex;flex-wrap:wrap;gap:10px;padding:16px 0;border-bottom:1px solid var(--cz-c1daf2,#c1daf2)}.room-speakers article{display:flex;flex-direction:column;align-items:center;gap:6px;width:82px;text-align:center;font-size:12px}.room-speakers small,.room-listeners small{display:block;font-size:10px;opacity:.75}.room-avatar .social-avatar{width:42px;height:42px}.room-listener-title{margin-top:14px;font-size:13px}.room-listener-title small{display:block;font-size:11px;opacity:.65}.room-body input{box-sizing:border-box;width:100%;padding:8px 10px;margin:10px 0;border:1px solid var(--cz-a7cdf2,#a7cdf2);border-radius:10px;background:inherit;color:inherit}.room-listeners{max-height:35dvh;overflow:auto}.room-listeners article{display:flex;align-items:center;gap:9px;padding:8px;border-bottom:1px solid var(--cz-c1daf2,#c1daf2);font-size:12px}.room-listeners article>span:nth-child(2){flex:1;min-width:0;overflow-wrap:anywhere}.room-controls{display:flex;gap:4px}.room-restore{position:fixed;right:0;top:55%;z-index:1100;border:0;border-radius:10px 0 0 10px;background:var(--cz-126cf4,#126cf4);color:white;padding:12px;font-size:22px}

.chat-panel>.private-floating-clear,.chat-panel>.private-floating-close{position:absolute!important;right:7px!important;z-index:9;width:29px!important;min-width:29px!important;height:29px;padding:0!important;border:1px solid var(--cz-bad7ec,#bad7ec);border-radius:9px;background:var(--cz-f1f9fff0,#f1f9fff0);color:var(--cz-4387b7,#4387b7);margin:0!important;cursor:pointer}.chat-panel>.private-floating-clear{top:calc(50% - 70px)!important;font-size:0!important}.private-floating-clear:before{content:'⌫';font-size:17px}.chat-panel>.private-floating-close{top:calc(50% - 35px)!important;font-size:21px}.private-floating-clear[hidden],.private-floating-close[hidden]{display:none!important}.voice-room-panel [hidden]{display:none!important}.voice-room-panel details{margin-top:12px;padding:10px 0;border-top:1px solid var(--cz-c1daf2,#c1daf2)}.voice-room-panel details article{padding:8px 0;border-bottom:1px solid var(--cz-c1daf2,#c1daf2)}

.room-restore{writing-mode:vertical-rl;text-orientation:upright;letter-spacing:1px;font-size:11px;line-height:14px;padding:9px 6px;border-radius:8px 0 0 8px;box-shadow:0 2px 8px #0002}.room-invitation{max-width:320px;width:calc(100% - 40px);box-sizing:border-box;border:1px solid var(--cz-a7cdf2,#a7cdf2);border-radius:14px;background:var(--cz-f4fbff,#f4fbff);color:inherit;padding:18px}.room-invitation::backdrop{background:#1236}.room-invitation button,.room-invitation input{padding:8px;margin:4px;border:1px solid var(--cz-a7cdf2,#a7cdf2);border-radius:8px;background:var(--cz-fbfdff,#fbfdff);color:inherit}.room-invitation p{overflow-wrap:anywhere}

/* Admin text defaults: keep the native palette visible on mobile and desktop. */
#adminTextDefaults{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:12px 0}
#adminTextDefaults label{display:flex;flex-direction:column;gap:6px;min-width:0}
#adminTextDefaults select{width:100%;min-height:36px;border:1px solid var(--border,#acd0ef);border-radius:8px;background:var(--panel,#f4faff);color:inherit;padding:5px}
#adminTextDefaults input[type=color]{display:block;appearance:auto;width:100%;height:42px;min-height:42px;padding:4px;border:1px solid var(--border,#acd0ef);border-radius:8px;cursor:pointer;background:transparent}
#adminTextDefaults input[type=color]::-webkit-color-swatch-wrapper{padding:0}
#adminTextDefaults input[type=color]::-webkit-color-swatch{border:0;border-radius:5px}
#adminTextDefaults input[type=color]::-moz-color-swatch{border:0;border-radius:5px}
#adminTextDefaults label:has(input[type=checkbox]){grid-column:1/-1;flex-direction:row;align-items:center}
#adminTextDefaults input[type=checkbox]{width:17px;height:17px;min-height:0;margin:0}
#adminTextDefaults button{grid-column:1/-1}
.message-receipt{display:inline-block;margin-left:5px;color:#8a969f;font-size:12px;letter-spacing:-4px;padding-right:4px;font-weight:700;white-space:nowrap}
.message-receipt.is-read{color:#159de0}

.conversation-row + .conversation-row{margin-top:7px}
.applet-admin-dialog[open]{display:flex;flex-direction:column;overflow:hidden;max-height:85dvh}
.applet-admin-dialog>header{flex:0 0 auto;background:var(--cz-edf7ff,#edf7ff);z-index:2}
.applet-admin-dialog>.admin-content{overflow-y:auto;min-height:0;overscroll-behavior:contain}
.media-approve{border:1px solid #64b890;border-radius:8px;color:#167044;background:#eaf8ef;padding:5px 8px;margin:4px}
.chat-image{display:block;width:auto;height:auto;max-width:min(100%,180px);max-height:180px;border-radius:10px;object-fit:contain;margin-top:6px}

.image-viewer{border:0;padding:36px 12px 12px;background:#12202bee;width:min(1100px,96vw);height:min(850px,92dvh);box-sizing:border-box;overflow:hidden;border-radius:12px}
.image-viewer::backdrop{background:#000b}.image-viewer img{display:block;width:100%;height:100%;object-fit:contain}.image-viewer-close{position:absolute;right:8px;top:4px;border:0;border-radius:50%;width:30px;height:30px;background:#fff;color:#222;font-size:25px;cursor:pointer}.chat-image{cursor:zoom-in}.image-message button{margin:4px;padding:5px 8px;border-radius:7px;border:1px solid #acd0ef;color:inherit;background:transparent}#adminConnection input[type=checkbox]{display:inline-block;width:16px;height:16px}

@media(max-width:760px){.channel-description-mobile-hide{display:none}}

.call-panel .call-videos{display:flex;flex-direction:column;gap:8px;max-height:56dvh;background:transparent;min-height:0}
.call-panel .call-videos video{position:static;display:block;width:100%;height:26dvh;min-height:90px;max-height:240px;object-fit:contain;background:#101b23;border:1px solid #ffffff30;border-radius:12px;box-sizing:border-box}
.call-panel.audio-call .call-videos{height:0;min-height:0}
.call-panel .call-controls{display:flex;justify-content:center;gap:14px;align-items:center}
.call-controls [data-call-camera],.call-controls [data-call-mic],.call-controls [data-call-end]{width:48px;height:48px;flex:0 0 48px;border-radius:50%;padding:13px;border:0;box-shadow:0 2px 6px #0002}
.call-controls svg{display:block;width:22px;height:22px}.call-controls [data-call-camera]{order:1;color:#222}.call-controls [data-call-end]{order:2;background:#ff3535;color:white}.call-controls [data-call-mic]{order:3;color:#222}.call-controls [data-call-hide],.call-controls [data-call-play],.call-controls [data-call-reject-all]{order:4}.call-controls button[aria-pressed=true]{background:#dce2e6}.call-duration{font-variant-numeric:tabular-nums;font-size:16px;font-weight:600}.call-duration[hidden]{display:none}
html[data-chat-background=whatsapp] #messages{background-color:#ece5da;background-image:url('/images/watsap.png');background-repeat:repeat;background-size:300px 300px}

.channel-list-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}.channel-list-copy .channel-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-topic-preview{font-size:11px;line-height:1.3;color:var(--cz-6883a2,#6883a2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.channel-topic-preview:empty{display:none}
.call-panel.call-awaiting .call-videos{display:none}
.private-header-actions .friend-button{font-size:0!important;background-image:url("/images/simgeler/arkadas-ekle.png")!important;background-repeat:no-repeat!important;background-position:center!important;background-size:22px 22px!important}
.private-header-actions .friend-button.added{font-size:0!important;background-image:url("/images/simgeler/arkadas-cikar.png")!important;background-repeat:no-repeat!important;background-position:center!important;background-size:22px 22px!important}
.private-header-actions .block-button{font-size:0!important;background-image:url("/images/simgeler/engelle.png")!important;background-repeat:no-repeat!important;background-position:center!important;background-size:22px 22px!important}
html.unblock-icon-ready .private-header-actions .block-button.blocked{font-size:0!important;background-image:url("/images/simgeler/engel-kaldir.png")!important;background-repeat:no-repeat!important;background-position:center!important;background-size:22px 22px!important}
.private-header-actions .favorite-button{font-size:0!important;background-image:url("/images/simgeler/favori.png")!important;background-repeat:no-repeat!important;background-position:center!important;background-size:22px 22px!important}
.private-header-actions .favorite-button.is-favorite{font-size:0!important;background-image:url("/images/simgeler/favori-aktif.png")!important;background-repeat:no-repeat!important;background-position:center!important;background-size:22px 22px!important}
#audioCallButton{font-size:0!important;background-image:url("/images/simgeler/sesli-arama.png")!important;background-repeat:no-repeat!important;background-position:center!important;background-size:22px 22px!important}
#videoCallButton{font-size:0!important;background-image:url("/images/simgeler/goruntulu-arama.png")!important;background-repeat:no-repeat!important;background-position:center!important;background-size:22px 22px!important}
#nudgeButton{font-size:0!important;background-image:url("/images/simgeler/titresim.png")!important;background-repeat:no-repeat!important;background-position:center!important;background-size:22px 22px!important}
#channelHeadToggle{font-size:0!important;background-image:url("/images/simgeler/baslik-kapat.png")!important;background-repeat:no-repeat!important;background-position:center!important;background-size:22px 22px!important}
#channelHeadToggle[aria-expanded="false"]{font-size:0!important;background-image:url("/images/simgeler/baslik-ac.png")!important;background-repeat:no-repeat!important;background-position:center!important;background-size:22px 22px!important}
#voiceButton.has-custom-icon:not(.recording){font-size:0!important;background-image:url("/images/simgeler/mikrofon.png")!important;background-repeat:no-repeat!important;background-position:center!important;background-size:contain!important}
#imageButton.has-custom-icon{font-size:0!important;background-image:url("/images/simgeler/resim-gonder.png")!important;background-repeat:no-repeat!important;background-position:center!important;background-size:contain!important}
#voiceButton.has-custom-icon:not(.recording)>svg{visibility:hidden}

.private-header-actions button,#audioCallButton,#videoCallButton,#nudgeButton,#channelHeadToggle{border:0!important;box-shadow:none!important;background-color:transparent!important;border-radius:0!important}
#imageButton,#voiceButton{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;align-self:center;width:34px;min-width:34px;height:34px;flex:0 0 34px;padding:0;border:0;background-color:transparent;background-image:none;font-size:25px;line-height:1;box-shadow:none}
#voiceButton svg{width:29px;height:29px}
#imageButton:not(.has-custom-icon),#voiceButton:not(.has-custom-icon){background-image:none!important}
@media(max-width:760px){#imageButton,#voiceButton{min-width:32px;width:32px;height:34px;flex-basis:32px}}
#voiceButton.recording{background-color:#ffe1e8;color:#ce2949}

#imageButton.has-custom-icon{background-size:24px 24px!important}

.admin-clear-channel,.chat-panel>.private-floating-clear{width:29px;min-width:29px;height:29px;padding:0!important;font-size:0!important;background-image:url('/images/simgeler/temizle.png')!important;background-position:center!important;background-repeat:no-repeat!important;background-size:22px 22px!important}
.admin-clear-channel:before,.private-floating-clear:before,.channel-head .chat-head-actions .admin-clear-channel:before{content:none!important}

.admin-clear-channel,.chat-panel>.private-floating-clear{border:0!important;box-shadow:none!important;background-color:transparent!important;border-radius:0!important;background-size:contain!important;display:inline-flex;align-items:center;justify-content:center}
.admin-clear-channel:not(.clear-icon-ready){background-image:none!important}.admin-clear-channel.clear-icon-ready>svg{visibility:hidden}
#ircAccountForm label{display:flex;flex-direction:column;gap:6px;margin:10px 0}#ircAccountForm input{box-sizing:border-box;width:100%;min-height:38px;border:1px solid var(--cz-acd1ef,#acd1ef);border-radius:8px;background:var(--cz-f4fbff,#f4fbff);color:inherit;padding:8px 10px;font:inherit}
#socialDialog .account-result,.nick-auth-dialog .nick-auth-error{color:#8b542f;font-size:13px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0}

/* Kanal başlığı ve hedefe açılan bildirimler */
#socialToast.clickable{cursor:pointer;text-decoration:underline;text-underline-offset:3px}#socialToast.clickable:focus-visible{outline:2px solid #167adc;outline-offset:3px}
.channel-room-icon{display:inline-flex;margin-left:6px;font-size:15px;vertical-align:middle}
#channelHeadToggle{position:absolute;right:7px;top:10px;width:24px;height:26px;padding:0;border:0!important;box-shadow:none!important;background:transparent url('/images/simgeler/baslik-kapat.png') center/20px 20px no-repeat!important;cursor:pointer}
#channelHeadToggle[aria-expanded=false]{background-image:url('/images/simgeler/baslik-ac.png')!important}#channelHeadToggle[hidden]{display:none!important}
.channel-head.collapsed{min-height:36px!important;height:36px;padding-top:0!important;padding-bottom:0!important}.channel-head.collapsed>:not(#channelHeadToggle){display:none!important}.channel-head.collapsed #channelHeadToggle{top:5px}

/* Profil PNG simgeleri, gönderim seçimi ve özel başlık hizası */
.profile-action-icon{width:22px!important;height:22px!important;object-fit:contain;flex:0 0 22px;vertical-align:middle}
.profile-actions button,.profile-shun{display:inline-flex;align-items:center;justify-content:center;gap:5px}.profile-actions .profile-action-icon{max-width:22px}
.profile-moderation{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px;padding-top:10px;border-top:1px solid #c4d9f0}.profile-moderation button{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border:1px solid #bbd6ef;border-radius:9px;background:transparent;color:inherit;font-size:12px}
#userCardContext{font-size:14px;margin:0 26px 12px 0;text-align:left}#userCard .profile-moderation{max-height:140px;overflow:auto}#userCard{max-height:90dvh;overflow:auto}
.image-send-preview{display:flex;gap:8px;align-items:center;padding:8px 10px;flex-wrap:wrap}.image-send-preview[hidden]{display:none}.image-send-preview span{flex:1;min-width:100px;overflow-wrap:anywhere;font-size:13px}.image-send-preview button{padding:6px 12px;border:1px solid #b2d1ef;border-radius:9px;background:#f4faff;color:#155ba0}
.channel-head:has(.private-header-actions:not([hidden])){padding-right:7px!important}.channel-head:has(.private-header-actions:not([hidden])) .chat-head-actions{margin-left:auto!important;margin-right:0!important}

/* Kanal ve özel sohbet baloncukları */
html[data-message-style="modern"] #messages .message{display:flex;justify-content:flex-start;align-items:flex-end;gap:7px;padding:3px 0;margin:5px 0;width:100%}
html[data-message-style="modern"] #messages .message.self{flex-direction:row;justify-content:flex-end}
html[data-message-style="modern"] #messages .message.self .message-avatar{display:none!important}
html[data-message-style="modern"] #messages .message-avatar{align-self:flex-end;width:27px!important;height:27px!important;flex:0 0 27px!important;border:0;background:transparent;box-shadow:none}
html[data-message-style="modern"] #messages .message .message-body{width:fit-content;min-width:0;max-width:min(78%,560px);padding:7px 12px 6px;border:0!important;border-radius:18px 18px 18px 4px;background:var(--cz-d5eaff,#dce7ff)!important;color:var(--cz-08285d,#213750);box-shadow:none}
html[data-message-style="modern"] #messages .message.self .message-body{background:color-mix(in srgb,var(--cz-0758bd,#086bdd) 85%,#000 15%)!important;color:#fff;border-radius:18px 18px 4px 18px;border:0!important}
html[data-message-style="modern"] #messages .message .message-text{margin:2px 0 0;line-height:1.45;overflow-wrap:anywhere;white-space:pre-wrap}
html[data-message-style="modern"] #messages .message.self .message-text,html[data-message-style="modern"] #messages .message.self .message-text *,html[data-message-style="modern"] #messages .message.self .message-name{color:#fff!important}
html[data-message-style="modern"] #messages .message .message-body>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:14px}
html[data-message-style="modern"] #messages .message .message-name{font-size:11px;line-height:1.3;color:var(--cz-0756b9,#254a7b)}
html[data-message-style="modern"] #messages .message .message-time{position:static;margin:0 0 0 auto;font-size:9px;line-height:1.2;white-space:nowrap;color:var(--cz-6684a9,#667d99)}
html[data-message-style="modern"] #messages .message.self .message-name{display:inline}
html[data-message-style="modern"] #messages .message.self .message-time{color:#ffffffd9}
html[data-message-style="modern"] #messages .message.self .quoted-message{color:#fff;border-left-color:#ffffffb3;background:#ffffff20}
html[data-message-style="modern"] #messages .message.self .quoted-message *{color:inherit}
html[data-message-style="modern"] #messages .message.self .moderated-media>small{color:#fff}
html[data-message-style="modern"] #messages .message.self .message-receipt{color:#bcc9d7}html[data-message-style="modern"] #messages .message.self .message-receipt.is-read{color:#66e4ff}
/* Topic kanal adıyla aynı satırda */
.channel-head>div:has(>.channel-title-row){flex:1;min-width:0}.channel-title-row{display:flex;align-items:baseline;gap:14px;min-width:0;width:100%}
.channel-title-row #activeChannel{flex:0 1 auto;min-width:0;max-width:45%}.channel-title-row #headerTopic{flex:1;min-width:0;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;font-weight:400;color:inherit}
.channel-title-row #headerTopic[hidden]{display:none}.private-chat .channel-title-row #activeChannel{max-width:100%}
/* Kapalı başlık yer kaplamaz; açma simgesi sohbet üzerinde kalır. */
.channel-head.collapsed{height:0!important;min-height:0!important;max-height:0!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;overflow:visible!important;z-index:5}
.channel-head.collapsed #channelHeadToggle{top:5px!important;right:7px;z-index:6}
@media(max-width:480px){html[data-message-style="modern"] #messages .message .message-body{max-width:84%;padding:6px 10px}.channel-title-row{gap:8px}.channel-title-row #headerTopic{font-size:11px}}

.room-announcement-link{display:block;width:100%;padding:10px 12px;text-align:center;border:1px solid var(--cz-a7cdf2,#a7cdf2);border-radius:12px;background:var(--cz-d5eaff,#d5eaff);color:var(--cz-0758bd,#0758bd);font:inherit;font-weight:600;cursor:pointer}

/* Üst topic yalnız mobilde; masaüstünde sağ bilgi paneli kullanılır. */
@media(min-width:761px){.channel-title-row #headerTopic{display:none!important}.channel-title-row #activeChannel{max-width:100%}}
@media(max-width:760px){.channel-title-row{align-items:flex-start}.channel-title-row #activeChannel{max-width:38%}.channel-title-row #headerTopic:not([hidden]){display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;white-space:normal;line-height:1.4;text-align:left;overflow-wrap:anywhere;max-height:4.2em}.channel-title-row #headerTopic[hidden]{display:none}}

.google-login{display:flex;justify-content:center;margin-top:12px;min-height:40px}.google-login[hidden]{display:none!important}
@media(max-width:760px){.channel-head:not(:has(.private-header-actions:not([hidden]))):not(.collapsed){padding-right:var(--channel-actions-space,78px)!important}.channel-title-row{align-items:baseline}.channel-title-row #headerTopic:not([hidden]){display:block;white-space:nowrap;-webkit-line-clamp:unset;max-height:none;line-height:1.4;text-overflow:ellipsis;overflow:hidden}.channel-title-row #activeChannel{flex-shrink:0;max-width:45%}}

.login-privacy-link{display:block;margin:12px auto 0;text-align:center;font-size:12px;color:var(--cz-0758bd,#0758bd);text-underline-offset:3px}