/* The reference's fixed left-to-right desktop geometry is intentional. */
body.in-room{background:#808080;overflow:hidden;color:#111}button{cursor:pointer}button:focus-visible{outline:2px solid #00a7bd;outline-offset:-2px}#inside{height:100dvh;min-height:0;padding:0 7px 4px;direction:ltr;display:grid;grid-template-rows:26px 23px 26px minmax(0,1fr) 22px;gap:0;font-family:Tahoma,Arial,sans-serif}.window-title{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#fff;padding:0 6px}.window-title span:last-child{font-size:10px;letter-spacing:2px}.classic-menu{display:flex;align-items:center;gap:0;border:1px solid white;background:linear-gradient(#bcbcbc,#707070 60%,#909090);height:23px;color:#fff;direction:ltr}.classic-menu button{height:21px;min-width:60px;border:0;background:transparent;color:white;font:11px Tahoma}.classic-menu button:hover{background:#ffffff2b}.classic-menu b{margin-left:auto;letter-spacing:2px;font: bold 12px Arial;padding-right:3px}.audio-row{display:flex;align-items:center;gap:10px;direction:ltr;height:26px;padding-left:4px}.audio-row button{border:0;background:none;color:white;font:11px Tahoma;display:flex;gap:6px;align-items:center;padding:0 4px;height:26px}.audio-row button span{font-size:23px;line-height:1}.audio-row button:last-child{font-size:20px;color:#ddd}.desktop-grid{display:grid;grid-template-columns:294px minmax(0,1fr);gap:7px;min-height:0;direction:ltr}.members{padding:0;border:2px ridge #eee;border-radius:0;display:flex;flex-direction:column;direction:ltr;min-height:0;overflow:hidden;background:#fff;grid-column:1}.member-toolbar{height:33px;display:flex;flex:none;gap:0;background:linear-gradient(#c1c1c1,#777);overflow:hidden}.member-toolbar button{border:0;background:none;font:23px Arial;color:#eee;flex:1;padding:1px;min-width:0}.people{display:flex;flex:1;min-height:0;flex-direction:column;gap:0;overflow:auto}.person{border:0;border-bottom:1px solid #eee;background:#fff;border-radius:0;padding:0 6px;height:42px;min-height:42px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;direction:ltr;gap:7px;color:#111;font:12px Tahoma;text-align:left;width:100%}.person:hover{background:#edf5f6}.person .avatar{padding:0;border-radius:0;background:none;font-size:26px;line-height:1;flex:none}.person .person-name{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.person .person-state{font-size:14px;flex:none;color:#333}.person .crown{font-size:25px;flex:none;filter:drop-shadow(0 1px 1px #aaa)}.person[data-role=superadmin] .crown{filter:hue-rotate(65deg)}.person[data-role=admin] .crown{filter:hue-rotate(170deg)}.member-bottom{height:29px;display:flex;align-items:center;justify-content:space-between;padding:0 7px;flex:none;background:linear-gradient(#bbb,#777);font-size:11px}.member-bottom button{border:0;background:none;font-size:19px;color:white}.room-brand{flex:none;height:58px;border:1px solid #0cf;color:#19d3df;background:radial-gradient(ellipse at center,#06384c,#000e1b 75%);text-shadow:0 0 7px #0bf;font:bold 36px Tahoma;text-align:center;line-height:56px}.chat{grid-column:2;direction:ltr;border:2px ridge #eee;border-radius:0;background:#fff;min-height:0;display:flex;flex-direction:column;overflow:visible}.chat-tabs{height:34px;min-height:34px;display:flex;gap:0;align-items:stretch;direction:ltr;overflow-x:auto;background:linear-gradient(#888,#fff);padding:0}.chat-tabs>button,.private-tab{background:linear-gradient(#fafafa,#b2b2b2);border:1px solid #888;border-top:0;min-width:85px;height:33px;display:flex;gap:10px;align-items:center;justify-content:center;flex:none;color:#111;font:bold 11px Tahoma;border-radius:0;padding:0 12px}.chat-tabs .active{background:linear-gradient(#fff,#c3c3c3);box-shadow:inset 0 -2px #fff;color:#111}.private-tab button{font:inherit;background:none;border:0;padding:0;min-width:0;color:inherit}.unread{color:white;background:#e33;border-radius:50%;font:bold 10px Arial;padding:2px 4px}.conversation{flex:1;min-height:0;overflow:auto;background:#fff}.welcome{margin:12px 40px 16px;border:1px solid #666;padding:12px;background:#eee;direction:rtl;text-align:center}.welcome>div{border:1px solid #333;background:#fff;min-height:118px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:16px;line-height:1.4}.welcome b{font-size:17px}.messages{flex:none;min-height:0;max-height:none;overflow:visible;padding:0 40px 20px;background:#fff!important;direction:ltr}.bubble{display:flex;align-items:baseline;gap:10px;max-width:100%;width:auto;min-width:0;padding:2px 0;margin:0 0 5px;border:0;background:transparent;box-shadow:none;direction:ltr;font-size:16px;text-align:left;border-radius:0}.name-tag{display:inline-block;padding:4px 10px;font:bold 12px Tahoma;min-width:90px;max-width:220px;border:0;border-radius:2px;background:linear-gradient(#d6d6d6b3,#bebebeb3);text-align:center;overflow-wrap:anywhere;flex:none}.bubble .message-text{display:inline;min-width:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5;text-align:start;unicode-bidi:plaintext}.compose{flex:none;position:relative;border:0;direction:ltr;background:white}.compose-tools{height:31px;flex-wrap:nowrap;display:flex;gap:2px;align-items:center;direction:ltr;background:linear-gradient(#c7c7c7,#737373 65%,#888);padding:0 7px;border:0;border-top:1px solid #aaa;overflow-x:auto}.compose-tools button{height:29px;border:0;border-radius:0;background:none;padding:0;color:white;font:11px Tahoma;flex:none}.compose-tools button.sprite-tool{width:32px;min-width:32px;background-image:url('/assets/interior-reference.jpg');background-size:1920px 1040px;background-position:var(--sx) -924px;background-repeat:no-repeat;padding:0}.compose-tools button:hover{outline:1px solid #eee;outline-offset:-1px}.compose-tools button[aria-pressed=true]{outline:2px solid #0c9;outline-offset:-2px}.compose-tools #sendBtn{margin-left:auto;min-width:64px;display:flex;align-items:center;justify-content:flex-end;gap:5px;opacity:1;background:none;padding:0 6px}.compose-tools #sendBtn span{font-size:23px;color:#c7d94d;text-shadow:1px 1px #222}.compose-tools #sendBtn:disabled{opacity:.5}.send{margin:0;padding:0;border:0;height:59px;display:block}.send textarea{resize:none;border:0;border-top:1px solid #aaa;border-radius:0;display:block;width:100%;height:100%;font:16px Tahoma;padding:5px;color:#0000cc;background:#fff;outline:none}.statusbar{height:22px;display:flex;align-items:center;gap:26px;overflow:hidden;white-space:nowrap;color:#fff;font:10px Tahoma;direction:ltr;padding:0 4px}.statusbar b{font-weight:normal}.statusbar>span:last-child{margin-left:auto}.emoji-panel{position:absolute;left:40px;bottom:90px;width:290px;max-width:calc(100vw - 30px);padding:0;display:block;max-height:none;background:white;border:1px solid #aaa;border-radius:3px;box-shadow:0 2px 5px #5559;overflow:hidden;z-index:6;direction:ltr}.emoji-tabs{height:41px;background:#808080;display:flex;align-items:center;gap:0}.emoji-tabs button{width:36px;height:38px;padding:0;border:0;background:none;font-size:24px;opacity:.4}.emoji-tabs button.selected{opacity:1}.emoji-tabs button:last-child{margin-left:auto;font-size:19px;color:white}.emoji-grid{display:grid;grid-template-columns:repeat(8,35px);gap:0;padding:10px 4px 9px;min-height:0;overflow:visible}.emoji-grid button{border:0;border-radius:0;background-color:white;padding:0;width:35px;height:35px;cursor:pointer}.emoji-grid button:hover{outline:1px solid #d6ae2d;outline-offset:-1px;background-color:#fffbd4}.emoji-grid .text-emoji{font-size:24px}.tool-popup{position:absolute;bottom:90px;left:7px;max-width:calc(100vw - 30px);background:#f7f7f7;border:1px solid #888;padding:10px;box-shadow:0 2px 5px #5558;z-index:7;display:flex;gap:8px;flex-wrap:wrap;align-items:center;direction:rtl;width:430px;font:12px Tahoma}.tool-popup label{display:flex;align-items:center;gap:5px}.tool-popup input{width:35px;height:25px;padding:0}.tool-popup button,.tool-popup select{font:12px Tahoma;padding:5px;border:1px solid #aaa;border-radius:0;background:white;color:#222}.tool-popup button[aria-pressed=true]{background:#bbb}.members-collapsed .desktop-grid{grid-template-columns:minmax(0,1fr)}.members-collapsed .members{display:none}.members-collapsed .chat{grid-column:1}#toast{position:fixed;bottom:105px;left:50%;transform:translateX(-50%);max-width:90vw;background:#333e;color:white;padding:12px 18px;border-radius:4px;z-index:50;font:13px Tahoma;direction:rtl}.overlay{z-index:30}.local-note{font:12px Tahoma;text-align:center;color:#666;background:white;padding:8px}.private-offline{color:#a33}.no-people{font:12px Tahoma;padding:12px;text-align:center;color:#777}
@media(max-width:750px){#inside{padding:0 3px 3px;grid-template-rows:22px 23px 30px minmax(0,1fr) 22px}.audio-row{height:30px}.desktop-grid{grid-template-columns:138px minmax(0,1fr);gap:4px}.members{padding:0}.member-toolbar{height:29px}.member-toolbar button{font-size:15px}.person{height:37px;min-height:37px;padding:0 3px;gap:3px;font-size:10px}.person .avatar{font-size:18px}.person .person-state{font-size:10px}.room-brand{height:43px;font-size:22px;line-height:42px}.member-bottom{padding:0 3px;font-size:9px}.welcome{margin:8px;padding:5px}.welcome>div{font-size:11px;min-height:95px}.welcome b{font-size:12px}.messages{padding:4px 8px}.bubble{gap:5px;flex-wrap:wrap}.name-tag{min-width:55px;max-width:120px;font-size:10px;padding:3px 5px}.bubble .message-text{max-width:100%}.compose-tools{gap:0;padding:0 2px}.compose-tools button.sprite-tool{width:28px;min-width:28px}.send{height:65px}.emoji-panel{position:fixed;left:50%;bottom:120px;transform:translateX(-50%);width:290px}.statusbar{gap:10px;font-size:8px}.statusbar span:nth-child(3){display:none}.tool-popup{position:fixed;bottom:125px;left:10px}.chat{min-height:0}.people{flex-direction:column;flex-wrap:nowrap}.person{min-width:0}.chat-tabs{height:34px}}

.person span.person-state{flex:none;text-align:center}.person span.person-name{flex:1;text-align:left}
.audio-icon{width:27px;height:27px;display:block;flex:none}.person .avatar svg{width:27px;height:27px;display:block}.person .avatar.hand-icon{width:27px;height:27px;background-image:url('/assets/interior-reference.jpg');background-position:-427px -925px;background-size:1920px 1040px}.member-toolbar button{background-image:url('/assets/interior-reference.jpg');background-repeat:no-repeat;background-size:1920px 1040px;font-size:0;background-position:calc(-16px - var(--i)*36px) -79px}.member-toolbar button:nth-child(1){--i:0}.member-toolbar button:nth-child(2){--i:1}.member-toolbar button:nth-child(3){--i:2}.member-toolbar button:nth-child(4){--i:3}.member-toolbar button:nth-child(5){--i:4}.member-toolbar button:nth-child(6){--i:5}.member-toolbar button:nth-child(7){--i:6}.member-toolbar button:nth-child(8){--i:7}.emoji-tabs button{font-size:0}.emoji-tabs button:first-child{margin-left:28px}.emoji-tabs button:last-child{background:#808080;opacity:1;font-size:19px}.bubble .name-tag{font-size:12px}.person[data-role=master] .crown{color:#e5ba2e}.person[data-role=superadmin] .crown{color:#26a45d;filter:none}.person[data-role=admin] .crown{color:#1681d0;filter:none}
@media(max-width:750px){.person .avatar svg{width:19px;height:19px}.member-toolbar button{background-size:960px 520px;background-position:calc(-8px - var(--i)*18px) -39px}}