#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px}.container{max-width:1200px;margin:0 auto;padding:0 20px}.modal-overlay[data-v-0e0e1840]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content[data-v-0e0e1840]{background:#1a1a1a;border-radius:12px;padding:2rem;max-width:500px;width:90%;position:relative;border:1px solid hsla(0,0%,100%,.1)}.feedback-modal[data-v-0e0e1840]{max-width:400px}.modal-close[data-v-0e0e1840]{position:absolute;top:1rem;right:1rem;background:none;border:none;color:hsla(0,0%,100%,.5);font-size:1.5rem;cursor:pointer;padding:.5rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.modal-close[data-v-0e0e1840]:hover{background:hsla(0,0%,100%,.1);color:#fff}.modal-content h2[data-v-0e0e1840]{color:orange;margin:0 0 1.5rem;font-size:1.5rem;font-weight:500}.feedback-intro[data-v-0e0e1840]{color:hsla(0,0%,100%,.7);font-size:.875rem;margin-bottom:1.5rem;line-height:1.4}.feedback-form[data-v-0e0e1840]{display:flex;flex-direction:column;gap:1rem}.form-group[data-v-0e0e1840]{display:flex;flex-direction:column;gap:.5rem}.form-group label[data-v-0e0e1840]{color:hsla(0,0%,100%,.9);font-size:.875rem}.feedback-input[data-v-0e0e1840]{width:100%;padding:.75rem;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;color:#fff;font-size:1rem;transition:all .2s}.feedback-input[data-v-0e0e1840]:focus{outline:none;border-color:orange;background:hsla(0,0%,100%,.15)}.feedback-textarea[data-v-0e0e1840]{min-height:120px;resize:vertical}.feedback-actions[data-v-0e0e1840]{display:flex;justify-content:flex-end;margin-top:1rem}.submit-button[data-v-0e0e1840]{padding:.75rem 1.5rem;background:orange;border:none;color:#fff;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .2s}.submit-button[data-v-0e0e1840]:hover:not(:disabled){background:#ff9500;transform:translateY(-1px)}.submit-button[data-v-0e0e1840]:disabled{opacity:.7;cursor:not-allowed}*{margin:0;padding:0;box-sizing:border-box}:root{background:#000}.landing-page{min-height:100vh;min-width:100vw;display:flex;justify-content:space-between;align-items:center;padding:2rem;position:fixed;top:0;left:0;right:0;bottom:0;overflow:hidden;background-image:linear-gradient(90deg,rgba(0,0,0,.4),rgba(0,0,0,.7)),url(/img/singing.3cdecb54.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat}.welcome-section{max-width:600px;padding:2rem;color:#fff;animation:fadeIn 1s ease-out}.welcome-section h1{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;line-height:1.2;background:linear-gradient(135deg,orange,#ff4500);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 4px rgba(0,0,0,.3)}.welcome-section p{font-size:1.1rem;line-height:1.6;color:hsla(0,0%,100%,.9);text-shadow:0 1px 2px rgba(0,0,0,.5)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1200px){.welcome-section{max-width:450px}.welcome-section h1{font-size:2rem}.welcome-section p{font-size:1rem}}@media (max-width:768px){.landing-page{flex-direction:column;justify-content:center;padding:1.5rem;background-image:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)),url(/img/singing.3cdecb54.jpg)}.welcome-section{padding:0;margin-bottom:2rem;text-align:center}.welcome-section h1{font-size:1.75rem}.content{padding:2rem 1.5rem}}.content{flex-direction:column;gap:3rem;max-width:400px;position:relative;z-index:2;background:rgba(0,0,0,.278);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(10px);padding:3rem 2rem;border-radius:16px;border-left:1px solid hsla(0,0%,100%,.1)}.content,.landing-logo{display:flex;align-items:center;width:100%}.landing-logo{gap:.5rem;margin-bottom:0;justify-content:center}.landing-logo-icon{font-size:2rem;display:inline-block;line-height:1}.landing-logo-icon,.landing-logo-text{color:orange;white-space:nowrap;text-shadow:0 2px 4px rgba(0,0,0,.5)}.landing-logo-text{font-size:1.75rem;font-weight:500}.actions{display:flex;flex-direction:column;gap:1.5rem;width:100%}.action-button{width:100%;padding:1rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.create-button{background:orange;color:#000}.create-button:hover{background:#ff9500;transform:translateY(-2px)}.divider{display:flex;align-items:center;text-align:center;color:hsla(0,0%,100%,.5);font-size:.875rem}.divider:after,.divider:before{content:"";flex:1;border-bottom:1px solid hsla(0,0%,100%,.1)}.divider-text{margin:0 1rem}.join-section{display:flex;flex-direction:column;gap:.75rem;width:100%}.room-input{width:100%;padding:1rem;background:rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;color:#fff;font-size:1rem;text-align:center}.room-input::-moz-placeholder{color:hsla(0,0%,100%,.5)}.room-input::placeholder{color:hsla(0,0%,100%,.5)}.room-input:focus{outline:none;background:rgba(0,0,0,.5);border-color:orange}.join-button{background:rgba(0,0,0,.3);color:#fff;border:1px solid hsla(0,0%,100%,.2)}.join-button:hover{background:rgba(0,0,0,.5);transform:translateY(-2px)}.error-message{color:#ff6b6b;text-align:center;font-size:.875rem;background:hsla(0,100%,71%,.2);padding:.75rem 1rem;border-radius:8px;width:100%;margin:0}.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.action-button:disabled{opacity:.7;cursor:not-allowed}.help-button{background:none;border:none;color:hsla(0,0%,100%,.7);font-size:.875rem;cursor:pointer;text-decoration:underline;transition:color .2s;padding:.5rem}.help-button:hover{color:#fff}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.502);display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-content{background:rgba(26,26,26,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:12px;padding:2rem;max-width:500px;width:90%;position:relative;border:1px solid hsla(0,0%,100%,.1);margin:1rem;text-align:left;max-height:90vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:hsla(0,0%,100%,.5);font-size:1.5rem;cursor:pointer;padding:.5rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.modal-close:hover{background:hsla(0,0%,100%,.1);color:#fff}.modal-content h2{color:orange;margin:0 0 1.5rem;font-size:1.5rem;font-weight:500}.instructions-content{display:flex;flex-direction:column;gap:1.5rem}.instruction-step h3{color:#fff;margin:0 0 .5rem;font-size:1.1rem;font-weight:500}.instruction-step p{color:hsla(0,0%,100%,.8);margin:0;font-size:.9rem;line-height:1.4}@media (max-width:480px){.modal-content{padding:1.5rem;margin:.5rem;width:95%;max-height:85vh}.modal-overlay{padding:.5rem}.instruction-step h3{font-size:1rem}.instruction-step p{font-size:.875rem}}.footer-links{margin-top:1rem;text-align:center}.footer-link{color:hsla(0,0%,100%,.5);font-size:.75rem;text-decoration:none;transition:color .2s}.footer-link:hover{color:hsla(0,0%,100%,.8)}.consent-list{list-style-type:none;margin:1rem 0;padding:0}.consent-list li{margin-bottom:1rem;color:hsla(0,0%,100%,.8);padding-left:1.5rem;position:relative;line-height:1.4}.consent-list li:before{content:"•";position:absolute;left:.5rem;color:orange}.consent-list a{color:orange;text-decoration:none}.consent-list a:hover{text-decoration:underline}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.cancel-button{background:transparent;border:1px solid hsla(0,0%,100%,.2);border-radius:4px}.accept-button,.cancel-button{padding:.5rem 1rem;color:#fff;cursor:pointer}.accept-button{background:orange;border:none;border-radius:4px}.cancel-button:hover{background:hsla(0,0%,100%,.1)}.accept-button:hover{background:#ff9500}.instructions-content p{margin-bottom:1rem;color:hsla(0,0%,100%,.9)}.karaoke-player{position:absolute;top:0;left:0;right:0;bottom:0;background:#000;display:flex;flex-direction:column;overflow:hidden}.player-header{justify-content:space-between;background:hsla(0,0%,100%,.1);padding:.75rem 1.5rem;border-bottom:1px solid hsla(0,0%,100%,.1);flex-shrink:0}.player-header,.player-logo{display:flex;align-items:center}.player-logo{gap:.5rem;cursor:pointer;transition:opacity .2s}.player-logo:hover{opacity:.8}.player-logo-icon,.player-logo-text{font-size:1.25rem;color:orange}.player-logo-text{font-weight:500}.player-queue-info{color:#fff;font-size:.875rem}.player-container{flex:1;position:relative;min-height:0}#youtube-player{position:absolute;top:0;left:0;width:100%;height:100%}.empty-queue-message{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;background:#000;z-index:100;padding:4rem}.empty-queue-message h2{margin:0 0 2rem 0;font-size:3.5rem;color:orange;font-weight:500}.empty-queue-message p{margin:0;font-size:2rem;opacity:.9;line-height:1.4}.youtube-attribution{display:flex;align-items:center;justify-content:flex-end;gap:.25rem;background:hsla(0,0%,100%,.1);padding:.4rem .75rem;border-top:1px solid hsla(0,0%,100%,.1);flex-shrink:0}.youtube-logo{height:16px;width:auto}.youtube-link{display:flex;align-items:center;text-decoration:none}.attribution-text{color:#fff;font-size:.75rem;opacity:.8}.session-client[data-v-6cfbaf7e]{display:flex;flex-direction:column;min-height:100vh;padding:.5rem;gap:.5rem;background:linear-gradient(135deg,#1a1a1a,#0a0a0a),radial-gradient(circle at top right,rgba(255,165,0,.1) 0,transparent 60%),radial-gradient(circle at bottom left,rgba(255,165,0,.05) 0,transparent 40%);background-blend-mode:normal,screen,screen;position:fixed;top:0;left:0;right:0;bottom:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}.header[data-v-6cfbaf7e]{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background-color:#1a1a1a;color:#fff}.header-left[data-v-6cfbaf7e]{display:flex;align-items:center;gap:10px}.emoji[data-v-6cfbaf7e]{font-size:24px}.brand[data-v-6cfbaf7e]{color:orange;font-size:18px;font-weight:500;margin-right:10px;cursor:pointer}.header-right[data-v-6cfbaf7e]{gap:.75rem}.room-info[data-v-6cfbaf7e]{padding:12px 20px;background:hsla(0,0%,100%,.1);margin:12px 20px;border-radius:8px;display:flex;align-items:center;justify-content:space-between}.room-id[data-v-6cfbaf7e]{font-size:1rem;font-weight:600;color:#fff;margin:0;display:flex;align-items:center;gap:.5rem}.url-actions[data-v-6cfbaf7e]{display:flex;align-items:center;gap:.25rem}.action-icon[data-v-6cfbaf7e]{background:none;border:none;padding:.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;transition:all .2s;position:relative}.action-icon[data-v-6cfbaf7e]:hover{background:hsla(0,0%,100%,.1)}.error-message[data-v-6cfbaf7e]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;margin:0 20px;background:linear-gradient(135deg,#f44,#c00);color:#fff;border-radius:8px;font-size:.9rem;font-weight:500;box-shadow:0 4px 12px rgba(255,68,68,.3);animation:slideIn-6cfbaf7e .3s ease-out}.error-icon[data-v-6cfbaf7e]{font-size:1.1rem;flex-shrink:0}.error-text[data-v-6cfbaf7e]{flex:1;line-height:1.4}.error-close[data-v-6cfbaf7e]{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;padding:.25rem;border-radius:4px;transition:background-color .2s;flex-shrink:0}.error-close[data-v-6cfbaf7e]:hover{background:hsla(0,0%,100%,.2)}.queue-status[data-v-6cfbaf7e]{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;margin:0 20px;background:linear-gradient(135deg,orange,#ff8c00);color:#fff;border-radius:8px;font-size:.9rem;font-weight:500;box-shadow:0 4px 12px rgba(255,165,0,.3);animation:pulse-6cfbaf7e 2s infinite}.queue-status-icon[data-v-6cfbaf7e]{font-size:1.1rem;flex-shrink:0}.queue-status-text[data-v-6cfbaf7e]{flex:1;line-height:1.4}@keyframes pulse-6cfbaf7e{0%,to{opacity:1}50%{opacity:.7}}.icon[data-v-6cfbaf7e]{width:18px;height:18px;opacity:.7;transition:opacity .2s}.action-icon:hover .icon[data-v-6cfbaf7e]{opacity:1}.copy-feedback[data-v-6cfbaf7e]{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.8);color:hsla(0,0%,100%,.9);padding:.5rem 1rem;border-radius:6px;font-size:.875rem;pointer-events:none;animation:fadeInOut-6cfbaf7e 2s ease-in-out forwards;z-index:1000;white-space:nowrap}@keyframes fadeInOut-6cfbaf7e{0%{opacity:0;transform:translate(-50%,1rem)}15%{opacity:1;transform:translate(-50%)}85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-1rem)}}.search-section[data-v-6cfbaf7e]{display:flex;flex-direction:column;gap:.5rem;max-height:calc(100vh - 160px);min-height:0}.search-box[data-v-6cfbaf7e]{display:flex;gap:.5rem}.search-input-wrapper[data-v-6cfbaf7e]{position:relative;flex:1;display:flex;align-items:center}.clear-button[data-v-6cfbaf7e]{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:hsla(0,0%,100%,.5);font-size:20px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;border-radius:50%;transition:all .2s}.clear-button[data-v-6cfbaf7e]:hover{color:hsla(0,0%,100%,.8);background:hsla(0,0%,100%,.1)}.search-input[data-v-6cfbaf7e]{width:100%;padding:.5rem 2rem .5rem .75rem;border:none;border-radius:8px;font-size:1rem;background:hsla(0,0%,100%,.1);color:#fff;font-weight:400;transition:background-color .2s}.search-input[data-v-6cfbaf7e]::-moz-placeholder{color:hsla(0,0%,100%,.5)}.search-input[data-v-6cfbaf7e]::placeholder{color:hsla(0,0%,100%,.5)}.search-input[data-v-6cfbaf7e]:focus{outline:none;background:hsla(0,0%,100%,.15)}.search-button[data-v-6cfbaf7e]{padding:.5rem .75rem;border:none;border-radius:8px;background:hsla(0,0%,100%,.1);color:#fff;font-size:1rem;font-weight:500;transition:all .2s;cursor:pointer;position:relative;overflow:hidden}.search-button[data-v-6cfbaf7e]:hover{background:rgba(255,165,0,.2);transform:translateY(-1px)}.search-button[data-v-6cfbaf7e]:active{transform:translateY(0)}.queue-button.loading[data-v-6cfbaf7e],.reserve-button.loading[data-v-6cfbaf7e],.search-button.loading[data-v-6cfbaf7e]{pointer-events:none;opacity:.8}.queue-button.loading[data-v-6cfbaf7e]:after,.reserve-button.loading[data-v-6cfbaf7e]:after,.search-button.loading[data-v-6cfbaf7e]:after{content:"";position:absolute;top:0;left:-100%;width:200%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2) 25%,hsla(0,0%,100%,.2) 75%,transparent);animation:shimmer-6cfbaf7e 1s infinite}@keyframes shimmer-6cfbaf7e{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.search-results[data-v-6cfbaf7e]{overflow-y:auto;display:flex;flex-direction:column;gap:.25rem;max-height:calc(100vh - 210px);-webkit-overflow-scrolling:touch}.search-youtube-attribution[data-v-6cfbaf7e]{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;background:rgba(0,0,0,.2);padding:.5rem 1rem;border-radius:8px}.search-youtube-logo[data-v-6cfbaf7e]{height:20px;width:auto}.search-youtube-link[data-v-6cfbaf7e]{display:flex;align-items:center;text-decoration:none}.search-attribution-text[data-v-6cfbaf7e]{color:hsla(0,0%,100%,.7);font-size:.75rem}.remote-control[data-v-6cfbaf7e]{display:flex;justify-content:center;align-items:center;gap:1rem;padding:1rem;width:100%;max-width:400px;margin:0 auto}.remote-button[data-v-6cfbaf7e]{width:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.75rem .5rem;border:none;border-radius:8px;background:hsla(0,0%,100%,.1);color:#fff;font-size:20px;transition:all .2s;cursor:pointer}.remote-button[data-v-6cfbaf7e]:hover{background:rgba(255,165,0,.2);transform:translateY(-1px)}.remote-button[data-v-6cfbaf7e]:active{transform:translateY(0)}.button-label[data-v-6cfbaf7e]{font-size:.75rem;font-weight:500;color:#fff}.video-item[data-v-6cfbaf7e]{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:hsla(0,0%,100%,.1);border-radius:8px;min-width:0}.video-link[data-v-6cfbaf7e]{display:flex;align-items:center;gap:.5rem;flex:1;text-decoration:none;color:#fff;min-width:0;overflow:hidden}.video-thumbnail[data-v-6cfbaf7e]{flex-shrink:0;width:56px;height:42px;border-radius:6px;-o-object-fit:cover;object-fit:cover}.video-info[data-v-6cfbaf7e]{flex:1;min-width:0;overflow:hidden}.video-info h3[data-v-6cfbaf7e]{margin:0;font-size:.875rem;font-weight:500;color:hsla(0,0%,100%,.9);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.2;max-height:2.4em}.video-info p[data-v-6cfbaf7e]{margin:.125rem 0 0;font-size:.75rem;color:hsla(0,0%,100%,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reserve-button[data-v-6cfbaf7e]{flex-shrink:0;width:32px;height:32px;border:none;border-radius:8px;background:orange;color:#fff;font-size:1.125rem;font-weight:400;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0;margin-left:.25rem;cursor:pointer}.reserve-button[data-v-6cfbaf7e]:hover{background:#ff9500;transform:translateY(-1px)}.reserve-button[data-v-6cfbaf7e]:active{transform:translateY(0)}.queue-item[data-v-6cfbaf7e]{background:hsla(240,4%,48%,.08)}.queue-number[data-v-6cfbaf7e]{flex-shrink:0;font-size:1rem;font-weight:600;color:#8e8e93;min-width:24px;text-align:center}.queue-info h3[data-v-6cfbaf7e]{color:#1c1c1e}.queue-info p[data-v-6cfbaf7e]{margin:.125rem 0 0;font-size:.75rem;color:#8e8e93;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.loading[data-v-6cfbaf7e],.no-results[data-v-6cfbaf7e]{text-align:center;padding:1rem;color:#8e8e93;font-weight:500}@media (max-width:480px){.session-client[data-v-6cfbaf7e]{padding:.25rem}.header[data-v-6cfbaf7e],.remote-control[data-v-6cfbaf7e],.search-box[data-v-6cfbaf7e]{padding:0}.queue-item[data-v-6cfbaf7e],.video-item[data-v-6cfbaf7e]{padding:.375rem}}.overflow-menu[data-v-6cfbaf7e]{position:relative;margin-left:.25rem}.overflow-button[data-v-6cfbaf7e]{background:none;border:none;color:hsla(0,0%,100%,.7);font-size:1.25rem;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;transition:all .2s}.overflow-button[data-v-6cfbaf7e]:hover{background:hsla(0,0%,100%,.1);color:#fff}.overflow-dropdown[data-v-6cfbaf7e]{position:absolute;top:100%;right:0;background:rgba(0,0,0,.95);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;min-width:180px;z-index:1000;overflow:hidden}.overflow-header[data-v-6cfbaf7e]{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:hsla(0,0%,100%,.1);border-bottom:1px solid hsla(0,0%,100%,.1)}.overflow-title[data-v-6cfbaf7e]{font-size:.875rem;font-weight:500;color:#fff}.overflow-close[data-v-6cfbaf7e]{background:none;border:none;color:#fff;font-size:1.25rem;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;transition:background-color .2s}.overflow-close[data-v-6cfbaf7e]:hover{background:hsla(0,0%,100%,.1)}.overflow-item[data-v-6cfbaf7e]{display:block;padding:.5rem;color:#fff;text-decoration:none;font-size:.875rem;transition:background-color .2s}.overflow-item[data-v-6cfbaf7e]:hover{background:hsla(0,0%,100%,.1)}.channel-title[data-v-6cfbaf7e]{color:#8e8e93}[data-v-6cfbaf7e] google-cast-launcher{--connected-color:orange;--disconnected-color:#fff;width:24px;height:24px;cursor:pointer;border-radius:6px;transition:background-color .2s}[data-v-6cfbaf7e] google-cast-launcher:hover{background:hsla(0,0%,100%,.1)}.queue-overlay[data-v-6cfbaf7e]{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;background:rgba(0,0,0,.95);border-left:none;display:flex;flex-direction:column;z-index:1000;animation:slideIn-6cfbaf7e .3s ease-out}.queue-panel[data-v-6cfbaf7e]{display:flex;flex-direction:column;height:100%;max-width:800px;margin:0 auto;width:100%}.queue-header[data-v-6cfbaf7e]{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:hsla(0,0%,100%,.1);border-bottom:1px solid hsla(0,0%,100%,.1)}.queue-header h2[data-v-6cfbaf7e]{margin:0;font-size:1.25rem;font-weight:500;color:#fff}.queue-header-actions[data-v-6cfbaf7e]{display:flex;align-items:center;gap:.5rem}.reorder-button[data-v-6cfbaf7e]{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:.5rem;border-radius:4px;transition:background-color .2s}.reorder-button[data-v-6cfbaf7e]:hover{background:hsla(0,0%,100%,.1)}.queue-loading[data-v-6cfbaf7e]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:#fff;text-align:center}.loading-spinner[data-v-6cfbaf7e]{font-size:2rem;margin-bottom:1rem;animation:spin-6cfbaf7e 2s linear infinite}.queue-empty[data-v-6cfbaf7e]{display:flex;align-items:center;justify-content:center;padding:2rem;color:hsla(0,0%,100%,.7);text-align:center}@keyframes spin-6cfbaf7e{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.close-button[data-v-6cfbaf7e]{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;transition:background-color .2s}.close-button[data-v-6cfbaf7e]:hover{background:hsla(0,0%,100%,.1)}.queue-body[data-v-6cfbaf7e]{flex:1;overflow-y:auto;padding:1rem}.queue-list[data-v-6cfbaf7e]{display:flex;flex-direction:column;gap:.5rem}@keyframes slideIn-6cfbaf7e{0%{transform:translateY(100%)}to{transform:translateY(0)}}.queue-item[data-v-6cfbaf7e]{color:#fff}.queue-info p[data-v-6cfbaf7e]{color:hsla(0,0%,100%,.7)}.queue-number[data-v-6cfbaf7e]{color:hsla(0,0%,100%,.5)}.channel-link[data-v-6cfbaf7e]{color:hsla(0,0%,100%,.7);text-decoration:none}.channel-link[data-v-6cfbaf7e]:hover{text-decoration:underline}.queue-content[data-v-6cfbaf7e]{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.queue-item[data-v-6cfbaf7e]{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:hsla(0,0%,100%,.1);border-radius:8px;min-width:0}.queue-thumbnail[data-v-6cfbaf7e]{flex-shrink:0;width:56px;height:42px;border-radius:6px;-o-object-fit:cover;object-fit:cover}.queue-info[data-v-6cfbaf7e]{flex:1;min-width:0;overflow:hidden}.queue-info h3[data-v-6cfbaf7e]{margin:0;font-size:.875rem;font-weight:500;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.2;max-height:2.4em}.channel-title[data-v-6cfbaf7e]{margin:.125rem 0 0;font-size:.75rem;color:hsla(0,0%,100%,.7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-right[data-v-6cfbaf7e]{display:flex;align-items:center;gap:.5rem}.help-button[data-v-6cfbaf7e]{background:none;border:none;color:orange;font-size:.875rem;cursor:pointer;text-decoration:underline;transition:color .2s;padding:.5rem;text-align:center;width:100%;margin:-.25rem 0}.help-button[data-v-6cfbaf7e]:hover{color:#ff9500}.modal-overlay[data-v-6cfbaf7e]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content[data-v-6cfbaf7e]{background:#1a1a1a;border-radius:12px;padding:2rem;max-width:500px;width:90%;position:relative;border:1px solid hsla(0,0%,100%,.1)}.modal-close[data-v-6cfbaf7e]{position:absolute;top:1rem;right:1rem;background:none;border:none;color:hsla(0,0%,100%,.5);font-size:1.5rem;cursor:pointer;padding:.5rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.modal-close[data-v-6cfbaf7e]:hover{background:hsla(0,0%,100%,.1);color:#fff}.modal-content h2[data-v-6cfbaf7e]{color:orange;margin:0 0 1.5rem;font-size:1.5rem;font-weight:500}.instructions-content[data-v-6cfbaf7e]{display:flex;flex-direction:column;gap:1.5rem}.instruction-step h3[data-v-6cfbaf7e]{color:#fff;margin:0 0 .5rem;font-size:1.1rem;font-weight:500}.instruction-step p[data-v-6cfbaf7e]{color:hsla(0,0%,100%,.8);margin:0;font-size:.9rem;line-height:1.4}@media (max-width:480px){.modal-content[data-v-6cfbaf7e]{padding:1.5rem}.instruction-step h3[data-v-6cfbaf7e]{font-size:1rem}.instruction-step p[data-v-6cfbaf7e]{font-size:.875rem}}.computer-icon[data-v-6cfbaf7e]{width:24px;height:24px;filter:invert(1) opacity(.7);cursor:pointer;transition:opacity .2s}.computer-icon[data-v-6cfbaf7e]:hover{opacity:1}.footer[data-v-6cfbaf7e]{margin-top:auto;padding:1rem;width:100%;position:sticky;bottom:0;background:#1a1a1a}.feedback-link[data-v-6cfbaf7e]{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;color:hsla(0,0%,100%,.9);padding:.75rem 1rem;font-size:.875rem;cursor:pointer;transition:all .2s;width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;margin:0 auto}.feedback-link[data-v-6cfbaf7e]:hover{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.3);transform:translateY(-1px)}.room[data-v-da229878]{width:100vw;height:100vh;display:flex;background:#000;overflow:hidden;margin:0;padding:0;position:fixed;top:0;left:0}.main-content[data-v-da229878]{position:relative}.main-content[data-v-da229878],.player[data-v-da229878]{flex:1;display:flex;flex-direction:column;overflow:hidden}.player[data-v-da229878]{min-height:0}[data-v-da229878] .player-queue-info{order:-1;background:hsla(0,0%,100%,.1);padding:.5rem 1rem;border-bottom:1px solid hsla(0,0%,100%,.1)}[data-v-da229878] .player-container{flex:1;min-height:0;position:relative}.sidebar[data-v-da229878]{width:300px;background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;border-left:1px solid hsla(0,0%,100%,.1);overflow:hidden;position:relative;transition:width .3s ease}.sidebar.collapsed[data-v-da229878]{width:48px;padding:.5rem}.sidebar.collapsed .room-info[data-v-da229878]{display:none}.collapse-button[data-v-da229878]{position:absolute;top:50%;transform:translateY(-50%);left:-3px;background:hsla(0,0%,100%,.02);border:none;border-radius:6px;color:#fff;width:24px;height:48px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.25rem;transition:all .2s;z-index:100;border:1px solid hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sidebar.collapsed .collapse-button[data-v-da229878]{right:44px}.collapse-button[data-v-da229878]:hover{background:hsla(0,0%,100%,.2)}.room-info[data-v-da229878]{display:flex;flex-direction:column;gap:1.5rem;overflow:hidden}.room-info h1[data-v-da229878]{margin:0;font-size:1.75rem;color:#fff;text-align:center}.join-info[data-v-da229878]{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.qr-section[data-v-da229878]{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;background:hsla(0,0%,100%,.1);border-radius:12px}.qr-section h2[data-v-da229878]{font-size:1.25rem;font-weight:500;color:orange;margin:0}.instructions[data-v-da229878]{color:hsla(0,0%,100%,.8);text-align:center;font-size:.875rem;margin:0;line-height:1.4}.url-section[data-v-da229878]{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center;position:relative}.url-label[data-v-da229878]{margin:0;font-size:.875rem;color:hsla(0,0%,100%,.7)}.url-actions[data-v-da229878]{display:flex;align-items:center;gap:1rem;justify-content:center;margin-top:.25rem}.join-url[data-v-da229878]{color:orange;text-decoration:none;font-size:.875rem;word-break:break-all;text-align:center;transition:opacity .2s}.join-url[data-v-da229878]:hover{opacity:.8}.icon[data-v-da229878]{width:18px;height:18px;stroke:#fff;opacity:.8;transition:opacity .2s}.action-icon:hover .icon[data-v-da229878]{opacity:1}.action-icon[data-v-da229878]{background:none;border:none;padding:.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;transition:all .2s}.action-icon[data-v-da229878]:hover{background:hsla(0,0%,100%,.1)}.success-icon[data-v-da229878]{font-size:1.125rem;color:#4caf50}[data-v-da229878]::-webkit-scrollbar{display:none}[data-v-da229878]{-ms-overflow-style:none;scrollbar-width:none}.copy-feedback[data-v-da229878]{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.8);color:hsla(0,0%,100%,.9);padding:.5rem 1rem;border-radius:6px;font-size:.875rem;pointer-events:none;animation:fadeInOut-da229878 2s ease-in-out forwards;z-index:1000;white-space:nowrap}@keyframes fadeInOut-da229878{0%{opacity:0;transform:translate(-50%,1rem)}15%{opacity:1;transform:translate(-50%)}85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-1rem)}}.room-header[data-v-da229878]{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.room-header h1[data-v-da229878]{margin:0;font-size:1.2rem;color:#fff}[data-v-da229878] google-cast-launcher{--connected-color:orange;--disconnected-color:#fff;width:36px;height:36px;cursor:pointer;border-radius:6px;transition:background-color .2s}[data-v-da229878] google-cast-launcher:hover{background:hsla(0,0%,100%,.1)}.cast-overlay[data-v-da229878]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;z-index:100}.cast-message[data-v-da229878]{text-align:center;color:#fff;padding:2rem}.cast-message h2[data-v-da229878]{margin:1rem 0 0;font-size:1.5rem;font-weight:500;color:orange}.cast-icon[data-v-da229878]{width:48px;height:48px;filter:invert(1);opacity:.9}.room-controls[data-v-da229878]{display:flex;align-items:center;gap:1rem}.controller-button[data-v-da229878]{background:none;border:none;padding:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;border-radius:6px;transition:all .2s;color:hsla(0,0%,100%,.8)}.controller-button[data-v-da229878]:hover{background:hsla(0,0%,100%,.1);color:#fff}.controller-overlay[data-v-da229878]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.controller-panel[data-v-da229878]{background:#1a1a1a;border:1px solid hsla(0,0%,100%,.1);border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.controller-header[data-v-da229878]{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:hsla(0,0%,100%,.1);border-bottom:1px solid hsla(0,0%,100%,.1);position:relative;z-index:1}.controller-header h2[data-v-da229878]{margin:0;font-size:1.25rem;font-weight:500;color:#fff}.close-button[data-v-da229878]{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:hsla(0,0%,100%,.7);font-size:2rem;line-height:1;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:6px;transition:all .2s;z-index:2}.close-button[data-v-da229878]:hover{background:hsla(0,0%,100%,.1);color:#fff}.controller-body[data-v-da229878]{flex:1;overflow:auto;padding:1rem}.feedback-link[data-v-da229878]{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;color:hsla(0,0%,100%,.9);padding:.75rem 1rem;font-size:.875rem;cursor:pointer;transition:all .2s;width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;margin:1.5rem auto 0}.feedback-link[data-v-da229878]:hover{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.3);transform:translateY(-1px)}.privacy-policy[data-v-d1a4651c]{min-height:100vh;padding:2rem;background:#1a1a1a;color:hsla(0,0%,100%,.9)}.policy-content[data-v-d1a4651c]{max-width:800px;margin:0 auto;text-align:left}h1[data-v-d1a4651c]{color:orange;margin-bottom:2rem;font-size:2rem}h2[data-v-d1a4651c]{color:orange;margin:2rem 0 1rem;font-size:1.5rem}section[data-v-d1a4651c]{margin-bottom:2rem}p[data-v-d1a4651c]{margin-bottom:1rem;line-height:1.6}ul[data-v-d1a4651c]{margin:1rem 0;padding-left:1.5rem}ul ul[data-v-d1a4651c]{margin:.5rem 0}li[data-v-d1a4651c]{margin-bottom:.5rem;line-height:1.6}strong[data-v-d1a4651c]{color:hsla(0,0%,100%,.95)}@media (max-width:768px){.privacy-policy[data-v-d1a4651c]{padding:1rem}h1[data-v-d1a4651c]{font-size:1.75rem}h2[data-v-d1a4651c]{font-size:1.25rem}}.back-nav[data-v-d1a4651c]{margin-bottom:2rem}.back-button[data-v-d1a4651c]{display:inline-flex;align-items:center;color:orange;text-decoration:none;font-size:1rem;padding:.5rem;transition:color .2s}.back-button[data-v-d1a4651c]:hover{color:#ff9500}