@charset "UTF-8";@font-face{font-family:Roboto;font-style:normal;font-weight:300;src:local("Roboto Light"),local("Roboto-Light"),url(/fonts/Roboto-light-ext.woff2) format("woff2");unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto;font-style:normal;font-weight:300;src:local("Roboto Light"),local("Roboto-Light"),url(/fonts/Roboto-light.woff2) format("woff2"),url(/fonts/Roboto-light.ttf) format("ttf");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local("Roboto"),local("Roboto-Regular"),url(/fonts/Roboto-regular-ext.woff2) format("woff2");unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local("Roboto"),local("Roboto-Regular"),url(/fonts/Roboto-regular.woff2) format("woff2"),url(/fonts/Roboto-regular.ttf) format("ttf");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000}@font-face{font-family:Roboto;font-style:normal;font-weight:500;src:local("Roboto Medium"),local("Roboto-Medium"),url(/fonts/Roboto-medium-ext.woff2) format("woff2");unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto;font-style:normal;font-weight:500;src:local("Roboto Medium"),local("Roboto-Medium"),url(/fonts/Roboto-medium.woff2) format("woff2"),url(/fonts/Roboto-medium.ttf) format("ttf");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000}*,*:before,*:after{box-sizing:border-box;outline:none}html,body,div,span,object,iframe,figure,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,code,em,img,small,strike,strong,sub,sup,tt,b,u,i,ol,ul,li,fieldset,form,label,table,caption,tbody,tfoot,thead,tr,th,td,main,canvas,embed,footer,header,nav,section,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;text-size-adjust:none}footer,header,nav,section,main{display:block}body{background:none;line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input{-webkit-appearance:none;border-radius:0}[data-component=Room]{position:relative;height:100%;width:100%;will-change:opacity}[data-component=Room].Appear-appear{opacity:0}[data-component=Room].Appear-appear.Appear-appear-active{transition-property:opacity;transition-duration:.3s;opacity:1}[data-component=Room]>.state{position:fixed;z-index:100;display:flex;flex-direction:row;justify-content:center;align-items:center;border-radius:25px;background-color:#243b55bf}@media (min-device-width: 721px){[data-component=Room]>.state{top:20px;left:20px;width:124px}}@media (max-device-width: 720px){[data-component=Room]>.state{top:10px;left:10px;width:110px}}[data-component=Room]>.state>.icon{flex:0 0 auto;border-radius:100%}@media (min-device-width: 721px){[data-component=Room]>.state>.icon{margin:6px 0 6px 6px;height:16px;width:16px}}@media (max-device-width: 720px){[data-component=Room]>.state>.icon{margin:4px 0 4px 4px;height:16px;width:16px}}[data-component=Room]>.state>.icon.new,[data-component=Room]>.state>.icon.closed{background-color:#aaaaaa80}[data-component=Room]>.state>.icon.connecting{animation:Room-info-state-connecting .75s infinite linear}[data-component=Room]>.state>.icon.connected{background-color:#30bd18bf}@media (max-device-width: 720px){[data-component=Room]>.state>.icon.connected{display:none}}[data-component=Room]>.state>.text{flex:100 0 auto;-webkit-user-select:none;user-select:none;pointer-events:none;text-align:center;text-transform:uppercase;font-family:Roboto;font-weight:400;color:#ffffffbf}@media (min-device-width: 721px){[data-component=Room]>.state>.text{font-size:12px}}@media (max-device-width: 720px){[data-component=Room]>.state>.text{font-size:10px}}@media (max-device-width: 720px){[data-component=Room]>.state>.text.connected{display:none}}[data-component=Room]>.info{position:fixed;z-index:100}@media (min-device-width: 721px){[data-component=Room]>.info{top:55px;left:20px;width:124px}}@media (max-device-width: 720px){[data-component=Room]>.info{top:40px;height:18px;width:110px}}[data-component=Room]>.info>p.text{height:18px;left:10px;display:flex;flex-direction:row;justify-content:center;align-items:center;flex:100 0 auto;-webkit-user-select:none;user-select:none;pointer-events:none;text-align:center;font-family:Roboto;font-weight:400;color:#ffffffbf;border-radius:25px;background-color:#243b55bf;margin-bottom:2px}@media (min-device-width: 721px){[data-component=Room]>.info>p.text{font-size:11px}}@media (max-device-width: 720px){[data-component=Room]>.info>p.text{font-size:9px}}[data-component=Room]>.info>p.text>span.label{color:#ffffff73}[data-component=Room]>.room-link-wrapper{pointer-events:none;position:absolute;z-index:1;top:0;left:0;right:0;display:flex;flex-direction:row;justify-content:center}[data-component=Room]>.room-link-wrapper>.room-link{width:auto;background-color:#243b55bf;border-bottom-right-radius:4px;border-bottom-left-radius:4px;box-shadow:0 3px 12px 2px #1116}[data-component=Room]>.room-link-wrapper>.room-link>a.link{display:block;-webkit-user-select:none;user-select:none;pointer-events:auto;text-transform:uppercase;font-family:Roboto;font-weight:400;color:#ffffffbf;cursor:pointer;text-decoration:none;transition-property:color;transition-duration:.1s}@media (min-device-width: 721px){[data-component=Room]>.room-link-wrapper>.room-link>a.link{padding:10px 20px;font-size:12px}}@media (max-device-width: 720px){[data-component=Room]>.room-link-wrapper>.room-link>a.link{padding:6px 10px;font-size:10px}}[data-component=Room]>.room-link-wrapper>.room-link>a.link:hover{color:#fff;text-decoration:underline}[data-component=Room]>.me-container{position:fixed;z-index:100;overflow:hidden;box-shadow:0 5px 12px 2px #11111180;transition-property:border-color;transition-duration:.2s}[data-component=Room]>.me-container.active-speaker{border-color:#fff}@media (min-device-width: 721px){[data-component=Room]>.me-container{height:250px;width:294px;bottom:60px;left:20px;border:1px solid rgba(255,255,255,.15)}}@media (max-device-width: 720px){[data-component=Room]>.me-container{height:220px;width:200px;bottom:50px;left:10px;border:1px solid rgba(255,255,255,.25)}}[data-component=Room]>.chat-input-container{position:fixed;z-index:100;overflow:hidden;box-shadow:0 5px 12px 2px #11111180}@media (min-device-width: 721px){[data-component=Room]>.chat-input-container{height:30px;width:294px;bottom:20px;left:20px;border:1px solid rgba(255,255,255,.15)}}@media (max-device-width: 720px){[data-component=Room]>.chat-input-container{height:30px;width:200px;bottom:10px;left:10px;border:1px solid rgba(255,255,255,.25)}}[data-component=Room]>.sidebar{position:fixed;z-index:101;top:calc(50% - 60px);height:120px;display:flex;flex-direction:column;justify-content:center;align-items:center}@media (min-device-width: 721px){[data-component=Room]>.sidebar{left:20px;width:36px;margin-top:-60px}}@media (max-device-width: 720px){[data-component=Room]>.sidebar{left:10px;width:32px;margin-top:-80px}}[data-component=Room]>.sidebar>.button{flex:0 0 auto;margin:4px 0;background-position:center;background-size:75%;background-repeat:no-repeat;background-color:#243b55bf;cursor:pointer;transition-property:opacity,background-color;transition-duration:.2s;border-radius:100%}@media (min-device-width: 721px){[data-component=Room]>.sidebar>.button{height:36px;width:36px}}@media (max-device-width: 720px){[data-component=Room]>.sidebar>.button{height:32px;width:32px}}[data-component=Room]>.sidebar>.button.on{background-color:#ffffffb3}[data-component=Room]>.sidebar>.button.disabled{pointer-events:none;opacity:.5;transition-duration:0s}[data-component=Room]>.sidebar>.button.hide-videos{background-image:url(/images/icon_video_white_on.svg)}[data-component=Room]>.sidebar>.button.hide-videos.on{background-image:url(/images/icon_video_black_off.svg)}[data-component=Room]>.sidebar>.button.mute-audio{background-image:url(/images/icon_volume_white_on.svg)}[data-component=Room]>.sidebar>.button.mute-audio.on{background-image:url(/images/icon_volume_black_off.svg)}[data-component=Room]>.sidebar>.button.restart-ice{background-image:url(/images/icon_restart_ice_white.svg)}@keyframes Room-info-state-connecting{50%{background-color:#ffa500bf}}[data-component=Me]{position:relative;height:100%;width:100%}[data-component=Me]>.controls{position:absolute;z-index:10;top:0;left:0;right:0;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;pointer-events:none}[data-component=Me]>.controls>.button{flex:0 0 auto;margin:4px 4px 4px 0;border-radius:2px;pointer-events:auto;background-position:center;background-size:75%;background-repeat:no-repeat;background-color:#00000080;cursor:pointer;transition-property:opacity,background-color;transition-duration:.15s}@media (min-device-width: 721px){[data-component=Me]>.controls>.button{width:28px;height:28px;opacity:.85}[data-component=Me]>.controls>.button:hover{opacity:1}}@media (max-device-width: 720px){[data-component=Me]>.controls>.button{width:26px;height:26px}}[data-component=Me]>.controls>.button.unsupported{pointer-events:none}[data-component=Me]>.controls>.button.disabled{pointer-events:none;opacity:.5}[data-component=Me]>.controls>.button.on{background-color:#ffffffd9}[data-component=Me]>.controls>.button.mic.on{background-image:url(/images/icon_mic_black_on.svg)}[data-component=Me]>.controls>.button.mic.off{background-image:url(/images/icon_mic_white_off.svg);background-color:#d42241b3}[data-component=Me]>.controls>.button.mic.unsupported{background-image:url(/images/icon_mic_white_unsupported.svg)}[data-component=Me]>.controls>.button.webcam.on{background-image:url(/images/icon_webcam_black_on.svg)}[data-component=Me]>.controls>.button.webcam.off{background-image:url(/images/icon_webcam_white_on.svg)}[data-component=Me]>.controls>.button.webcam.unsupported{background-image:url(/images/icon_webcam_white_unsupported.svg)}[data-component=Me]>.controls>.button.change-webcam.on{background-image:url(/images/icon_change_webcam_black.svg)}[data-component=Me]>.controls>.button.change-webcam.unsupported{background-image:url(/images/icon_change_webcam_white_unsupported.svg)}[data-component=Me]>.controls>.button.share.on{background-image:url(/images/icon_share_black_on.svg)}[data-component=Me]>.controls>.button.share.off{background-image:url(/images/icon_share_white_on.svg)}[data-component=Me]>.controls>.button.share.unsupported{background-image:url(/images/icon_share_white_unsupported.svg)}[data-component=ChatInput]{position:relative;height:100%;width:100%}[data-component=ChatInput]>textarea{height:100%;width:100%;padding:4px 8px;resize:none;outline:none;background-color:#243b55;color:#fff;font-family:inherit;font-size:13px;font-weight:400;line-height:22px;border:none}[data-component=ChatInput]>textarea::-webkit-input-placeholder{color:#ffffff59}[data-component=ChatInput]>textarea:-moz-placeholder{color:#ffffff59}[data-component=ChatInput]>textarea::-moz-placeholder{color:#ffffff59}[data-component=ChatInput]>textarea:-ms-input-placeholder{color:#ffffff59}[data-component=ChatInput]>textarea:disabled{opacity:.65}[data-component=Peers]{min-height:100%;width:100%}@media (min-device-width: 721px){[data-component=Peers]{width:100%;padding:40px 0 220px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center}}@media (max-device-width: 720px){[data-component=Peers]{min-height:100vh;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}}[data-component=Peers]>.peer-container{overflow:hidden;will-change:opacity}[data-component=Peers]>.peer-container.Appear-appear{opacity:0}[data-component=Peers]>.peer-container.Appear-appear.Appear-appear-active{transition-property:opacity;transition-duration:1s;opacity:1}@media (min-device-width: 721px){[data-component=Peers]>.peer-container{flex:0 0 auto;height:382px;width:450px;margin:6px;border:1px solid rgba(255,255,255,.15);box-shadow:0 5px 12px 2px #11111180;transition-property:border-color;transition-duration:.35s}[data-component=Peers]>.peer-container.active-speaker{border-color:#fff}}@media (max-device-width: 720px){[data-component=Peers]>.peer-container{flex:100 100 auto;order:2;min-height:25vh;width:100%;display:100 100 auto;flex-direction:column;justify-content:center;align-items:center}[data-component=Peers]>.peer-container.active-speaker{order:1}}[data-component=Peer]{flex:100 100 auto;position:relative;height:100%;width:100%}@media (max-device-width: 720px){[data-component=Peer]{display:100 100 auto;flex-direction:column;justify-content:center;align-items:center}}[data-component=Peer]>.indicators{position:absolute;z-index:10;top:0;right:0;width:150px;display:flex;flex-direction:row;justify-content:flex-end;align-items:center}[data-component=Peer]>.indicators>.icon{flex:0 0 auto;margin:4px 4px 4px 0;width:32px;height:32px;background-position:center;background-size:75%;background-repeat:no-repeat;transition-property:opacity;transition-duration:.15s}@media (min-device-width: 721px){[data-component=Peer]>.indicators>.icon{opacity:.85}}[data-component=Peer]>.indicators>.icon.mic-off{background-image:url(/images/icon_remote_mic_white_off.svg)}[data-component=Peer]>.indicators>.icon.webcam-off{background-image:url(/images/icon_remote_webcam_white_off.svg)}[data-component=Peer] .incompatible-video{position:absolute;z-index:2;top:0;bottom:0;left:0;right:0;display:flex;flex-direction:column;justify-content:center;align-items:center}[data-component=Peer] .incompatible-video>p{padding:6px 12px;border-radius:6px;-webkit-user-select:none;user-select:none;pointer-events:none;font-size:15px;color:#ffffff8c}[data-component=PeerView]{position:relative;flex:100 100 auto;height:100%;width:100%;display:flex;flex-direction:column;overflow:hidden;background-color:#243b55bf;background-image:url(/images/buddy.svg);background-position:bottom;background-size:auto 80%;background-repeat:no-repeat}[data-component=PeerView]>.info{position:absolute;pointer-events:none;z-index:5;top:0;bottom:0;left:0;right:0;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(to bottom,#0000,#0000 70%,#0000001a 80%,#00000080)}[data-component=PeerView]>.info>.icons{display:flex;flex-direction:row}[data-component=PeerView]>.info>.icons>.icon{pointer-events:auto;margin:4px 0 4px 4px;background-position:center;background-size:100%;background-repeat:no-repeat;cursor:pointer;transition-property:opacity,background-color;transition-duration:.15s}@media (min-device-width: 721px){[data-component=PeerView]>.info>.icons>.icon{width:28px;height:28px;opacity:.75}[data-component=PeerView]>.info>.icons>.icon:hover{opacity:1}}@media (max-device-width: 720px){[data-component=PeerView]>.info>.icons>.icon{width:26px;height:26px}}[data-component=PeerView]>.info>.icons>.icon.info.on{background-image:url(/images/icon_info_white_on.svg)}[data-component=PeerView]>.info>.icons>.icon.info:not(.on){background-image:url(/images/icon_info_white_off.svg)}[data-component=PeerView]>.info>.icons>.icon.stats{background-image:url(/images/icon_stats_white_on.svg)}[data-component=PeerView]>.info>.box{pointer-events:auto;position:absolute;left:4px;right:4px;bottom:4px;padding:4px 6px 50px;border-radius:2px;background-color:#000000a6;opacity:1;overflow:auto;transform-origin:left top;transition:.1s}@media (min-device-width: 721px){[data-component=PeerView]>.info>.box{top:36px}}@media (max-device-width: 720px){[data-component=PeerView]>.info>.box{top:34px}}[data-component=PeerView]>.info>.box:not(.visible){z-index:-1;opacity:0;transform:scale(0)}[data-component=PeerView]>.info>.box>h1{pointer-events:none;margin-top:5px;margin-bottom:5px;color:#fff;font-size:12px;font-weight:400}[data-component=PeerView]>.info>.box>p{pointer-events:none;margin-bottom:2px;color:#ffffffbf;font-size:11px}[data-component=PeerView]>.info>.box>p:last-child{margin-bottom:0}[data-component=PeerView]>.info>.box>p.clickable,[data-component=PeerView]>.info>.box>p .clickable{pointer-events:auto;-webkit-user-select:none;user-select:none;color:#44c5d6}[data-component=PeerView]>.info>.box>p.clickable:hover,[data-component=PeerView]>.info>.box>p .clickable:hover{cursor:pointer;color:#73feff;text-decoration:underline}[data-component=PeerView]>.info>.box>p.copiable,[data-component=PeerView]>.info>.box>p .copiable{pointer-events:auto;cursor:text}[data-component=PeerView]>.info>.box>p.copiable:hover,[data-component=PeerView]>.info>.box>p .copiable:hover{color:#44c5d6;text-decoration:underline}[data-component=PeerView]>.info>.box>p.indent{margin-left:10px}[data-component=PeerView]>.info>.peer{flex:0 0 auto;display:flex;flex-direction:column;justify-content:flex-end}@media (min-device-width: 721px){[data-component=PeerView]>.info>.peer.is-me{padding:10px;align-items:flex-start}[data-component=PeerView]>.info>.peer:not(.is-me){padding:20px;align-items:flex-start;pointer-events:none}}@media (max-device-width: 720px){[data-component=PeerView]>.info>.peer.is-me{padding:10px;align-items:flex-start}[data-component=PeerView]>.info>.peer:not(.is-me){padding:10px;align-items:flex-end}}[data-component=PeerView]>.info>.peer>.display-name{font-size:14px;font-weight:400;color:#ffffffd9}[data-component=PeerView]>.info>.peer>span.display-name{-webkit-user-select:none;user-select:none;cursor:text}[data-component=PeerView]>.info>.peer>span.display-name:not(.editable){cursor:default}[data-component=PeerView]>.info>.peer>span.display-name.editable{pointer-events:auto}@media (min-device-width: 721px){[data-component=PeerView]>.info>.peer>span.display-name.editable:hover{background-color:#aeff0040}}[data-component=PeerView]>.info>.peer>span.display-name.loading{opacity:.5}[data-component=PeerView]>.info>.peer>input.display-name{border:none;border-bottom:1px solid #aeff00;background-color:transparent}[data-component=PeerView]>.info>.peer>.row{margin-top:4px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}[data-component=PeerView]>.info>.peer>.row>.device-icon{height:16px;width:16px;margin-right:5px;-webkit-user-select:none;user-select:none;pointer-events:none;background-position:center;background-size:cover;background-repeat:no-repeat;background-image:url(/images/devices/unknown.svg)}[data-component=PeerView]>.info>.peer>.row>.device-icon.chrome{background-image:url(/images/devices/chrome_16x16.png)}[data-component=PeerView]>.info>.peer>.row>.device-icon.firefox{background-image:url(/images/devices/firefox_16x16.png)}[data-component=PeerView]>.info>.peer>.row>.device-icon.safari{background-image:url(/images/devices/safari_16x16.png)}[data-component=PeerView]>.info>.peer>.row>.device-icon.msedge{background-image:url(/images/devices/edge_16x16.png)}[data-component=PeerView]>.info>.peer>.row>.device-icon.opera{background-image:url(/images/devices/opera_16x16.png)}[data-component=PeerView]>.info>.peer>.row>.device-icon.broadcaster{height:18px;width:18px;background-image:url(/images/devices/broadcaster.svg)}[data-component=PeerView]>.info>.peer>.row>.device-version{-webkit-user-select:none;user-select:none;pointer-events:none;font-size:11px;color:#ffffff8c}[data-component=PeerView]>video{flex:100 100 auto;height:100%;width:100%;object-fit:cover;-webkit-user-select:none;user-select:none;transition-property:opacity;transition-duration:.5s;background-color:#000000bf}[data-component=PeerView]>video.is-me{transform:scaleX(-1)}[data-component=PeerView]>video.hidden{opacity:0;transition-duration:0s}[data-component=PeerView]>video.network-error{filter:grayscale(100%) brightness(135%) blur(5px)}[data-component=PeerView]>audio{display:none;position:absolute;top:0;bottom:0;right:0;z-index:1;border:2px solid red}[data-component=PeerView]>canvas.face-detection{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;pointer-events:none}[data-component=PeerView]>canvas.face-detection.is-me{transform:scaleX(-1)}[data-component=PeerView]>.volume-container{position:absolute;top:0;bottom:0;right:2px;width:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:none}[data-component=PeerView]>.volume-container>.bar{width:6px;border-radius:6px;background:#ffff00a6;transition-property:height background-color;transition-duration:.25s}[data-component=PeerView]>.volume-container>.bar.level0{height:0;background-color:#ffff00a6}[data-component=PeerView]>.volume-container>.bar.level1{height:10%;background-color:#ffff00a6}[data-component=PeerView]>.volume-container>.bar.level2{height:20%;background-color:#ffff00a6}[data-component=PeerView]>.volume-container>.bar.level3{height:30%;background-color:#ffff00a6}[data-component=PeerView]>.volume-container>.bar.level4{height:40%;background-color:#ffa500a6}[data-component=PeerView]>.volume-container>.bar.level5{height:50%;background-color:#ffa500a6}[data-component=PeerView]>.volume-container>.bar.level6{height:60%;background-color:#ff0000a6}[data-component=PeerView]>.volume-container>.bar.level7{height:70%;background-color:#ff0000a6}[data-component=PeerView]>.volume-container>.bar.level8{height:80%;background-color:#000000a6}[data-component=PeerView]>.volume-container>.bar.level9{height:90%;background-color:#000000a6}[data-component=PeerView]>.volume-container>.bar.level10{height:100%;background-color:#000000a6}[data-component=PeerView]>.spinner-container{position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none;background-color:#000000bf}[data-component=PeerView]>.spinner-container .react-spinner{position:relative;width:48px;height:48px;top:50%;left:50%}[data-component=PeerView]>.spinner-container .react-spinner .react-spinner_bar{position:absolute;width:20%;height:7.8%;top:-3.9%;left:-10%;animation:PeerView-spinner 1.2s linear infinite;border-radius:5px;background-color:#ffffff80}[data-component=PeerView]>.video-elem-paused{position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none;background-position:center;background-image:url(/images/icon_video_elem_paused.svg);background-size:35%;background-color:#00000040;background-repeat:no-repeat}@keyframes PeerView-spinner{0%{opacity:1}to{opacity:.15}}[data-component=Stats]{position:fixed;z-index:1000;top:0;bottom:0;right:0;overflow:hidden;pointer-events:none}@media (min-device-width: 721px){[data-component=Stats]{width:470px;padding-left:20px}}@media (max-device-width: 720px){[data-component=Stats]{left:0}}[data-component=Stats]>.content{position:relative;height:100%;pointer-events:auto;background:#ffffffec;overscroll-behavior:contain;transition-property:transform opacity;transition-duration:.25s}@media (min-device-width: 721px){[data-component=Stats]>.content{width:450px;box-shadow:-4px 0 12px 2px #00000080}}@media (max-device-width: 720px){[data-component=Stats]>.content{width:100%}}[data-component=Stats]>.content:not(.visible){transform:translate(100%);opacity:0}[data-component=Stats]>.content>.header{position:absolute;z-index:2;top:0;left:0;right:0;padding:0 28px;background:linear-gradient(to bottom,#fff,#fff,#ffffffe6,#fff0)}[data-component=Stats]>.content>.header>.info{height:80px;display:flex;flex-direction:row;justify-content:center;align-items:center}[data-component=Stats]>.content>.header>.info>.close-icon{flex:0 0 auto;width:28px;height:28px;margin-left:-6px;margin-right:20px;cursor:pointer;background-position:left;background-size:100%;background-repeat:no-repeat;background-image:url(/images/icon_close_black.svg);opacity:.75}[data-component=Stats]>.content>.header>.info>.close-icon:hover{opacity:1}[data-component=Stats]>.content>.header>.info>h1{flex:100 100 auto;text-transform:uppercase;color:#444;font-size:14px;font-weight:500;text-align:right;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}[data-component=Stats]>.content>.header>.list{height:150px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-end}[data-component=Stats]>.content>.header>.list>p{margin-bottom:5px;color:#243b55bf;font-size:14px;font-weight:400;-webkit-user-select:none;user-select:none}[data-component=Stats]>.content>.header>.list>p>a{text-decoration:none;text-transform:uppercase;font-size:12px;font-weight:500;color:#6b93c0bf;cursor:pointer}[data-component=Stats]>.content>.header>.list>p>a.disabled{opacity:.5;cursor:not-allowed}[data-component=Stats]>.content>.stats{padding:0 28px;height:100%;overflow:auto}[data-component=Stats]>.content>.stats>.items{margin-bottom:40px;will-change:opacity}[data-component=Stats]>.content>.stats>.items.Appear-appear{opacity:0}[data-component=Stats]>.content>.stats>.items.Appear-appear.Appear-appear-active{transition-property:opacity;transition-duration:.15s;opacity:1}[data-component=Stats]>.content>.stats>.items:after{content:"";display:block;visibility:hidden;margin-bottom:-230px}[data-component=Stats]>.content>.stats>.items>h2{margin-bottom:20px;text-transform:uppercase;color:#141e30a6;font-size:13px;font-weight:500;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}[data-component=Stats]>.content>.stats>.items>h2:before{content:"";display:block;visibility:hidden;height:230px}[data-component=Stats]>.content>.stats>.items>.item{padding-bottom:10px;margin-bottom:20px;border-bottom:1px solid #e5e5e5}[data-component=Stats]>.content>.stats>.items>.item>.line{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:8px}[data-component=Stats]>.content>.stats>.items>.item>.line>.key{flex:0 0 auto;width:38.5%;color:#141e30a6;font-size:11px;font-weight:400;word-break:break-all;text-align:right}[data-component=Stats]>.content>.stats>.items>.item>.line>.value{flex:0 0 auto;width:58.5%;color:#6b93c0bf;font-size:11px;font-weight:400;word-break:break-all;text-align:left}[data-component=Notifications]{position:fixed;z-index:9999;pointer-events:none;top:0;right:0;bottom:0;padding:20px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end}@media (min-device-width: 721px){[data-component=Notifications]{padding:10px;width:300px}}@media (max-device-width: 720px){[data-component=Notifications]{padding:4px;width:65%;max-width:220px}}[data-component=Notifications]>.notification{pointer-events:auto;margin-top:4px;border-radius:4px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}@media (min-device-width: 721px){[data-component=Notifications]>.notification{min-width:75%}}@media (max-device-width: 720px){[data-component=Notifications]>.notification{width:100%}}[data-component=Notifications]>.notification.Appear-appear{visibility:hidden;opacity:0;transition:all .15s ease-in-out 0s,visibility 0s linear .25s;transform:translate(200px)}[data-component=Notifications]>.notification.Appear-appear.Appear-appear-active{visibility:visible;pointer-events:auto;opacity:1;transform:translateY(0);transition-delay:0s,0s}@media (min-device-width: 721px){[data-component=Notifications]>.notification{padding:16px 24px 16px 12px}}@media (max-device-width: 720px){[data-component=Notifications]>.notification{padding:6px 16px 6px 12px}}[data-component=Notifications]>.notification>.icon{flex:0 0 auto;height:24px;width:24px;margin-right:12px;background-position:center;background-size:100%;background-repeat:no-repeat}[data-component=Notifications]>.notification>.body>.title{font-weight:500;-webkit-user-select:none;user-select:none;cursor:default;line-height:1.35em;margin-bottom:10px}@media (min-device-width: 721px){[data-component=Notifications]>.notification>.body>.title{font-size:14px}}@media (max-device-width: 720px){[data-component=Notifications]>.notification>.body>.title{font-size:12px}}[data-component=Notifications]>.notification>.body>.text{-webkit-user-select:none;user-select:none;cursor:default;line-height:1.35em}@media (min-device-width: 721px){[data-component=Notifications]>.notification>.body>.text{font-size:13px}}@media (max-device-width: 720px){[data-component=Notifications]>.notification>.body>.text{font-size:12px}}[data-component=Notifications]>.notification.info{background-color:#141e30a6;color:#ffffffbf}[data-component=Notifications]>.notification.info>.icon{opacity:.65;background-image:url(/images/icon_notification_info_white.svg)}[data-component=Notifications]>.notification.error{background-color:#ff1914bf;color:#fff}[data-component=Notifications]>.notification.error>.icon{opacity:.85;background-image:url(/images/icon_notification_error_white.svg)}[data-component=NetworkThrottle]{position:absolute;top:0;left:0;z-index:99999;padding:0 20px;background:#fffffff2;border-radius:4px;box-shadow:0 5px 12px 2px #11111180;font-family:Roboto}[data-component=NetworkThrottle]>h1.draggable{padding:20px;text-align:center;text-transform:uppercase;font-weight:400;font-size:12px;color:#111;-webkit-user-select:none;user-select:none;cursor:move}[data-component=NetworkThrottle]>.inputs>.row{display:flex;justify-content:center;align-items:center;height:20px;margin-bottom:8px}[data-component=NetworkThrottle]>.inputs>.row:last-child{margin-bottom:0}[data-component=NetworkThrottle]>.inputs>.row>.key{margin-right:4px;flex:0 0 auto;width:100px;font-weight:400;font-size:11px;text-align:right;color:#243b55bf}[data-component=NetworkThrottle]>.inputs>.row>.value{margin-left:4px;flex:0 0 auto;width:100px;padding:4px 8px;font-size:11px;text-align:right;color:#141e30a6;border:none;background:#6666661a;border-radius:2px;transition-property:opacity;transition-duration:.1s}[data-component=NetworkThrottle]>.inputs>.row>.value:disabled{opacity:.5}[data-component=NetworkThrottle]>.inputs>.row>.value::placeholder{color:#141e3040}[data-component=NetworkThrottle]>.inputs>.row>.value:focus::placeholder{color:transparent}[data-component=NetworkThrottle]>.buttons{display:flex;justify-content:center;align-items:center;padding:20px}[data-component=NetworkThrottle]>.buttons>button{margin:0 4px;flex:0 0 auto;width:66px;height:20px;display:flex;justify-content:center;align-items:center;border:none;border-radius:2px;font-weight:400;font-size:11px;color:#fff;text-align:center;-webkit-user-select:none;user-select:none;cursor:pointer;transition-property:opacity;transition-duration:.1s}[data-component=NetworkThrottle]>.buttons>button:disabled{opacity:.5;cursor:default}[data-component=NetworkThrottle]>.buttons>button.apply{background:#e9736e}[data-component=NetworkThrottle]>.buttons>button.reset{background:#3b608bbf}.stream-viewer{display:flex;flex-direction:column;flex:1;width:100%;height:0;overflow:hidden;padding:8px}.stream-viewer .stream-layout{display:flex;flex:1;width:100%;height:100%;overflow:hidden;gap:8px}.stream-viewer .stream-layout .video-area{flex:1;height:100%;overflow:hidden;display:flex;flex-direction:column;border-radius:12px}.stream-viewer .stream-layout .chat-area{width:350px;height:100%;flex-shrink:0;overflow:hidden;border-radius:12px}.stream-viewer .stream-layout .chat-area .chat-box{height:100%;min-height:0;overflow:hidden;border-radius:12px}.stream-viewer .stream-layout .icon-chat{position:absolute;right:16px;top:16px;padding:8px;width:42px;height:42px;background:#20344c;border-radius:100%;z-index:100}.stream-viewer .stream-layout .icon-chat img{width:24px;height:24px}.stream-viewer .video-container{width:100%;height:100%;background:#1a1a1a;border-radius:0;overflow:hidden;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.stream-viewer .video-container [data-component=PeerView]{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.stream-viewer .video-container [data-component=PeerView] .peer,.stream-viewer .video-container [data-component=PeerView] .info,.stream-viewer .video-container [data-component=PeerView] .volume-container{display:none!important}.stream-viewer .video-container [data-component=PeerView] canvas.face-detection{display:none!important}.stream-viewer .video-container [data-component=PeerView] video{width:100%!important;height:100%!important;max-width:100%;max-height:100%;object-fit:contain;display:block!important;border-radius:8px;box-shadow:0 8px 32px #0000004d;background:#000}.stream-viewer .video-container [data-component=PeerView] audio{display:none!important}.stream-viewer .video-container .live-indicator{position:absolute;top:16px;left:16px;z-index:15;display:flex;align-items:center;gap:6px;background:#dc3545e6;color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 2px 8px #0000004d}.stream-viewer .video-container .live-indicator .live-dot{width:8px;height:8px;background:#fff;border-radius:50%;animation:livePulse 2s infinite}.stream-viewer .video-container .live-indicator .live-text{font-size:11px;font-weight:700}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.stream-viewer .video-container .spinner-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.stream-viewer .video-container .video-elem-paused{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000b3;color:#fff;padding:20px;border-radius:8px;font-size:18px;z-index:10}.stream-viewer .video-container .video-controls{position:absolute;bottom:0;left:0;right:0;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;z-index:200;background:linear-gradient(transparent,#0009)}.stream-viewer .video-container .video-controls .controls-left{display:flex;gap:12px;align-items:center;flex:1 1 auto;min-width:0}.stream-viewer .video-container .video-controls .controls-right{display:flex;gap:12px;align-items:center}.stream-viewer .video-container .video-controls .control-btn{display:flex;align-items:center;gap:8px;width:42px;height:42px;border:none;border-radius:8px;background:#0009;color:#fff;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:500;justify-content:center}.stream-viewer .video-container .video-controls .control-btn:hover{background:#000c;transform:translateY(-2px);box-shadow:0 4px 12px #0006}.stream-viewer .video-container .video-controls .control-btn:active{transform:translateY(0)}.stream-viewer .video-container .video-controls .control-btn .icon{width:32px;height:32px}.stream-viewer .video-container .video-controls .control-btn .label{font-size:13px;white-space:nowrap}.stream-viewer .video-container .video-controls .control-btn.language-btn{background:#343a40cc}.stream-viewer .video-container .video-controls .control-btn.language-btn:hover{background:#343a40}.stream-viewer .video-container .video-controls .control-btn.chat-toggle-btn{background:#007bffcc}.stream-viewer .video-container .video-controls .control-btn.chat-toggle-btn:hover{background:#007bff}.stream-viewer .video-container .video-controls .control-btn.chat-toggle-btn.active{background:#28a745cc}.stream-viewer .video-container .video-controls .control-btn.chat-toggle-btn.active:hover{background:#28a745}.stream-viewer .video-container .video-controls .language-selector{position:absolute;top:100%;left:0;background:#000000f2;border-radius:12px;padding:16px;margin-top:8px;min-width:280px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0006}.stream-viewer .video-container .video-controls .language-selector .language-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.2);color:#fff;font-weight:600;font-size:16px}.stream-viewer .video-container .video-controls .language-selector .language-header .close-btn{background:none;border:none;color:#ffffffb3;cursor:pointer;font-size:18px;padding:4px;border-radius:4px;transition:all .2s ease}.stream-viewer .video-container .video-controls .language-selector .language-header .close-btn:hover{background:#ffffff1a;color:#fff}.stream-viewer .video-container .video-controls .language-selector .language-options{display:flex;flex-direction:column;gap:8px}.stream-viewer .video-container .video-controls .language-selector .language-options .language-option{display:flex;align-items:center;gap:12px;padding:12px 16px;background:none;border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.stream-viewer .video-container .video-controls .language-selector .language-options .language-option:hover{background:#ffffff1a}.stream-viewer .video-container .video-controls .language-selector .language-options .language-option.selected{background:#007bff4d;border:1px solid rgba(0,123,255,.5)}.stream-viewer .video-container .video-controls .language-selector .language-options .language-option .flag{font-size:20px;width:24px;text-align:center}.stream-viewer .video-container .video-controls .language-selector .language-options .language-option .name{flex:1;font-size:14px;font-weight:500}.stream-viewer .video-container .video-controls .language-selector .language-options .language-option .check{color:#28a745;font-weight:700;font-size:16px}.stream-viewer .video-container .video-controls-mobile{display:flex;flex-direction:column;gap:16px;position:absolute;right:0;bottom:0;left:auto}.stream-viewer .no-stream{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100vh;background:linear-gradient(-45deg,#0a0a23,#1a1a2e,#16213e,#0f3460,#533483,#8b5cf6);background-size:400% 400%;animation:gradientShift 12s ease infinite;border-radius:0;color:#fff;text-align:center;padding:40px;position:relative;overflow:hidden}.stream-viewer .no-stream .floating-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.stream-viewer .no-stream .floating-particles .particle{position:absolute;width:6px;height:6px;background:#fff9;border-radius:50%}.stream-viewer .no-stream .floating-particles .particle.particle-1{top:20%;left:10%;animation:floatUp 8s ease-in-out infinite}.stream-viewer .no-stream .floating-particles .particle.particle-2{top:60%;left:85%;animation:floatUp 12s ease-in-out infinite 2s}.stream-viewer .no-stream .floating-particles .particle.particle-3{top:30%;right:20%;animation:floatUp 10s ease-in-out infinite 4s}.stream-viewer .no-stream .floating-particles .particle.particle-4{bottom:40%;left:25%;animation:floatUp 14s ease-in-out infinite 1s}.stream-viewer .no-stream .floating-particles .particle.particle-5{top:70%;right:60%;animation:floatUp 9s ease-in-out infinite 3s}.stream-viewer .no-stream .icon-container{position:relative;margin-bottom:40px;z-index:2}.stream-viewer .no-stream .icon-container .pulse-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:2px solid rgba(139,92,246,.4);border-radius:50%;animation:pulseRing 2s ease-out infinite}.stream-viewer .no-stream .icon-container .pulse-ring.pulse-ring-1{width:120px;height:120px;animation-delay:0s}.stream-viewer .no-stream .icon-container .pulse-ring.pulse-ring-2{width:140px;height:140px;animation-delay:.3s}.stream-viewer .no-stream .icon-container .pulse-ring.pulse-ring-3{width:160px;height:160px;animation-delay:.6s}.stream-viewer .no-stream .icon-container .icon{font-size:64px;position:relative;z-index:3;filter:drop-shadow(0 0 30px rgba(139,92,246,.8));animation:iconBounce 3s ease-in-out infinite}.stream-viewer .no-stream .animated-title{font-size:28px;margin:0 0 20px;font-weight:700;background:linear-gradient(45deg,#8b5cf6,#ec4899,#06b6d4,#10b981);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:textGradient 3s ease infinite;position:relative;z-index:2}.stream-viewer .no-stream .animated-title .typing-text{display:inline-block;animation:fadeInUp 1s ease-out}.stream-viewer .no-stream .animated-title .cursor{animation:blink 1s infinite;color:#8b5cf6;font-weight:300}.stream-viewer .no-stream .subtitle{font-size:16px;margin:0 0 30px;opacity:.8;font-weight:300;letter-spacing:.5px;animation:fadeInUp 1s ease-out .5s both;z-index:2;position:relative}.stream-viewer .no-stream .connection-info{margin-top:30px;padding:25px 35px;background:#ffffff0d;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-radius:24px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a;animation:cardFloat 6s ease-in-out infinite;z-index:2;position:relative;max-width:320px}.stream-viewer .no-stream .connection-info .status-indicator{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:15px}.stream-viewer .no-stream .connection-info .status-indicator .status-dot{width:8px;height:8px;background:#10b981;border-radius:50%;animation:statusPulse 2s ease-in-out infinite}.stream-viewer .no-stream .connection-info .status-indicator span{font-size:14px;font-weight:500;opacity:.9}.stream-viewer .no-stream .connection-info .viewer-count{text-align:center;margin-bottom:15px}.stream-viewer .no-stream .connection-info .viewer-count .count-number{display:block;font-size:32px;font-weight:800;background:linear-gradient(45deg,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:5px;animation:countUp 2s ease-out}.stream-viewer .no-stream .connection-info .viewer-count .count-label{font-size:14px;opacity:.7;font-weight:300}.stream-viewer .no-stream .connection-info .connection-status{text-align:center}.stream-viewer .no-stream .connection-info .connection-status .status-badge{display:inline-block;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500}.stream-viewer .no-stream .connection-info .connection-status .status-badge.connected{background:#10b98133;border:1px solid rgba(16,185,129,.3);color:#10b981}.stream-viewer .no-stream .connection-info .connection-status .status-badge.waiting{background:#f59e0b33;border:1px solid rgba(245,158,11,.3);color:#f59e0b}.stream-viewer .no-stream .loading-animation{display:flex;gap:8px;margin-top:30px;z-index:2;position:relative}.stream-viewer .no-stream .loading-animation .loading-dot{width:8px;height:8px;background:#8b5cf6cc;border-radius:50%;animation:loadingBounce 1.4s ease-in-out infinite both}.stream-viewer .no-stream .loading-animation .loading-dot.dot-1{animation-delay:-.32s}.stream-viewer .no-stream .loading-animation .loading-dot.dot-2{animation-delay:-.16s}.stream-viewer .no-stream .loading-animation .loading-dot.dot-3{animation-delay:0s}.stream-viewer:fullscreen{width:100vw;height:100vh;max-width:none;border-radius:0}.stream-viewer:fullscreen .stream-layout{justify-content:center}.stream-viewer:fullscreen .chat-area{display:none}.stream-viewer:fullscreen video{min-height:100vh!important}.stream-viewer:fullscreen .video-controls{bottom:0;padding:30px}.stream-viewer:fullscreen .video-controls .control-btn{min-width:140px;padding:12px 20px;font-size:16px}.stream-viewer:fullscreen .video-controls .control-btn .icon{font-size:20px}.stream-viewer:fullscreen .video-controls .control-btn .label{font-size:14px}.stream-viewer:-webkit-full-screen{width:100vw;height:100vh;max-width:none;border-radius:0}.stream-viewer:-webkit-full-screen .stream-layout{justify-content:center}.stream-viewer:-webkit-full-screen .chat-area{display:none}.stream-viewer:-webkit-full-screen video{min-height:100vh!important}.stream-viewer:-webkit-full-screen .video-controls{bottom:0;padding:30px}.stream-viewer:-webkit-full-screen .video-controls .control-btn{min-width:140px;padding:12px 20px;font-size:16px}.stream-viewer:-webkit-full-screen .video-controls .control-btn .icon{font-size:20px}.stream-viewer:-webkit-full-screen .video-controls .control-btn .label{font-size:14px}.stream-viewer:-ms-fullscreen{width:100vw;height:100vh;max-width:none;border-radius:0}.stream-viewer:-ms-fullscreen .stream-layout{justify-content:center}.stream-viewer:-ms-fullscreen .chat-area{display:none}.stream-viewer:-ms-fullscreen video{min-height:100vh!important}.stream-viewer:-ms-fullscreen .video-controls{bottom:0;padding:30px}.stream-viewer:-ms-fullscreen .video-controls .control-btn{min-width:140px;padding:12px 20px;font-size:16px}.stream-viewer:-ms-fullscreen .video-controls .control-btn .icon{font-size:20px}.stream-viewer:-ms-fullscreen .video-controls .control-btn .label{font-size:14px}@media (max-width: 1200px) and (orientation: portrait){.stream-viewer{max-width:100%}.stream-viewer .stream-layout{flex-direction:column;gap:16px}.stream-viewer .stream-layout .chat-area{width:100%;height:40vh;max-height:420px}.stream-viewer .video-container{background:#1a1a1a;border-radius:12px;min-height:50vh}}@media (orientation: landscape) and (max-height: 520px) and (max-width: 1200px){.stream-viewer .stream-layout{flex-direction:row;align-items:stretch;gap:8px}.stream-viewer .stream-layout .video-area{flex:1}.stream-viewer .stream-layout .chat-area{width:300px;height:auto;max-height:100%}.stream-viewer .stream-layout .chat-area .chat-box{height:100%}.stream-viewer .video-container{min-height:100%;border-radius:8px}}@media (max-width: 768px) and (orientation: portrait){.stream-viewer{padding:8px;height:100vh}.stream-viewer .stream-layout{flex-direction:column;gap:8px;height:100%}.stream-viewer .stream-layout .video-area{width:100%;flex:1;min-height:0}.stream-viewer .stream-layout .chat-area{width:100%;height:300px;flex-shrink:0}.stream-viewer .stream-layout .icon-chat{position:fixed;right:12px;top:16px;z-index:150;background:#20344ce6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px #0000004d}.stream-viewer .stream-layout .icon-chat:hover{background:#20344c;transform:scale(1.05)}.stream-viewer .video-container{border-radius:12px;background:#0a0a0a;min-height:40vh;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.stream-viewer .video-container:empty,.stream-viewer .video-container.waiting-stream{background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e)}.stream-viewer .video-container:empty:before,.stream-viewer .video-container.waiting-stream:before{content:"Waiting for stream...";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#ffffffb3;font-size:16px;font-weight:500;text-align:center;z-index:2}.stream-viewer .video-container:empty:after,.stream-viewer .video-container.waiting-stream:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;border:3px solid transparent;border-top:3px solid rgba(139,92,246,.6);border-radius:50%;animation:spin 1s linear infinite;margin-top:30px}.stream-viewer .video-container [data-component=PeerView]{width:100%;height:100%}.stream-viewer .video-container [data-component=PeerView] video{border-radius:12px;min-height:40vh!important;max-height:100%;object-fit:contain;background:#000}.stream-viewer .video-container .live-indicator{top:12px;left:12px;padding:5px 10px;font-size:11px}.stream-viewer .video-container .live-indicator .live-dot{width:6px;height:6px}.stream-viewer .video-container .live-indicator .live-text{font-size:10px}.stream-viewer .video-container .video-controls{padding:12px 15px;background:#000000f2}.stream-viewer .video-container .video-controls .language-selector{min-width:220px;padding:12px;margin-top:6px}.stream-viewer .video-container .video-controls .language-selector .language-header{font-size:14px}.stream-viewer .video-container .video-controls .language-selector .language-options .language-option{padding:10px 12px;font-size:13px}.stream-viewer .no-stream{max-height:600px;padding:80px 16px 100px;justify-content:space-between}.stream-viewer .no-stream .floating-particles .particle{width:4px;height:4px}.stream-viewer .no-stream .icon-container{margin-bottom:24px}.stream-viewer .no-stream .icon-container .pulse-ring.pulse-ring-1{width:80px;height:80px}.stream-viewer .no-stream .icon-container .pulse-ring.pulse-ring-2{width:96px;height:96px}.stream-viewer .no-stream .icon-container .pulse-ring.pulse-ring-3{width:112px;height:112px}.stream-viewer .no-stream .icon-container .icon{font-size:48px}.stream-viewer .no-stream .animated-title{font-size:20px;margin:0 0 12px;line-height:1.3;text-align:center}.stream-viewer .no-stream .subtitle{font-size:14px;margin:0 0 20px;opacity:.9;line-height:1.4}.stream-viewer .no-stream .connection-info{margin-top:20px;padding:16px 20px;max-width:280px;width:90%}.stream-viewer .no-stream .connection-info .status-indicator{margin-bottom:10px}.stream-viewer .no-stream .connection-info .status-indicator .status-dot{width:6px;height:6px}.stream-viewer .no-stream .connection-info .status-indicator span{font-size:12px}.stream-viewer .no-stream .connection-info .viewer-count{margin-bottom:10px}.stream-viewer .no-stream .connection-info .viewer-count .count-number{font-size:24px;margin-bottom:2px}.stream-viewer .no-stream .connection-info .viewer-count .count-label{font-size:12px}.stream-viewer .no-stream .connection-info .connection-status .status-badge{padding:6px 12px;font-size:12px}.stream-viewer .no-stream .loading-animation{margin-top:20px;gap:6px}.stream-viewer .no-stream .loading-animation .loading-dot{width:6px;height:6px}}@media (max-width: 480px) and (orientation: portrait){.stream-viewer{padding:8px}.stream-viewer .stream-layout{flex-direction:column;gap:10px}.stream-viewer .stream-layout .video-area{width:100%}.stream-viewer .stream-layout .chat-area{width:100%;height:300px}.stream-viewer .no-stream{padding:60px 12px 80px}.stream-viewer .no-stream .icon-container{margin-bottom:16px}.stream-viewer .no-stream .icon-container .pulse-ring.pulse-ring-1{width:60px;height:60px}.stream-viewer .no-stream .icon-container .pulse-ring.pulse-ring-2{width:72px;height:72px}.stream-viewer .no-stream .icon-container .pulse-ring.pulse-ring-3{width:84px;height:84px}.stream-viewer .no-stream .icon-container .icon{font-size:36px}.stream-viewer .no-stream .animated-title{font-size:18px;margin:0 0 8px}.stream-viewer .no-stream .subtitle{font-size:13px;margin:0 0 16px}.stream-viewer .no-stream .connection-info{padding:12px 16px;max-width:240px}.stream-viewer .no-stream .connection-info .viewer-count .count-number{font-size:20px}.stream-viewer .no-stream .connection-info .status-indicator span{font-size:11px}.stream-viewer .no-stream .connection-info .connection-status .status-badge{padding:5px 10px;font-size:11px}.stream-viewer .no-stream .loading-animation{margin-top:16px}.stream-viewer .no-stream .loading-animation .loading-dot{width:5px;height:5px}}@media (min-width: 768px) and (max-width: 1024px){.stream-viewer .no-stream{padding:32px}.stream-viewer .no-stream .icon-container{margin-bottom:32px}.stream-viewer .no-stream .icon-container .pulse-ring.pulse-ring-1{width:100px;height:100px}.stream-viewer .no-stream .icon-container .pulse-ring.pulse-ring-2{width:120px;height:120px}.stream-viewer .no-stream .icon-container .pulse-ring.pulse-ring-3{width:140px;height:140px}.stream-viewer .no-stream .icon-container .icon{font-size:56px}.stream-viewer .no-stream .animated-title{font-size:24px;margin-bottom:16px}.stream-viewer .no-stream .subtitle{font-size:15px;margin-bottom:24px}.stream-viewer .no-stream .connection-info{max-width:300px;padding:20px 28px}.stream-viewer .no-stream .connection-info .viewer-count .count-number{font-size:28px}}@media (max-width: 768px) and (orientation: landscape){.stream-viewer{padding:6px;height:100vh}.stream-viewer .stream-layout{flex-direction:row;gap:6px;height:100%}.stream-viewer .stream-layout .video-area{flex:1;height:100%}.stream-viewer .stream-layout .chat-area{width:280px;height:100%;flex-shrink:0}.stream-viewer .stream-layout .icon-chat{position:fixed;right:8px;top:10px;z-index:150;width:36px;height:36px;padding:6px}.stream-viewer .stream-layout .icon-chat img{width:20px;height:20px}.stream-viewer .video-container{border-radius:8px;min-height:100%;height:100%}.stream-viewer .video-container:empty:before,.stream-viewer .video-container.waiting-stream:before{font-size:14px}.stream-viewer .video-container:empty:after,.stream-viewer .video-container.waiting-stream:after{width:40px;height:40px;margin-top:25px}.stream-viewer .video-container [data-component=PeerView] video{border-radius:8px;min-height:100%!important;object-fit:contain}.stream-viewer .video-container .live-indicator{top:8px;left:8px;padding:4px 8px;font-size:10px}.stream-viewer .video-container .live-indicator .live-dot{width:5px;height:5px}.stream-viewer .video-container .live-indicator .live-text{font-size:9px}.stream-viewer .no-stream{padding:40px 16px 60px;flex-direction:row;align-items:center;justify-content:space-around;text-align:left}.stream-viewer .no-stream .icon-container{margin-bottom:0;margin-right:20px;flex-shrink:0}.stream-viewer .no-stream .icon-container .pulse-ring.pulse-ring-1{width:70px;height:70px}.stream-viewer .no-stream .icon-container .pulse-ring.pulse-ring-2{width:84px;height:84px}.stream-viewer .no-stream .icon-container .pulse-ring.pulse-ring-3{width:98px;height:98px}.stream-viewer .no-stream .icon-container .icon{font-size:42px}.stream-viewer .no-stream .animated-title{font-size:22px;text-align:left;margin-bottom:8px}.stream-viewer .no-stream .subtitle{font-size:14px;text-align:left;margin-bottom:16px}.stream-viewer .no-stream .connection-info{margin-top:16px;max-width:260px}.stream-viewer .no-stream .loading-animation{margin-top:16px;justify-content:flex-start}.stream-viewer .no-stream .floating-particles{opacity:.5}}@media (max-width: 480px) and (orientation: portrait){.stream-viewer{padding:6px}.stream-viewer .stream-layout{gap:6px}.stream-viewer .stream-layout .chat-area{height:260px}.stream-viewer .stream-layout .icon-chat{width:38px;height:38px;padding:7px}.stream-viewer .stream-layout .icon-chat img{width:22px;height:22px}.stream-viewer .video-container{border-radius:6px;min-height:35vh}.stream-viewer .video-container:empty:before,.stream-viewer .video-container.waiting-stream:before{font-size:14px;line-height:1.4;text-align:center;max-width:200px}.stream-viewer .video-container:empty:after,.stream-viewer .video-container.waiting-stream:after{width:35px;height:35px;margin-top:20px;border-width:2px}.stream-viewer .video-container .live-indicator{top:6px;left:6px;padding:3px 6px;font-size:9px}.stream-viewer .video-container .live-indicator .live-dot{width:4px;height:4px}.stream-viewer .video-container .live-indicator .live-text{font-size:8px}.stream-viewer .video-container [data-component=PeerView] video{min-height:35vh!important;border-radius:6px}.stream-viewer .video-container .video-controls{padding:10px 12px;background:#000000f2}.stream-viewer .video-container .video-controls .language-selector{min-width:180px;padding:10px;margin-top:6px}.stream-viewer .video-container .video-controls .language-selector .language-header{font-size:13px}.stream-viewer .video-container .video-controls .language-selector .language-options .language-option{padding:8px 10px;font-size:12px}.stream-viewer .no-stream{height:600px;padding:15px}.stream-viewer .no-stream .icon{font-size:40px}.stream-viewer .no-stream h2{font-size:20px}.stream-viewer .no-stream p{font-size:13px}}@media screen and (orientation: landscape) and (max-width: 1024px) and (max-height: 768px){.stream-viewer:fullscreen .stream-layout .chat-area,.stream-viewer:-webkit-full-screen .stream-layout .chat-area,.stream-viewer:-moz-full-screen .stream-layout .chat-area,.stream-viewer:-ms-fullscreen .stream-layout .chat-area{display:none!important}.stream-viewer:fullscreen .stream-layout .video-area,.stream-viewer:-webkit-full-screen .stream-layout .video-area,.stream-viewer:-moz-full-screen .stream-layout .video-area,.stream-viewer:-ms-fullscreen .stream-layout .video-area{width:100%!important;height:100vh!important}.stream-viewer:fullscreen .video-container,.stream-viewer:-webkit-full-screen .video-container,.stream-viewer:-moz-full-screen .video-container,.stream-viewer:-ms-fullscreen .video-container{width:100vw!important;height:100vh!important;border-radius:0!important}.stream-viewer:fullscreen .video-container [data-component=PeerView],.stream-viewer:-webkit-full-screen .video-container [data-component=PeerView],.stream-viewer:-moz-full-screen .video-container [data-component=PeerView],.stream-viewer:-ms-fullscreen .video-container [data-component=PeerView]{width:100%!important;height:100%!important}.stream-viewer:fullscreen .video-container [data-component=PeerView] video,.stream-viewer:-webkit-full-screen .video-container [data-component=PeerView] video,.stream-viewer:-moz-full-screen .video-container [data-component=PeerView] video,.stream-viewer:-ms-fullscreen .video-container [data-component=PeerView] video{width:100vw!important;height:100vh!important;min-height:100vh!important;object-fit:contain;position:fixed!important;top:0!important;left:0!important;z-index:999999!important}.stream-viewer:fullscreen .video-container .video-controls,.stream-viewer:-webkit-full-screen .video-container .video-controls,.stream-viewer:-moz-full-screen .video-container .video-controls,.stream-viewer:-ms-fullscreen .video-container .video-controls{position:fixed!important;bottom:0;left:0;right:0;background:#000c;padding:8px 16px;z-index:1000000!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stream-viewer:fullscreen .video-container .video-controls .controls-left,.stream-viewer:fullscreen .video-container .video-controls .controls-right,.stream-viewer:-webkit-full-screen .video-container .video-controls .controls-left,.stream-viewer:-webkit-full-screen .video-container .video-controls .controls-right,.stream-viewer:-moz-full-screen .video-container .video-controls .controls-left,.stream-viewer:-moz-full-screen .video-container .video-controls .controls-right,.stream-viewer:-ms-fullscreen .video-container .video-controls .controls-left,.stream-viewer:-ms-fullscreen .video-container .video-controls .controls-right{display:flex;gap:8px}.stream-viewer:fullscreen .video-container .video-controls .language-selector,.stream-viewer:-webkit-full-screen .video-container .video-controls .language-selector,.stream-viewer:-moz-full-screen .video-container .video-controls .language-selector,.stream-viewer:-ms-fullscreen .video-container .video-controls .language-selector{min-width:150px;padding:8px;background:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stream-viewer:fullscreen .video-container .video-controls .language-selector .language-option,.stream-viewer:-webkit-full-screen .video-container .video-controls .language-selector .language-option,.stream-viewer:-moz-full-screen .video-container .video-controls .language-selector .language-option,.stream-viewer:-ms-fullscreen .video-container .video-controls .language-selector .language-option{padding:6px 8px;font-size:11px}.stream-viewer:fullscreen .video-container .live-indicator,.stream-viewer:-webkit-full-screen .video-container .live-indicator,.stream-viewer:-moz-full-screen .video-container .live-indicator,.stream-viewer:-ms-fullscreen .video-container .live-indicator{position:fixed!important;top:10px;left:10px;padding:4px 8px;font-size:10px;z-index:1000000!important;background:#dc3545e6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.stream-viewer:fullscreen .video-container .live-indicator .live-dot,.stream-viewer:-webkit-full-screen .video-container .live-indicator .live-dot,.stream-viewer:-moz-full-screen .video-container .live-indicator .live-dot,.stream-viewer:-ms-fullscreen .video-container .live-indicator .live-dot{width:5px;height:5px}}@media screen and (orientation: landscape) and (max-width: 1024px) and (max-height: 768px){.stream-viewer:fullscreen .video-container.controls-hidden .video-controls,.stream-viewer:-webkit-full-screen .video-container.controls-hidden .video-controls,.stream-viewer:-moz-full-screen .video-container.controls-hidden .video-controls,.stream-viewer:-ms-fullscreen .video-container.controls-hidden .video-controls{opacity:0;transform:translateY(100%);transition:all .3s ease}.stream-viewer:fullscreen .video-container.controls-hidden .live-indicator,.stream-viewer:-webkit-full-screen .video-container.controls-hidden .live-indicator,.stream-viewer:-moz-full-screen .video-container.controls-hidden .live-indicator,.stream-viewer:-ms-fullscreen .video-container.controls-hidden .live-indicator{opacity:.7;transition:opacity .3s ease}.stream-viewer:fullscreen .video-container:hover .video-controls,.stream-viewer:-webkit-full-screen .video-container:hover .video-controls,.stream-viewer:-moz-full-screen .video-container:hover .video-controls,.stream-viewer:-ms-fullscreen .video-container:hover .video-controls{opacity:1!important;transform:translateY(0)!important}.stream-viewer:fullscreen .video-container:hover .live-indicator,.stream-viewer:-webkit-full-screen .video-container:hover .live-indicator,.stream-viewer:-moz-full-screen .video-container:hover .live-indicator,.stream-viewer:-ms-fullscreen .video-container:hover .live-indicator{opacity:1!important}}@media screen and (orientation: portrait) and (max-width: 768px){.stream-viewer .video-container .video-controls .control-btn.fullscreen-btn .label{display:none}}.chat-overlay-container{position:absolute;height:50%;right:20px;bottom:80px;width:300px;z-index:20;pointer-events:none;display:flex;flex-direction:column}.chat-overlay-container .chat-box{pointer-events:auto}.chat-overlay-container .chat-box.overlay-mode{background:transparent;border:none;height:100%;display:flex;flex-direction:column;justify-content:flex-end}.chat-overlay-container .chat-box.overlay-mode .chat-messages.overlay-messages{background:transparent;border:none;padding:0;max-height:100%;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:8px}.chat-overlay-container .chat-box.overlay-mode .chat-messages.overlay-messages .chat-message.overlay-message{border:none;padding:10px 14px;margin:0;animation:slideInFromRight .3s ease-out;max-width:100%;word-wrap:break-word}.chat-overlay-container .chat-box.overlay-mode .chat-messages.overlay-messages .chat-message.overlay-message .overlay-message-content{display:flex;flex-wrap:wrap;gap:4px;font-size:14px;line-height:1.4}.chat-overlay-container .chat-box.overlay-mode .chat-messages.overlay-messages .chat-message.overlay-message .overlay-message-content .overlay-username{color:#2e6098;font-weight:600;font-size:13px;flex-shrink:0}.chat-overlay-container .chat-box.overlay-mode .chat-messages.overlay-messages .chat-message.overlay-message .overlay-message-content .overlay-text{color:#fff;font-weight:400}.chat-overlay-mobile-container{width:100%;right:0;max-height:200px;bottom:0}.chat-overlay-mobile-container .chat-box{width:75%}.chat-overlay-mobile-container .chat-box.overlay-mode .chat-messages.overlay-messages .chat-message.overlay-message{padding:2px 14px}@keyframes slideInFromRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.fullscreen-chat-input-container-wrapper{flex:1 1 60%;width:60%;max-width:60%;display:flex;align-items:center;justify-content:center;min-width:250px;min-height:0}.fullscreen-chat-input-container{width:100%;max-width:100%;margin:0}.fullscreen-chat-input-container .fullscreen-chat-input-form{display:flex;align-items:center;gap:10px;background:#000000b3;border-radius:25px;padding:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 15px #0000004d}.fullscreen-chat-input-container .fullscreen-chat-input-form .fullscreen-chat-input{flex:1;background:transparent;border:none;color:#fff;font-size:15px;padding:8px 12px;outline:none}.fullscreen-chat-input-container .fullscreen-chat-input-form .fullscreen-chat-input::placeholder{color:#fff9}.fullscreen-chat-input-container .fullscreen-chat-input-form .fullscreen-send-btn{background:#007bff;border:none;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}.fullscreen-chat-input-container .fullscreen-chat-input-form .fullscreen-send-btn:hover{background:#0056b3}.fullscreen-chat-input-container .fullscreen-chat-input-form .fullscreen-send-btn:disabled{background:#555;cursor:not-allowed}.fullscreen-chat-input-container .fullscreen-chat-input-form .fullscreen-send-btn .icon{font-size:18px;transform:translate(1px)}.multi-stream-layout{position:relative;width:100%;height:100%;overflow:hidden}.multi-stream-layout .primary-video{width:100%;height:100%;position:relative}.multi-stream-layout .primary-video [data-component=PeerView]{width:100%;height:100%}.multi-stream-layout .primary-video [data-component=PeerView] video{width:100%;height:100%;object-fit:contain;background:#000;border-radius:12px}.multi-stream-layout .camera-overlay{position:absolute;bottom:70px;right:15px;width:160px;height:90px;border:2px solid #fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0006;z-index:50;background:#000;pointer-events:none;-webkit-user-select:none;user-select:none}.multi-stream-layout .camera-overlay,.multi-stream-layout .camera-overlay *{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.multi-stream-layout .camera-overlay:focus,.multi-stream-layout .camera-overlay *:focus{outline:none!important}.multi-stream-layout .camera-overlay [data-component=PeerView]{width:100%;height:100%}.multi-stream-layout .camera-overlay [data-component=PeerView] video{width:100%;height:100%;object-fit:cover;border-radius:8px}.multi-stream-layout .camera-overlay [data-component=PeerView] video::-webkit-media-controls{display:none!important}.multi-stream-layout .camera-overlay [data-component=PeerView] video::-webkit-media-controls-panel{display:none!important}.multi-stream-layout .camera-overlay [data-component=PeerView] video::-webkit-media-controls-play-button{display:none!important}.multi-stream-layout .camera-overlay [data-component=PeerView] video::-webkit-media-controls-start-playback-button{display:none!important}.multi-stream-layout .camera-overlay [data-component=PeerView] .video-controls,.multi-stream-layout .camera-overlay [data-component=PeerView] .media-controls,.multi-stream-layout .camera-overlay [data-component=PeerView] .pip-button,.multi-stream-layout .camera-overlay [data-component=PeerView] .translate-button,.multi-stream-layout .camera-overlay [data-component=PeerView] button,.multi-stream-layout .camera-overlay [data-component=PeerView] .floating-controls,.multi-stream-layout .camera-overlay [data-component=PeerView] .overlay-controls,.multi-stream-layout .camera-overlay [data-component=PeerView] .video-overlay{display:none!important}@media (max-width: 768px){.multi-stream-layout .camera-overlay{width:100px;height:70px;bottom:60px;right:8px;border-width:1px}}@media (min-width: 1200px){.multi-stream-layout .camera-overlay{width:180px;height:120px;bottom:80px;right:20px}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes iconPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}@keyframes textGradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes cardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes particleFloat{0%,to{transform:translateY(0) rotate(0);opacity:.6}33%{transform:translateY(-15px) rotate(120deg);opacity:.8}66%{transform:translateY(-5px) rotate(240deg);opacity:.4}}@keyframes floatUp{0%{opacity:0;transform:translateY(100px) scale(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100px) scale(1.2)}}@keyframes pulseRing{0%{transform:translate(-50%,-50%) scale(.3);opacity:1}80%{transform:translate(-50%,-50%) scale(1.2);opacity:0}to{transform:translate(-50%,-50%) scale(1.2);opacity:0}}@keyframes iconBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}@keyframes countUp{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes loadingBounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.stream-room{display:flex;flex-direction:column;height:100vh;background:#0f0f0f}.stream-room .header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#1a1a1a;border-bottom:1px solid #3d3d3d;box-shadow:0 2px 8px #0000004d}.stream-room .header .room-info{display:flex;align-items:center;gap:16px}.stream-room .header .room-info .room-title{font-size:24px;font-weight:600;color:#fff;margin:0}.stream-room .header .room-info .room-status{display:flex;align-items:center;gap:8px}.stream-room .header .room-info .room-status .status-indicator{width:8px;height:8px;border-radius:50%;background:#4caf50;animation:pulse 2s infinite}.stream-room .header .room-info .room-status .status-indicator.connected{background:#4caf50}.stream-room .header .room-info .room-status .status-indicator.connecting{background:#ff9800}.stream-room .header .room-info .room-status .status-indicator.disconnected{background:#f44336}.stream-room .header .room-info .room-status .status-text{font-size:14px;color:#aaa;font-weight:500;text-transform:capitalize}.stream-room .header .room-link-wrapper .room-link .link{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#065fd4;color:#fff;border-radius:20px;font-size:14px;font-weight:500;transition:all .2s ease;border:1px solid #065fd4}.stream-room .header .room-link-wrapper .room-link .link:hover{background:#0056b3;border-color:#0056b3;transform:translateY(-1px);box-shadow:0 4px 12px #655fd44d}.stream-room .header .room-link-wrapper .room-link .link:active{transform:translateY(0)}.stream-room .main-content{flex:1;overflow:hidden}.stream-room .footer{padding:16px 24px;background:#1a1a1a;border-top:1px solid #3d3d3d}.stream-room .footer .server-info{display:flex;justify-content:center;gap:24px;flex-wrap:wrap}.stream-room .footer .server-info .text{font-size:12px;color:#717171;margin:0}.stream-room .footer .server-info .text .label{font-weight:600;color:#aaa}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@media (max-width: 768px){.stream-room .header{padding:12px 16px;flex-direction:column;gap:12px;align-items:stretch}.stream-room .header .room-info{justify-content:center;flex-direction:column;gap:8px}.stream-room .header .room-info .room-title{font-size:20px;text-align:center}.stream-room .header .room-link-wrapper .room-link .link{justify-content:center;padding:10px 16px;font-size:13px}.stream-room .footer{padding:12px 16px}.stream-room .footer .server-info{gap:16px}.stream-room .footer .server-info .text{font-size:11px}}@media (max-width: 480px){.stream-room .header .room-info .room-title{font-size:18px}.stream-room .header .room-info .room-status .status-text{font-size:12px}.stream-room .footer .server-info{flex-direction:column;align-items:center;gap:8px}}.chat-box{width:100%;height:100%;background:#1a1a1a;border-radius:0;box-shadow:none;display:flex;flex-direction:column;overflow:hidden;border-left:1px solid #3d3d3d}.chat-box .chat-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#2d2d2d,#1a1a1a);color:#fff;border-bottom:1px solid #3d3d3d;box-shadow:0 2px 8px #0000004d}.chat-box .chat-header .chat-title{display:flex;align-items:center;gap:8px;font-weight:600;font-size:16px}.chat-box .chat-header .chat-title .icon{width:18px;height:18px}.chat-box .chat-header .chat-title .online-count{font-size:13px;opacity:.9;font-weight:400;color:#ffffffe6}.chat-box .chat-header .chat-controls{display:flex;gap:8px}.chat-box .chat-header .chat-controls .control-btn{width:32px;height:32px;border:none;border-radius:50%;background:#ffffff1a;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.chat-box .chat-header .chat-controls .control-btn:hover{background:#fff3;transform:scale(1.1)}.chat-box .chat-header .chat-controls .control-btn.paused{background:#ffc1074d;color:#ffc107}.chat-box .chat-header .chat-controls .control-btn.close-btn:hover{background:#dc35454d;color:#dc3545}.chat-box .chat-header .chat-controls .control-btn .icon{font-size:14px}.chat-box .chat-messages{flex:1;padding:16px;overflow-y:auto;background:#0f0f0f;scroll-behavior:smooth;height:0;scrollbar-width:thin;scrollbar-color:#243b55 #2d2d2d}.chat-box .chat-messages::-webkit-scrollbar{width:12px}.chat-box .chat-messages::-webkit-scrollbar-track{background:#2d2d2d;border-radius:6px;border:1px solid #3d3d3d}.chat-box .chat-messages::-webkit-scrollbar-thumb{background:#243b55;border-radius:6px;border:2px solid #2d2d2d}.chat-box .chat-messages::-webkit-scrollbar-thumb:hover{background:#ee5a52;border-color:#1a1a1a}.chat-box .chat-messages::-webkit-scrollbar-thumb:active{background:#d63031}.chat-box .chat-messages .chat-message{margin-bottom:16px;animation:fadeInUp .3s ease}.chat-box .chat-messages .chat-message.own-message .message-header{justify-content:flex-end;gap:4px}.chat-box .chat-messages .chat-message.own-message .message-header .username{color:#243b55;font-weight:600}.chat-box .chat-messages .chat-message.own-message .message-content{background:linear-gradient(135deg,#243b55,#141e30);color:#fff;margin-left:auto;border-radius:18px 18px 4px;border:1px solid #243b55;box-shadow:0 2px 8px #243b544d}.chat-box .chat-messages .chat-message.user-message .message-content{background:#2d2d2d;color:#fff;border-radius:18px 18px 18px 4px;border:1px solid #3d3d3d}.chat-box .chat-messages .chat-message .message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;padding:0 4px}.chat-box .chat-messages .chat-message .message-header .username{font-size:13px;font-weight:500;color:#aaa}.chat-box .chat-messages .chat-message .message-header .timestamp{font-size:11px;color:#717171}.chat-box .chat-messages .chat-message .message-content{padding:8px 16px;max-width:80%;word-wrap:break-word;line-height:1.4;font-size:14px;box-shadow:0 1px 3px #0003}.chat-box .chat-input-container{padding:16px;background:#1a1a1a;border-top:1px solid #3d3d3d}.chat-box .chat-input-container .chat-input-form{display:flex;gap:8px;margin-bottom:8px}.chat-box .chat-input-container .chat-input-form .chat-input{flex:1;padding:10px 16px;border:1px solid #3d3d3d;border-radius:20px;font-size:14px;outline:none;transition:all .2s ease;background:#2d2d2d;color:#fff}.chat-box .chat-input-container .chat-input-form .chat-input:focus{border-color:#243b55;box-shadow:0 0 0 3px #243b5433}.chat-box .chat-input-container .chat-input-form .chat-input::placeholder{color:#717171}.chat-box .chat-input-container .chat-input-form .send-btn{width:40px;height:40px;border:none;border-radius:50%;background:linear-gradient(135deg,#243b55,#141e30);color:#fff!important;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border:1px solid #243b55}.chat-box .chat-input-container .chat-input-form .send-btn:hover:not(:disabled){background:linear-gradient(135deg,#ee5a52,#d63031);border-color:#ee5a52;transform:scale(1.05)}.chat-box .chat-input-container .chat-input-form .send-btn:disabled{background:#3d3d3d;border-color:#3d3d3d;cursor:not-allowed}.chat-box .chat-input-container .chat-input-form .send-btn .icon{width:32px;height:32px;padding:4px}.chat-box .chat-input-container .chat-info{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#717171}.chat-box .chat-input-container .chat-info .char-count{font-weight:500;color:#aaa}.chat-box .chat-input-container .chat-info .status{display:flex;align-items:center;gap:6px}.chat-box .chat-input-container .chat-info .status:before{content:"";width:6px;height:6px;border-radius:50%;background:#243b55;animation:pulse 2s infinite}.chat-box .chat-input-container-mobile{background:transparent;border:none;padding:12px}.chat-box .chat-input-container-mobile .chat-input-form .chat-input{background:#2d2d2d73}@media (max-width: 768px){.chat-box{border-radius:8px}.chat-box .chat-header{padding:12px 16px}.chat-box .chat-header .chat-title{font-size:14px}.chat-box .chat-header .chat-title .icon{font-size:16px}.chat-box .chat-header .chat-title .online-count{font-size:12px}.chat-box .chat-header .chat-controls .control-btn{width:28px;height:28px}.chat-box .chat-header .chat-controls .control-btn .icon{font-size:12px}.chat-box .chat-messages{padding:12px}.chat-box .chat-messages .chat-message{margin-bottom:12px}.chat-box .chat-messages .chat-message .message-content{max-width:90%;font-size:13px;padding:6px 12px}.chat-box .chat-messages .chat-message .message-header .username{font-size:12px}.chat-box .chat-messages .chat-message .message-header .timestamp{font-size:10px}.chat-box .chat-input-container{padding:12px}.chat-box .chat-input-container .chat-input-form{gap:6px}.chat-box .chat-input-container .chat-input-form .chat-input{padding:8px 12px;font-size:13px}.chat-box .chat-input-container .chat-input-form .send-btn{width:36px;height:36px}.chat-box .chat-input-container .chat-input-form .send-btn .icon{font-size:14px}.chat-box .chat-input-container .chat-info{font-size:11px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.audio-permission-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.audio-permission-modal{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;padding:24px;max-width:400px;width:90%;box-shadow:0 8px 32px var(--shadow-secondary);animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{text-align:center;margin-bottom:20px}.modal-header h2{margin:0;font-size:20px;font-weight:600;color:var(--text-primary)}.modal-content{margin-bottom:24px}.modal-content p{margin:0 0 16px;font-size:14px;line-height:1.5;color:var(--text-secondary);text-align:center}.modal-content .error-message{background:#ff00001a;border:1px solid rgba(255,0,0,.3);border-radius:6px;padding:12px;margin-top:12px;font-size:13px;color:#243b55;text-align:center}.modal-actions{display:flex;gap:12px;justify-content:center}.modal-actions .btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:100px}.modal-actions .btn:disabled{opacity:.6;cursor:not-allowed}.modal-actions .btn.btn-primary{background:var(--accent-primary);color:#fff}.modal-actions .btn.btn-primary:hover:not(:disabled){background:#c00;transform:translateY(-1px)}.modal-actions .btn.btn-primary.loading{position:relative;color:transparent}.modal-actions .btn.btn-primary.loading:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.modal-actions .btn.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-primary)}.modal-actions .btn.btn-secondary:hover:not(:disabled){background:var(--bg-elevated);transform:translateY(-1px)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 480px){.audio-permission-modal{padding:20px;margin:20px}.modal-actions{flex-direction:column}.modal-actions .btn{width:100%}}.audio-permission-warning{position:fixed;top:20px;right:20px;z-index:9998;animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.warning-content{background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:8px;padding:12px 16px;display:flex;align-items:center;gap:12px;max-width:350px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.warning-icon{font-size:18px;flex-shrink:0}.warning-text{font-size:13px;color:#ffc107;line-height:1.4;flex:1}.warning-close{background:none;border:none;color:#ffc107;font-size:16px;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;flex-shrink:0}.warning-close:hover{background:#ffc10733}@media (max-width: 480px){.audio-permission-warning{top:10px;right:10px;left:10px}.warning-content{max-width:none}}@supports (-webkit-touch-callout: none){.stream-viewer .video-container [data-component=PeerView] video{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}}@media screen and (-webkit-min-device-pixel-ratio: 0){.stream-viewer .video-container [data-component=PeerView] video{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@media (max-width: 768px){.stream-viewer .chat-area .chat-box .chat-messages{-webkit-overflow-scrolling:touch}.stream-viewer .chat-input input,.stream-viewer .chat-input textarea{font-size:16px}}@media screen and (orientation: landscape) and (max-width: 768px){.stream-viewer .stream-layout .chat-area{height:250px}.stream-viewer .video-container [data-component=PeerView] video{min-height:180px!important}}@media (max-width: 360px){.stream-viewer{padding:5px}}@media (max-width: 768px){.audio-permission-modal{max-width:90vw;margin:20px}}@media (max-width: 768px){.stream-viewer .video-container.fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;border-radius:0}.stream-viewer .video-container.fullscreen [data-component=PeerView] video{height:100vh!important;min-height:100vh!important}.stream-viewer .video-container.fullscreen .video-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000b3)}}html{height:100%;overflow-x:hidden}body{height:100%;margin:0;padding:0;font-family:Roboto,sans-serif;font-size:14px;line-height:1.4;color:#fff;background:#0f0f0f;overflow-x:hidden}#root{height:100%}:root{--bg-primary: #0f0f0f;--bg-secondary: #1f1f1f;--bg-tertiary: #2d2d2d;--bg-elevated: #3d3d3d;--text-primary: #ffffff;--text-secondary: #aaaaaa;--text-tertiary: #717171;--accent-primary: #ff0000;--accent-secondary: #065fd4;--border-primary: #3d3d3d;--border-secondary: #5f5f5f;--shadow-primary: rgba(0, 0, 0, .3);--shadow-secondary: rgba(0, 0, 0, .5)}*{box-sizing:border-box}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--bg-elevated)}.chat-box .chat-messages::-webkit-scrollbar{width:12px!important}.chat-box .chat-messages::-webkit-scrollbar-track{background:#2d2d2d!important;border-radius:6px!important;border:1px solid #3d3d3d!important}.chat-box .chat-messages::-webkit-scrollbar-thumb{background:#243b55!important;border-radius:6px!important;border:2px solid #2d2d2d!important}.chat-box .chat-messages::-webkit-scrollbar-thumb:hover{background:#ee5a52!important;border-color:#1a1a1a!important}.chat-box .chat-messages::-webkit-scrollbar-thumb:active{background:#d63031!important}.chat-box .send-btn .icon,.chat-box .send-btn{color:#fff!important}::selection{background:var(--accent-secondary);color:var(--text-primary)}*:focus{outline:2px solid var(--accent-secondary);outline-offset:2px}button{background:none;border:none;color:inherit;font:inherit;cursor:pointer;padding:0;margin:0}a{color:var(--accent-secondary);text-decoration:none}a:hover{text-decoration:underline}input,textarea{background:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-primary);border-radius:4px;padding:8px 12px;font-size:14px}input:focus,textarea:focus{border-color:var(--accent-secondary);box-shadow:0 0 0 2px #655fd433}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}.card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;box-shadow:0 2px 8px var(--shadow-primary)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.bg-primary{background:var(--bg-primary)}.bg-secondary{background:var(--bg-secondary)}.bg-tertiary{background:var(--bg-tertiary)}.border-primary{border-color:var(--border-primary)}.border-secondary{border-color:var(--border-secondary)}.room-link-wrapper{display:flex;gap:16px}.room-link-wrapper .link{text-decoration:none}