#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}nav{padding:30px}nav a{font-weight:700;color:#2c3e50}nav a.router-link-exact-active{color:#42b983}v-container[data-v-00e3b39d]{max-width:800px;margin:0 auto;padding:20px}h1[data-v-00e3b39d]{font-size:2.5rem;color:#3f51b5;text-align:center}p[data-v-00e3b39d]{font-size:1.2rem;line-height:1.5;color:#555;margin:20px 0}@media (max-width:600px){h1[data-v-00e3b39d]{font-size:2rem}p[data-v-00e3b39d]{font-size:1rem}}.chat-container[data-v-029d1cd3]{display:flex;flex-direction:column;width:100%;margin-top:20px;margin-bottom:0;background-color:#f5f5f5;border:1px solid #a9a9a9;border-radius:10px}.messages[data-v-029d1cd3]{overflow-y:auto;max-height:400px;padding:10px;border:1px solid #ccc;background-color:#f9f9f9;margin-bottom:10px;flex-grow:1;height:200px}.message[data-v-029d1cd3]{margin-bottom:4px;text-align:left;font-size:12px}.d-none[data-v-38a78293]{display:none!important}.broadcast-container[data-v-38a78293]{padding:20px}.room-list[data-v-38a78293]{display:flex;flex-wrap:wrap;justify-content:left}.responsive-video[data-v-38a78293]{width:100%;max-width:800px;border:1px solid #ccc;border-radius:8px}video[data-v-38a78293]{width:100%;max-width:600px;height:auto;border:1px solid #ccc}.transition-all[data-v-38a78293]{transition:all .3s ease}.video-display[data-v-38a78293]{width:100%;max-width:70vw;height:auto;border:1px solid #ccc;border-radius:8px;margin-top:10px}.mirror[data-v-38a78293]{transform:scaleX(-1)}.d-none{display:none!important}.broadcast-room{max-width:800px;margin:0 auto;padding:20px;text-align:center}.broadcaster{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.video-display{width:100%;max-width:70vw;height:auto;border:1px solid #ccc;border-radius:8px;margin-top:10px}.mirror{transform:scaleX(-1)}.text-center{text-align:center}.rotate-icon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#video-container{display:grid;gap:20px;padding:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media (min-width:600px){#video-container{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (min-width:900px){#video-container{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (min-width:1200px){#video-container{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}.listener-video:hover{transform:scale(1.05)}.video-wrapper{position:relative;width:100%;aspect-ratio:16/9;border-radius:12px;background-color:#000;box-shadow:0 4px 10px rgba(0,0,0,.3);overflow:hidden}.listener-video{width:100%;height:100%;border-radius:12px;background:#000}.listener-id{position:absolute;top:10px;left:10px;right:10px;font-size:12px;color:#fff;background-color:rgba(0,0,0,.6);padding:5px;text-align:center;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.3)}.listener-screen-share-container{margin-top:20px;padding:15px;background:rgba(0,255,0,.1);border:2px solid rgba(0,255,0,.3);border-radius:12px}.listener-screen-share-video-container{display:flex;flex-direction:column;gap:15px}.listener-screen-share-video{border-radius:8px;box-shadow:0 4px 12px rgba(0,255,0,.2);transition:all .3s ease}.listener-screen-share-video:hover{transform:scale(1.01);box-shadow:0 6px 16px rgba(0,255,0,.3)}.loading-overlay[data-v-c9768c92]{display:flex;justify-content:center;align-items:center;height:100px}