.karaoke-player{position:absolute;top:0;left:0;right:0;bottom:0;background:#000;display:flex;flex-direction:column;overflow:hidden}.player-header{display:flex;justify-content:space-between;align-items:center;background:#ffffff1a;padding:.75rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.player-logo{display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:opacity .2s}.player-logo:hover{opacity:.8}.player-logo-icon{font-size:1.25rem;color:orange}.player-logo-text{font-size:1.25rem;color:orange;font-weight:500}.player-queue-info{color:#fff;font-size:.875rem}.player-room-id{color:orange;font-size:1rem;font-weight:600;letter-spacing:.5px}.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:linear-gradient(135deg,#1a1a1a,#2d2d2d);z-index:100;padding:4rem}.empty-queue-message h2{margin:0 0 2rem;font-size:3.5rem;color:orange;font-weight:500}.empty-queue-message p{margin:0;font-size:2rem;opacity:.9;line-height:1.4}.instructions-steps{margin:2rem 0;text-align:left;max-width:600px}.instruction-step{display:flex;align-items:center;margin:1rem 0;color:#fff;font-size:1.25rem}.step-number{background:orange;color:#000;width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:1rem;font-weight:700;flex-shrink:0}.highlight{color:orange;font-weight:500}.instructions-tagline{margin-top:2rem;font-size:1.5rem;color:orange;font-style:italic}.paused-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#000000b3;z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease-in-out;pointer-events:none}.paused-text{font-size:5rem;font-weight:700;color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.8);letter-spacing:.5rem;animation:pulse 2s ease-in-out infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.activity-feed{position:absolute;bottom:20px;right:20px;z-index:300;display:flex;flex-direction:column;gap:8px;pointer-events:none;max-width:350px}.activity-item{padding:10px 14px;border-radius:8px;display:flex;align-items:center;gap:10px;animation:slideIn .3s ease-out;font-size:14px;color:#fff;border-left:3px solid;box-shadow:0 2px 10px #0000004d}.user-badge{width:10px;height:10px;border-radius:50%;flex-shrink:0;box-shadow:0 0 4px #0000004d}.activity-text{font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.5);line-height:1.4}.subscriber-badge-inline{display:inline-flex;align-items:center;margin-right:4px}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.youtube-attribution{display:flex;align-items:center;justify-content:flex-end;gap:.25rem;background:#ffffff1a;padding:.4rem .75rem;border-top:1px solid rgba(255,255,255,.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}