.room-selector{padding:16px;border-bottom:1px solid rgba(255,255,255,.1)}.room-selector-title{font-size:16px;font-weight:600;margin:0 0 12px;color:#fff}.room-selector-current{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:8px;background:#ffffff0d;border-radius:6px}.room-label{font-size:12px;color:#fff9}.room-name{font-size:14px;font-weight:500;color:#fff}.room-list{display:flex;flex-direction:column;gap:6px}.room-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;cursor:pointer;transition:all .2s;pointer-events:auto}.room-item:hover:not(:disabled){background:#ffffff1a;border-color:#fff3}.room-item:disabled{opacity:.5;cursor:not-allowed}.room-item.active{background:#0096ff4d;border-color:#0096ff80}.room-item-name{font-size:14px}.room-item-count{font-size:12px;color:#fff9;background:#ffffff1a;padding:2px 6px;border-radius:10px}@media (max-width: 1024px){.room-selector{padding:14px}.room-selector-title{font-size:15px}}@media (max-width: 768px){.room-selector{padding:12px}.room-selector-title{font-size:14px;margin-bottom:10px}.room-selector-current{padding:6px;margin-bottom:10px}.room-label{font-size:11px}.room-name{font-size:13px}.room-item{padding:8px 10px}.room-item-name{font-size:13px}.room-item-count{font-size:11px;padding:2px 5px}.room-list{gap:4px}}@media (max-width: 480px){.room-selector{padding:10px}.room-selector-title{font-size:13px;margin-bottom:8px}.room-item{padding:6px 8px}.room-item-name{font-size:12px}.room-item-count{font-size:10px}}.user-list{border-bottom:1px solid rgba(255,255,255,.1);transition:max-height .3s}.user-list-header{display:flex;align-items:center;justify-content:space-between;padding:16px;cursor:pointer;-webkit-user-select:none;user-select:none}.user-list-title{font-size:16px;font-weight:600;margin:0;color:#fff}.user-list-toggle{background:none;border:none;color:#fff9;cursor:pointer;font-size:12px;padding:4px;pointer-events:auto}.user-list-content{padding:0 16px 16px;max-height:300px;overflow-y:auto}.user-list-empty{padding:20px;text-align:center;color:#ffffff80;font-size:14px}.user-item{display:flex;align-items:center;gap:12px;padding:10px;border-radius:6px;cursor:pointer;transition:all .2s;margin-bottom:6px;pointer-events:auto;border:2px solid transparent}.user-item:hover{background:#ffffff0d}.user-item.speaking{border-color:#00ff0080;background:#00ff001a}.user-item.current-user{opacity:.8}.user-item-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;color:#fff;flex-shrink:0}.user-item-info{flex:1;min-width:0}.user-item-name{display:block;font-size:14px;font-weight:500;color:#fff;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-item-status{display:flex;align-items:center;gap:6px}.status-icon{font-size:14px;opacity:.7}.status-icon.muted{opacity:.3}.speaking-indicator{animation:pulse 1s infinite}@media (max-width: 1024px){.user-item-avatar{width:36px;height:36px;font-size:14px}.user-item-name{font-size:13px}}@media (max-width: 768px){.user-list.collapsed .user-list-content{display:none}.user-list-header{padding:12px}.user-list-title{font-size:14px}.user-list-content{padding:0 12px 12px;max-height:200px}.user-item{padding:8px;gap:10px;margin-bottom:4px}.user-item-avatar{width:32px;height:32px;font-size:12px}.user-item-name{font-size:12px;margin-bottom:2px}.status-icon{font-size:12px}}@media (max-width: 480px){.user-list-header{padding:10px}.user-list-title{font-size:13px}.user-list-content{padding:0 10px 10px;max-height:150px}.user-item{padding:6px;gap:8px}.user-item-avatar{width:28px;height:28px;font-size:11px}.user-item-name{font-size:11px}}.chat-panel{flex:1;display:flex;flex-direction:column;min-height:0;border-top:1px solid rgba(255,255,255,.1)}.chat-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid rgba(255,255,255,.1);cursor:pointer;-webkit-user-select:none;user-select:none}.chat-panel-title{font-size:16px;font-weight:600;margin:0;color:#fff}.chat-panel-actions{display:flex;align-items:center;gap:8px}.chat-close-private{background:#f003;border:1px solid rgba(255,0,0,.3);border-radius:4px;color:#fff;cursor:pointer;padding:4px 8px;font-size:12px;pointer-events:auto;transition:all .2s}.chat-close-private:hover{background:#ff00004d}.chat-panel-toggle{background:none;border:none;color:#fff9;cursor:pointer;font-size:12px;padding:4px;pointer-events:auto}.chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;min-height:0}.chat-empty{padding:40px 20px;text-align:center;color:#ffffff80;font-size:14px}.chat-message{display:flex;flex-direction:column;gap:4px;padding:8px 12px;border-radius:8px;background:#ffffff0d;max-width:80%;pointer-events:auto}.chat-message.own{align-self:flex-end;background:#0096ff4d}.chat-message-header{display:flex;align-items:center;gap:8px;font-size:12px}.chat-message-user{font-weight:600;color:#fff}.chat-message-time{color:#ffffff80;font-size:11px}.chat-message-text{font-size:14px;color:#ffffffe6;word-wrap:break-word;line-height:1.4}.chat-input-container{display:flex;gap:8px;padding:16px;border-top:1px solid rgba(255,255,255,.1);pointer-events:auto}.chat-input{flex:1;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:10px 12px;color:#fff;font-size:14px;outline:none;transition:all .2s}.chat-input:focus{border-color:#0096ff80;background:#ffffff26}.chat-input::placeholder{color:#fff6}.chat-input:disabled{opacity:.5;cursor:not-allowed}.chat-send-button{background:#0096ffcc;border:none;border-radius:6px;padding:10px 20px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.chat-send-button:hover:not(:disabled){background:#0096ff;transform:scale(1.05)}.chat-send-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 1024px){.chat-panel-title{font-size:15px}.chat-message-text{font-size:13px}}@media (max-width: 768px){.chat-panel.collapsed .chat-messages,.chat-panel.collapsed .chat-input-container{display:none}.chat-panel-header{padding:12px}.chat-panel-title{font-size:14px}.chat-messages{padding:12px;gap:10px}.chat-message{padding:6px 10px;max-width:85%}.chat-message-header{font-size:11px;gap:6px}.chat-message-time{font-size:10px}.chat-message-text{font-size:13px;line-height:1.3}.chat-input-container{padding:12px;gap:6px}.chat-input{padding:8px 10px;font-size:13px}.chat-send-button{padding:8px 14px;font-size:13px}.chat-empty{padding:30px 16px;font-size:13px}.chat-close-private{padding:3px 6px;font-size:11px}}@media (max-width: 480px){.chat-panel-header{padding:10px}.chat-panel-title{font-size:13px}.chat-messages{padding:10px;gap:8px}.chat-message{padding:5px 8px;max-width:90%}.chat-message-header{font-size:10px}.chat-message-text{font-size:12px}.chat-input-container{padding:10px}.chat-input{padding:6px 8px;font-size:12px}.chat-send-button{padding:6px 10px;font-size:12px}}.video-tile-rnd{pointer-events:auto;z-index:1000}.video-tile-rnd.speaking{box-shadow:0 0 0 3px #0f09}.video-tile-rnd.dragging{opacity:.8}.video-tile{width:100%;height:100%;background:#000c;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;border:2px solid rgba(255,255,255,.2);box-shadow:0 4px 20px #00000080}.video-tile-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-bottom:1px solid rgba(255,255,255,.1)}.video-tile-name{font-size:12px;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.video-tile-controls{display:flex;gap:4px;margin-left:8px}.video-tile-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;padding:4px 8px;color:#fff;cursor:pointer;font-size:12px;transition:all .2s;pointer-events:auto}.video-tile-button:hover{background:#fff3}.video-tile-button-minimize{background:#ffa5004d}.video-tile-button-minimize:hover{background:#ffa50080}.video-tile-button-close{background:#ff00004d}.video-tile-button-close:hover{background:#ff000080}.video-tile-video{flex:1;width:100%;height:100%;object-fit:cover;background:#000}.video-tile-video.speaking{outline:3px solid rgba(0,255,0,.6);outline-offset:-3px}.video-tile-badge{position:absolute;top:40px;right:8px;background:#f00c;color:#fff;padding:4px 8px;border-radius:4px;font-size:10px;font-weight:600;pointer-events:none}.video-tile-ended{width:100%;height:100%;flex:1;display:flex;align-items:center;justify-content:center;background:#000000e6;min-height:0}.video-tile-ended-message{text-align:center;color:#ffffffb3;display:flex;flex-direction:column;align-items:center;gap:12px}.video-tile-ended-message span{font-size:48px;opacity:.5}.video-tile-ended-message p{font-size:14px;margin:0}.video-tile-ended-close{background:#ff00004d;border:1px solid rgba(255,0,0,.5);border-radius:6px;padding:8px 16px;color:#fff;cursor:pointer;font-size:12px;transition:all .2s;margin-top:8px}.video-tile-ended-close:hover{background:#ff000080;transform:scale(1.05)}.video-tile-fullscreen{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;z-index:3000;display:flex;flex-direction:column;pointer-events:auto}.video-tile-fullscreen .video-tile-header{padding:16px 20px;background:#000c}.video-tile-fullscreen .video-tile-name{font-size:18px}.video-tile-fullscreen .video-tile-video{flex:1;width:100%;min-height:0;object-fit:contain}.video-tile-top-slider,.video-tile-bottom-slider{flex-shrink:0}.video-tile-pinned-badge{margin-left:8px;font-size:12px;color:#ffffffb3;font-weight:500}.video-tile-button-pin.active{background:#ffc8004d;border-color:#ffc80080}.video-tile-button-webcam{background:#0096ff33;border-color:#0096ff66}.video-tile-button-webcam:hover{background:#0096ff4d}.video-tile-button-close{background:#f003;border-color:#ff00004d}.video-tile-button-close:hover{background:#ff00004d}@media (max-width: 768px){.video-tile-header{padding:10px 12px}.video-tile-button{padding:6px 10px;font-size:14px}.video-tile-name{font-size:11px}.video-tile-fullscreen .video-tile-header{padding:12px 16px}.video-tile-fullscreen .video-tile-name{font-size:14px}.video-tile-fullscreen .video-tile-button{padding:8px 12px;font-size:16px}.video-tile-controls{gap:2px}.video-tile-badge{font-size:8px;padding:2px 6px;top:35px}}@media (max-width: 480px){.video-tile-header{padding:8px 10px}.video-tile-button{padding:4px 8px;font-size:12px}.video-tile-name{font-size:10px}.video-tile-fullscreen .video-tile-header{padding:10px 12px}.video-tile-fullscreen .video-tile-name{font-size:12px}.video-tile-fullscreen .video-tile-button{padding:6px 10px;font-size:14px}}.stream-slider{position:relative;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px;border-top:1px solid rgba(255,255,255,.1);box-shadow:0 -4px 20px #00000080}.stream-slider-close{position:absolute;top:8px;right:8px;background:#ff00004d;border:1px solid rgba(255,0,0,.5);border-radius:50%;width:28px;height:28px;color:#fff;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:101;pointer-events:auto}.stream-slider-close:hover{background:#ff000080;transform:scale(1.1)}.stream-slider-webcam{bottom:0}.stream-slider-webcam-top{border-top:none;border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 4px 20px #00000080}.stream-slider-container{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;padding:4px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.stream-slider-container::-webkit-scrollbar{height:6px}.stream-slider-container::-webkit-scrollbar-track{background:transparent}.stream-slider-container::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.stream-slider-container::-webkit-scrollbar-thumb:hover{background:#ffffff80}.stream-slider-item{position:relative;flex-shrink:0;width:160px;height:90px;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .3s ease;border:2px solid transparent;background:#00000080}.stream-slider-item:hover{transform:scale(1.05);border-color:#ffffff4d;z-index:10}.stream-slider-item.active{border-color:#0096ffcc;box-shadow:0 0 0 2px #0096ff4d}.stream-slider-item.speaking{border-color:#0f09;box-shadow:0 0 0 2px #0f03}.stream-slider-video{width:100%;height:100%;object-fit:cover;background:#000}.stream-slider-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:8px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.stream-slider-name{font-size:11px;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.stream-slider-speaking-indicator{font-size:12px;animation:pulse 1s infinite}@media (max-width: 1024px){.stream-slider-item{width:140px;height:79px}.stream-slider{padding:10px}}@media (max-width: 768px){.stream-slider{padding:8px}.stream-slider-item{width:100px;height:56px}.stream-slider-name{font-size:9px;max-width:70px}.stream-slider-close{width:24px;height:24px;font-size:12px;top:6px;right:6px}.stream-slider-container{gap:8px}.stream-slider-overlay{padding:4px}.stream-slider-speaking-indicator{font-size:10px}}@media (max-width: 480px){.stream-slider{padding:6px}.stream-slider-item{width:80px;height:45px;border-radius:6px}.stream-slider-name{font-size:8px;max-width:60px}.stream-slider-container{gap:6px}.stream-slider-close{width:20px;height:20px;font-size:10px;top:4px;right:4px}}.private-chat-popup-rnd{z-index:2500;pointer-events:auto}.private-chat-popup{width:100%;height:100%;background:#14141ef2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 32px #00000080;display:flex;flex-direction:column;overflow:hidden}.private-chat-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#0064c84d;border-bottom:1px solid rgba(255,255,255,.1);cursor:move}.private-chat-user{display:flex;align-items:center;gap:10px}.private-chat-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;color:#fff}.private-chat-name{font-size:14px;font-weight:600;color:#fff}.private-chat-speaking{font-size:14px;animation:pulse 1s infinite}.private-chat-close{background:#ff00004d;border:1px solid rgba(255,0,0,.5);border-radius:50%;width:28px;height:28px;color:#fff;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10;position:relative;pointer-events:auto}.private-chat-close:hover{background:#ff000080;transform:scale(1.1)}.private-chat-messages{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:10px;min-height:0}.private-chat-empty{text-align:center;color:#ffffff80;font-size:13px;padding:30px 10px}.private-chat-message{display:flex;flex-direction:column;gap:4px;padding:8px 12px;border-radius:12px;background:#ffffff14;max-width:85%;align-self:flex-start}.private-chat-message.own{align-self:flex-end;background:#0064c866}.private-chat-message-header{display:flex;align-items:center;gap:8px;font-size:11px}.private-chat-message-user{font-weight:600;color:#ffffffe6}.private-chat-message-time{color:#ffffff80;font-size:10px}.private-chat-message-text{font-size:13px;color:#fffffff2;word-wrap:break-word;line-height:1.4}.private-chat-input-container{display:flex;gap:8px;padding:12px;border-top:1px solid rgba(255,255,255,.1);background:#0000004d;flex-shrink:0}.private-chat-input{flex:1;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:10px 16px;color:#fff;font-size:13px;outline:none;transition:all .2s}.private-chat-input:focus{border-color:#0096ff80;background:#ffffff26}.private-chat-input::placeholder{color:#fff6}.private-chat-send{background:#0096ffcc;border:none;border-radius:50%;width:40px;height:40px;color:#fff;font-size:16px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.private-chat-send:hover:not(:disabled){background:#0096ff;transform:scale(1.05)}.private-chat-send:disabled{opacity:.5;cursor:not-allowed}.private-chat-messages::-webkit-scrollbar{width:6px}.private-chat-messages::-webkit-scrollbar-track{background:#ffffff0d}.private-chat-messages::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}@media (max-width: 768px){.private-chat-popup-rnd{position:fixed!important;left:10px!important;right:10px!important;top:50%!important;transform:translateY(-50%)!important;width:calc(100% - 20px)!important;max-width:400px!important;margin:0 auto}.private-chat-header{padding:10px 12px}.private-chat-avatar{width:28px;height:28px;font-size:12px}.private-chat-name{font-size:13px}.private-chat-messages{padding:10px;gap:8px}.private-chat-message{padding:6px 10px}.private-chat-message-text{font-size:12px}.private-chat-input-container{padding:10px}.private-chat-input{padding:8px 14px;font-size:12px}.private-chat-send{width:36px;height:36px;font-size:14px}}.office-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:#fff}.toolbar{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:space-between;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:12px 20px;gap:16px;pointer-events:auto;z-index:2000;box-shadow:0 4px 20px #0000004d;min-width:300px}.toolbar-left,.toolbar-right{display:flex;gap:8px;align-items:center;position:relative}.toolbar-popup-restore,.toolbar-button-restore{position:relative}.popup-restore-menu{position:absolute;bottom:100%;right:0;margin-bottom:8px;background:#14141ef2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px;min-width:200px;box-shadow:0 4px 20px #00000080;z-index:3000;pointer-events:auto}.popup-restore-item{width:100%;padding:10px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;cursor:pointer;font-size:14px;text-align:left;transition:all .2s;margin-bottom:4px}.popup-restore-item:last-child{margin-bottom:0}.popup-restore-item:hover{background:#ffffff1a;border-color:#fff3}body:has(.popup-restore-menu[style*=block]){cursor:pointer}.toolbar-center{display:flex;align-items:center}.toolbar-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:10px 14px;color:#fff;cursor:pointer;font-size:18px;transition:all .2s;pointer-events:auto}.toolbar-button:hover{background:#fff3;transform:scale(1.05)}.toolbar-button:active{transform:scale(.95)}.toolbar-button.off{background:#ff00004d;border-color:#ff000080}.toolbar-button.on{background:#8080804d;border-color:#80808080}.toolbar-button.active{background:#00ff004d;border-color:#00ff0080}.toolbar-button.active-speaking{background:#00ff0080;border-color:#00ff00b3;animation:pulse-green 1.5s infinite}@keyframes pulse-green{0%,to{box-shadow:0 0 #0f06}50%{box-shadow:0 0 0 4px #0f00}}.toolbar-button.muted,.toolbar-button.off{background:#ff00004d;border-color:#ff000080}.connection-status{font-size:12px;padding:4px 8px;border-radius:4px;background:#f003}.connection-status.connected{background:#0f03}.sidebar{position:fixed;left:0;top:0;width:320px;height:100%;background:#14141ef2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;overflow-y:auto;pointer-events:auto;z-index:1500;box-shadow:2px 0 20px #0000004d}.video-area{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.video-tile-fullscreen{padding-bottom:0;padding-top:0}.video-area:has(.stream-slider-screen) .video-tile-fullscreen{padding-top:120px}.video-area:has(.stream-slider-webcam) .video-tile-fullscreen{padding-bottom:120px}@media (max-width: 1024px){.sidebar{width:280px}}@media (max-width: 768px){.sidebar{width:100%;height:auto;max-height:50vh;bottom:70px;top:auto;border-right:none;border-top:1px solid rgba(255,255,255,.1);border-radius:12px 12px 0 0}.toolbar{width:calc(100% - 20px);max-width:none;padding:8px 12px;gap:8px;bottom:10px}.toolbar-button{padding:8px 10px;font-size:16px}.toolbar-center{display:none}.connection-status{font-size:10px;padding:2px 6px}.popup-restore-menu{min-width:180px;right:-50px}.popup-restore-item{padding:8px 10px;font-size:13px}}@media (max-width: 480px){.toolbar{padding:6px 10px;gap:6px;bottom:8px}.toolbar-button{padding:6px 8px;font-size:14px;border-radius:6px}.toolbar-left,.toolbar-right{gap:4px}.sidebar{max-height:45vh;bottom:60px}}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#ffffff0d}.sidebar::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff4d}*{box-sizing:border-box}body{margin:0;padding:0;overflow:hidden}#office-overlay-root{position:absolute;top:0;left:0;width:100%;height:100%}#office-overlay-root *{box-sizing:border-box}