@font-face{font-family:Titan One;src:url(/assets/TitanOne-Regular-Ds7Echb6.ttf) format("truetype")}.intro-page{text-align:center;color:var(--slogan-color);padding:20px}.slogan{font-size:24px;margin-bottom:50px;display:block}.login-button-container{border-radius:30px}.login-button{color:var(--login-button-text-color);border:none;border-radius:30px;padding:0 15px 0 0;background-color:var(--login-button-background-color);font-size:20px;cursor:pointer;gap:10px;transition:background-color .3s ease,transform .3s ease;box-shadow:0 4px 6px var(--shadow-color)}.login-button:hover{background-color:var(--login-button-hover-background-color);color:var(--login-button-hover-text-color);transform:translateY(-2px)}.login-button:active{background-color:var(--login-button-active-background-color);color:var(--login-button-active-text-color);transform:translateY(0)}.login-icon-container{background-color:var(--login-button-hover-background-color);padding:10px 25px 0;margin-top:0;border-radius:30px;display:flex;float:left}.login-icon{color:var(--logo-bottom-color);font-size:50px}.login-text{margin:0;padding:20px;line-height:1em;display:flex;float:right;color:var(--login-button-text-color);font-weight:700}.fade1,.fade2{opacity:0}.fade1{animation:fadeIn 2s ease-in-out 1s forwards}.fade2{animation:fadeIn 2s ease-in-out 3s forwards}.intro-page-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:50px}.world-stage-image{width:50%;height:auto}.logo-container{margin-bottom:20px;margin-top:20px}.logo-container-small{margin:0;display:flex;align-items:center}.logo{display:inline-flex;align-items:center}.title-container{max-width:100%}.logo img{height:100px;width:auto}.logo-container-small .logo img{height:40px;width:auto}.title-container:hover{animation:shaking .3s linear 2}@keyframes shaking{0%,50%,to{transform:rotate(0)}20%{transform:rotate(-5deg)}70%{transform:rotate(5deg)}}@media (max-width: 380px){.title-container .title_SongShake img{height:auto;width:100%;max-width:380px}.logo-container{margin-bottom:10px}}body:has(.login-page){display:block!important;align-items:unset!important;justify-content:unset!important}.login-page{display:flex;flex-direction:column;align-items:center;padding:0;width:100%;text-align:center;margin:0 auto;box-sizing:border-box;position:static}.login-page-login-buttons{display:flex;flex-direction:column;gap:15px;width:70%;align-items:center;max-width:500px;margin:0 auto}.login-page-login-button{border:none;border-radius:30px;font-size:20px;cursor:pointer;gap:10px;width:100%;transition:background-color .3s ease,transform .3s ease;box-shadow:0 4px 6px var(--shadow-color);display:flex}.login-page-login-button:hover{transform:translateY(-2px)}.login-page-login-button:active{transform:translateY(0)}.login-page-login-icon{font-size:50px;padding:5px 15px 0}.login-page-google-login-button{background-color:#db4437;color:#fff}.login-page-google-login-button:hover{background-color:#e57373;color:#fff}.login-page-twitch-login-button{background-color:#6441a5;color:#ff0}.login-page-twitch-login-button:hover{background-color:#7d5bb5;color:#ff0}.login-page-spotify-login-button{background-color:#1db954;color:#000}.login-page-spotify-login-button:hover{background-color:#4caf50;color:#000}.login-page-dev-login-button{background-color:#ff74e8;color:#000}.login-page-dev-login-button:hover{background-color:#f84ddc;color:#000}@media (max-width: 320px){.login-page-login-icon{display:none}.login-page-login-buttons{width:90%}}.loading-animation{display:flex;align-items:center;justify-content:center;height:100%;color:var(--important-text-color)}.spinner{border:4px solid var(--shadow-color);border-left-color:#000;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}.oauth-page{display:flex;justify-content:center;align-items:center;height:100vh;background-color:var(--background);font-family:Arial,sans-serif}.oauth-page-content{text-align:center;background-color:var(--page-color);padding:40px;border-radius:10px;box-shadow:0 4px 8px var(--shadow-color)}.oauth-page h1{font-size:24px;color:var(--text-primary-color);margin-bottom:20px}.oauth-page p{font-size:18px;color:var(--text-primary-color)}.home-page{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;font-family:Arial,sans-serif;width:100%;max-width:2000px;margin:0 auto;overflow-x:hidden;overflow-y:hidden;height:calc(100vh - 60px);box-sizing:border-box}.home-page-header{width:100%;box-sizing:border-box}.home-page-wrapper{display:flex;flex-direction:column;width:100%;flex:1;box-sizing:border-box;min-height:0}.home-page-featured-area{color:var(--main-content-text-color);background-color:var(--page-color);border-radius:20px;margin-top:10px;text-align:left;width:100%;box-shadow:0 4px 8px var(--shadow-color);display:flex;flex-direction:row;flex:1;min-height:90%;overflow:visible;box-sizing:border-box}.home-page-notification-area{background-color:var(--main-content-background-color);border-radius:20px;padding:15px;margin-top:20px;text-align:left;flex:1;box-shadow:0 4px 8px var(--shadow-color);box-sizing:border-box;min-width:0}.home-page-notification-area h2{margin-top:0;font-size:24px;color:var(--text-color)}.home-page-notification{background-color:var(--main-content-card-background-color);border-radius:10px;padding:15px;margin-bottom:15px;box-shadow:0 2px 4px var(--shadow-color)}.home-page-notification-username{font-weight:700;color:var(--text-primary-color);margin-bottom:5px}.home-page-notification-message{color:var(--text-secondary-color);font-size:16px}@media (max-width: 768px){.home-page{padding:0}.home-page-featured-area{flex-direction:column;padding:15px}.home-page-notification-area{margin-top:15px;padding:15px}}@media (max-width: 480px){.home-page{padding:0}.home-page-featured-area,.home-page-notification-area{padding:10px}}.main-navigation{background-color:var(--main-nav-background-color);border-radius:10px;padding:10px;margin-left:0;box-shadow:0 4px 8px var(--shadow-color);flex:0 0 auto;width:auto;box-sizing:border-box}.search-buttons{display:flex;flex-direction:column;gap:10px}.search-button{background-color:var(--main-nav-button-background-color);color:var(--main-nav-button-text-color);border:none;border-radius:30px;padding:15px 20px;font-size:18px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:background-color .3s ease}.search-button:hover{background-color:var(--main-nav-button-hover-background-color);color:var(--main-nav-button-hover-text-color)}.search-button:active{background-color:var(--main-nav-button-active-background-color);color:var(--main-nav-button-active-text-color)}.search-icon{font-size:24px}.navigation-profile-image{width:24px;height:24px;border-radius:50%;object-fit:cover}@media (max-width: 1100px){.main-navigation{display:none}}@media (min-width: 1101px){.main-navigation{display:block}}.band-profile-container{position:relative;display:inline-block;vertical-align:top}.dropdown-arrow{margin-left:5px;font-size:12px}.band-dropdown{background-color:var(--main-content-card-background-color);color:var(--text-primary-color);border:1px solid var(--input-border-color);border-top:none;border-radius:8px;box-shadow:0 4px 12px var(--shadow-color);z-index:1000;min-width:200px;padding:8px 0;margin-top:0}.band-dropdown-item{display:flex;align-items:center;padding:10px 15px;cursor:pointer;transition:background-color .2s ease;gap:10px}.band-dropdown-item:hover{background-color:var(--main-content-button-hover-background-color);color:var(--main-content-button-hover-text-color)}.band-dropdown-image{width:24px;height:24px;border-radius:50%;flex-shrink:0}.band-dropdown-name{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hamburger-menu-button{position:relative;display:inline-flex;align-items:center;gap:5px}.hamburger-menu-button .dropdown-arrow{margin-left:5px;font-size:12px;transition:transform .2s ease}.hamburger-menu-button:hover .dropdown-arrow{transform:rotate(180deg)}.hamburger-dropdown{background-color:var(--main-content-card-background-color);color:var(--text-primary-color);border:1px solid var(--input-border-color);border-radius:8px;box-shadow:0 4px 12px var(--shadow-color);z-index:1000;min-width:180px;padding:8px 0}.hamburger-dropdown-item{display:flex;align-items:center;padding:12px 16px;cursor:pointer;transition:background-color .2s ease;gap:12px;font-size:14px;font-weight:500}.hamburger-dropdown-item:hover{background-color:var(--main-content-button-hover-background-color);color:var(--main-content-button-hover-text-color)}.hamburger-dropdown-item:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.hamburger-dropdown-item:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.hamburger-dropdown-icon{width:20px;height:20px;flex-shrink:0;font-size:16px}.hamburger-dropdown-profile-image{width:20px;height:20px;border-radius:50%;flex-shrink:0;object-fit:cover}.hamburger-dropdown-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (min-width: 769px){.hamburger-menu-button{display:none}}@media (max-width: 768px){.hamburger-menu-button{display:inline-flex}}.top-page-navigation{display:flex;width:100%;background-color:var(--top-nav-background-color);padding:5px;border-radius:10px;box-sizing:border-box;justify-content:space-between;align-items:center;margin-top:10px}.top-page-nav-button{background-color:var(--top-nav-button-background-color);color:var(--top-nav-button-text-color);border:none;border-radius:10px;padding:10px 15px;font-size:16px;cursor:pointer;transition:background-color .3s ease;white-space:nowrap}.top-page-nav-button:hover{background-color:var(--top-nav-button-hover-background-color);color:var(--top-nav-button-hover-text-color)}.top-page-nav-button:active{background-color:var(--top-nav-button-active-background-color);color:var(--top-nav-button-active-text-color)}.top-page-nav-icon{font-size:16px}.engagement-tier-mobile{display:none}@media (max-width: 768px){.top-page-navigation{flex-direction:column;gap:10px;padding:10px;align-items:stretch}}@media (max-width: 588px){.top-page-navigation{flex-direction:column;gap:10px;padding:10px;align-items:stretch}.engagement-tier-mobile{background-color:var(--top-nav-button-background-color);color:var(--top-nav-button-text-color);border:none;border-radius:10px;padding:10px 15px;font-size:16px;cursor:default;text-align:center;margin-bottom:5px;display:block;width:100%;box-sizing:border-box;transition:none}.engagement-tier-mobile:hover{background-color:var(--top-nav-button-background-color);color:var(--top-nav-button-text-color)}.engagement-tier-button{display:none!important}.navigation-buttons-container{display:flex;flex-direction:row;gap:10px;align-items:center;flex-wrap:wrap;width:100%;justify-content:space-between}}@media (max-width: 480px){.top-page-navigation{padding:10px}}@media (max-width: 353px){.top-page-navigation{padding:8px}.navigation-buttons-container{flex-direction:column;align-items:stretch;gap:8px;justify-content:flex-start}.engagement-tier-mobile{margin-bottom:8px;text-align:center}.band-profile-button{align-self:flex-start;width:auto}}.profile-page{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;font-family:Arial,sans-serif;width:100%;max-width:2000px;margin:0 auto;overflow-x:hidden;overflow-y:hidden;height:calc(100vh - 60px);box-sizing:border-box}.profile-page-header{width:100%;box-sizing:border-box}.profile-page-wrapper{display:flex;flex-direction:column;width:100%;flex:1;box-sizing:border-box;min-height:0}.profile-page-featured-area{color:var(--main-content-text-color);background-color:var(--page-color);border-radius:20px;padding:15px;margin-top:10px;text-align:left;width:100%;box-shadow:0 4px 8px var(--shadow-color);display:flex;flex-direction:column;flex:1;min-height:95%;overflow:visible;box-sizing:border-box}.profile-page-content{background-color:var(--main-content-background-color);border-radius:20px;padding:20px;text-align:left;width:100%;box-shadow:0 4px 8px var(--shadow-color);box-sizing:border-box}.profile-form{display:flex;flex-direction:column;gap:30px}.profile-input,.profile-textarea{width:100%;border-radius:10px;border:1px solid var(--input-border-color);box-shadow:0 2px 4px var(--shadow-color);transition:border-color .3s ease,box-shadow .3s ease;font-size:1.25em;background-color:var(--input-background-color);color:var(--input-text-color)}.profile-input:focus,.profile-textarea:focus{border-color:var(--input-active-border-color);box-shadow:0 2px 8px var(--shadow-color);outline:none}.profile-textarea{height:150px;margin:0;padding:0}.profile-page-form-nav{justify-content:left;gap:10px;flex-direction:row;display:flex;width:100%}html,body,#root{height:100%;width:100%;margin:0;padding:0;background-color:var(--background);box-sizing:border-box}.App{display:flex;flex-direction:column;min-height:100vh;width:100%;position:relative;background-color:var(--background);padding-left:10px;padding-right:10px;box-sizing:border-box}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-content{flex:1}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}button{background-color:var(--main-content-button-background-color);color:var(--main-content-button-text-color);border:none;border-radius:30px;padding:15px 20px;font-size:18px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:background-color .3s ease}button:hover{background-color:var(--main-content-button-hover-background-color);color:var(--main-content-button-hover-text-color)}button:active{background-color:var(--main-content-button-active-background-color);color:var(--main-content-button-active-text-color)}.form-group-row{display:flex;flex-direction:row;gap:25px}.form-group{margin-bottom:15px}.form-group label{display:flex;flex-direction:column;margin-bottom:5px;font-weight:700}.form-group input,.form-group textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px;box-sizing:border-box}.form-group textarea{resize:vertical}.form-group input[readonly]{cursor:not-allowed}.color-inputs{display:flex;gap:20px}.color-input{display:flex;flex-direction:column;align-items:center}.color-input label{margin-bottom:5px}.color-input input[type=color]{width:40px;height:40px;border:none;cursor:pointer}@media (max-width: 1025px){.App{padding-left:1px;padding-right:1px}}.performers-search-page{display:flex;flex-direction:column;padding:0;font-family:Arial,sans-serif;width:100%;max-width:2000px;margin:0 auto;overflow-x:hidden;box-sizing:border-box}.performers-search-page-header{width:100%;box-sizing:border-box}.performers-search-page-wrapper{width:100%;display:flex;flex-direction:column;box-sizing:border-box}.performers-search-page-title{display:flex;margin-right:auto}.performers-search-page-band-search-area{display:flex;flex-direction:column;width:100%;box-sizing:border-box;padding:20px}.performers-search-page-content{display:flex;flex-direction:column;gap:25px}.performers-search-page-content-title{display:flex}.performers-search-page-bands-container{display:flex;flex-direction:row;gap:30px;width:100%;margin-bottom:25px;justify-content:center}.performers-search-page-bands-section{flex:1;min-width:0;text-align:center}@media (max-width: 768px){.performers-search-page-bands-container{flex-direction:column;gap:20px}}.performers-search-page-featured-area{color:var(--main-content-text-color);background-color:var(--page-color);border-radius:20px;padding:15px;margin-top:10px;text-align:left;width:100%;box-shadow:0 4px 8px var(--shadow-color);display:flex;flex-direction:row;overflow:hidden;box-sizing:border-box}.performers-search-form{display:flex;flex-direction:column;gap:10px}.performers-search-form label{display:flex;flex-direction:column;gap:5px;font-weight:700}.performers-search-input{padding:10px;border-radius:5px;border:1px solid var(--input-border-color);font-size:16px;box-shadow:0 2px 4px var(--shadow-color);transition:border-color .3s ease,box-shadow .3s ease;color:var(--input-text-color);background-color:var(--input-background-color)}.performers-search-input:focus{border-color:var(--input-active-border-color);box-shadow:0 2px 8px var(--shadow-color);outline:none}.my-band-item{display:flex;flex-direction:row;gap:10px;padding:10px;border-radius:10px;background-color:var(--main-content-background-color);box-shadow:0 4px 8px var(--shadow-color);text-decoration:none;width:100px;text-align:center;align-items:center;justify-content:center}.my-band-item a{text-decoration:none;color:var(--main-content-text-color)}.band-profile-image{text-align:center;width:100px;height:100px}.performers-search-page-my-bands{display:flex;flex-direction:row;gap:10px;width:100%;justify-content:center;flex-wrap:wrap}.performers-search-button{max-width:100px}.register-band-page{display:flex;flex-direction:column;padding:0;font-family:Arial,sans-serif;width:100%;max-width:2000px;margin:0 auto;overflow-x:hidden;box-sizing:border-box}.register-band-page-header{width:100%;box-sizing:border-box}.register-band-page-wrapper{width:100%;display:flex;flex-direction:column;box-sizing:border-box}.register-band-page-title{display:flex;margin-right:auto}.register-band-page-band-search-area{display:flex;flex-direction:column}.register-band-page-content{display:flex;flex-direction:column;gap:25px}.register-band-page-content-title{display:flex}.register-band-page-featured-area{color:var(--main-content-text-color);background-color:var(--page-color);border-radius:20px;padding:15px;margin-top:20px;text-align:left;width:100%;box-shadow:0 4px 8px var(--shadow-color);display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}.register-band-form{display:flex;flex-direction:column;gap:15px}.register-band-form label{display:flex;flex-direction:column;gap:5px;font-weight:700}.register-band-input{width:95%;padding:10px;border-radius:5px;border:1px solid var(--input-border-color);font-size:16px;box-shadow:0 2px 4px var(--shadow-color);transition:border-color .3s ease,box-shadow .3s ease;color:var(--input-text-color);background-color:var(--input-background-color)}.register-band-input:focus{border-color:var(--input-active-border-color);box-shadow:0 2px 8px var(--shadow-color);outline:none}.register-band-form-buttons{display:flex;flex-direction:row;gap:20px}.register-band-form-button{width:100px}.register-band-page-content-description{color:var(--important-text-color);background-color:var(--important-background-color);border-radius:10px;padding:20px;margin-top:20px;text-align:left;box-shadow:0 4px 8px var(--shadow-color)}.checkbox-container{display:flex;align-items:center}.checkbox-container input[type=checkbox]{width:20px;height:20px;border:2px solid var(--shadow-color);border-radius:4px;background-color:var(--main-content-text-color);cursor:pointer}.checkbox-container input[type=checkbox]:checked{background-color:var(--important-background-color);border-color:var(--important-background-color);color:var(--important-text-color)}.checkbox-container label{margin:0}.footer{background-color:var(--footer-background-color);color:var(--footer-text-color);display:flex;flex-direction:row;justify-content:space-between;align-items:center;box-shadow:0 -2px 5px var(--shadow-color);width:100%;border-top-left-radius:10px;border-top-right-radius:10px;padding:0;margin:0;margin-bottom:0!important;box-sizing:border-box;max-width:2000px;margin-left:auto;margin-right:auto;position:relative}.footer-left,.footer-right{display:flex;gap:20px;padding:10px;margin:0;flex:1}.footer-center{display:flex;justify-content:center;align-items:center;flex:2;padding:10px;position:relative}.footer-link{color:var(--footer-link-color);text-decoration:none;transition:color .3s ease}.footer-link:hover{color:var(--footer-link-hover-color)}.footer-icon{font-size:24px}@media (max-width: 380px){.footer{flex-direction:column;justify-content:center;align-items:center;width:100%;gap:10px;padding:15px}.footer-left,.footer-right{padding:5px;gap:10px;justify-content:center}}.login-page .footer{width:100vw!important;position:static!important;left:0!important;transform:none!important;margin-top:40px!important;margin-left:calc(-50vw + 50%)!important;margin-right:calc(-50vw + 50%)!important}.file-modal-content{background:#f5f5f5;color:#000;padding:20px;border-radius:10px;box-shadow:0 4px 8px var(--shadow-color);white-space:pre-wrap;word-break:break-word}.file-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;color:var(--main-content-text-color);display:flex;align-items:center;justify-content:center;z-index:1000}.file-modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:2rem;cursor:pointer}.file-modal{background:#fff;padding:2rem;border-radius:8px;overflow-y:auto;position:relative;box-shadow:0 8px 32px #0003;max-width:80vw;max-height:80vh;width:100%}.file-modal-title{margin:0;color:#000}.radio-player{position:fixed;left:50%;transform:translate(-50%);width:320px;max-height:400px;background:var(--main-content-background-color);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 20px var(--shadow-color);overflow:hidden;z-index:1000;margin-bottom:15%;will-change:transform,opacity}.radio-player.minimized{position:absolute;width:auto;height:auto;bottom:50%;top:auto;left:50%;transform:translate(-50%,50%);margin-bottom:0;border:none;box-shadow:none;background:var(--main-content-background-color);backdrop-filter:none;-webkit-backdrop-filter:none}.radio-player.hidden{display:none}.radio-player-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;min-height:60px;cursor:pointer;flex-direction:row}.radio-player.minimized .radio-player-header{justify-content:center;align-items:center;padding:6px;min-height:auto;display:flex}.radio-player-header:hover{background:#ffffff0d}.radio-player.minimized .radio-player-header:hover{background:var(--footer-link-hover-color)}.radio-logo{display:flex;align-items:center;gap:12px;font-weight:600;color:var(--text-primary-color);flex:1;overflow:hidden}.radio-player.minimized .radio-logo{justify-content:center;gap:0}.radio-player.minimized .radio-logo span{display:none}.radio-logo-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px;color:var(--text-primary-color)}.radio-player.minimized .radio-logo-icon{font-size:20px;color:var(--text-primary-color)}.milkshake-icon{width:24px;height:24px;object-fit:contain}.radio-controls-header{display:flex;align-items:center;gap:12px;flex-shrink:0}.radio-player.minimized .radio-controls-header{display:none}.radio-minimize-btn{background:none;border:none;color:var(--text-secondary-color);cursor:pointer;padding:8px;border-radius:6px;transition:all .2s}.radio-minimize-btn:hover{background:var(--main-content-card-background-color);color:var(--text-primary-color)}.radio-player-content{padding:0 16px 16px;display:flex;flex-direction:column;gap:16px;overflow-y:auto;max-height:calc(80vh - 60px)}.current-song{display:flex;align-items:center;gap:16px;min-width:0}.song-artwork{width:64px;height:64px;border-radius:8px;background:linear-gradient(135deg,var(--logo-top-color),var(--logo-bottom-color));display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;flex-shrink:0}.song-info{min-width:0;flex:1}.song-title{font-weight:600;color:var(--text-primary-color);margin:0 0 4px;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-artist{color:var(--text-secondary-color);margin:0 0 8px;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-progress{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary-color)}.progress-bar{flex:1;height:4px;background:#fff3;border-radius:2px;overflow:hidden;cursor:pointer}.progress-bar-fill{height:100%;background:var(--radio-player-active-button-background-color);transition:width .5s ease;border-radius:2px}.radio-main-controls{display:flex;flex-direction:column;align-items:center;gap:16px}.radio-controls{display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 16px}.radio-control-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;border-radius:50%;background:var(--radio-player-active-button-background-color);color:#fff;cursor:pointer;transition:all .2s ease;position:relative}.radio-control-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px #0003}.radio-control-btn:active:not(:disabled){transform:scale(.95)}.radio-control-btn:disabled{opacity:.6;cursor:not-allowed}.radio-control-btn.error{background:#ef4444}.control-icon{font-size:16px}.loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.play-pause-btn.playing{background:var(--radio-player-active-button-background-color)}.play-pause-btn.paused{background:#ffffff1a;border:2px solid var(--radio-player-active-button-background-color);color:var(--radio-player-active-button-background-color)}.play-pause-btn.paused:hover:not(:disabled){background:var(--radio-player-active-button-background-color);color:#fff}.control-icon{font-size:18px;color:#fff;transition:all .2s}.play-pause-btn .control-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.station-selector{position:relative;width:100%}.station-selector-btn{background:var(--main-content-card-background-color);border:1px solid rgba(255,255,255,.2);color:var(--text-primary-color);padding:8px 16px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;font-size:14px;transition:all .2s}.station-selector-btn:hover{background:#ffffff26;border-color:#ffffff4d}.station-dropdown{position:absolute;bottom:100%;left:0;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:8px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px var(--shadow-color);z-index:1001;margin-bottom:8px;max-height:300px;overflow-y:auto}.station-option{padding:12px 16px;cursor:pointer;color:#333;border-bottom:1px solid rgba(0,0,0,.05);transition:background .2s}.station-option:hover{background:#0000000d}.station-option:last-child{border-bottom:none}.station-option.active{background:var(--radio-player-active-button-background-color);color:#fff}.station-info{display:flex;flex-direction:column;gap:4px;min-width:0}.station-title{font-weight:600;font-size:14px;color:inherit;margin:0;line-height:1.3;display:flex;align-items:center;gap:6px}.premium-icon{color:gold;font-size:12px;flex-shrink:0}.ad-supported-label{font-size:11px;color:#00000080;font-weight:400}.station-option.active .ad-supported-label{color:#ffffffb3}.station-name .premium-icon{margin-right:4px}.station-name .ad-supported-label{font-size:11px;color:var(--text-secondary-color);opacity:.7}.station-option.active .station-title{color:#fff}.station-description{font-size:12px;line-height:1.4;color:#0009;margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.station-option.active .station-description{color:#fffc}.volume-control{display:flex;align-items:center;gap:12px;min-width:0;flex:1;justify-content:flex-end}.volume-icon{background:none;border:none;color:var(--text-secondary-color);cursor:pointer;font-size:18px;flex-shrink:0;padding:8px;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center}.volume-icon:hover{background:var(--main-content-card-background-color);color:var(--text-primary-color);transform:scale(1.1)}.volume-slider-container{position:relative;flex:1;max-width:120px}.volume-slider{width:100%;height:4px;border-radius:2px;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:height .2s;background:linear-gradient(to right,var(--radio-player-volume-color) 0%,var(--radio-player-volume-color) var(--volume-percent, 50%),rgba(255,255,255,.2) var(--volume-percent, 50%),rgba(255,255,255,.2) 100%)}.volume-slider:hover,.volume-slider.dragging{height:6px}.volume-slider::-webkit-slider-track{background:transparent;height:4px;border-radius:2px}.volume-slider::-webkit-slider-runnable-track{background:transparent;height:4px;border-radius:2px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:var(--radio-player-volume-color);border-radius:50%;cursor:pointer;transition:all .2s;box-shadow:0 2px 6px #0003;margin-top:-6px}.volume-slider:hover::-webkit-slider-thumb,.volume-slider.dragging::-webkit-slider-thumb{transform:scale(1.2);box-shadow:0 4px 12px #0000004d}.volume-slider::-moz-range-thumb{width:16px;height:16px;background:var(--radio-player-volume-color);border-radius:50%;cursor:pointer;border:none;transition:all .2s;box-shadow:0 2px 6px #0003}.volume-slider:hover::-moz-range-thumb,.volume-slider.dragging::-moz-range-thumb{transform:scale(1.2);box-shadow:0 4px 12px #0000004d}.volume-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s;margin-bottom:8px}.volume-slider:hover+.volume-tooltip,.volume-slider.dragging+.volume-tooltip{opacity:1}.vip-upgrade-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.vip-upgrade-modal{background:#fff;border-radius:16px;padding:32px;max-width:400px;margin:20px;text-align:center;box-shadow:0 20px 60px var(--shadow-color)}.vip-upgrade-icon{width:80px;height:80px;background:linear-gradient(135deg,gold,#ff8c00);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#fff;font-size:32px}.vip-upgrade-title{font-size:24px;font-weight:700;margin:0 0 12px;color:#333}.vip-upgrade-description{color:#666;margin:0 0 24px;line-height:1.5}.vip-upgrade-buttons{display:flex;gap:12px;justify-content:center}.vip-upgrade-btn{padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.vip-upgrade-btn.primary{background:var(--radio-player-active-button-background-color);color:#fff}.vip-upgrade-btn.primary:hover{background:var(--radio-player-active-button-background-color);opacity:.8;transform:translateY(-1px)}.vip-upgrade-btn.secondary{background:#f5f5f5;color:#666}.vip-upgrade-btn.secondary:hover{background:#e0e0e0}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.radio-error{background:#ff00001a;border:1px solid rgba(255,0,0,.3);color:#f44;padding:8px 12px;border-radius:6px;font-size:12px;margin-top:8px;display:flex;align-items:center;justify-content:space-between;gap:8px}.radio-error-close{background:none;border:none;color:inherit;cursor:pointer;padding:0;font-size:16px}.live-indicator{display:flex;align-items:center;gap:6px;color:#f44;font-size:12px;font-weight:600}.live-dot{width:8px;height:8px;background:#f44;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #ff4444b3}70%{box-shadow:0 0 0 10px #f440}to{box-shadow:0 0 #f440}}.current-station-name{color:var(--text-secondary-color);font-weight:400}@media (max-width: 768px){.radio-player-content{grid-template-columns:1fr;gap:16px;text-align:center}.current-song{justify-content:center;order:2}.radio-main-controls{order:1}.volume-control{order:3;justify-content:center;max-width:200px;margin:0 auto}.volume-slider-container{max-width:100px}.radio-player-header{padding:8px 16px}.radio-player-content{padding:0 16px 16px}.song-artwork{width:48px;height:48px;font-size:18px}.volume-control{max-width:200px;margin:0 auto}}@media (max-width: 480px){.radio-player{display:none}.current-song{flex-direction:column;gap:12px}.song-info{text-align:center}.volume-slider-container{max-width:80px}.volume-icon{font-size:16px;padding:6px}.station-selector{min-width:150px}}.radio-player{animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.song-info{animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.radio-player{width:280px}.radio-player.minimized{width:50px;transform:translate(calc(100% - 50px))}.radio-player-header{padding:10px 12px;min-height:50px}.radio-player-content{padding:0 12px 12px;gap:12px}.song-artwork,.play-pause-btn{width:48px;height:48px;font-size:18px}}@media (max-width: 480px){.radio-player{width:260px}.radio-player.minimized{width:45px;transform:translate(calc(100% - 45px))}}.vip-upgrade-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.vip-upgrade-modal{background:#fff;border-radius:20px;padding:40px;max-width:480px;width:90%;margin:20px;text-align:center;box-shadow:0 20px 60px #0006;position:relative;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.vip-upgrade-icon{width:80px;height:80px;background:linear-gradient(135deg,gold,#ff8c00);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:#fff;font-size:36px;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.vip-upgrade-title{font-size:28px;font-weight:700;margin:0 0 16px;color:#333;background:linear-gradient(135deg,gold,#ff8c00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.vip-upgrade-description{color:#666;margin:0 0 24px;line-height:1.6;font-size:16px}.vip-features-list{display:flex;flex-direction:column;gap:16px;margin:0 0 24px;text-align:left}.vip-feature{display:flex;align-items:center;gap:16px;padding:12px 16px;background:#ffd7001a;border-radius:12px;border-left:4px solid #ffd700}.vip-feature-icon{font-size:20px;width:28px;text-align:center;flex-shrink:0}.vip-feature-text{font-size:15px;font-weight:500;color:#333;line-height:1.4}.vip-upgrade-spacer{height:24px}.vip-upgrade-buttons{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}.vip-upgrade-btn{padding:8px 16px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s;border:none;font-size:14px;position:relative;overflow:hidden;background:var(--main-nav-button-background-color);color:var(--main-nav-button-text-color);box-shadow:0 4px 15px var(--shadow-color);width:auto;min-width:auto;max-width:150px;flex-shrink:0;white-space:nowrap;display:inline-block;text-decoration:none}.vip-upgrade-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.vip-upgrade-btn:hover:before{left:100%}.vip-upgrade-btn:hover{background:var(--main-nav-button-hover-background-color);color:var(--main-nav-button-hover-text-color);transform:translateY(-2px);box-shadow:0 8px 25px var(--shadow-color)}@media (max-width: 480px){.vip-upgrade-modal{padding:24px;border-radius:16px}.vip-upgrade-icon{width:64px;height:64px;font-size:28px;margin-bottom:20px}.vip-upgrade-title{font-size:24px}.vip-upgrade-description{font-size:14px}.vip-feature{padding:10px 12px;gap:12px}.vip-feature-text{font-size:14px}.vip-upgrade-btn{padding:12px 24px;font-size:14px}}.performer-home-page{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;font-family:Arial,sans-serif;width:100%;max-width:2000px;margin:0 auto;overflow-x:hidden;overflow-y:hidden;height:calc(100vh - 60px);box-sizing:border-box;padding-top:10px}.performer-home-page-header{width:100%;box-sizing:border-box}.performer-home-page-wrapper{display:flex;flex-direction:column;width:100%;flex:1;box-sizing:border-box;min-height:0}.performer-home-page-title{display:flex;margin-right:auto}.performer-home-page-featured-area{color:var(--main-content-text-color);background-color:var(--page-color);border-radius:20px;padding:15px;margin-top:10px;width:100%;box-shadow:0 4px 8px var(--shadow-color);display:flex;flex-direction:row;flex:1;min-height:95%;overflow:visible;box-sizing:border-box}.performer-home-page-content{display:flex;flex-direction:row;justify-content:space-evenly;align-items:flex-start;background-color:var(--main-content-background-color);border-radius:20px;padding:10px;text-align:left;width:100%;height:100%;max-width:2000px;box-shadow:0 4px 8px var(--shadow-color);overflow-x:hidden;box-sizing:border-box;margin-top:0;position:relative;align-self:flex-start;gap:20px}.performer-home-left-sidebar{display:flex;flex-direction:column;min-width:200px;padding-right:50px;flex-shrink:0}.performer-home-quick-links{background-color:var(--main-nav-background-color);border-radius:10px;padding:20px;box-shadow:0 2px 4px var(--shadow-color)}.performer-home-quick-links h3{margin:0 0 15px;color:var(--main-content-text-color);font-size:1.1rem}.performers-home-profile-center{display:flex;flex-direction:column;gap:50px;min-width:300px}.performer-home-page-content-title{display:flex}.performer-home-profile{display:flex;flex-direction:column;align-items:left;gap:10px;min-width:300px}.performer-home-profile-image{width:150px;height:150px;border-radius:50%;object-fit:cover}.performer-home-profile p{font-size:1em;margin:5px 0}.performer-home-side-navigation-buttons{background-color:var(--main-nav-background-color);border-radius:10px;padding:20px;margin-top:20px;margin-left:20px;box-shadow:0 4px 8px var(--shadow-color);display:flex;gap:10px;flex-direction:column}.performer-home-side-navigation-button{background-color:var(--main-nav-button-background-color);color:var(--main-nav-button-text-color);border:none;border-radius:30px;padding:15px 20px;font-size:18px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:background-color .3s ease}.performer-home-side-navigation-button:hover{background-color:var(--main-nav-button-hover-background-color);color:var(--main-nav-button-hover-text-color)}.performer-home-side-navigation-button:active{background-color:var(--main-nav-button-active-background-color);color:var(--main-nav-button-active-text-color)}.performer-home-profile-member{background-color:var(--main-content-background-color);display:flex;gap:10px;align-items:center}.performer-home-member-profile-image{width:24px;height:24px;border-radius:50%;object-fit:cover}.performer-home-band-settings{display:flex;flex-direction:column;min-width:200px;padding-left:20px;flex-shrink:0}.performer-home-band-settings-menu{background-color:var(--main-nav-background-color);border-radius:10px;padding:20px;box-shadow:0 4px 8px var(--shadow-color);display:flex;flex-direction:column;gap:15px}.performer-home-band-settings-menu h3{margin:0 0 10px;color:var(--main-content-text-color);font-size:1.1rem;text-align:center;border-bottom:1px solid var(--main-content-border-color);padding-bottom:10px}.performer-home-band-settings-buttons{display:flex;flex-direction:column;gap:10px}.performer-home-band-settings-button{background-color:var(--main-nav-button-background-color);color:var(--main-nav-button-text-color);border:none;border-radius:30px;padding:15px 20px;font-size:18px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:background-color .3s ease;text-align:left;width:100%;box-sizing:border-box}.performer-home-band-settings-button:hover{background-color:var(--main-nav-button-hover-background-color);color:var(--main-nav-button-hover-text-color)}.performer-home-band-settings-button:active{background-color:var(--main-nav-button-active-background-color);color:var(--main-nav-button-active-text-color)}.performer-home-band-settings-button svg{font-size:18px;flex-shrink:0}.performer-home-band-settings-button span{font-weight:400}@media (max-width: 1024px){.performers-home-profile-center,.performers-home-profile-event{display:none}.performer-home-profile-members:before{content:"Upcoming Events:";display:block;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid var(--main-content-text-color);font-weight:700;font-size:1.1rem}.performer-home-profile-members{display:flex;flex-direction:column}.performer-home-profile-members:after{content:"Followers: Total: — Last 5: — Longest: — Newest: —";margin-top:20px;padding-top:15px;border-top:1px solid var(--main-content-text-color);font-weight:700}.performer-home-band-settings{display:none}}@media (max-width: 768px){.performer-home-page-content{padding:8px;border-radius:15px}}@media (max-width: 480px){.performer-home-page-content{padding:5px;border-radius:10px}}@media (max-width: 588px){.performer-home-page-content{flex-direction:column}.performer-home-profile,.performer-home-profile-members,.performers-home-profile-center,.performers-home-profile-event{width:100%;margin-bottom:20px}.performer-home-profile:last-child,.performer-home-profile-members:last-child,.performers-home-profile-center:last-child,.performers-home-profile-event:last-child{margin-bottom:0}}.band-settings-content{width:100%;max-width:800px;margin:0 auto;padding:2rem}.band-settings-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.band-settings-header h2{color:var(--text-primary-color);font-size:2rem;font-weight:700;margin:0}.back-button{background:var(--surface-background);color:var(--text-secondary-color);border:2px solid var(--border-color);border-radius:8px;padding:.5rem 1rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-weight:600;transition:all .3s ease}.back-button:hover{background:var(--surface-background-hover, #f0f0f0);border-color:var(--text-secondary-color)}.error-message{background:var(--error-background, #ffebee);color:var(--error-color, #c62828);padding:1rem;border-radius:8px;margin-bottom:1rem;border-left:4px solid var(--error-color, #c62828)}.success-message{background:var(--success-background, #e8f5e8);color:var(--success-color, #2e7d32);padding:1rem;border-radius:8px;margin-bottom:1rem;border-left:4px solid var(--success-color, #2e7d32)}.band-settings-description{color:var(--text-secondary-color);font-size:1rem;text-align:center;margin-bottom:2rem;padding:1rem;background:var(--info-background, #e3f2fd);border-radius:8px;border-left:4px solid var(--accent-color)}.band-settings-form{display:flex;flex-direction:column;gap:1.5rem}.band-settings-form label{display:flex;flex-direction:column;gap:.5rem;font-weight:600;color:var(--text-primary-color)}.form-input{padding:.75rem;border:2px solid var(--border-color);border-radius:8px;background:var(--input-background);color:var(--text-primary-color);font-size:1rem;transition:border-color .3s ease,box-shadow .3s ease}.form-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(var(--accent-color-rgb),.1)}.form-input::placeholder{color:var(--text-placeholder-color)}.social-media-links-container{display:flex;flex-direction:column;gap:.75rem}.social-media-link-item{display:flex;gap:.5rem;align-items:center}.remove-link-button{background:var(--error-color, #dc3545);color:#fff;border:none;border-radius:6px;padding:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease;min-width:36px;height:36px}.remove-link-button:hover{background:var(--error-color-dark, #c82333)}.add-link-button{background:var(--accent-color);color:var(--button-text-color);border:none;border-radius:8px;padding:.75rem 1rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-weight:600;transition:background-color .3s ease;align-self:flex-start}.add-link-button:hover{background:var(--accent-color-hover)}.checkbox-container{display:flex;align-items:center;gap:.5rem;padding:1rem;background:var(--surface-background-alt, #f8f9fa);border-radius:8px;border:1px solid var(--border-color)}.checkbox-input{width:18px;height:18px;cursor:pointer}.checkbox-container label{font-weight:400;cursor:pointer;margin:0;flex-direction:row}.form-buttons{display:flex;gap:1rem;justify-content:flex-end;align-items:center;padding-top:1rem;border-top:1px solid var(--border-color)}.cancel-button,.save-button{padding:.75rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;min-width:120px;justify-content:center}.cancel-button{background:var(--surface-background);color:var(--text-secondary-color);border:2px solid var(--border-color)}.cancel-button:hover{background:var(--surface-background-hover, #f0f0f0);border-color:var(--text-secondary-color)}.save-button{background:var(--accent-color);color:var(--button-text-color)}.save-button:hover{background:var(--accent-color-hover);transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.save-button:disabled,.cancel-button:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 768px){.band-settings-content{padding:1rem}.band-settings-header{flex-direction:column;gap:1rem;align-items:flex-start}.band-settings-header h2{font-size:1.5rem}.form-buttons{flex-direction:column}.cancel-button,.save-button{width:100%}.social-media-link-item{flex-direction:column;align-items:stretch}.remove-link-button{align-self:flex-end;margin-top:.25rem}}.top-page-navigation-band{display:flex;width:100%;background-color:var(--top-nav-background-color);padding:5px;border-radius:10px;box-sizing:border-box;justify-content:space-between;align-items:center}.navigation-buttons-container{display:flex;gap:10px;flex-direction:row;align-items:center}@media (min-width: 1101px){.hamburger-menu-button{display:none!important}}@media (max-width: 1100px){.hamburger-menu-button{display:flex!important}}.top-page-navigation-band-button{background-color:var(--top-nav-button-background-color);color:var(--top-nav-button-text-color);border:none;border-radius:10px;padding:10px 15px;font-size:16px;cursor:pointer;transition:background-color .3s ease;align-items:center;display:flex;gap:10px;white-space:nowrap}.top-page-navigation-profile-image{width:16px;height:16px;border-radius:50%}.top-page-navigation-band-button:hover{background-color:var(--top-nav-button-hover-background-color);color:var(--top-nav-button-hover-text-color)}@media (max-width: 825px){.top-page-navigation-band{padding:15px;flex-wrap:wrap;gap:10px}}@media (max-width: 675px){.top-page-navigation-band{flex-direction:column;gap:10px;padding:10px;align-items:stretch}.navigation-buttons-container{flex-direction:column;gap:10px;align-items:stretch}.top-page-navigation-band-button,.top-page-nav-button{justify-content:center;width:100%;display:flex;align-items:center;gap:10px;white-space:nowrap}}@media (max-width: 480px){.top-page-navigation-band{padding:10px}}@media (max-width: 353px){.top-page-navigation-band{padding:8px}.top-page-navigation-band-button{font-size:14px;padding:8px 12px;white-space:nowrap}}.payment-setup{display:flex;flex-direction:column;width:100%;height:100%;padding:20px;box-sizing:border-box;color:var(--main-content-text-color)}.payment-setup-header{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.payment-setup-back-button{display:flex;align-items:center;gap:8px;background:none;border:none;color:var(--main-content-text-color);cursor:pointer;font-size:16px;padding:8px;border-radius:5px;align-self:flex-start}.payment-setup-header h2{color:var(--main-content-text-color);font-size:1.8rem;margin:0;font-weight:600}.payment-message{display:flex;align-items:center;gap:10px;padding:15px 20px;border-radius:8px;margin:15px 0;font-size:.95rem;font-weight:500}.payment-message-success{background-color:#d4edda;color:#155724;border-left:4px solid #28a745}.payment-message-error{background-color:#f8d7da;color:#721c24;border-left:4px solid #dc3545}.payment-message-info{background-color:#cce8ff;color:#004085;border-left:4px solid #007bff}.payment-setup-content{display:flex;flex-direction:column;gap:30px;flex:1}.payment-setup-description{background-color:var(--info-background-color);color:var(--info-text-color);padding:20px;border-radius:10px;border-left:4px solid var(--important-background-color)}.payment-setup-description p{margin:0;line-height:1.6;font-size:1rem}.payment-providers{display:flex;flex-direction:column;gap:25px}.payment-provider-card{background-color:var(--main-content-background-color);border-radius:15px;padding:25px;box-shadow:0 4px 8px var(--shadow-color);border:1px solid var(--input-border-color);transition:box-shadow .2s ease}.payment-provider-card:hover{box-shadow:0 6px 12px var(--shadow-color)}.payment-provider-header{display:flex;align-items:flex-start;gap:15px;margin-bottom:20px}.payment-provider-icon{font-size:2.5rem;flex-shrink:0;margin-top:5px}.stripe-icon{color:#635bff}.paypal-icon{color:#0070ba}.payment-provider-info{flex:1}.payment-provider-info h3{margin:0 0 8px;font-size:1.4rem;font-weight:600;color:var(--main-content-text-color)}.payment-provider-info p{margin:0;color:var(--text-secondary-color);line-height:1.4}.payment-provider-status{display:flex;align-items:center;gap:8px}.status-icon{font-size:1.2rem}.status-icon.connected{color:#28a745}.status-text{color:var(--text-secondary-color);font-size:.9rem;font-weight:500}.payment-error{display:flex;align-items:center;gap:8px;background-color:var(--error-background-color);color:var(--error-text-color);padding:12px 15px;border-radius:8px;margin-bottom:15px;font-size:.9rem}.payment-provider-actions{margin-bottom:20px}.connected-actions{display:flex;flex-direction:column;gap:15px}.connected-message{display:flex;align-items:center;gap:8px;color:#28a745;font-weight:500;margin:0;padding:12px;background-color:#d4edda;border-radius:8px;border:1px solid #c3e6cb}.payment-connect-button{display:flex;align-items:center;justify-content:center;gap:10px;padding:15px 25px;border:none;border-radius:30px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:200px}.payment-connect-button:disabled{opacity:.6;cursor:not-allowed}.stripe-button{background-color:#635bff;color:#fff}.stripe-button:hover:not(:disabled){background-color:#5a52e8;transform:translateY(-1px)}.paypal-button{background-color:#0070ba;color:#fff}.paypal-button:hover:not(:disabled){background-color:#005ea6;transform:translateY(-1px)}.payment-disconnect-button{background-color:var(--error-background-color);color:var(--error-text-color);border:none;border-radius:20px;padding:10px 20px;font-size:14px;cursor:pointer;transition:all .2s ease}.payment-disconnect-button:hover{background-color:#c82333;transform:translateY(-1px)}.payment-disconnect-button-small{display:flex;align-items:center;justify-content:center;padding:8px 16px;border:none;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;background-color:var(--main-content-button-background-color);color:var(--main-content-button-text-color);min-width:auto}.payment-disconnect-button-small:hover{background-color:var(--main-nav-button-hover-background-color);color:var(--main-nav-button-hover-text-color);transform:translateY(-1px)}.payment-provider-features{border-top:1px solid var(--input-border-color);padding-top:20px}.payment-provider-features h4{margin:0 0 12px;font-size:1.1rem;font-weight:600;color:var(--main-content-text-color)}.payment-provider-features ul{margin:0;padding-left:20px;list-style-type:disc}.payment-provider-features li{color:var(--text-secondary-color);line-height:1.6;margin-bottom:6px}.security-notice{display:flex;gap:15px;align-items:flex-start;background-color:var(--info-background-color);color:var(--info-text-color);padding:20px;border-radius:10px;border-left:4px solid #28a745;margin-top:10px}.security-icon{color:#28a745;font-size:1.5rem;flex-shrink:0;margin-top:2px}.security-notice h4{margin:0 0 8px;font-size:1.1rem;font-weight:600}.security-notice p{margin:0;line-height:1.6;color:var(--info-text-color)}@media (max-width: 768px){.payment-setup{padding:15px}.payment-provider-header{flex-direction:column;align-items:flex-start;gap:10px}.payment-provider-status{align-self:flex-start}.payment-connect-button{width:100%;min-width:unset}.security-notice{flex-direction:column;gap:10px}}@media (max-width: 480px){.payment-setup{padding:10px}.payment-provider-card{padding:20px 15px}.payment-setup-header h2{font-size:1.5rem}.payment-provider-icon{font-size:2rem}}.band-settings-page{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;font-family:Arial,sans-serif;width:100%;max-width:2000px;margin:0 auto;overflow-x:hidden;overflow-y:hidden;height:calc(100vh - 60px);box-sizing:border-box;padding-top:10px}.band-settings-page-header{width:100%;box-sizing:border-box}.band-settings-page-wrapper{display:flex;flex-direction:column;width:100%;flex:1;box-sizing:border-box;min-height:0}.band-settings-page-featured-area{color:var(--main-content-text-color);background-color:var(--page-color);border-radius:20px;padding:15px;margin-top:10px;width:100%;box-shadow:0 4px 8px var(--shadow-color);display:flex;flex-direction:row;flex:1;min-height:0;overflow:hidden;box-sizing:border-box}.band-settings-page-content{display:flex;flex-direction:column;background-color:var(--main-content-background-color);border-radius:20px;padding:20px;width:100%;height:100%;max-width:2000px;box-shadow:0 4px 8px var(--shadow-color);overflow:hidden;box-sizing:border-box;margin-top:0;position:relative;color:var(--main-content-text-color)}.band-settings-content{display:flex;flex-direction:column;width:100%;height:100%;overflow-y:auto;overflow-x:hidden}.band-settings-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:var(--main-content-text-color)}.band-settings-header{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.band-settings-back-button{display:flex;align-items:center;gap:8px;background:none;border:none;color:var(--main-content-text-color);cursor:pointer;font-size:16px;padding:8px;border-radius:5px;align-self:flex-start;transition:background-color .2s ease}.band-settings-back-button:hover{background-color:var(--main-content-card-background-color)}.band-settings-title{color:var(--main-content-text-color);font-size:1.8rem;margin:0;font-weight:600}.message{display:flex;align-items:center;gap:10px;padding:15px 20px;border-radius:8px;margin:15px 0;font-size:.95rem;font-weight:500}.success-message{background-color:var(--success-background-color, #d4edda);color:var(--success-text-color, #155724);border-left:4px solid var(--success-color, #28a745)}.message-icon{font-size:1.1rem;flex-shrink:0}.band-settings-description{background-color:var(--info-background-color);color:var(--info-text-color);padding:20px;border-radius:10px;border-left:4px solid var(--important-background-color);margin-bottom:30px}.band-settings-description p{margin:0;line-height:1.6;font-size:1rem}.band-settings-content{display:flex;flex-direction:column;gap:30px;flex:1}.band-settings-form{display:flex;flex-direction:column;gap:25px}.form-section{display:flex;flex-direction:column;gap:8px}.form-label{font-size:1rem;font-weight:600;color:var(--main-content-text-color);margin-bottom:8px;display:block}.form-input{width:100%;padding:12px 15px;border:2px solid var(--input-border-color);border-radius:8px;font-size:1rem;background-color:var(--input-background-color);color:var(--input-text-color);transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--input-active-border-color);box-shadow:0 0 0 3px #007bff1a}.form-input::placeholder{color:var(--text-secondary-color)}textarea.form-input{resize:vertical;min-height:100px;font-family:inherit;line-height:1.5}.social-media-links-container{display:flex;flex-direction:column;gap:15px}.social-media-link-item{display:flex;align-items:center;gap:10px}.social-media-input{flex:1}.checkbox-container{display:flex;align-items:flex-start;gap:10px;padding:15px 0}.form-checkbox{width:20px;height:20px;margin:0;flex-shrink:0;cursor:pointer}.checkbox-label{font-size:.95rem;color:var(--main-content-text-color);line-height:1.5;cursor:pointer;margin:0}.small-button{background-color:var(--main-content-button-background-color);color:var(--main-content-button-text-color);border:none;border-radius:6px;padding:8px 12px;font-size:.9rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background-color .2s ease;white-space:nowrap}.small-button:hover:not(:disabled){background-color:var(--main-content-button-hover-background-color);color:var(--main-content-button-hover-text-color)}.small-button:active{background-color:var(--main-content-button-active-background-color);color:var(--main-content-button-active-text-color)}.add-button{align-self:flex-start}.remove-button{background-color:#dc3545;color:#fff;flex-shrink:0}.remove-button:hover:not(:disabled){background-color:#c82333}.form-buttons{display:flex;justify-content:flex-end;gap:15px;padding-top:20px;border-top:1px solid var(--input-border-color);margin-top:20px}.form-button{background-color:var(--main-content-button-background-color);color:var(--main-content-button-text-color);border:none;border-radius:8px;padding:12px 24px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;min-width:120px;justify-content:center}.form-button:hover:not(:disabled){background-color:var(--main-content-button-hover-background-color);color:var(--main-content-button-hover-text-color);transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.form-button:active{background-color:var(--main-content-button-active-background-color);color:var(--main-content-button-active-text-color);transform:translateY(0)}.form-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.cancel-button{background-color:var(--text-secondary-color);color:#fff}.cancel-button:hover:not(:disabled){background-color:#6c757d}.save-button{background-color:var(--main-content-button-background-color);color:var(--main-content-button-text-color)}.save-button:hover:not(:disabled){background-color:var(--main-content-button-hover-background-color);color:var(--main-content-button-hover-text-color)}@media (max-width: 768px){.band-settings-page{padding-top:5px}.band-settings-page-featured-area{padding:10px}.band-settings-page-content{padding:15px}.band-settings-title{font-size:1.5rem}.social-media-link-item{flex-direction:column;align-items:stretch}.social-media-link-item .remove-button{align-self:flex-end;margin-top:5px}.form-buttons{flex-direction:column-reverse;gap:10px}.form-button{width:100%}.checkbox-container{align-items:flex-start}.form-checkbox{margin-top:2px}}.invite-member-form{display:flex;flex-direction:column;gap:15px}.invite-input-container{display:flex;gap:15px;align-items:flex-end}.invite-input{flex:1}.invite-button{display:flex;align-items:center;gap:8px;background-color:var(--main-content-button-background-color);color:var(--main-content-button-text-color);border:none;padding:12px 20px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;min-width:120px;justify-content:center}.invite-button:hover{background-color:var(--main-content-button-hover-background-color);color:var(--main-content-button-hover-text-color);transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.invite-button:active{background-color:var(--main-content-button-active-background-color);color:var(--main-content-button-active-text-color);transform:translateY(0)}.invite-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.members-list{display:flex;flex-direction:column;gap:15px;max-height:400px;overflow-y:auto;padding:10px;border:1px solid var(--input-border-color);border-radius:8px;background-color:var(--input-background-color)}.member-item{display:flex;justify-content:space-between;align-items:center;padding:15px;border-radius:8px;background-color:var(--main-content-background-color);border:1px solid var(--input-border-color);transition:box-shadow .2s ease}.member-item:hover{box-shadow:0 2px 8px var(--shadow-color)}.member-info{flex:1;display:flex;flex-direction:column;gap:5px}.member-name{font-size:1.1rem;font-weight:600;color:var(--main-content-text-color);display:flex;align-items:center;gap:10px;flex-wrap:wrap}.member-email{font-size:.9rem;color:var(--secondary-text-color)}.member-role{font-size:.85rem;color:var(--secondary-text-color);font-style:italic}.owner-badge{display:inline-flex;align-items:center;background-color:var(--important-background-color);color:#fff;padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.current-user-badge{display:inline-flex;align-items:center;background-color:var(--info-background-color);color:var(--info-text-color);padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:600}.member-actions{display:flex;align-items:center;gap:10px}.remove-member-button{display:flex;align-items:center;justify-content:center;background-color:#dc3545;color:#fff;border:none;padding:8px;border-radius:6px;cursor:pointer;transition:background-color .2s ease,transform .1s ease;width:32px;height:32px}.remove-member-button:hover{background-color:#c82333;transform:translateY(-1px)}.no-members-message{text-align:center;color:var(--secondary-text-color);font-style:italic;padding:30px;font-size:1rem}@media (max-width: 768px){.invite-input-container{flex-direction:column;align-items:stretch}.invite-button{justify-content:center}.member-item{flex-direction:column;gap:15px;align-items:stretch}.member-actions{justify-content:center}.member-name{justify-content:center;text-align:center}}.invitation-details{display:flex;flex-direction:column;gap:30px;max-width:600px;margin:0 auto}.invitation-info{text-align:center;padding:30px;background-color:var(--main-content-card-background-color);border-radius:12px;border:1px solid var(--input-border-color)}.invitation-info h3{color:var(--main-content-text-color);font-size:1.2rem;margin-bottom:15px;font-weight:500}.band-name{font-size:2rem;font-weight:700;color:var(--main-content-text-color);margin:15px 0;padding:15px;background-color:var(--info-background-color);border-radius:8px;border-left:4px solid var(--important-background-color)}.invited-by{font-size:1.1rem;color:var(--secondary-text-color);margin:15px 0}.invitation-message{font-size:1rem;color:var(--main-content-text-color);margin:20px 0;padding:15px;background-color:var(--input-background-color);border-radius:8px;font-style:italic}.invitation-expires{color:var(--secondary-text-color);font-size:.9rem;margin-top:20px}.invitation-actions{display:flex;justify-content:center}.success-redirect{display:flex;align-items:center;gap:10px;color:var(--success-color, #28a745);font-size:1.1rem;font-weight:600}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.invitation-details{max-width:100%}.band-name{font-size:1.5rem}.invitation-info{padding:20px}}@media (max-width: 480px){.band-settings-page-content{padding:10px}.form-input{padding:10px 12px}.small-button{padding:6px 10px;font-size:.85rem}}._filterSection_1xosa_2{margin:0;padding:10px;background-color:var(--main-content-card-background-color);border-radius:8px;width:100%;box-sizing:border-box;flex-shrink:0}._filterSectionHeader_1xosa_12{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}._filterGroup_1xosa_19{display:flex;align-items:center;gap:15px;flex-wrap:wrap}._filterGroup_1xosa_19 label{font-weight:700;color:var(--main-content-text-color)}._hideFilterButton_1xosa_31{padding:8px 12px;background-color:var(--main-content-button-background-color);color:var(--main-content-text-color);border:1px solid var(--main-content-text-color);border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s ease;display:flex;align-items:center;gap:8px;flex-shrink:0}._hideFilterButton_1xosa_31:hover{background-color:var(--main-content-button-hover-background-color);color:var(--main-content-button-hover-text-color)}._customDropdown_1xosa_52{position:relative;min-width:250px;width:100%;max-width:400px;z-index:1001}._dropdownButton_1xosa_60{width:100%;padding:8px 12px;border:1px solid var(--main-content-text-color);border-radius:4px;background-color:var(--main-content-card-background-color);color:var(--main-content-text-color);font-size:14px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:10px}._dropdownButton_1xosa_60:hover{border-color:var(--main-content-text-color)}._dropdownButton_1xosa_60:focus{outline:none;border-color:var(--main-content-text-color)}._selectedTagInButton_1xosa_84{display:inline-flex;align-items:center;gap:5px;padding:2px 6px;border-radius:3px;font-size:12px;font-weight:700}._dropdownArrow_1xosa_94{font-size:10px;color:var(--main-content-text-color);opacity:.7}._dropdownMenu_1xosa_100{position:absolute;top:100%;left:0;right:0;width:100%;min-width:250px;background-color:var(--main-content-card-background-color);border-radius:12px;box-shadow:0 4px 12px var(--shadow-color);z-index:99999;max-height:200px;overflow-y:auto;overflow-x:hidden}._dropdownItem_1xosa_116{padding:8px 12px;cursor:pointer;color:var(--main-content-text-color)}._dropdownItem_1xosa_116:hover{transform:scale(1.1);overflow-x:hidden}._tagChipDropdown_1xosa_127{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700;width:100%;box-sizing:border-box}._tagIconSmall_1xosa_139{width:14px;height:14px;border-radius:2px}._filterResults_1xosa_145{margin-top:10px;font-style:italic;color:var(--main-content-text-color);opacity:.8}._filterButtonContainer_1xosa_153{margin:0 15px 20px 0;padding:10px;display:flex;justify-content:flex-end;width:calc(100% - 15px);box-sizing:border-box}._filterToggleButton_1xosa_162{padding:8px 12px;background-color:var(--main-content-button-background-color);color:var(--main-content-text-color);border:1px solid var(--main-content-text-color);border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s ease;display:flex;align-items:center;gap:8px;flex-shrink:0}._filterToggleButton_1xosa_162:hover{background-color:var(--main-content-button-hover-background-color);color:var(--main-content-button-hover-text-color)}._filterIcon_1xosa_182{font-size:16px}._activeFilterIndicator_1xosa_186{font-size:12px;opacity:.8;font-style:italic}.public-songlist-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;font-family:Arial,sans-serif;width:100%;max-width:2000px;margin:0 auto;overflow-x:hidden;box-sizing:border-box;height:calc(100vh - 60px)}.public-songlist-wrapper{display:flex;flex-direction:column;width:100%;max-width:2000px;margin:0 auto;padding:0;box-sizing:border-box;flex:1}.public-songlist-featured-area{background-color:var(--main-content-card-background-color);border-radius:8px;box-shadow:0 2px 4px var(--shadow-color);padding:20px;border-bottom:2px solid var(--main-content-border-color)}.public-songlist-header{position:relative;text-align:center;color:var(--main-content-text-color)}.public-songlist-header-content{position:relative;display:flex;align-items:center;justify-content:center}.public-songlist-band-logo{position:absolute;left:0;top:50%;transform:translateY(-50%)}.public-songlist-logo-image{width:150px;height:150px;border-radius:50%;object-fit:cover;box-shadow:0 2px 8px var(--shadow-color)}.public-songlist-header-text{width:100%;text-align:center}.public-songlist-main-content{color:var(--main-content-text-color);background-color:var(--page-color);border-radius:10px;box-shadow:0 4px 8px var(--shadow-color);display:flex;flex-direction:column;justify-content:left;align-items:flex-start;width:100%;flex:1;text-align:left;margin-top:10px;overflow:hidden}.public-songlist-main-content .back-arrow{padding-left:10px;padding-top:10px}.public-song-grid-container{max-height:60vh;overflow-y:auto;overflow-x:hidden;border:1px solid var(--main-content-border-color);border-radius:8px;background-color:var(--main-content-background-color);width:100%}.public-song-grid-container .song_grid{width:100%;min-width:100%}.public-songlist-header h1{margin:0 0 10px;color:var(--main-content-heading-color);font-size:2.5rem}.band-description{margin:10px 0 20px;font-size:1.1rem;color:var(--main-content-text-color);opacity:.8;text-align:center;width:100%;align-self:center}.loading-message{text-align:center;padding:40px;font-size:1.2rem}.tags-cell{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.tag-chip{display:inline-flex;align-items:center;padding:4px 8px;border-radius:15px;font-size:.85rem;font-weight:500;gap:4px;white-space:nowrap}.tag-image{width:16px;height:16px;border-radius:3px;object-fit:cover}.no-songs-message{background-color:var(--main-content-card-background-color);padding:40px;text-align:center;font-size:1.1rem;color:var(--main-content-text-color);opacity:.7}.songlist-footer{padding:15px;text-align:center;border-top:1px solid var(--main-content-border-color);color:var(--main-content-text-color);background-color:var(--main-content-background-color);border-radius:10px;box-shadow:0 4px 8px var(--shadow-color);opacity:.8;margin-top:0;width:100%;box-sizing:border-box}.songlist-footer p{margin:5px 0}@media (max-width: 1100px){.public-songlist-wrapper{padding:0 1px}}@media (max-width: 768px){.public-songlist-container{padding:0 1px}.public-songlist-header-content{flex-direction:column;gap:15px}.public-songlist-band-logo{position:static;transform:none}.public-songlist-logo-image{width:120px;height:120px}.public-songlist-header h1{font-size:2rem}.public-song-grid-container{max-height:60vh}.grid-header,.grid-item{padding:10px 8px;font-size:.9rem}.tag-chip{font-size:.75rem;padding:3px 6px}}@media (max-width: 480px){.public-song-grid-container{max-height:50vh}}body.band-page-body{display:block!important;align-items:unset!important;justify-content:unset!important}.performer-page{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;font-family:Arial,sans-serif;width:100%;max-width:2000px;margin:0 auto;overflow-x:hidden;overflow-y:hidden;height:calc(100vh - 60px);box-sizing:border-box;padding-top:10px}.public-songlist-wrapper{margin-top:10px}.performer-page-wrapper{display:flex;flex-direction:row;width:100%;flex:1;box-sizing:border-box;min-height:0}@media (max-width: 1100px){.performer-page-right-side-navigation{display:none!important}}@media (max-width: 768px){.performer-page{padding:10px}.performer-page-wrapper{flex-direction:column}.performer-page-right-side-navigation{margin-left:0;margin-top:10px;order:-1;display:none!important}}@media (max-width: 480px){.performer-page{padding:0}}.performer-page-content{color:var(--main-content-text-color);background-color:var(--page-color);border-radius:10px;padding:20px;margin-top:10px;box-shadow:0 4px 8px var(--shadow-color);display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:10px;width:100%;flex:1;max-width:2000px;flex-wrap:nowrap;text-align:left;overflow:visible;min-height:0;box-sizing:border-box}.performer-page-content>div{display:flex;flex-direction:column;flex:1;height:100%}@media (max-width: 768px){.performer-page-content{padding:15px;margin-top:10px}}@media (max-width: 480px){.performer-page-content{padding:10px;border-radius:5px}}.back-arrow{display:flex;cursor:pointer;margin-bottom:25px;color:var(--text-primary-color)}.back-arrow svg{margin-right:5px}.performer-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;background-color:var(--main-content-background-color);border-radius:20px;padding:10px;text-align:left;width:100%;height:100%;max-width:2000px;box-shadow:0 4px 8px var(--shadow-color);overflow-x:hidden;box-sizing:border-box;margin-top:0;position:relative;align-self:flex-start}@media (max-width: 768px){.performer-content{padding:8px;border-radius:15px}}@media (max-width: 480px){.performer-content{padding:5px;border-radius:10px}}.artist-message{width:100%;box-sizing:border-box}.grid-header{font-weight:700;background-color:var(--main-content-background-color);padding:10px;border-radius:5px;text-align:center;justify-content:center;align-items:center;cursor:pointer;text-wrap:nowrap;display:flex;flex-direction:row}.grid-item{background-color:var(--main-content-background-color);color:var(--main-content-text-color);padding:5px;border-radius:5px;text-align:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px}.grid-item-highlight{background-color:var(--warning-background-color);color:var(--warning-text-color);border-radius:10px;padding:10px;box-shadow:0 2px 4px var(--shadow-color);min-height:30px}.queue-circle{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:2px solid var(--text-primary-color);border-radius:50%;background-color:var(--main-content-background-color);color:var(--text-primary-color);font-size:20px;font-weight:700;margin:0 auto}.grid-item-frame{background-color:var(--main-content-card-background-color);border-radius:10px;padding:10px;box-shadow:0 2px 4px var(--shadow-color);min-height:30px}.grid-item-frame-input{background-color:var(--main-content-card-background-color);border-radius:10px;padding:10px;box-shadow:0 2px 4px var(--shadow-color);min-height:30px;border:1px dashed var(--input-active-border-color);color:var(--main-content-text-color)}.performer-page-right-side-navigation{background-color:var(--main-nav-background-color);color:var(--text-primary-color);border-radius:10px;padding:20px;margin-top:10px;margin-left:10px;box-shadow:0 4px 8px var(--shadow-color);display:flex;gap:10px;flex-direction:column}.performer-page-search-container{position:relative;margin-bottom:20px;display:flex;flex-direction:column;gap:15px}.performer-page-search-input{width:100%;box-sizing:border-box;padding:10px 40px 10px 10px;border:1px solid #ccc;border-radius:4px}.performer-page-search-icon{position:absolute;right:10px;top:18px;transform:translateY(-50%);font-size:20px;color:#888}.performer-page-right-side-navigation a{color:var(--text-primary-color);font-size:large;font-weight:700;text-decoration:none}.tags-container{display:flex;flex-direction:column;gap:10px;margin-bottom:25px;max-height:45vh;overflow-y:auto;overflow-x:hidden;padding-right:5px}.tags-content-container{padding:5px;border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:10px}.tag-image{width:25px;height:25px}._filterAndMessageContainer_1ndn3_2{display:flex;gap:20px;align-items:flex-start;margin-bottom:10px;width:100%;overflow:visible;flex-shrink:0;max-height:none}._filterAndMessageContainer_1ndn3_2>:first-child{flex:1 1 auto;min-width:300px;max-width:60%}._filterAndMessageContainer_1ndn3_2>._artist-message_1ndn3_21{flex:1 1 auto;min-width:200px;max-width:40%;min-height:100px;max-height:none;display:flex;flex-direction:column;overflow:visible}@media (max-width: 768px){._filterAndMessageContainer_1ndn3_2{flex-direction:column;gap:15px;overflow:visible;max-height:none}._filterAndMessageContainer_1ndn3_2>._artist-message_1ndn3_21{max-width:none;min-width:auto;max-height:none;overflow:visible}}._song_grid_1ndn3_49{grid-template-columns:repeat(7,1fr);display:grid;gap:10px;align-items:start;flex:1;min-height:150px;overflow-y:auto;overflow-x:hidden}._song_grid_1ndn3_49 ._grid-item_1ndn3_61,._song_grid_1ndn3_49 ._grid-item-frame_1ndn3_62,._song_grid_1ndn3_49 ._grid-item-frame-input_1ndn3_63,._song_grid_1ndn3_49 ._grid-header_1ndn3_64{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-word;min-width:0;max-width:100%}._song_grid_1ndn3_49{min-width:0;width:100%;box-sizing:border-box}._song_grid_1ndn3_49>*{min-width:0;box-sizing:border-box}@media (max-width: 815px){._song_grid_1ndn3_49{grid-template-columns:repeat(4,1fr);gap:8px;font-size:14px}._song_grid_1ndn3_49 ._grid-item_1ndn3_61,._song_grid_1ndn3_49 ._grid-item-frame_1ndn3_62,._song_grid_1ndn3_49 ._grid-item-frame-input_1ndn3_63{padding:6px;min-height:25px;gap:6px}._song_grid_1ndn3_49 ._grid-header_1ndn3_64{padding:6px;font-size:14px}._song_grid_1ndn3_49 ._queue-circle_1ndn3_110{width:18px;height:18px;font-size:16px}._song_grid_1ndn3_49>*:nth-child(4){display:none}._song_grid_1ndn3_49>*:nth-child(5){display:none}._song_grid_1ndn3_49>*:nth-child(6){display:none}._song_grid_row_1ndn3_132>*:nth-child(4),._song_grid_row_1ndn3_132>*:nth-child(5),._song_grid_row_1ndn3_132>*:nth-child(6){display:none}}@media (max-width: 590px){._song_grid_1ndn3_49{grid-template-columns:repeat(3,1fr);gap:5px;font-size:12px}._song_grid_1ndn3_49 ._grid-item_1ndn3_61,._song_grid_1ndn3_49 ._grid-item-frame_1ndn3_62,._song_grid_1ndn3_49 ._grid-item-frame-input_1ndn3_63{padding:5px;min-height:22px;gap:4px}._song_grid_1ndn3_49 ._grid-header_1ndn3_64{padding:5px;font-size:12px}._song_grid_1ndn3_49 ._queue-circle_1ndn3_110{width:17px;height:17px;font-size:14px}._song_grid_1ndn3_49>*:nth-child(3){display:none}._song_grid_row_1ndn3_132>*:nth-child(3){display:none}}@media (max-width: 588px){._song_grid_1ndn3_49{grid-template-columns:repeat(3,1fr);gap:5px;font-size:12px}._song_grid_1ndn3_49 ._grid-header_1ndn3_64:nth-child(3),._song_grid_1ndn3_49 ._grid-item_1ndn3_61:nth-child(7n+3){display:none}}@media (max-width: 481px){._song_grid_1ndn3_49{grid-template-columns:repeat(3,1fr);gap:3px;font-size:11px}._song_grid_1ndn3_49>*{width:100%}._song_grid_1ndn3_49 ._grid-item_1ndn3_61,._song_grid_1ndn3_49 ._grid-item-frame_1ndn3_62,._song_grid_1ndn3_49 ._grid-item-frame-input_1ndn3_63{padding:3px;min-height:22px;gap:2px;font-size:11px;font-weight:400;letter-spacing:-.005em;overflow:hidden;white-space:normal;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;line-height:1.2;max-width:100%;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis}._song_grid_1ndn3_49 ._grid-header_1ndn3_64{padding:3px;font-size:11px;font-weight:600;letter-spacing:-.005em;white-space:normal;word-break:break-word;line-height:1.2;min-height:20px}._song_grid_1ndn3_49 ._queue-circle_1ndn3_110{width:16px;height:16px;font-size:12px;border-width:1px}._contextMenuContainer_1ndn3_249 button{padding:5px!important;font-size:10px!important}._song_grid_1ndn3_49>*:nth-child(3),._song_grid_1ndn3_49>*:nth-child(4),._song_grid_1ndn3_49>*:nth-child(5),._song_grid_1ndn3_49>*:nth-child(6){display:none}._song_grid_row_1ndn3_132>*:nth-child(3),._song_grid_row_1ndn3_132>*:nth-child(4),._song_grid_row_1ndn3_132>*:nth-child(5),._song_grid_row_1ndn3_132>*:nth-child(6){display:none}}._song_grid_row_1ndn3_132{display:contents}._bandMessageContainer_1ndn3_275{margin-bottom:20px;display:flex;gap:16px;align-items:stretch}@media (max-width: 768px){._bandMessageContainer_1ndn3_275{flex-direction:column;gap:10px}._bandMessageControls_1ndn3_289{flex-direction:row!important;justify-content:flex-start;gap:10px;min-width:unset}}@media (max-width: 480px){._bandMessageContainer_1ndn3_275{margin-bottom:15px}._bandMessageControls_1ndn3_289{flex-direction:row!important;justify-content:flex-start;gap:8px}}._bandMessageTextareaWrapper_1ndn3_311{flex:1;display:flex}._bandMessageTextarea_1ndn3_311{width:100%;min-height:120px;padding:12px;border:2px dashed #e1e5e9;border-radius:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;resize:vertical;transition:border-color .2s ease-in-out;box-sizing:border-box;flex:1}._bandMessageTextarea_1ndn3_311:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px var(--shadow-color)}._bandMessageTextarea_1ndn3_311::placeholder{color:#6c757d}._bandMessageControls_1ndn3_289{display:flex;flex-direction:column;justify-content:space-between;gap:10px;align-items:stretch;min-width:120px;text-align:center}._bandMessageControls_1ndn3_289 button{width:auto}._characterCounter_1ndn3_355{font-size:12px;color:#6c757d;font-weight:500}._characterCounter_1ndn3_355._nearLimit_1ndn3_361{color:var(--warning-text-color)}._characterCounter_1ndn3_355._atLimit_1ndn3_365{color:var(--error-text-color)}._bandMessageDisplay_1ndn3_370{flex:1;display:flex;align-items:center}._bandMessageText_1ndn3_311{padding:10px;border:2px solid transparent;border-radius:10px;background-color:var(--main-content-card-background-color);color:var(--main-content-text-color);white-space:pre-wrap;word-break:break-word;width:100%;box-shadow:0 2px 4px var(--shadow-color);min-height:95%}._bandMessagePlaceholder_1ndn3_389{padding:12px;border:2px dashed var(--input-active-border-color);border-radius:10px;background-color:var(--main-content-card-background-color);line-height:1.5;color:var(--main-content-text-color);font-style:italic;width:100%}._addToQueueButton_1ndn3_401{display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;min-height:36px;border:2px solid var(--text-primary-color);border-radius:50%;background:var(--main-content-button-background-color);color:var(--text-primary-color);font-size:20px;font-weight:700;margin:0 auto;padding:0;box-sizing:border-box;line-height:1;transition:all .2s ease-in-out}@media (max-width: 768px){._addToQueueButton_1ndn3_401{width:32px;height:32px;min-width:32px;min-height:32px;font-size:18px}}@media (max-width: 480px){._addToQueueButton_1ndn3_401{width:28px;height:28px;min-width:28px;min-height:28px;font-size:16px}}._addToQueueButton_1ndn3_401:hover{background:var(--main-content-button-hover-background-color);color:var(--main-content-button-hover-text-color);transform:scale(1.1)}._addToQueueButton_1ndn3_401:active{transform:scale(.95)}._addToQueueButton_1ndn3_401:disabled{opacity:.5;cursor:not-allowed;transform:none}._addToQueueButton_1ndn3_401:disabled:hover{background:var(--main-content-button-background-color);color:var(--text-primary-color);transform:none}hr{margin:20px 0;border:1px solid var(--top-nav-background-color)}._keyDisplay_1ndn3_471{cursor:pointer;padding:4px 8px;border-radius:3px;transition:background-color .2s;min-height:20px;display:flex;align-items:center;justify-content:center;width:100%;box-sizing:border-box}._keyDisplay_1ndn3_471:hover{opacity:.8}._keyEditInput_1ndn3_488{width:100%;padding:4px 8px;border:none;border-radius:3px;background-color:var(--main-content-card-background-color);color:var(--main-content-text-color);font-size:14px}._keyEditInput_1ndn3_488:focus{outline:none;border-color:var(--main-content-text-color);box-shadow:0 0 3px var(--shadow-color)}._keyPlaceholder_1ndn3_504{color:var(--main-content-text-color);opacity:.5;font-style:italic}._filterSection_1ndn3_511{margin:0 15px 20px 0;padding:10px;background-color:var(--main-content-card-background-color);border-radius:8px;width:calc(100% - 15px);box-sizing:border-box}@media (max-width: 768px){._filterSection_1ndn3_511{margin:0 0 15px;padding:8px;width:100%}._filterGroup_1ndn3_528{flex-direction:column;align-items:flex-start;gap:10px}._customDropdown_1ndn3_534{min-width:150px;width:100%}}@media (max-width: 480px){._filterSection_1ndn3_511{padding:5px;margin-bottom:10px}._filterSectionHeader_1ndn3_546{flex-direction:column;align-items:flex-start;gap:10px}}._filterSectionHeader_1ndn3_546{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}._filterGroup_1ndn3_528{display:flex;align-items:center;gap:15px;flex-wrap:wrap}._filterGroup_1ndn3_528 label{font-weight:700;color:var(--main-content-text-color)}._hideFilterButton_1ndn3_572{padding:8px 12px;background-color:var(--main-content-button-background-color);color:var(--main-content-text-color);border:1px solid var(--main-content-text-color);border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s ease;display:flex;align-items:center;gap:8px;flex-shrink:0}._hideFilterButton_1ndn3_572:hover{background-color:var(--main-content-button-hover-background-color);color:var(--main-content-button-hover-text-color)}._customDropdown_1ndn3_534{position:relative;min-width:200px}._dropdownButton_1ndn3_598{width:100%;padding:8px 12px;border:1px solid var(--main-content-text-color);border-radius:4px;background-color:var(--main-content-card-background-color);color:var(--main-content-text-color);font-size:14px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:10px}._dropdownButton_1ndn3_598:hover{border-color:var(--main-content-text-color)}._dropdownButton_1ndn3_598:focus{outline:none;border-color:var(--main-content-text-color)}._selectedTagInButton_1ndn3_622{display:inline-flex;align-items:center;gap:5px;padding:2px 6px;border-radius:3px;font-size:12px;font-weight:700}._dropdownArrow_1ndn3_632{font-size:10px;color:var(--main-content-text-color);opacity:.7}._dropdownMenu_1ndn3_638{position:absolute;top:100%;left:0;right:0;background-color:var(--main-content-card-background-color);border-radius:12px;box-shadow:0 4px 12px var(--shadow-color);z-index:1000;max-height:200px;overflow-y:auto;overflow-x:hidden}._dropdownItem_1ndn3_652{padding:8px 12px;cursor:pointer;color:var(--main-content-text-color)}._dropdownItem_1ndn3_652:hover{transform:scale(1.1);overflow-x:hidden}._tagChipDropdown_1ndn3_663{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700;width:100%;box-sizing:border-box}._tagIconSmall_1ndn3_675{width:14px;height:14px;border-radius:2px}._tagFilterSelect_1ndn3_682{padding:8px 12px;border:1px solid var(--main-content-button-background-color);border-radius:4px;background-color:var(--main-content-card-background-color);color:var(--main-content-text-color);font-size:14px;min-width:150px}._tagFilterSelect_1ndn3_682:focus{outline:none;border-color:var(--main-content-text-color)}._selectedTagPreview_1ndn3_697{display:flex;align-items:center;gap:10px}._tagChip_1ndn3_663{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700}._tagIcon_1ndn3_675{width:16px;height:16px;border-radius:2px}.modalContent{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--main-nav-background-color);color:var(--main-content-text-color);padding:20px;border-radius:10px;box-shadow:0 4px 8px var(--shadow-color);width:400px;max-width:90vw;height:auto;min-height:fit-content;max-height:90vh;overflow-y:auto;z-index:10000;box-sizing:border-box}.modalOverlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;color:var(--main-content-text-color);z-index:9999;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.modalContent{width:85vw;padding:18px;border-radius:8px;height:auto}}@media (max-width: 480px){.modalContent{width:95vw;padding:15px;border-radius:6px;max-height:85vh}}@media (max-width: 320px){.modalContent{width:98vw;padding:12px;font-size:14px}}.suggestions-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-top:none;border-radius:0 0 4px 4px;box-shadow:0 2px 8px #0000001a;z-index:1000;max-height:200px;overflow-y:auto}.suggestion-item{padding:12px 16px;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:background-color .2s ease}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover,.suggestion-item.selected{background-color:#f5f5f5}.suggestion-title{font-weight:500;color:#333;margin-bottom:2px}.suggestion-artist{font-size:.9em;color:#666;font-style:italic}.form-group{position:relative;margin-bottom:16px}.form-group input{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.form-group input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.react-switch-checkbox{height:0;width:0;visibility:hidden;display:none}.react-switch-label{display:flex;align-items:center;justify-content:space-between;cursor:pointer;width:75px;height:40px;background:gray;border-radius:100px;position:relative;transition:background-color .2s}.react-switch-label .react-switch-button{content:"";position:absolute;top:2px;left:2px;width:35px;height:35px;border-radius:75px;transition:.2s;background:#fff;box-shadow:0 0 2px #0a0a0a4a}.react-switch-checkbox:checked+.react-switch-label .react-switch-button{left:calc(100% - 2px);transform:translate(-100%)}.react-switch-label:active .react-switch-button{width:60px}._contextMenuContainer_nny7t_1{position:relative}._contextMenu_nny7t_1{position:fixed;background-color:var(--main-content-button-background-color);border:2px solid #333;box-shadow:0 4px 12px #0000004d;border-radius:20px;z-index:999999;padding:8px;min-width:120px;white-space:nowrap;display:block!important}._contextMenuIcon_nny7t_18{margin-right:8px}._contextMenu_nny7t_1 button{display:block;width:100%;padding:8px 12px;border:none;text-align:left;cursor:pointer;font-size:14px;background-color:var(--main-content-button-background-color);color:var(--main-nav-button-text-color)}._contextMenu_nny7t_1 button:hover{transform:scale(1.1);background-color:var(--main-content-button-hover-background-color);color:var(--main-nav-button-hover-text-color)}@media (max-width: 590px){._contextMenu_nny7t_1{padding:6px;min-width:100px;border-radius:15px}._contextMenu_nny7t_1 button{padding:6px 10px;font-size:12px}}@media (max-width: 481px){._contextMenu_nny7t_1{padding:4px;min-width:80px;border-radius:12px;border-width:1px}._contextMenu_nny7t_1 button{padding:5px 8px;font-size:11px}._contextMenuIcon_nny7t_18{margin-right:4px}}.switch-group{display:flex;align-items:center;gap:20px}.button-group{display:flex;justify-content:flex-end;gap:10px}.tag-preview{margin-top:20px;padding:10px;border-radius:5px;display:flex;align-items:center;justify-content:center;gap:5px}.tag-preview-image{display:flex;max-width:25px;max-height:25px}.image-upload{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:25px}.image-upload input[type=file]{display:none}.image-upload label{cursor:pointer;padding:10px 20px;background-color:var(--main-content-button-background-color);color:var(--main-content-button-text-color);border-radius:5px;margin-bottom:10px}.image-upload img{max-height:25px;max-width:25px;border-radius:5px;margin-top:10px}.image-preview-container{display:flex;align-items:center;gap:10px}.remove-image-btn{border:none;cursor:pointer;display:flex;align-items:flex-end;justify-content:right}.upload-section{display:flex;flex-direction:row;align-items:center;gap:15px}._song_grid_1eywf_1{grid-template-columns:2fr 2fr 4fr 1fr;display:grid;gap:10px;align-items:center;max-height:51vh;overflow-y:auto;overflow-x:hidden}._song_grid_1eywf_1 input[type=checkbox]{transform:scale(2);cursor:pointer;justify-self:center;align-self:center}._song_grid_1eywf_1 button{width:125px;min-width:125px;padding:4px 8px;white-space:nowrap;display:flex;justify-content:center;align-items:center}@media (max-width: 588px){._song_grid_1eywf_1{display:flex!important;flex-direction:column!important;gap:0!important;grid-template-columns:none!important}._song_grid_1eywf_1 .grid-header{display:none!important}._song_grid_1eywf_1 .grid-item:has(input[type=checkbox]){display:none!important}._song_grid_1eywf_1 .grid-item-frame{width:100%!important;box-sizing:border-box!important;margin:0!important;padding:12px!important;border-radius:8px!important;text-align:left!important;justify-content:flex-start!important;align-items:flex-start!important;height:auto!important;min-height:auto!important;flex-wrap:wrap!important}._song_grid_1eywf_1 .grid-item-frame:nth-child(4n+3){margin-bottom:25px!important;border-bottom:3px solid var(--main-content-border-color)!important;padding-bottom:20px!important}._song_grid_1eywf_1 .grid-item-frame:nth-child(4n+1){background-color:var(--main-content-card-background-color)!important;border:1px solid var(--main-content-border-color)!important;border-radius:10px 10px 0 0!important;margin-top:15px!important;margin-bottom:0!important;box-shadow:0 2px 4px var(--shadow-color)!important}._song_grid_1eywf_1 .grid-item-frame:nth-child(4n+2){background-color:var(--main-content-card-background-color)!important;border:1px solid var(--main-content-border-color)!important;border-top:none!important;border-radius:0!important;margin-bottom:0!important;box-shadow:0 2px 4px var(--shadow-color)!important}._song_grid_1eywf_1 .grid-item-frame:nth-child(4n+3){background-color:var(--main-content-card-background-color)!important;border:1px solid var(--main-content-border-color)!important;border-top:none!important;border-radius:0 0 10px 10px!important;margin-bottom:0!important;box-shadow:0 2px 4px var(--shadow-color)!important}._song_grid_1eywf_1 .grid-item-frame:nth-child(4n+1):before{content:"Song: "!important;font-weight:700!important;color:var(--main-content-text-color)!important;opacity:.8!important;display:block!important;margin-bottom:4px!important}._song_grid_1eywf_1 .grid-item-frame:nth-child(4n+2):before{content:"Artist: "!important;font-weight:700!important;color:var(--main-content-text-color)!important;opacity:.8!important;display:block!important;margin-bottom:4px!important}._song_grid_1eywf_1 .grid-item-frame:nth-child(4n+3):before{content:"Tags: "!important;font-weight:700!important;color:var(--main-content-text-color)!important;opacity:.8!important;display:block!important;margin-bottom:4px!important}}[data-theme=banana-split]{--background: #000;--text-primary-color: #333;--text-secondary-color: #666;--page-color: #ffffff;--info-background-color: #ffffff;--important-background-color: #0051ff;--warning-background-color: #ff0;--error-background-color: #f00;--info-text-color: #000;--important-text-color: #fff;--warning-text-color: #000;--error-text-color: #000000;--input-background-color: #fff;--input-text-color: #000;--input-border-color: #ccc;--input-active-border-color: #007bff;--shadow-color: rgba(0, 0, 0, .1);--logo-top-color: rgb(39, 205, 207);--logo-bottom-color: #fabddb;--login-button-background-color: #333;--login-button-text-color: #ffffff;--login-button-hover-background-color: #666;--login-button-hover-text-color: #ffffff;--login-button-active-background-color: #333;--login-button-active-text-color: #ffffff;--slogan-color: rgb(238, 238, 132);--radio-player-active-button-background-color: rgb(39, 205, 207);--radio-player-volume-color: #fabddb;--top-nav-background-color: #6d5f72;--top-nav-text-color: #000;--top-nav-button-background-color: #f7f57c;--top-nav-button-text-color: #000;--top-nav-button-hover-background-color: #3a388d;--top-nav-button-hover-text-color: #fff;--top-nav-button-active-background-color: #3a388d;--top-nav-button-active-text-color: #fff;--main-nav-background-color: #f0f0f0;--main-nav-text-color: #ff0;--main-nav-button-background-color: #ff0;--main-nav-button-text-color: #000000;--main-nav-button-hover-background-color: #e6e600;--main-nav-button-hover-text-color: #000000;--main-nav-button-active-background-color: #e6e600;--main-nav-button-active-text-color: #000000;--footer-background-color: #333;--footer-text-color: #fff;--footer-link-color: #fff;--footer-link-hover-color: #ff0;--main-content-text-color: #000000;--main-content-background-color: #ffffff;--main-content-card-background-color: #f9f9f9;--main-content-button-background-color: #ff0;--main-content-button-text-color: #000000;--main-content-button-hover-background-color: #e6e600;--main-content-button-hover-text-color: #000000;--main-content-button-active-background-color: #e6e600;--main-content-button-active-text-color: #000000}[data-theme=black-forest]{--background: #121212;--text-primary-color: #ffffff;--text-secondary-color: #b0bec5;--page-color: #1e1e1e;--info-background-color: #ffffff;--important-background-color: #0051ff;--warning-background-color: #ff0;--error-background-color: #f00;--info-text-color: #000;--important-text-color: #fff;--warning-text-color: #000;--error-text-color: #000000;--input-background-color: #333;--input-text-color: #fff;--input-border-color: #666;--input-active-border-color: #bb86fc;--shadow-color: rgba(0, 0, 0, .5);--logo-top-color: rgb(187, 134, 252);--logo-bottom-color: rgb(3, 218, 198);--login-button-background-color: #bb86fc;--login-button-text-color: #000000;--login-button-hover-background-color: #3700b3;--login-button-hover-text-color: #ffffff;--login-button-active-background-color: #6200ea;--login-button-active-text-color: #ffffff;--slogan-color: rgb(187, 134, 252);--radio-player-active-button-background-color: rgb(187, 134, 252);--radio-player-volume-color: rgb(3, 218, 198);--top-nav-background-color: #1e1e1e;--top-nav-text-color: #ffffff;--top-nav-button-background-color: #bb86fc;--top-nav-button-text-color: #000;--top-nav-button-hover-background-color: #3a388d;--top-nav-button-hover-text-color: #fff;--top-nav-button-active-background-color: #3a388d;--top-nav-button-active-text-color: #fff;--main-nav-background-color: #1e1e1e;--main-nav-text-color: #ff0;--main-nav-button-background-color: #bb86fc;--main-nav-button-text-color: #000000;--main-nav-button-hover-background-color: #3a388d;--main-nav-button-hover-text-color: #ffffff;--main-nav-button-active-background-color: #3a388d;--main-nav-button-active-text-color: #ffffff;--footer-background-color: #1e1e1e;--footer-text-color: #ffffff;--footer-link-color: #ffffff;--footer-link-hover-color: #3a388d;--main-content-text-color: #ffffff;--main-content-background-color: #121212;--main-content-card-background-color: #1e1e1e;--main-content-button-background-color: #bb86fc;--main-content-button-text-color: #000000;--main-content-button-hover-background-color: #3700b3;--main-content-button-hover-text-color: #ffffff;--main-content-button-active-background-color: #6200ea;--main-content-button-active-text-color: #ffffff}.add-song{display:flex;flex-direction:column;align-items:center;padding:20px;font-family:Arial,sans-serif;width:100%;box-sizing:border-box}.add-song h1{margin-bottom:20px;color:var(--main-content-heading-color);text-align:center}.add-song form{background-color:var(--main-content-background-color);border-radius:10px;padding:20px;box-shadow:0 4px 8px var(--shadow-color);width:100%;max-width:600px}.add-song .form-group{margin-bottom:20px}.add-song .form-group label{display:block;margin-bottom:8px;font-weight:700;color:var(--main-content-text-color)}.add-song .form-group input,.add-song .form-group textarea{width:100%;padding:12px;border:2px solid var(--input-border-color);border-radius:6px;font-size:16px;background-color:var(--input-background-color);color:var(--input-text-color);box-sizing:border-box;transition:border-color .3s ease}.add-song .form-group input:focus,.add-song .form-group textarea:focus{outline:none;border-color:var(--input-active-border-color)}.add-song .form-group textarea{min-height:120px;resize:vertical}.add-song .form-group input[type=checkbox]{width:auto;margin-right:8px;transform:scale(1.2)}.add-song .btn-save{background-color:var(--button-primary-background-color);color:var(--button-primary-text-color);border:none;padding:12px 24px;border-radius:6px;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background-color .3s ease;width:100%;justify-content:center}.add-song .btn-save:hover{background-color:var(--button-primary-hover-background-color)}.add-song .btn-save:disabled{background-color:var(--button-disabled-background-color);cursor:not-allowed}@media (max-width: 768px){.add-song{padding:15px}.add-song form{padding:15px;max-width:100%}.add-song .form-group input,.add-song .form-group textarea{padding:10px;font-size:16px}.add-song .form-group textarea{min-height:100px}.add-song .btn-save{padding:14px 20px;font-size:16px}}@media (max-width: 480px){.add-song{padding:10px}.add-song form{padding:12px;border-radius:8px}.add-song .form-group{margin-bottom:15px}.add-song .form-group input,.add-song .form-group textarea{padding:12px}.add-song .form-group textarea{min-height:80px}.add-song h1{font-size:1.5rem;margin-bottom:15px}}._song_grid_2lmvu_1{grid-template-columns:2fr 2fr 3fr 2fr;display:grid;gap:10px;align-items:center;align-items:flex-start}._events_toggle_2lmvu_9{display:flex;justify-content:center;margin-bottom:50px}._song_grid_7se9a_1{grid-template-columns:.75fr 1fr 3fr 3fr 2fr 2fr 1fr;display:grid;gap:10px;align-items:center;overflow-x:hidden;overflow-y:visible;row-gap:0px;width:100%;max-width:100%}._song_grid_7se9a_1 ._grid-item_7se9a_14{flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:5px}._gridHeader_7se9a_23{font-weight:700;background-color:var(--main-content-background-color);padding:10px;border-radius:5px;text-align:center;justify-content:center;align-items:center;cursor:pointer;text-wrap:nowrap;display:flex;flex-direction:row;box-sizing:border-box;min-height:52px}._completed_songs_grid_7se9a_40{grid-template-columns:3fr 3fr 2fr 2fr 1fr;display:grid;gap:10px;align-items:center;overflow-x:hidden}._completed_songs_grid_7se9a_40 ._grid-item_7se9a_14{flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:5px}._completed_songs_grid_row_7se9a_56{display:grid;grid-template-columns:3fr 3fr 2fr 2fr 1fr;gap:10px;grid-column:span 5;transition:background-color .2s ease;align-items:center}._grid_row_7se9a_65{display:grid;grid-template-columns:.75fr 1fr 3fr 3fr 2fr 2fr 1fr;gap:10px;grid-column:span 7;transition:background-color .2s ease;align-items:center;min-height:60px;padding:10px 0;position:relative;overflow:visible}._grid_row_dragging_7se9a_78{background-color:#0000001a}._grid_row_placeholder_7se9a_82{background-color:#0000000d;border:2px dashed #ccc}._header_container_7se9a_87{display:flex;justify-content:flex-end;margin-bottom:25px;gap:10px;width:100%}._played_songs_button_7se9a_95{margin-top:20px;margin-bottom:10px}._played_songs_grid_7se9a_100{margin-top:10px}._song_grid_7se9a_1 ._grid_row_7se9a_65 ._grid-item_7se9a_14,._song_grid_7se9a_1 ._grid_row_7se9a_65 ._grid-item-frame_7se9a_106{min-height:52px;display:flex;align-items:center;justify-content:center;padding:10px;box-sizing:border-box;word-wrap:break-word;text-align:center}._drag_handle_container_7se9a_118{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;width:100%;height:100%;max-height:44px}._drag_icon_7se9a_129{font-size:14px;color:var(--main-content-text-color);cursor:grab}._mobile_arrows_7se9a_135{display:none;flex-direction:column;gap:2px;height:100%;justify-content:center}._mobile_arrow_button_7se9a_143{background:transparent;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;color:var(--main-content-text-color);font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;min-height:24px;max-height:24px;line-height:1;flex:1}._mobile_arrow_button_7se9a_143:hover:not(:disabled){background-color:#007bff1a;color:#007bff}._mobile_arrow_button_7se9a_143:disabled{opacity:.3;cursor:not-allowed}._mobile_arrow_button_7se9a_143:active:not(:disabled){transform:scale(.95);background-color:#007bff33}@media (max-width: 1200px){._hideOnMobile_7se9a_178{visibility:hidden}._grid_row_7se9a_65 ._grid-item_7se9a_14:first-child{min-width:44px;min-height:44px;padding:12px;cursor:grab;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}._grid_row_7se9a_65:active ._grid-item_7se9a_14:first-child,._grid_row_7se9a_65._grid_row_dragging_7se9a_78 ._grid-item_7se9a_14:first-child{background-color:#007bff1a;transform:scale(1.05);transition:all .2s ease}._grid_row_7se9a_65{min-height:64px;padding:12px 0}._grid_row_dragging_7se9a_78{background-color:#007bff26;border-radius:8px;box-shadow:0 4px 12px #00000026;transform:scale(1.02)}}@media (max-width: 820px){._song_grid_7se9a_1{grid-template-columns:.75fr 4fr 3fr 2fr 2fr 1fr}._grid_row_7se9a_65{grid-template-columns:.75fr 4fr 3fr 2fr 2fr 1fr;grid-column:span 6}._gridHeader_7se9a_23{grid-column:span 1}._drag_icon_7se9a_129{display:none}.hideAt820px{display:none!important}._mobile_arrows_7se9a_135{display:flex!important}._drag_handle_container_7se9a_118{min-width:40px;min-height:52px;padding:1px;overflow:visible}._song_grid_7se9a_1 ._grid_row_7se9a_65 ._grid-item-frame_7se9a_106{min-height:52px!important;max-height:52px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden}._song_grid_7se9a_1 ._grid_row_7se9a_65 ._grid-item_7se9a_14,._song_grid_7se9a_1 ._grid_row_7se9a_65 ._grid-item-frame_7se9a_106{min-height:52px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:visible;word-wrap:break-word;text-align:center}}@media (max-width: 725px){._gridHeader_7se9a_23{display:none!important}._song_grid_7se9a_1{grid-template-columns:1fr;gap:15px;row-gap:15px}._grid_row_7se9a_65{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto;gap:8px;grid-column:span 1;background-color:var(--main-content-card-background-color);border-radius:12px;padding:12px;box-shadow:0 2px 8px var(--shadow-color);margin-bottom:8px}._grid_row_7se9a_65>div:nth-child(1){grid-column:1;grid-row:1}._grid_row_7se9a_65>div:nth-child(3){grid-column:2;grid-row:1}._grid_row_7se9a_65>div:nth-child(4){grid-column:3;grid-row:1}._grid_row_7se9a_65>div:nth-child(5){grid-column:1;grid-row:2}._grid_row_7se9a_65>div:nth-child(6){grid-column:2;grid-row:2}._grid_row_7se9a_65>div:nth-child(7){grid-column:3;grid-row:2}._grid_row_7se9a_65 ._grid-item_7se9a_14,._grid_row_7se9a_65 ._grid-item-frame_7se9a_106,._grid_row_7se9a_65>div{min-height:44px;padding:8px 4px;border-radius:8px;background-color:var(--main-content-background-color);border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 4px var(--shadow-color);font-size:14px;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;text-align:center;display:flex;align-items:center;justify-content:center}._drag_handle_container_7se9a_118{min-height:44px;padding:2px}._mobile_arrow_button_7se9a_143{min-height:18px;max-height:18px;font-size:12px;padding:2px 4px}}@media (max-width: 588px){._gridHeader_7se9a_23,._grid-header_7se9a_22,._completed_songs_grid_7se9a_40 ._grid-header_7se9a_22,._completed_songs_grid_7se9a_40>._grid-header_7se9a_22,._song_grid_7se9a_1 ._gridHeader_7se9a_23,._song_grid_7se9a_1>._gridHeader_7se9a_23,._completed_songs_grid_7se9a_40 div._grid-header_7se9a_22,div._grid-header_7se9a_22,* [class*=grid-header],* [class*=gridHeader]{display:none!important;visibility:hidden!important;height:0!important;width:0!important;overflow:hidden!important;position:absolute!important;left:-9999px!important}._completed_songs_grid_7se9a_40>div:not(._completed_songs_grid_row_7se9a_56){display:none!important}._song_grid_7se9a_1{grid-template-columns:1fr;gap:12px;row-gap:12px}._grid_row_7se9a_65{display:flex;flex-direction:column;gap:8px;grid-column:span 1;background-color:var(--main-content-card-background-color);border-radius:12px;padding:16px;box-shadow:0 2px 8px var(--shadow-color);margin-bottom:8px}._grid_row_7se9a_65 ._grid-item_7se9a_14,._grid_row_7se9a_65>div{width:100%!important;min-height:40px;padding:12px;border-radius:8px;background-color:var(--main-content-background-color);border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 4px var(--shadow-color);font-size:14px;word-wrap:break-word;overflow-wrap:break-word;text-align:left;display:flex;align-items:center;justify-content:flex-start;position:relative;box-sizing:border-box}._grid_row_7se9a_65>div:nth-child(1):before{content:"Move: ";font-weight:700;margin-right:8px}._grid_row_7se9a_65>div:nth-child(3):before{content:"Title: ";font-weight:700;margin-right:8px}._grid_row_7se9a_65>div:nth-child(4):before{content:"Artist: ";font-weight:700;margin-right:8px}._grid_row_7se9a_65>div:nth-child(5):before{content:"Requested: ";font-weight:700;margin-right:8px}._grid_row_7se9a_65>div:nth-child(6):before{content:"Donation: ";font-weight:700;margin-right:8px}._grid_row_7se9a_65>div:nth-child(7):before{content:"Action: ";font-weight:700;margin-right:8px}._drag_handle_container_7se9a_118{min-height:40px;padding:4px;justify-content:center}._completed_songs_grid_7se9a_40{display:flex!important;flex-direction:column!important;gap:12px!important;width:100%!important;grid-template-columns:none!important;grid:none!important;align-items:stretch!important;overflow-x:visible!important}._completed_songs_grid_row_7se9a_56{display:flex!important;flex-direction:column!important;gap:8px!important;width:100%!important;background-color:var(--main-content-card-background-color)!important;border-radius:12px!important;padding:16px!important;box-shadow:0 2px 8px var(--shadow-color)!important;margin-bottom:8px!important;box-sizing:border-box!important;grid-template-columns:none!important;grid-column:none!important;grid:none!important;align-items:stretch!important}._completed_songs_grid_row_7se9a_56 ._grid-item-frame_7se9a_106,._completed_songs_grid_7se9a_40 ._grid-item-frame_7se9a_106,._completed_songs_grid_row_7se9a_56 ._grid-item_7se9a_14,._completed_songs_grid_7se9a_40 ._grid-item_7se9a_14,._completed_songs_grid_row_7se9a_56>div,._completed_songs_grid_7se9a_40>._completed_songs_grid_row_7se9a_56>div{width:100%!important;min-width:100%!important;max-width:100%!important;min-height:40px!important;padding:12px!important;margin:0!important;border-radius:8px!important;background-color:var(--main-content-background-color)!important;border:1px solid rgba(0,0,0,.1)!important;font-size:14px!important;word-wrap:break-word!important;text-align:left!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;box-sizing:border-box!important;flex:none!important;flex-direction:row!important;flex-wrap:nowrap!important;flex-shrink:0!important;flex-grow:0!important;flex-basis:auto!important}._completed_songs_wrapper_7se9a_532{width:100%!important}._completed_songs_grid_row_7se9a_56>div:nth-child(1):before{content:"Title: ";font-weight:700;margin-right:8px}._completed_songs_grid_row_7se9a_56>div:nth-child(2):before{content:"Artist: ";font-weight:700;margin-right:8px}._completed_songs_grid_row_7se9a_56>div:nth-child(3):before{content:"Requested: ";font-weight:700;margin-right:8px}._completed_songs_grid_row_7se9a_56>div:nth-child(4):before{content:"Donation: ";font-weight:700;margin-right:8px}._completed_songs_grid_row_7se9a_56>div:nth-child(5):before{content:"Status: ";font-weight:700;margin-right:8px}}