@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@300;400;500;600;700&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{font-family:Poppins,sans-serif;overflow-y:visible;padding:0 0 3rem;scroll-padding-top:2rem}.musician-dashboard{display:flex;flex-direction:column;margin:0 auto;max-width:1400px;min-height:100vh;overflow-x:hidden;overflow-y:visible;padding:2rem 2rem 12rem;position:relative}.dashboard-header{align-items:center;border-bottom:2px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:3rem;padding-bottom:2rem}.dashboard-title{font-feature-settings:"kern" 1,"liga" 1;align-items:center;color:#e8e8e8;display:flex;font-family:Playfair Display,serif;font-size:3.2rem;font-weight:700;gap:1rem;letter-spacing:-.01em;line-height:1.2;margin:0;text-shadow:0 0 8px #e8e8e84d}.dashboard-title svg{color:#e8e8e8;filter:drop-shadow(0 0 8px rgba(232,232,232,.4));height:40px;width:40px}.dashboard-controls{align-items:center;display:flex;gap:1.5rem}.musician-mode-toggle,.refresh-btn{align-items:center;background:#ffffff26;border:2px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:.95rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.musician-mode-toggle:hover,.refresh-btn:hover:not(:disabled){background:#fff3;border-color:#fff6;transform:translateY(-2px)}.refresh-btn:disabled{cursor:not-allowed;opacity:.5}.dashboard-main{display:flex;flex-direction:column;flex-grow:1;height:auto;min-height:0;overflow:visible}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.section-title{color:#e0e0e0;font-family:Space Grotesk,sans-serif;font-size:2rem;font-weight:600;margin:0;text-shadow:0 0 8px #e0e0e04d}.create-room-btn{align-items:center;background:#e8e8e826;border:2px solid #e8e8e866;border-radius:12px;color:#e8e8e8;cursor:pointer;display:flex;font-family:Playfair Display,serif;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-shadow:0 0 8px #e8e8e84d;transition:all .3s ease}.create-room-btn:hover{background:#e8e8e840;border-color:#e8e8e899;box-shadow:0 4px 15px #e8e8e84d;transform:translateY(-2px)}.create-room-form{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:20px;margin-bottom:3rem;padding:2.5rem}.form-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.form-header h3{color:#4ecdc4;font-family:Space Grotesk,sans-serif;font-size:1.5rem;font-weight:600;margin:0}.close-form-btn{background:none;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:.5rem;transition:all .3s ease}.close-form-btn:hover{background:#ff4d4d1a;color:#ff4d4d}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:500;margin-bottom:.75rem}.form-group input,.form-group label{color:#fff;font-family:Poppins,sans-serif;font-size:1rem}.form-group input{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;box-sizing:border-box;padding:1rem;transition:all .3s ease;width:100%}.form-group input:focus{background:#ffffff14;border-color:#4ecdc4;outline:none}.form-group input::placeholder{color:#ffffff80}.create-btn{background:#4dff5c1a;border:2px solid #4dff5c4d;border-radius:12px;color:#4dff5c;cursor:pointer;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;padding:1rem;transition:all .3s ease;width:100%}.create-btn:hover:not(:disabled){background:#4dff5c33;border-color:#4dff5c80;transform:translateY(-2px)}.create-btn:disabled{cursor:not-allowed;opacity:.5}.room-list{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:3rem;min-height:200px;overflow:visible;padding:25px 10px 80px;transform:translateZ(0);width:100%}.room-card,.room-card-container{position:relative}.room-card{backface-visibility:visible;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:20px;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;height:auto;margin:30px 0;min-height:180px;overflow:visible!important;padding:1.5rem;text-decoration:none;transform:translateZ(0);transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;will-change:transform,border-color,box-shadow}.room-card:hover{border-color:#e8e8e899;box-shadow:0 10px 130px #0000004d,0 0 15px #e8e8e833;transform:translateY(-15px)}.room-card-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem}.room-card-header h3{color:#e8e8e8;font-family:Playfair Display,serif;font-size:1.6rem;font-weight:600;letter-spacing:.01em;line-height:1.3;margin:0;text-shadow:0 0 6px #e8e8e84d}.room-card-header svg{color:#e8e8e8;filter:drop-shadow(0 0 5px rgba(232,232,232,.4));height:24px;width:24px}.room-info{flex-grow:1;margin-bottom:1.5rem}.room-info p{color:#ffffffb3;font-size:.95rem;margin:.5rem 0}.join-room-btn{background:#e8e8e826;border:2px solid #e8e8e866;border-radius:12px;color:#e8e8e8;cursor:pointer;font-family:Playfair Display,serif;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;text-align:center;text-shadow:0 0 8px #e8e8e84d;transition:all .3s ease}.join-room-btn:hover{background:#e8e8e840;border-color:#e8e8e899;box-shadow:0 4px 15px #e8e8e84d;transform:translateY(-2px)}.delete-room-btn{align-items:center;background:#ff4d4d1a;border:2px solid #ff4d4d4d;border-radius:50%;color:#ff4d4d;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:-10px;top:-10px;transition:all .3s ease;width:40px}.delete-room-btn:hover{background:#ff4d4d33;border-color:#ff4d4d80;transform:scale(1.1)}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #4ecdc44d;border-left-color:#4ecdc4;border-radius:50%;height:40px;margin-bottom:1.5rem;width:40px}.no-rooms-message{background:#ffffff0d;border:2px dashed #fff3;border-radius:20px;color:#ffffffb3;font-size:1.1rem;padding:3rem 2rem;text-align:center}.spinning{animation:spin 1s linear infinite}.login-overlay{align-items:center;animation:fadeIn .3s ease;background:#0a0a1abf;bottom:0;display:flex;justify-content:center;left:0;pointer-events:auto;position:fixed;right:0;top:0;z-index:9999}.login-container{animation:slideIn .4s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:2px solid #fff3;border-radius:24px;box-shadow:0 20px 60px #00000080;max-width:450px;padding:3rem;width:90%}.login-header{margin-bottom:2.5rem;text-align:center}.login-header h2{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#e8e8e8;font-family:Playfair Display,serif;font-size:2.5rem;font-weight:700;margin:0 0 .5rem}.login-header p{color:#ffffffb3;font-size:.95rem;margin:0}.login-button{background:linear-gradient(135deg,#4ecdc4,#44a08d);border:none;border-radius:12px;box-shadow:0 4px 15px #4ecdc44d;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:1.1rem;font-weight:600;margin-bottom:1.5rem;padding:1.25rem;transition:all .3s ease;width:100%}.login-button:hover{box-shadow:0 6px 20px #4ecdc466;transform:translateY(-2px)}.login-button:active{transform:translateY(0)}.login-info{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-top:2rem;padding:1.5rem}.login-info h3{color:#4ecdc4;font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:600;margin:0 0 1rem}.login-info ul{list-style:none;margin:0;padding:0}.login-info li{color:#ffffffb3;font-size:.9rem;margin-bottom:.75rem;padding-left:1.5rem;position:relative}.login-info li:before{color:#4ecdc4;content:"✓";font-weight:700;left:0;position:absolute}.login-footer{border-top:1px solid #ffffff1a;margin-top:2rem;padding-top:2rem;text-align:center}.login-footer p{color:#ffffff80;font-size:.85rem;margin:0}@media (max-width:480px){.login-container{padding:2rem 1.5rem}.login-header h2{font-size:2rem}.login-button{font-size:1rem;padding:1rem}}@media (max-width:768px){.musician-dashboard{padding:1rem 1rem 12rem}.dashboard-header{align-items:stretch;flex-direction:column;gap:1rem}.dashboard-title{font-size:2rem}.dashboard-controls{flex-wrap:wrap;justify-content:space-between;width:100%}.section-header{align-items:stretch;flex-direction:column;gap:1rem}.section-title{font-size:1.6rem}.create-room-btn{align-self:stretch}.room-list{gap:1.5rem;grid-template-columns:1fr;margin-bottom:2rem;padding:25px 10px 80px}.dashboard-main{padding-top:0}.create-room-form{padding:1.5rem}.room-card{margin:30px 0;min-height:160px;overflow:visible!important;padding:1.25rem;width:100%;will-change:auto}.musician-mode-toggle,.refresh-btn{min-height:44px;touch-action:manipulation}}@media (max-width:480px){.musician-dashboard{padding:1rem}.dashboard-title{font-size:2rem}.section-title{font-size:1.5rem}.room-card-header h3{font-size:1.3rem}.create-room-form{padding:1.5rem}.dashboard-controls{flex-direction:column;gap:1rem}.musician-mode-toggle,.refresh-btn{justify-content:center;width:100%}.room-card{padding:1.25rem}}.cognito-login-overlay{align-items:flex-start;animation:fadeIn .3s ease;background:#0a0a1af5;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding-top:5vh;position:fixed;right:0;top:0;z-index:10000}.cognito-login-modal{animation:slideIn .4s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#ffffff2e,#ffffff1f);border:2px solid #ffffff4d;border-radius:24px;box-shadow:0 20px 60px #000000b3;max-width:500px;padding:3rem;position:relative;width:90%}.close-modal-btn{align-items:center;background:#ff4d4d1a;border:2px solid #ff4d4d4d;border-radius:50%;color:#ff4d4d;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:1.5rem;top:1.5rem;transition:all .3s ease;width:40px}.close-modal-btn:hover{background:#ff4d4d33;border-color:#ff4d4d80;transform:rotate(90deg)}.modal-header{margin-bottom:2.5rem;text-align:center}.modal-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4ecdc4,#44a08d);-webkit-background-clip:text;background-clip:text;font-family:Playfair Display,serif;font-size:2.5rem;font-weight:700;margin:0 0 .5rem}.modal-header p{color:#ffffffb3;font-size:1rem;margin:0}.login-form{margin-bottom:2rem}.error-alert{align-items:center;animation:slideIn .3s ease;background:#ff4d4d1a;border:2px solid #ff4d4d4d;border-radius:12px;color:#ff4d4d;display:flex;font-size:.9rem;gap:.75rem;padding:1rem}.error-alert,.form-field{margin-bottom:1.5rem}.form-field label{align-items:center;color:#ffffffe6;display:flex;font-family:Poppins,sans-serif;font-size:.95rem;font-weight:500;gap:.5rem;margin-bottom:.75rem}.form-field input{background:#ffffff1a;border:2px solid #fff3;border-radius:12px;box-sizing:border-box;color:#fff;font-family:Poppins,sans-serif;font-size:1rem;padding:1rem;transition:all .3s ease;width:100%}.form-field input:focus{background:#ffffff26;border-color:#4ecdc4;box-shadow:0 0 0 3px #4ecdc41a;outline:none}.form-field input::placeholder{color:#ffffff80}.form-field input:disabled{cursor:not-allowed;opacity:.6}.submit-login-btn{align-items:center;background:linear-gradient(135deg,#4ecdc4,#44a08d);border:none;border-radius:12px;box-shadow:0 4px 15px #4ecdc44d;color:#fff;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:1.1rem;font-weight:600;gap:.75rem;justify-content:center;padding:1.25rem;transition:all .3s ease;width:100%}.submit-login-btn:hover:not(:disabled){box-shadow:0 6px 20px #4ecdc466;transform:translateY(-2px)}.submit-login-btn:active:not(:disabled){transform:translateY(0)}.submit-login-btn:disabled{cursor:not-allowed;opacity:.7}.submit-login-btn .spinning{animation:spin 1s linear infinite}.login-features{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.login-features h3{color:#4ecdc4;font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:600;margin:0 0 1rem}.login-features ul{list-style:none;margin:0;padding:0}.login-features li{color:#ffffffb3;font-size:.9rem;margin-bottom:.75rem;padding-left:1.5rem;position:relative}.login-features li:last-child{margin-bottom:0}.login-features li:before{color:#4ecdc4;content:"✓";font-weight:700;left:0;position:absolute}.login-modal-footer{border-top:1px solid #ffffff1a;padding-top:1.5rem;text-align:center}.login-modal-footer p{color:#ffffff80;font-size:.85rem;margin:0}@media (max-width:768px){.cognito-login-modal{max-width:none;padding:2.5rem 2rem;width:90%}.modal-header h2{font-size:2rem}.submit-login-btn{font-size:1rem;padding:1.1rem}.close-modal-btn{height:36px;right:1rem;top:1rem;width:36px}}@media (max-width:480px){.cognito-login-modal{padding:2rem 1.5rem;width:95%}.modal-header h2{font-size:1.75rem}.modal-header p{font-size:.9rem}.form-field input{font-size:16px;padding:.9rem}.submit-login-btn{padding:1rem}.login-features{padding:1.25rem}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#0a0a0a,#1a1a2e 50%,#16213e);color:#fff;font-family:Inter,sans-serif;line-height:1.6;margin:0;min-height:100vh;overflow-x:hidden;padding:0;text-rendering:optimizeLegibility}body,body:before{transform:translateZ(0);will-change:auto}body:before{background:radial-gradient(circle at 20% 80%,#7877c614 0,#0000 50%),radial-gradient(circle at 80% 20%,#ff77c614 0,#0000 50%),radial-gradient(circle at 40% 40%,#78dbff14 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.room-container{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;overflow-y:visible;position:relative}.room-header{align-items:center;background:#ffffff1a;border-bottom:2px solid #ffffff1a;display:flex;justify-content:space-between;padding:1.5rem 2rem;position:sticky;top:0;z-index:100}.back-to-dashboard-btn{align-items:center;background:#4ecdc41a;border:2px solid #4ecdc44d;border-radius:12px;color:#4ecdc4;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:.95rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.back-to-dashboard-btn:hover{background:#4ecdc433;border-color:#4ecdc480;transform:translateY(-2px)}.musician-controls-header{align-items:center;display:flex;gap:1rem}.musician-mode-indicator{align-items:center;background:#4dff5c1a;border:2px solid #4dff5c4d;border-radius:8px;color:#4dff5c;display:flex;font-family:Inter,sans-serif;font-size:.85rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.room-content{align-items:center;display:flex;flex-direction:column;flex-grow:1;margin:0 auto;max-width:1200px;padding:2rem;width:100%}.form-label-large{color:#4ecdc4;font-family:Space Grotesk,sans-serif;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.room-title{-webkit-text-fill-color:#0000;font-feature-settings:"kern" 1,"liga" 1;align-items:center;background:linear-gradient(135deg,#4ecdc4,#44a08d);-webkit-background-clip:text;background-clip:text;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:4rem;font-weight:700;gap:1rem;justify-content:center;letter-spacing:-.02em;line-height:1.1;margin-bottom:3rem;text-align:center}.room-title svg{color:#4ecdc4;height:50px;width:50px}.musician-mode-toggle{align-items:center;background:#ffffff1a;border:2px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:.95rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.musician-mode-toggle:hover{background:#fff3;border-color:#fff6;transform:translateY(-2px)}.musician-mode-toggle.sign-out{background:#ff4d4d1a;border-color:#ff4d4d4d;color:#ff4d4d}.musician-mode-toggle.sign-out:hover{background:#ff4d4d33;border-color:#ff4d4d80;color:#fff}.musician-mode-toggle svg{height:18px;width:18px}.form-and-qr-container{align-items:stretch;display:flex;gap:3rem;margin-bottom:3rem;width:100%}.form-container{background:#ffffff1a;border:2px solid #ffffff1a;border-radius:20px;flex:2 1;padding:2.5rem}.form-group{margin-bottom:2rem}label{display:block;font-weight:500;margin-bottom:.75rem}input[type=text],label,textarea{color:#fff;font-family:Inter,sans-serif;font-size:1.2rem}input[type=text],textarea{background:#ffffff1a;border:2px solid #ffffff1a;border-radius:12px;box-sizing:border-box;padding:1rem;transition:all .3s ease;width:100%}textarea{min-height:120px;resize:vertical}input[type=text]:focus,textarea:focus{background:#ffffff14;border-color:#4ecdc4;outline:none}input[type=text]::placeholder,textarea::placeholder{color:#ffffff80}.submit-button{background:#4dff5c1a;border:2px solid #4dff5c4d;border-radius:12px;color:#4dff5c;cursor:pointer;font-family:Inter,sans-serif;font-size:1.2rem;font-weight:600;padding:1rem;transition:all .3s ease;width:100%}.submit-button:hover{background:#4dff5c33;border-color:#4dff5c80;transform:translateY(-2px)}.qr-code-container{align-items:center;background:#ffffff1a;border:2px solid #ffffff1a;border-radius:20px;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:400px;padding:2.5rem;text-align:center}.qr-code-container h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff6b9d,#c44569);-webkit-background-clip:text;background-clip:text;font-family:Space Grotesk,sans-serif;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.qr-code-container p{color:#ffffffb3;font-size:.95rem;line-height:1.5;margin-top:1.5rem}.qr-code-container button{background:#4ecdc41a;border:2px solid #4ecdc44d;border-radius:12px;color:#4ecdc4;cursor:pointer;font-family:Inter,sans-serif;font-size:.95rem;font-weight:500;margin-top:1.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.qr-code-container button:hover{background:#4ecdc433;border-color:#4ecdc480;transform:translateY(-2px)}.qr-code-container canvas,.qr-code-container img{background:#fff;border:4px solid #fff3;border-radius:16px;box-shadow:0 10px 30px #0000004d;height:auto;max-width:100%;padding:1rem}.qr-expand-button{align-items:center;background:#4ecdc41a;border:2px solid #4ecdc44d;border-radius:12px;color:#4ecdc4;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:1.1rem;font-weight:600;gap:.75rem;margin-top:1.5rem;padding:.9rem 1.5rem;transition:all .3s ease}.qr-expand-button:hover{background:#4ecdc433;border-color:#4ecdc480;box-shadow:0 4px 15px #4ecdc44d;transform:translateY(-2px)}.qr-expand-button svg{flex-shrink:0}.song-list-container{background:#ffffff1a;border:2px solid #ffffff1a;border-radius:20px;padding:2.5rem;width:100%}.song-list-wrapper{-ms-overflow-style:none;backface-visibility:hidden;contain:layout style paint;scroll-behavior:smooth;transform:translateZ(0);will-change:scroll-position}.song-list-wrapper::-webkit-scrollbar{background:#0000;width:8px}.song-list-wrapper::-webkit-scrollbar-track{background:#0000}.song-list-wrapper::-webkit-scrollbar-thumb{background:#4ecdc433;border-radius:4px;-webkit-transition:all .3s ease;transition:all .3s ease}.song-list-wrapper::-webkit-scrollbar-thumb:hover{background:#4ecdc466}.song-list-wrapper:hover::-webkit-scrollbar-thumb{background:#4ecdc44d}.song-list-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff6b9d,#c44569);-webkit-background-clip:text;background-clip:text;font-family:Space Grotesk,sans-serif;font-size:2rem;font-weight:600;margin-bottom:2rem;text-align:center}.song-list{list-style:none;margin:0;padding:0}.song-item{backface-visibility:hidden;background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 2px 8px #0000001a;contain:layout style paint;margin-bottom:1rem;padding:1.5rem;transform:translateZ(0);transition:all .3s cubic-bezier(.4,0,.2,1);will-change:transform,border-color,box-shadow}.song-item:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.song-item:last-child{margin-bottom:0}.song-content{align-items:flex-start;display:flex;gap:1rem}.vote-buttons{align-items:center;display:flex;flex-direction:column;min-width:60px}.vote-label{color:#fff9;font-size:.7rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.vote-button{background:none;border:none;border-radius:8px;color:#4dff5c;cursor:pointer;padding:.5rem;transition:all .3s ease}.vote-button:hover{background:#4dff5c1a;color:#fff;transform:scale(1.1)}.vote-button.disabled,.vote-button:disabled{color:#4dff5c4d;cursor:not-allowed;opacity:.5}.vote-button.disabled:hover,.vote-button:disabled:hover{background:none;color:#4dff5c4d;transform:none}.vote-count{color:#4dff5c;font-size:1.5rem;font-weight:700;margin:.5rem 0;text-align:center}.cooldown-timer{color:#fff9;display:block;font-size:.7rem;font-weight:600;margin-top:.25rem;text-align:center}.song-details{flex:1 1}.song-title{align-items:center;display:flex;gap:.75rem;margin-bottom:.75rem}.song-title svg{color:#4ecdc4;height:20px;width:20px}.song-title span{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4ecdc4,#44a08d);-webkit-background-clip:text;background-clip:text;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.6rem;font-weight:600;letter-spacing:-.01em;line-height:1.4}.song-note{align-items:flex-start;color:#ffffffb3;display:flex;font-size:1.1rem;gap:.75rem;line-height:1.5}.song-note svg{color:#4dff5c;flex-shrink:0;height:16px;margin-top:.25rem;width:16px}.song-note p{margin:0}.musician-mode-controls{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.delete-button,.move-button{align-items:center;border:2px solid;border-radius:8px;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:.85rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.move-button{background:#ffffff1a;border-color:#fff3;color:#fff}.delete-button{background:#ff4d4d1a;border-color:#ff4d4d4d;color:#ff4d4d}.move-button:hover:not(:disabled){background:#4ecdc41a;border-color:#4ecdc44d;color:#4ecdc4}.delete-button:hover{background:#ff4d4d33;border-color:#ff4d4d80;color:#fff}.move-button:disabled{cursor:not-allowed;opacity:.5}.return-to-dashboard-btn{align-items:center;background:#4ecdc41a;border:2px solid #4ecdc44d;border-radius:12px;color:#4ecdc4;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:.95rem;font-weight:500;gap:.5rem;margin-right:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.return-to-dashboard-btn:hover{background:#4ecdc433;border-color:#4ecdc480;transform:translateY(-2px)}.error-message,.success-message{align-items:center;animation:slideIn .3s ease;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1rem 1.5rem}.error-message{background:#ff4d4d1a;border:2px solid #ff4d4d4d;color:#ff4d4d}.success-message{background:#4dff5c1a;border:2px solid #4dff5c4d;color:#4dff5c}.error-message button,.success-message button{background:none;border:none;border-radius:8px;color:inherit;cursor:pointer;padding:.5rem;transition:all .3s ease}.error-message button:hover{background:#ff4d4d33}.success-message button:hover{background:#4dff5c33}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-error,.form-success{box-sizing:border-box;overflow:hidden;width:100%}.password-form-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.password-form{background:#ffffff1a;border:2px solid #ffffff1a;border-radius:20px;margin:0 2rem;max-width:400px;padding:2.5rem;width:100%}.password-form-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.password-form-header h3{color:#4ecdc4;font-family:Space Grotesk,sans-serif;font-size:1.5rem;font-weight:600;margin:0}.close-button{background:none;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:.5rem;transition:all .3s ease}.close-button:hover{background:#ff4d4d1a;color:#ff4d4d}.password-form-input input{background:#ffffff1a;border:2px solid #ffffff1a;border-radius:12px;box-sizing:border-box;color:#fff;font-family:Inter,sans-serif;font-size:1rem;margin-bottom:1.5rem;padding:1rem;width:100%}.password-form-input input:focus{background:#ffffff14;border-color:#4ecdc4;outline:none}.password-form-submit{background:#4dff5c1a;border:2px solid #4dff5c4d;border-radius:12px;color:#4dff5c;cursor:pointer;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;padding:1rem;transition:all .3s ease;width:100%}.password-form-submit:hover{background:#4dff5c33;border-color:#4dff5c80;transform:translateY(-2px)}.sign-out{background:#ff4d4d1a;border-color:#ff4d4d4d;color:#ff4d4d}.sign-out:hover{background:#ff4d4d33;border-color:#ff4d4d80;color:#fff}.error-message.fading{animation:fadeOut 1s forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0;visibility:hidden}}.list-header{border-bottom:1px solid #ffffff1a;display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem}.vote-cooldown-info{align-items:center;background:#4ecdc41a;border:1px solid #4ecdc44d;border-radius:8px;color:#ffffffb3;display:flex;font-size:1.1rem;font-weight:500;gap:.5rem;margin:0;padding:.75rem 1rem}.vote-cooldown-info svg{color:#4ecdc4;flex-shrink:0}.cooldown-timer-badge{color:#4ecdc4;font-weight:700;margin-left:.25rem}.sort-toggle{align-items:center;background:#ffffff1a;border:2px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;gap:.5rem;padding:.75rem 1rem;transition:all .3s ease}.sort-toggle:hover{background:#ffffff1a;border-color:#fff3}.sort-toggle-label{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:.75rem}.sort-toggle-label input{margin:0}.sort-toggle-text{font-weight:500}.refresh-button{background:none;border:none;border-radius:8px;color:#4ecdc4;cursor:pointer;padding:.5rem;position:absolute;right:15px;top:50%;transform:translateY(-50%);transition:all .3s ease}.refresh-button:hover{background:#4ecdc41a;transform:translateY(-50%) scale(1.1)}.refresh-button.spinning svg{animation:spin 1s linear infinite}@media (max-width:768px){.room-header{align-items:stretch;flex-direction:column;gap:1rem;padding:1rem}.back-to-dashboard-btn{align-self:flex-start;font-size:.9rem;min-height:44px;padding:.6rem 1rem;touch-action:manipulation}.musician-controls-header{justify-content:space-between;width:100%}.musician-mode-indicator{font-size:.8rem;padding:.4rem .8rem}.room-content{padding:1rem}.song-list-wrapper{max-height:50vh}.delete-button,.move-button,.musician-mode-toggle,.vote-button{min-height:44px;touch-action:manipulation}.delete-button,.move-button,.vote-button{min-width:44px}.room-title{font-size:3rem}.form-and-qr-container{flex-direction:column;gap:2rem}.form-container,.qr-code-container,.song-list-container{padding:2rem}input[type=text],textarea{font-size:16px}.vote-buttons{min-width:50px}.vote-label{font-size:.65rem}.vote-count{font-size:1.1rem}.vote-button svg{height:16px;width:16px}.song-details{padding-left:0}.song-title{font-size:1.2rem}.song-note{font-size:.9rem}.song-note svg{height:14px;width:14px}.musician-mode-controls{justify-content:flex-start;margin-top:1rem}.password-form{left:2rem;max-width:none;right:2rem;width:calc(100% - 4rem)}.submit-button{font-size:1.1rem;padding:1rem}.musician-mode-controls{gap:.5rem}.move-to-top-button{padding:.4rem .8rem}.move-to-top-button span{font-size:.8rem}.qr-code-container{min-height:300px}.qr-code-container canvas,.qr-code-container img{background:#fff;border:6px solid #ffffff4d;border-radius:20px;height:200px;padding:1.5rem;width:200px}}@media (max-width:480px){.room-container{padding:1rem}body{font-size:14px}.room-title{font-size:2.5rem}.song-list-title{font-size:1.8rem}.form-label-large{font-size:1.3rem}.submit-button{font-size:1rem;padding:.9rem}.password-form{padding:2rem}.musician-mode-controls{gap:.5rem}.delete-button,.move-button{font-size:.8rem;padding:.4rem .8rem}.form-container,.qr-code-container,.song-list-container{padding:1.5rem}.qr-code-container canvas,.qr-code-container img{background:#fff;border:8px solid #fff6;border-radius:24px;height:180px;padding:2rem;width:180px}}.qr-display-container{background:linear-gradient(135deg,#0a0a0a,#1a1a2e 50%,#16213e);color:#fff;display:flex;font-family:Inter,sans-serif;min-height:100vh}.qr-display-left{align-items:center;background:#ffffff08;border-right:2px solid #ffffff1a;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:3rem}.qr-display-header{margin-bottom:3rem;text-align:center}.qr-display-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4ecdc4,#44a08d);-webkit-background-clip:text;background-clip:text;font-family:Inter,sans-serif;font-size:3.5rem;font-weight:700;letter-spacing:-.02em;margin:0 0 1rem}.qr-display-subtitle{color:#ffffffb3;font-size:1.5rem;margin:0}.qr-code-display{background:#000;border-radius:24px;box-shadow:0 20px 60px #00000080;margin-bottom:2rem;padding:2rem}.qr-display-info{max-width:400px;text-align:center}.qr-display-info p{color:#fff9;font-size:1.2rem;line-height:1.6;margin:0}.qr-display-right{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:3rem}.qr-songs-header{align-items:center;border-bottom:2px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.qr-songs-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff6b9d,#c44569);-webkit-background-clip:text;background-clip:text;font-family:Space Grotesk,sans-serif;font-size:2.5rem;font-weight:700;margin:0}.qr-song-count{color:#ffffff80;font-size:1.3rem;font-weight:500}.qr-songs-list{display:flex;flex-direction:column;gap:1.5rem}.qr-song-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;display:flex;gap:1.5rem;padding:1.5rem;transition:all .3s ease}.qr-song-item:hover{background:#ffffff14;border-color:#4ecdc44d;transform:translateX(5px)}.qr-song-rank{color:#4ecdc4cc;font-size:2rem;font-weight:700;min-width:60px;text-align:center}.qr-song-content{display:flex;flex:1 1;flex-direction:column;gap:.75rem}.qr-song-header{align-items:center;display:flex;gap:.75rem}.qr-song-icon{color:#4ecdc4;flex-shrink:0}.qr-song-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4ecdc4,#44a08d);-webkit-background-clip:text;background-clip:text;font-size:1.6rem;font-weight:600}.qr-song-note{align-items:flex-start;color:#ffffffb3;display:flex;font-size:1.2rem;gap:.75rem;padding-left:2rem}.qr-note-icon{color:#4dff5c;flex-shrink:0;margin-top:.25rem}.qr-song-votes{align-items:center;display:flex;flex-direction:column;gap:.5rem;min-width:80px}.qr-vote-icon{color:#4dff5c}.qr-vote-count{color:#4dff5c;font-size:2rem;font-weight:700}.qr-loading{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;padding:4rem 2rem}.qr-loading-spinner{animation:spin 1s linear infinite;border:4px solid #4ecdc44d;border-left-color:#4ecdc4;border-radius:50%;height:60px;width:60px}.qr-loading p{color:#ffffffb3;font-size:1.3rem}.qr-no-songs{align-items:center;color:#ffffff80;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.qr-no-songs svg{margin-bottom:1.5rem;opacity:.5}.qr-no-songs p{font-size:1.5rem;margin:.5rem 0}.qr-subtitle-small{color:#fff6!important;font-size:1.1rem!important}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:1024px){.qr-display-container{flex-direction:column}.qr-display-left{border-bottom:2px solid #ffffff1a;border-right:none;padding:2rem}.qr-display-title{font-size:2.5rem}.qr-display-subtitle{font-size:1.2rem}.qr-code-display svg{height:300px!important;width:300px!important}.qr-display-right{padding:2rem}.qr-songs-title{font-size:2rem}.qr-song-item{flex-wrap:wrap}.qr-song-rank{font-size:1.5rem;min-width:50px}.qr-song-name{font-size:1.3rem}.qr-vote-count{font-size:1.5rem}}@media (max-width:480px){.qr-display-left{padding:1.5rem}.qr-display-title{font-size:2rem}.qr-display-subtitle{font-size:1rem}.qr-code-display{padding:1rem}.qr-code-display svg{height:250px!important;width:250px!important}.qr-display-right{padding:1.5rem}.qr-songs-title{font-size:1.5rem}.qr-song-count{font-size:1rem}.qr-song-item{padding:1rem}.qr-song-rank{font-size:1.2rem;min-width:40px}.qr-song-name{font-size:1.1rem}.qr-song-note{font-size:1rem}}