@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700;800&amp;display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{font-family:Open Sans,system-ui,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;user-select:none;-webkit-user-select:none;-moz-user-select:none;color-scheme:light dark;color:#ffffffde;background-color:#121212;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme: light){:root{color:#fff;background-color:#121212}}body{margin:0;font-size:16px;height:100vh;padding-top:var(--safe-area-inset-top);padding-bottom:var(--safe-area-inset-bottom);padding-left:var(--safe-area-inset-left);padding-right:var(--safe-area-inset-right)}#root{height:100%}.container{padding:20px;height:100%}p{margin:0;padding:0}h1,h2,h3,h4,h5,h6{margin:0 0 20px;padding:0;font-weight:600}button{outline:none;-webkit-tap-highlight-color:transparent}input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=tel],input[type=url],input[type=date],input[type=datetime-local],textarea,select{font-family:inherit;font-size:16px;line-height:inherit;color:#b9b9b9;background:transparent;border:none;outline:none;width:100%;max-width:320px;margin:0;padding:13px 14px;border-radius:5px;border:1px solid #353535;display:inline-block}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" width="16px" height="16px"><polyline points="6 9 12 15 18 9"/></svg>');background-repeat:no-repeat;background-position:right 10px center;background-size:16px}input:-internal-autofill-selected,input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=url]:focus,input[type=date]:focus,input[type=datetime-local]:focus,textarea:focus,select:focus{border-color:#999;color:#b9b9b9;background:#121212;transition:border-color .1s ease-in-out}label{display:block;margin-bottom:5px;font-weight:600}.alert{padding:10px;margin-bottom:20px;border-radius:5px;font-weight:600}.alert.success{background-color:#15803d80;color:#bbf7d0}.alert.error{background-color:#b91c1c80;color:#fecaca}.alert.warning{background-color:#a1620780;color:#fef08a}.alert.info{background-color:#1d4ed880;color:#dbeafe}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;opacity:0;transition:all .25s ease-in-out}.loading-spinner{width:30px;height:30px;border:5px solid #999;border-top:5px solid #fff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hidden{display:none!important}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background-color:#333}::-webkit-scrollbar-thumb{background-color:#666}pwa-toast{z-index:9999}.btn-group{display:flex;gap:10px}.btn-group .button{width:100%}.button{border:none;padding:14px 15px;height:50px;cursor:pointer;border-radius:10px;font-family:Open Sans,system-ui,Helvetica,Arial,sans-serif;font-weight:600;font-size:16px;display:flex;align-items:center;justify-content:center;text-align:center;gap:10px;text-decoration:none;-webkit-tap-highlight-color:transparent}.button.primary{background-color:#3c8615;background-image:linear-gradient(180deg,#3c8615,#31770c);color:#fff}.button.primary:hover,.button.primary:focus{background-color:#31770c;background-image:linear-gradient(180deg,#31770c,#3c8615)}.button.secondary{background-color:transparent;border:1px solid #777777;color:#f9f9f9;padding:13px 14px}.button.secondary:hover,.button.secondary:focus{background-color:#fff;border-color:#fff;color:#000}.button-icon{display:flex;align-items:center;width:24px}.button-with-icon{width:50px}.button-auto-width{width:auto}.navbar{position:fixed;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 20px;padding-top:calc(var(--safe-area-inset-top) + 10px);background-color:#121212;border-bottom:1px solid #333;color:#fff;flex-direction:row}.navbar .title{font-size:18px;font-weight:600}.navbar .wrapper{display:flex;width:100%;align-items:center;justify-content:space-between}.navbar .button-group{display:flex;gap:10px}.navbar .info p.setlist{color:#999}.navbar .info p.song-title{font-weight:600}.navbar .wrapper .info p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.navbar .wrapper.desktop .info{flex-direction:column;align-items:center;justify-content:space-between;padding:0 20px;text-align:center}.navbar .wrapper.mobile{display:none;flex-direction:column;align-items:center;justify-content:space-evenly;width:100%}.navbar .wrapper.mobile div{width:100%}.navbar .wrapper.mobile button{width:auto;flex:1}.navbar .wrapper.mobile .info{flex-direction:column;align-items:start;margin-top:10px;font-size:14px}@media screen and (orientation: landscape){.navbar{padding-left:calc(var(--safe-area-inset-left) + 20px);padding-right:calc(var(--safe-area-inset-right) + 20px)}}@media screen and (min-width: 769px){.navbar .wrapper.mobile{display:none}}@media screen and (max-width: 768px){.menu,.overlay{top:calc(var(--safe-area-inset-top) + 112.5px)}.navbar{flex-direction:column}.navbar .wrapper.mobile{display:flex}.navbar .wrapper.desktop{display:none}}.offline-badge{margin-left:8px;padding:1px 4px;background-color:#ff980033;border:1px solid rgba(255,152,0,.5);border-radius:4px;font-size:.85em;color:#ff9800}.lyrics{font-size:24px;font-weight:700;padding-top:70px;padding-bottom:var(--safe-area-inset-bottom);word-break:break-word;columns:1}.no-song-message{font-size:24px;font-weight:700;padding-top:70px;word-break:break-word}@media screen and (max-width: 768px){.lyrics,.no-song-message{padding-top:120px}}@media screen and (orientation: landscape) and (max-width: 768px){.lyrics,.no-song-message{padding-top:calc(var(--safe-area-inset-top) + 50px)}}.web .lyrics,.web .no-song-message{padding-top:121px}@media screen and (min-width: 769px){.web .lyrics,.web .no-song-message{padding-top:71px}}.swipe-area{height:100%}.menu{position:fixed;top:calc(var(--safe-area-inset-top) + 71px);left:0;height:calc(100vh - var(--safe-area-inset-top) - var(--safe-area-inset-bottom) - 71px);width:100%;max-width:320px;background-color:#121212;padding:20px;padding-left:calc(var(--safe-area-inset-left) + 20px);gap:10px;display:flex;flex-direction:column;overflow:hidden;justify-content:space-between;box-shadow:20px 0 40px #0003;transform:translate(-100%);transition:transform .2s ease-in-out;z-index:999}.menu-open{transform:translate(0)}.menu .wrapper{display:flex;flex-direction:column;justify-content:space-between;height:100%;overflow-y:auto}.menu .wrapper>div{width:100%}.menu .selector-group{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.menu .settings-group{display:flex;flex-direction:column;margin-bottom:20px}.menu .settings-title{color:#fff;font-size:22px;font-weight:600}.menu .settings-controls{display:flex;flex-direction:column;gap:10px}.menu .settings-controls div{width:100%;margin-bottom:10px}.menu input[type=range]{-webkit-appearance:none;width:100%;height:4px;background:#353535;border-radius:5px;outline:none}.menu input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:#3c8615;border-radius:50%;cursor:pointer}.menu input[type=range]::-moz-range-thumb{width:20px;height:20px;background:#3c8615;border-radius:50%;cursor:pointer}.menu .user-group{display:flex;flex-direction:column;gap:10px}.menu .user-name{color:#fff;font-size:18px;font-weight:600}.menu .user-email{color:#fff;font-size:14px;font-weight:400}.menu .expired-message{color:#aed5ff;font-size:14px;font-weight:400;padding:8px 12px 10px;background:#052a57;border-radius:5px;font-weight:600;border:1px solid #08568d}.menu .link{color:#fff;text-decoration:none;font-size:18px;font-weight:600}.overlay{position:fixed;top:calc(var(--safe-area-inset-top) + 71px);left:0;width:100%;height:100%;background-color:#000;z-index:998}.overlay-visible{visibility:visible;opacity:.5}.overlay-hidden{visibility:hidden;opacity:0}@media screen and (orientation: landscape){.menu .wrapper{height:100%}}@media screen and (max-width: 768px){.menu,.overlay{top:calc(var(--safe-area-inset-top) + 123px)}.menu .wrapper{height:90%}.web .menu .wrapper{height:calc(100% - 52px)}}.login-container{width:100%;margin:0 auto;padding-top:calc(var(--safe-area-inset-top) + 51px);display:flex;flex-direction:column;justify-content:start;align-items:start}.login-form{width:100%}.form-group{margin-bottom:20px;width:100%;display:block}.form-input{max-width:100%!important}.buttons-container{display:flex;gap:10px;margin-top:20px;justify-content:space-between;width:100%}@media screen and (max-width: 499px){.buttons-container,.buttons-container div{flex-direction:column-reverse}}@media screen and (max-width: 768px){.login-container{padding-top:calc(var(--safe-area-inset-top) + 91px)}}.web .login-container{padding-top:121px}@media screen and (min-width: 769px){.web .login-container{padding-top:71px}}input:required,select:required,textarea:required{border:1px solid goldenrod}