@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-ext-wght-normal-BDFhNWBr.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-wght-normal-B3oYxpP2.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-family:Figtree Variable,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh}*{box-sizing:border-box;margin:0;padding:0;font-family:Figtree Variable,sans-serif}body{font-family:Figtree Variable,sans-serif;line-height:1.6;background-color:#121212;color:#f1f1f1;overflow:hidden}.karaoke-app{margin:0;padding:0;max-width:100%;height:100vh;font-family:Figtree Variable,sans-serif;overflow:hidden}.tv-mode{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden}.video-container{border-radius:0;padding-top:0;height:100vh;width:100vw;position:fixed;top:0;left:0;z-index:100;background:#000;overflow:hidden}.video-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.react-player-wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.typed-numbers{font-size:8rem;font-weight:700;color:#fff;background-color:#000000b3;padding:30px 50px;border-radius:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:Figtree Variable,sans-serif}.video-playing .typed-numbers{font-size:4.5rem;padding:15px 25px;border-radius:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:Figtree Variable,sans-serif}.video-reserved-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:auto;height:auto;background-color:#000c;display:flex;align-items:center;justify-content:center;color:#fff;font-size:4rem;z-index:25;font-weight:700;padding:30px 60px;border-radius:30px;font-family:Figtree Variable,sans-serif}.video-playing .video-reserved-overlay{top:50px;left:20px;transform:none;font-size:2.5rem;padding:12px 25px;border-radius:12px;font-family:Figtree Variable,sans-serif}.error-message{position:absolute;bottom:20px;left:50%;transform:translate(-50%);color:#ff4081;background-color:#000c;padding:20px;border-radius:10px;z-index:100;font-size:1.5rem;max-width:80%;text-align:center;font-family:Figtree Variable,sans-serif}.error-caption{font-size:1rem;color:#fff;margin-top:10px;opacity:.8;font-family:Figtree Variable,sans-serif}.loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;background-color:#000c;padding:20px 40px;border-radius:10px;z-index:100;font-size:2rem;font-family:Figtree Variable,sans-serif}.reserved-numbers-display{position:absolute;top:0;left:0;width:100%;z-index:20;transition:all .3s ease;display:flex;flex-direction:row;overflow:hidden;background-color:#0e3377;padding:8.2px 0;align-items:center;font-family:Figtree Variable,sans-serif}.validation-message{flex:1;margin:0 15px;padding:5px 20px;font-size:1.5rem;border-radius:4px;text-align:left;font-weight:700;transition:all .3s ease;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;animation:slidein .5s ease-out,pulse 1s ease-in-out .5s infinite alternate,slideout .5s ease-in 4.5s forwards;font-family:Figtree Variable,sans-serif}.next-song-notification{flex:1;margin:0 15px;padding:5px 20px;font-size:1.5rem;border-radius:4px;text-align:left;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background-color:#6464ffb3;color:#fff;border:2px solid rgba(255,255,255,.5);animation:slidein .5s ease-out,slideout .5s ease-in 7.5s forwards;font-family:Figtree Variable,sans-serif}.validation-message.success{background-color:#00b400b3;color:#fff;border:2px solid rgba(255,255,255,.5)}.validation-message.error{background-color:#dc0000b3;color:#fff;border:2px solid rgba(255,255,255,.5)}.reserved-numbers-display h3{background-color:#0e3377;color:#fff;font-size:1.3rem;margin:0;padding:5px 15px;display:flex;align-items:center;min-width:130px;white-space:nowrap;font-family:Figtree Variable,sans-serif}.reserved-numbers-display h3:after{content:attr(data-count);display:inline-block;background-color:#ffffff26;color:#fff;margin-left:10px;padding:4px 15px;border-radius:3px;font-weight:700}.reserved-numbers-display .typed-numbers{font-size:1.8rem;padding:8px 20px;margin:0 20px;background-color:#ffffff26;flex:1;border-radius:4px;text-align:left;animation:fadein .3s ease-out;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:Figtree Variable,sans-serif}.video-playing .reserved-numbers-display .typed-numbers{font-size:1.6rem;padding:6px 15px;margin:0 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:Figtree Variable,sans-serif}.reserved-numbers-list{list-style:none;padding:5px 15px;margin:0;display:flex;flex-wrap:nowrap;overflow:hidden;white-space:nowrap;align-items:center;flex:1}.reserved-number-item{display:inline-block;padding:3px 10px;margin:0 6px;font-size:1.1rem;font-weight:700;color:#fff;min-width:auto;background-color:#ffffff26;border-radius:4px}.reserved-number-item span{margin:0 5px}.play-reserved-btn{background:none;border:none;color:#8bc34a;font-size:1rem;cursor:pointer;padding:0 2px;transition:color .2s}.empty-reserved{color:#ffffffb3;text-align:left;padding:5px;font-style:italic}.autoplay-toggle{position:relative;display:flex;align-items:center;z-index:10;padding-right:20px;margin-left:auto}.toggle-switch{position:relative;display:inline-block;width:36px;height:18px;margin-right:10px}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#3d3d3d;transition:.3s;border-radius:18px}.toggle-slider:before{position:absolute;content:"";height:14px;width:14px;left:2px;bottom:2px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.toggle-slider{background-color:#4caf50}input:checked+.toggle-slider:before{transform:translate(18px)}.toggle-label{font-size:.9rem;color:#fff;font-weight:600}.reserved-counter{position:absolute;top:20px;right:20px;background-color:#000c;border-radius:15px;padding:15px;z-index:8;display:flex;flex-direction:column;align-items:center;min-width:80px}.counter-number{font-size:3rem;font-weight:700;color:#ff4081}.counter-label{font-size:1.2rem;color:#ffffffe6}.current-song-number{font-size:1.5rem;color:#ffffffe6;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.2);text-align:center}.typing-active .reserved-numbers-display{z-index:40}.typing-active .typed-numbers{z-index:40;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.current-song-indicator{position:absolute;bottom:20px;right:20px;background-color:#000000b3;color:#fff;padding:8px 15px;border-radius:5px;font-size:1.2rem;z-index:15;font-family:Figtree Variable,sans-serif}@media (max-width: 1200px){.typed-numbers{font-size:6rem;padding:25px 40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.video-playing .typed-numbers{font-size:4rem;padding:12px 20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.reserved-numbers-display .typed-numbers{font-size:1.6rem;padding:6px 15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.video-reserved-overlay{font-size:3.5rem;padding:25px 50px}.video-playing .video-reserved-overlay{font-size:2.2rem;padding:10px 20px}}@media (max-width: 768px){.typed-numbers{font-size:5rem;padding:20px 30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.video-playing .typed-numbers{font-size:3.2rem;padding:10px 15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.reserved-numbers-display .typed-numbers{font-size:1.3rem;padding:4px 10px;margin:0 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.video-reserved-overlay{font-size:3rem;padding:20px 40px}.video-playing .video-reserved-overlay{font-size:1.8rem;padding:8px 15px}.reserved-numbers-display,.reserved-counter{padding:5px 0}.counter-number{font-size:2.5rem}.current-song-number,.counter-label{font-size:1rem}.reserved-numbers-display h3{font-size:1.1rem;min-width:80px;padding:5px 8px}.reserved-numbers-display h3:after{padding:3px 10px;margin-left:5px}.reserved-number-item{font-size:.9rem;padding:2px 5px;margin:0 2px}.play-reserved-btn{font-size:.9rem}.toggle-switch{width:30px;height:16px}.toggle-slider:before{height:12px;width:12px}input:checked+.toggle-slider:before{transform:translate(14px)}.autoplay-toggle{padding-right:10px}.toggle-label{font-size:.8rem;display:inline-block;max-width:60px}.video-playing .typed-numbers-overlay,.video-playing .video-reserved-overlay{top:40px}.current-song-indicator{font-size:1rem;padding:5px 10px;bottom:15px;right:15px}}@keyframes slidein{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideout{0%{transform:translate(0);opacity:1}to{transform:translate(20px);opacity:0}}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%{opacity:.9}to{opacity:1}}.karaoke-title-wrapper{margin-bottom:40px;text-align:center;background:linear-gradient(90deg,#14172866,#24284666);padding:15px 30px;border-radius:15px;box-shadow:0 4px 15px #0000004d;width:100%;max-width:500px}.karaoke-title{font-family:Figtree Variable,sans-serif;font-size:3rem;font-weight:700;color:#fff;margin:0;display:flex;align-items:center;justify-content:center;background:#0d6efd;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:1px}.karaoke-icon{font-size:3.2rem;margin-right:15px;color:#0d6efd;animation:pulse 2s ease-in-out infinite alternate;text-shadow:none;-webkit-text-fill-color:initial}.copyright-notice{position:absolute;bottom:20px;text-align:center;width:100%;background:linear-gradient(90deg,#1417284d,#2428464d);padding:8px 0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.copyright-notice p{font-family:Figtree Variable,sans-serif;font-size:1rem;color:#fffc;margin:0;font-weight:500;letter-spacing:.5px}.copyright-notice p span{color:#0d6efd;font-weight:600}.karaoke-title-wrapper.playing-mode{position:absolute;top:15px;left:20px;margin:0;z-index:30;padding:8px 15px;background:linear-gradient(90deg,#14172899,#24284699);border-radius:10px;box-shadow:0 2px 10px #0006;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);width:auto;max-width:none;transition:opacity .3s}.karaoke-title-wrapper.playing-mode:hover{opacity:1}.karaoke-title-wrapper.playing-mode .karaoke-title{font-size:1.4rem;text-shadow:1px 1px 3px rgba(0,0,0,.8)}.karaoke-title-wrapper.playing-mode .karaoke-icon{font-size:1.4rem;margin-right:8px}.copyright-notice.playing-mode{position:absolute;bottom:15px;right:20px;width:auto;z-index:30;background:linear-gradient(90deg,#14172899,#24284699);padding:6px 12px;border-radius:8px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);box-shadow:0 2px 8px #0000004d;transition:opacity .3s}.copyright-notice.playing-mode:hover{opacity:1}.copyright-notice.playing-mode p{font-size:.8rem;color:#fffc;text-shadow:1px 1px 2px rgba(0,0,0,.7)}.video-playing .video-wrapper{padding-top:65px;padding-bottom:60px}@media (max-width: 768px){.karaoke-title-wrapper{padding:10px 20px;margin-bottom:30px}.karaoke-title{font-size:2.5rem}.karaoke-icon{font-size:2.5rem;margin-right:10px}.karaoke-title-wrapper.playing-mode{top:10px;left:10px;padding:5px 10px}.karaoke-title-wrapper.playing-mode .karaoke-title{font-size:1.1rem}.karaoke-title-wrapper.playing-mode .karaoke-icon{font-size:1.1rem;margin-right:5px}.copyright-notice{bottom:15px;padding:5px 0}.copyright-notice p{font-size:.85rem}.copyright-notice.playing-mode{bottom:10px;right:10px;padding:4px 8px}.copyright-notice.playing-mode p{font-size:.7rem}}.video-controls{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:#0009;padding:15px 20px;border-radius:50px;display:flex;justify-content:center;align-items:center;z-index:30;opacity:0;box-shadow:0 4px 15px #0000004d;transition:opacity .3s ease}.video-controls.show{opacity:1}.video-controls-inner{display:flex;justify-content:center;align-items:center}.control-btn{background:none;border:none;color:#fff;margin:0 15px;padding:8px;cursor:pointer;background-color:#fff3;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease,transform .2s ease}.control-btn:hover{background-color:#fff6;transform:scale(1.1)}.control-btn:active{transform:scale(.95)}.control-btn.control-focus{background-color:#0d6efdb3;transform:scale(1.1);box-shadow:0 0 0 3px #ffffff80;position:relative}.control-btn.control-focus:after{content:attr(data-tooltip);position:absolute;top:-45px;left:50%;transform:translate(-50%);background-color:#000c;color:#fff;padding:5px 10px;border-radius:5px;font-size:14px;white-space:nowrap;opacity:0;pointer-events:none;box-shadow:0 2px 10px #0000004d;animation:tooltipFadeIn .3s forwards;z-index:100}.control-btn.control-focus:before{content:"";position:absolute;top:-15px;left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:rgba(0,0,0,.8) transparent transparent transparent;opacity:0;animation:tooltipFadeIn .3s forwards;z-index:100}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.control-btn svg{width:24px;height:24px}.control-btn.play-pause{width:60px;height:60px}.control-btn.play-pause svg{width:30px;height:30px}.control-btn.stop{background-color:#ff4d4d4d}.control-btn.stop:hover,.control-btn.stop.control-focus{background-color:#ff4d4d99}.progress-bar-container{width:100%;padding:0 5px}.keyboard-nav-help{position:absolute;bottom:80px;left:50%;transform:translate(-50%);background-color:#0009;color:#fff;padding:8px 16px;border-radius:8px;font-size:1rem;z-index:35;white-space:nowrap;border:1px solid rgba(255,255,255,.3);box-shadow:0 2px 10px #00000080;opacity:.8}.progress-bar{width:100%;height:5px;background-color:#fff3;border-radius:5px;overflow:hidden;position:relative;cursor:pointer}.progress-fill{height:100%;background-color:#0d6efd;border-radius:5px;transition:width .1s linear}@media (max-width: 768px){.control-btn{width:40px;height:40px;margin:0 10px}.control-btn svg{width:20px;height:20px}.control-btn.play-pause{width:50px;height:50px}.control-btn.play-pause svg{width:24px;height:24px}.keyboard-nav-help{bottom:70px;font-size:.85rem;padding:6px 12px}.progress-bar{height:4px}.video-controls{padding:10px 15px}.video-controls-inner{margin-bottom:8px}}