@font-face{font-family:MS Sans Serif;src:local("MS Sans Serif"), local("Tahoma"), sans-serif}body{background-color:teal;justify-content:center;align-items:center;height:100vh;margin:0;padding:0;font-family:MS Sans Serif,Tahoma,sans-serif;font-size:12px;display:flex;overflow:hidden}*{box-sizing:border-box}.window{background-color:silver;border:2px solid #000;border-color:#fff #000 #000 #fff;flex-direction:column;width:750px;height:550px;font-family:MS Sans Serif,Tahoma,sans-serif;display:flex;box-shadow:inset 1px 1px #dfdfdf,inset -1px -1px gray}.title-bar{background:linear-gradient(90deg,navy,#1084d0);justify-content:space-between;align-items:center;margin:2px;padding:3px 2px;display:flex}.title-bar-text{color:#fff;margin-left:4px;font-size:11px;font-weight:700}.title-bar-controls{gap:2px;display:flex}.title-btn{cursor:pointer;background:silver;border:1px solid #000;border-color:#fff #000 #000 #fff;justify-content:center;align-items:center;width:16px;height:14px;padding:0;font-size:10px;font-weight:700;display:flex}.title-btn:active{border:1px solid #fff;border-color:#000 #fff #fff #000}.window-body{flex-direction:column;flex:1;gap:4px;height:calc(100% - 24px);padding:4px;display:flex}.main-area{flex:1;gap:4px;height:100%;display:flex}.left-area{flex-direction:column;flex:3.5;gap:4px;display:flex}.sunken-panel{background-color:#fff;border:2px solid #fff;border-color:gray #fff #fff gray;box-shadow:inset 1px 1px #000,inset -1px -1px #dfdfdf}.chat-log{word-wrap:break-word;flex:1;padding:4px;font-family:MS Sans Serif,Tahoma,sans-serif;font-size:13px;line-height:1.4;overflow-y:scroll}.toolbar{background-color:silver;align-items:center;gap:4px;padding:2px;display:flex}.tool-btn{cursor:pointer;text-align:center;background-color:silver;border:1px solid #000;border-color:#fff #000 #000 #fff;min-width:24px;padding:2px 6px;font-family:MS Sans Serif,Tahoma,sans-serif;font-size:12px;font-weight:700;box-shadow:inset 1px 1px #dfdfdf,inset -1px -1px gray}.tool-btn:active,.tool-btn.active{border:1px solid #fff;border-color:#000 #fff #fff #000;padding:3px 5px 1px 7px;box-shadow:inset 1px 1px gray,inset -1px -1px #dfdfdf}.tool-select{font-family:MS Sans Serif,Tahoma,sans-serif;font-size:12px}.color-box{background-color:#000;border:1px solid #fff;border-color:gray #fff #fff gray;width:16px;height:16px;margin:0 4px}.mic-btn{align-items:center;gap:4px;padding:2px 8px;display:flex}.input-area{gap:4px;height:50px;display:flex}.chat-input{resize:none;outline:none;flex:1;padding:4px;font-family:MS Sans Serif,Tahoma,sans-serif;font-size:12px}.send-btn{cursor:pointer;background-color:silver;border:2px solid #000;border-color:#fff #000 #000 #fff;width:60px;height:100%;font-family:MS Sans Serif,Tahoma,sans-serif;font-size:12px;box-shadow:inset 1px 1px #dfdfdf,inset -1px -1px gray}.send-btn:active{border:2px solid #fff;border-color:#000 #fff #fff #000;padding-top:2px;padding-left:2px;box-shadow:inset 1px 1px gray,inset -1px -1px #dfdfdf}.right-area{flex-direction:column;flex:1;gap:4px;display:flex}.user-list-container{background-color:silver;flex-direction:column;flex:1;display:flex}.user-list-header{text-align:center;border:1px solid gray;border-color:#fff gray gray #fff;padding:2px;font-size:11px}.user-list{background-color:#fff;flex:1;padding:0;overflow-y:scroll}.user-item{cursor:default;align-items:center;gap:4px;padding:2px 4px;display:flex}.user-item.selected{color:#fff;background-color:navy}.user-icon{font-size:12px;line-height:1}.move-room-btn{cursor:pointer;background-color:silver;border:2px solid #000;border-color:#fff #000 #000 #fff;justify-content:center;align-items:center;gap:4px;padding:6px;font-family:MS Sans Serif,Tahoma,sans-serif;font-size:12px;display:flex;box-shadow:inset 1px 1px #dfdfdf,inset -1px -1px gray}.move-room-btn:active{border:2px solid #fff;border-color:#000 #fff #fff #000;padding-top:7px;padding-left:7px;box-shadow:inset 1px 1px gray,inset -1px -1px #dfdfdf}::-webkit-scrollbar{background-color:#dfdfdf;border-top:1px solid #fff;border-left:1px solid #fff;width:16px;height:16px}::-webkit-scrollbar-thumb{background-color:silver;border:1px solid #000;border-color:#fff #000 #000 #fff}::-webkit-scrollbar-button:single-button{background-color:silver;border:1px solid #000;border-color:#fff #000 #000 #fff;width:16px;height:16px;display:block}.context-menu{z-index:1000;background-color:silver;border:2px solid #000;border-color:#fff #000 #000 #fff;min-width:120px;padding:2px;font-family:MS Sans Serif,Tahoma,sans-serif;font-size:12px;position:fixed;box-shadow:2px 2px 2px #00000080}.context-menu-item{cursor:pointer;color:#000;padding:4px 16px}.context-menu-item:hover{color:#fff;background-color:navy}.context-menu-separator{background-color:gray;border-bottom:1px solid #fff;height:1px;margin:2px 0}.dialog-overlay{z-index:2000;background:0 0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.dialog-window{width:250px;height:auto}.dialog-buttons{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}