@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{margin-bottom:50px;font-size:24px;display:block}.login-button-container{border-radius:30px}.login-button{color:var(--login-button-text-color);background-color:var(--login-button-background-color);cursor:pointer;box-shadow:0 4px 6px var(--shadow-color);border:none;border-radius:30px;gap:10px;padding:0 15px 0 0;font-size:20px;transition:background-color .3s,transform .3s}.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);float:left;border-radius:30px;margin-top:0;padding:10px 25px 0;display:flex}.login-icon{color:var(--logo-bottom-color);font-size:50px}.login-text{float:right;color:var(--login-button-text-color);margin:0;padding:20px;font-weight:700;line-height:1em;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade1,.fade2{opacity:0}.fade1{animation:2s ease-in-out 1s forwards fadeIn}.fade2{animation:2s ease-in-out 3s forwards fadeIn}.intro-page-container{flex-direction:column;justify-content:center;align-items:center;gap:50px;height:100%;display:flex}.world-stage-image{width:50%;height:auto}.logo-container{margin-top:20px;margin-bottom:20px}.logo-container-small{align-items:center;margin:0;display:flex}.logo{align-items:center;display:inline-flex}.title-container{max-width:100%}.logo img{width:auto;height:100px}.logo-container-small .logo img{width:auto;height:40px}.title-container:hover{animation:.3s linear 2 shaking}@keyframes shaking{0%,50%,to{transform:rotate(0)}20%{transform:rotate(-5deg)}70%{transform:rotate(5deg)}}@media (width<=380px){.title-container .title_SongShake img{width:100%;max-width:380px;height:auto}.logo-container{margin-bottom:10px}}body:has(.login-page){align-items:unset!important;justify-content:unset!important;display:block!important}.login-page{text-align:center;box-sizing:border-box;flex-direction:column;align-items:center;width:100%;margin:0 auto;padding:0;display:flex;position:static}.login-page-login-buttons{flex-direction:column;align-items:center;gap:15px;width:70%;max-width:500px;margin:0 auto;display:flex}.login-page-login-button{cursor:pointer;width:100%;box-shadow:0 4px 6px var(--shadow-color);border:none;border-radius:30px;gap:10px;font-size:20px;transition:background-color .3s,transform .3s;display:flex}.login-page-login-button:hover{transform:translateY(-2px)}.login-page-login-button:active{transform:translateY(0)}.login-page-login-icon{padding:5px 15px 0;font-size:50px}.login-page-google-login-button{color:#fff;background-color:#db4437}.login-page-google-login-button:hover{color:#fff;background-color:#e57373}.login-page-twitch-login-button{color:#ff0;background-color:#6441a5}.login-page-twitch-login-button:hover{color:#ff0;background-color:#7d5bb5}.login-page-spotify-login-button{color:#000;background-color:#1db954}.login-page-spotify-login-button:hover{color:#000;background-color:#4caf50}.login-page-dev-login-button{color:#000;background-color:#ff74e8}.login-page-dev-login-button:hover{color:#000;background-color:#f84ddc}@media (width<=320px){.login-page-login-icon{display:none}.login-page-login-buttons{width:90%}}.loading-animation{height:100%;color:var(--important-text-color);justify-content:center;align-items:center;display:flex}.spinner{border:4px solid var(--shadow-color);border-left-color:#000;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.oauth-page{background-color:var(--background);justify-content:center;align-items:center;height:100vh;font-family:Arial,sans-serif;display:flex}.oauth-page-content{text-align:center;background-color:var(--page-color);box-shadow:0 4px 8px var(--shadow-color);border-radius:10px;padding:40px}.oauth-page h1{color:var(--text-primary-color);margin-bottom:20px;font-size:24px}.oauth-page p{color:var(--text-primary-color);font-size:18px}.home-page{box-sizing:border-box;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;max-width:none;height:calc(100vh - 60px);margin:0 auto;font-family:Arial,sans-serif;display:flex;overflow:hidden}.home-page-header{box-sizing:border-box;width:100%}.home-page-wrapper{box-sizing:border-box;flex-direction:column;flex:1;width:100%;min-height:0;display:flex}.home-page-featured-area{color:var(--main-content-text-color);text-align:left;width:100%;box-shadow:0 4px 8px var(--shadow-color);box-sizing:border-box;border-radius:20px;flex-direction:row;flex:1;gap:16px;min-height:90%;margin-top:10px;display:flex;overflow:visible}.home-page-notification-area{background-color:var(--main-content-background-color);text-align:left;box-shadow:0 4px 8px var(--shadow-color);box-sizing:border-box;border-radius:20px;flex:1;min-width:0;padding:15px}.home-page-notification-area h2{color:var(--text-color);margin-top:0;font-size:24px}.home-page-notification{background-color:var(--main-content-card-background-color);box-shadow:0 2px 4px var(--shadow-color);border-radius:10px;margin-bottom:15px;padding:15px}.home-page-notification-username{color:var(--text-primary-color);margin-bottom:5px;font-weight:700}.home-page-notification-message{color:var(--text-secondary-color);font-size:16px}@media (width<=768px){.home-page{padding:0}.home-page-featured-area{flex-direction:column;padding:15px}.home-page-notification-area{padding:15px}}@media (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);box-shadow:0 4px 8px var(--shadow-color);box-sizing:border-box;border-radius:10px;flex:none;width:auto;margin-left:0;padding:10px}.home-nav-buttons{flex-direction:column;gap:10px;display:flex}.home-nav-button{background:var(--main-content-button-background-color);color:var(--main-content-button-text-color);cursor:pointer;border:none;border-radius:30px;align-items:center;gap:10px;padding:15px 20px;font-size:18px;transition:background-color .3s;display:flex}.home-nav-button:hover{background:var(--main-content-button-hover-background-color);color:var(--main-content-button-hover-text-color)}.home-nav-button:active{background:var(--main-content-button-active-background-color);color:var(--main-content-button-active-text-color)}.search-icon{font-size:24px}.navigation-profile-image{object-fit:cover;border-radius:50%;width:24px;height:24px}@media (width<=1100px){.main-navigation{display:none}}@media (width>=1101px){.main-navigation{display:block}}.band-profile-container{vertical-align:top;display:inline-block;position:relative}.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);box-shadow:0 4px 12px var(--shadow-color);z-index:1000;border-top:none;border-radius:8px;min-width:200px;margin-top:0;padding:8px 0}.band-dropdown-item{cursor:pointer;align-items:center;gap:10px;padding:10px 15px;transition:background-color .2s;display:flex}.band-dropdown-item:hover{background-color:var(--main-content-button-hover-background-color);color:var(--main-content-button-hover-text-color)}.band-dropdown-image{border-radius:50%;flex-shrink:0;width:24px;height:24px}.band-dropdown-name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.hamburger-menu-button{align-items:center;gap:5px;display:inline-flex;position:relative}.hamburger-menu-button .dropdown-arrow{margin-left:5px;font-size:12px;transition:transform .2s}.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);box-shadow:0 4px 12px var(--shadow-color);z-index:1000;border-radius:8px;min-width:180px;padding:8px 0}.hamburger-dropdown-item{cursor:pointer;align-items:center;gap:12px;padding:12px 16px;font-size:14px;font-weight:500;transition:background-color .2s;display:flex}.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-right-radius:8px;border-bottom-left-radius:8px}.hamburger-dropdown-icon{flex-shrink:0;width:20px;height:20px;font-size:16px}.hamburger-dropdown-profile-image{object-fit:cover;border-radius:50%;flex-shrink:0;width:20px;height:20px}.hamburger-dropdown-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (width>=769px){.hamburger-menu-button{display:none}}@media (width<=768px){.hamburger-menu-button{display:inline-flex}}.top-page-navigation{background-color:var(--top-nav-background-color);box-sizing:border-box;border-radius:10px;justify-content:space-between;align-items:center;width:100%;margin-top:10px;padding:5px;display:flex}.top-page-nav-button{background-color:var(--top-nav-button-background-color);color:var(--top-nav-button-text-color);cursor:pointer;white-space:nowrap;border:none;border-radius:10px;padding:10px 15px;font-size:16px;transition:background-color .3s}.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 (width<=768px){.top-page-navigation{flex-direction:column;align-items:stretch;gap:10px;padding:10px}}@media (width<=588px){.top-page-navigation{flex-direction:column;align-items:stretch;gap:10px;padding:10px}.engagement-tier-mobile{background-color:var(--top-nav-button-background-color);color:var(--top-nav-button-text-color);cursor:default;text-align:center;box-sizing:border-box;border:none;border-radius:10px;width:100%;margin-bottom:5px;padding:10px 15px;font-size:16px;transition:none;display:block}.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{flex-flow:wrap;justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}}@media (width<=480px){.top-page-navigation{padding:10px}}@media (width<=353px){.top-page-navigation{padding:8px}.navigation-buttons-container{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:8px}.engagement-tier-mobile{text-align:center;margin-bottom:8px}.band-profile-button{align-self:flex-start;width:auto}}.profile-page{box-sizing:border-box;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;max-width:none;height:calc(100vh - 60px);margin:0 auto;font-family:Arial,sans-serif;display:flex;overflow:hidden}.profile-page-header{box-sizing:border-box;width:100%}.profile-page-wrapper{box-sizing:border-box;flex-direction:column;flex:1;width:100%;min-height:0;display:flex}.profile-page-featured-area{color:var(--main-content-text-color);background-color:var(--page-color);text-align:left;width:100%;box-shadow:0 4px 8px var(--shadow-color);box-sizing:border-box;border-radius:20px;flex-direction:column;flex:1;min-height:95%;margin-top:10px;padding:15px;display:flex;overflow:visible}.profile-page-content{background-color:var(--main-content-background-color);text-align:left;width:100%;box-shadow:0 4px 8px var(--shadow-color);box-sizing:border-box;border-radius:20px;padding:20px}.profile-form{flex-direction:column;gap:30px;display:flex}.profile-input,.profile-textarea{border:1px solid var(--input-border-color);width:100%;box-shadow:0 2px 4px var(--shadow-color);background-color:var(--input-background-color);color:var(--input-text-color);border-radius:10px;font-size:1.25em;transition:border-color .3s,box-shadow .3s}.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{flex-direction:row;justify-content:left;gap:10px;width:100%;display:flex}.social-accounts-section{background-color:var(--main-nav-background-color);border:1px solid var(--input-border-color);border-radius:15px;flex-direction:column;gap:15px;padding:20px;display:flex}.social-accounts-section h3{color:var(--main-content-text-color);margin:0 0 5px;font-size:1.2rem}.social-accounts-description{color:var(--secondary-text-color);margin:0 0 15px;font-size:.9rem}.linking-message{text-align:center;border-radius:8px;margin-bottom:15px;padding:12px 16px;font-weight:500;transition:opacity .3s}.linking-message.success{color:#155724;background-color:#d4edda;border:1px solid #c3e6cb}.linking-message.error{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb}.linking-message.warning{color:#856404;background-color:#fff3cd;border:1px solid #ffeaa7}.social-account-item{background-color:var(--main-content-background-color);border:1px solid var(--input-border-color);border-radius:10px;justify-content:space-between;align-items:center;padding:15px;transition:box-shadow .3s;display:flex}.social-account-item:hover{box-shadow:0 2px 8px var(--shadow-color)}.social-account-info{flex:1;align-items:center;gap:12px;display:flex}.social-account-icon{flex-shrink:0;font-size:24px}.social-account-details{flex-direction:column;gap:2px;display:flex}.social-account-name{color:var(--main-content-text-color);font-size:1rem;font-weight:600}.social-account-email{color:var(--secondary-text-color);font-size:.85rem}.social-account-actions{align-items:center;gap:10px;display:flex}.linked-indicator{color:#28a745;font-size:18px}.social-account-button{background-color:var(--main-content-button-background-color);color:var(--main-content-button-text-color);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-width:120px;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.social-account-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}.social-account-button:active{background-color:var(--main-content-button-active-background-color);color:var(--main-content-button-active-text-color);transform:translateY(0)}.unlink-button{color:#fff;background-color:#dc3545}.unlink-button:hover:not(:disabled){background-color:#c82333;transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.social-account-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}@media (width<=768px){.social-account-item{flex-direction:column;align-items:stretch;gap:15px}.social-account-info{justify-content:flex-start}.social-account-actions{justify-content:center}}html,body,#root{background-color:var(--background);box-sizing:border-box;width:100%;height:100%;margin:0;padding:0}.App{box-sizing:border-box;background:radial-gradient(circle at 8% -10%,#7c5fd424,#0000 40%),radial-gradient(circle at 100% 0,#5d47aa29,#0000 38%),linear-gradient(#0a0a12,#080810);flex-direction:column;width:100%;min-height:100vh;padding-left:10px;padding-right:10px;display:flex;position:relative}.App-logo{pointer-events:none;height:40vmin}@media (prefers-reduced-motion:no-preference){.App-logo{animation:20s linear infinite App-logo-spin}}.App-content{flex:1}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}button{background:var(--main-content-button-background-color);color:var(--main-content-button-text-color);cursor:pointer;border:none;border-radius:30px;align-items:center;gap:10px;padding:15px 20px;transition:background-color .3s;display:flex}button:hover{background:var(--main-content-button-hover-background-color);color:var(--main-content-button-hover-text-color)}button:active{background:var(--main-content-button-active-background-color);color:var(--main-content-button-active-text-color)}.form-group-row{flex-direction:row;gap:25px;display:flex}.form-group{margin-bottom:15px}.form-group label{flex-direction:column;margin-bottom:5px;font-weight:700;display:flex}.form-group input,.form-group textarea{box-sizing:border-box;border:1px solid #ccc;border-radius:5px;width:100%;padding:10px}.form-group textarea{resize:vertical}.form-group input[readonly]{cursor:not-allowed}.color-inputs{gap:20px;display:flex}.color-input{flex-direction:column;align-items:center;display:flex}.color-input label{margin-bottom:5px}.color-input input[type=color]{cursor:pointer;border:none;width:40px;height:40px}@media (width<=1025px){.App{padding-left:10px;padding-right:10px}}.performers-search-page{box-sizing:border-box;flex-direction:column;width:100%;max-width:none;margin:0 auto;padding:0;font-family:Arial,sans-serif;display:flex;overflow-x:hidden}.performers-search-page-header{box-sizing:border-box;width:100%}.performers-search-page-wrapper{box-sizing:border-box;flex-direction:column;width:100%;display:flex}.performers-search-page-title{margin-right:auto;display:flex}.performers-search-page-band-search-area{box-sizing:border-box;flex-direction:column;width:100%;padding:20px;display:flex}.performers-search-page-content{flex-direction:column;gap:25px;display:flex}.performers-search-page-content-title{display:flex}.performers-search-page-bands-container{flex-direction:row;justify-content:center;gap:30px;width:100%;margin-bottom:25px;display:flex}.performers-search-page-bands-section{text-align:center;flex:1;min-width:0}@media (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);text-align:left;width:100%;box-shadow:0 4px 8px var(--shadow-color);box-sizing:border-box;border-radius:20px;flex-direction:row;margin-top:10px;padding:15px;display:flex;overflow:hidden}.performers-search-form{flex-direction:column;gap:10px;display:flex}.performers-search-form label{flex-direction:column;gap:5px;font-weight:700;display:flex}.performers-search-input{border:1px solid var(--input-border-color);box-shadow:0 2px 4px var(--shadow-color);color:var(--input-text-color);background-color:var(--input-background-color);border-radius:5px;padding:10px;font-size:16px;transition:border-color .3s,box-shadow .3s}.performers-search-input:focus{border-color:var(--input-active-border-color);box-shadow:0 2px 8px var(--shadow-color);outline:none}.my-band-item{background-color:var(--main-content-background-color);box-shadow:0 4px 8px var(--shadow-color);text-align:center;text-align:center;border-radius:10px;flex-direction:row;justify-content:center;align-items:center;gap:10px;width:100px;padding:10px;text-decoration:none;display:flex}.my-band-item a{color:var(--main-content-text-color);text-decoration:none}.band-profile-image{text-align:center;width:100px;height:100px}.performers-search-page-my-bands{flex-flow:wrap;justify-content:center;gap:10px;width:100%;display:flex}.performers-search-button{max-width:100px}.register-band-page{box-sizing:border-box;flex-direction:column;width:100%;max-width:none;margin:0 auto;padding:0;font-family:Arial,sans-serif;display:flex;overflow-x:hidden}.register-band-page-header{box-sizing:border-box;width:100%}.register-band-page-wrapper{box-sizing:border-box;flex-direction:column;width:100%;display:flex}.register-band-page-title{margin-right:auto;display:flex}.register-band-page-band-search-area{flex-direction:column;display:flex}.register-band-page-content{flex-direction:column;gap:25px;display:flex}.register-band-page-content-title{display:flex}.register-band-page-featured-area{color:var(--main-content-text-color);background-color:var(--page-color);text-align:left;width:100%;box-shadow:0 4px 8px var(--shadow-color);box-sizing:border-box;border-radius:20px;flex-direction:column;margin-top:20px;padding:15px;display:flex;overflow:hidden}.register-band-form{flex-direction:column;gap:15px;display:flex}.register-band-form label{flex-direction:column;gap:5px;font-weight:700;display:flex}.register-band-input{border:1px solid var(--input-border-color);width:95%;box-shadow:0 2px 4px var(--shadow-color);color:var(--input-text-color);background-color:var(--input-background-color);border-radius:5px;padding:10px;font-size:16px;transition:border-color .3s,box-shadow .3s}.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{flex-direction:row;gap:20px;display:flex}.register-band-form-button{width:100px}.register-band-page-content-description{color:var(--important-text-color);background-color:var(--important-background-color);text-align:left;box-shadow:0 4px 8px var(--shadow-color);border-radius:10px;margin-top:20px;padding:20px}.checkbox-container{align-items:center;display:flex}.checkbox-container input[type=checkbox]{border:2px solid var(--shadow-color);background-color:var(--main-content-text-color);cursor:pointer;border-radius:4px;width:20px;height:20px}.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);box-shadow:0 -2px 5px var(--shadow-color);box-sizing:border-box;border-top-left-radius:10px;border-top-right-radius:10px;flex-direction:row;justify-content:space-between;align-items:center;width:100%;max-width:none;margin:0 auto;padding:0;display:flex;position:relative;margin-bottom:0!important}.footer-left,.footer-right{flex:1;gap:20px;margin:0;padding:10px;display:flex}.footer-right{justify-content:flex-end}.footer-center{flex:2;justify-content:center;align-items:center;padding:10px;display:flex;position:relative}.footer-link{color:var(--footer-link-color);text-decoration:none;transition:color .3s}.footer-link:hover{color:var(--footer-link-hover-color)}.footer-icon{font-size:24px}@media (width<=380px){.footer{flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;padding:15px}.footer-left,.footer-right{justify-content:center;gap:10px;padding:5px}}.login-page .footer{width:100%!important;margin-top:40px!important;margin-left:auto!important;margin-right:auto!important;position:static!important;left:auto!important;transform:none!important}.file-modal-content{color:#000;box-shadow:0 4px 8px var(--shadow-color);white-space:pre-wrap;word-break:break-word;background:#f5f5f5;border-radius:10px;padding:20px}.file-modal-overlay{color:var(--main-content-text-color);z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.file-modal-close{cursor:pointer;background:0 0;border:none;font-size:2rem;position:absolute;top:1rem;right:1rem}.file-modal{background:#fff;border-radius:8px;width:100%;max-width:80vw;max-height:80vh;padding:2rem;position:relative;overflow-y:auto;box-shadow:0 8px 32px #0003}.file-modal-title{color:#000;margin:0}.radio-player{background:var(--main-content-background-color);-webkit-backdrop-filter:blur(20px);width:320px;max-height:400px;box-shadow:0 2px 20px var(--shadow-color);z-index:1000;will-change:transform, opacity;border:1px solid #fff3;border-radius:12px;margin-bottom:15%;transition:all .3s cubic-bezier(.4,0,.2,1);position:fixed;left:50%;overflow:hidden;transform:translate(-50%)}.radio-player.minimized{width:auto;height:auto;box-shadow:none;background:var(--main-content-background-color);-webkit-backdrop-filter:none;border:none;margin-bottom:0;position:absolute;top:auto;bottom:50%;left:50%;transform:translate(-50%,50%)}.radio-player.hidden{display:none}.radio-player-header{cursor:pointer;flex-direction:row;justify-content:space-between;align-items:center;min-height:60px;padding:12px 16px;display:flex}.radio-player.minimized .radio-player-header{justify-content:center;align-items:center;min-height:auto;padding:6px;display:flex}.radio-player-header:hover{background:#ffffff0d}.radio-player.minimized .radio-player-header:hover{background:var(--footer-link-hover-color)}.radio-logo{color:var(--text-primary-color);flex:1;align-items:center;gap:12px;font-weight:600;display:flex;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;color:var(--text-primary-color);flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.radio-player.minimized .radio-logo-icon{color:var(--text-primary-color);font-size:20px}.milkshake-icon{object-fit:contain;width:24px;height:24px}.radio-controls-header{flex-shrink:0;align-items:center;gap:12px;display:flex}.radio-player.minimized .radio-controls-header{display:none}.radio-minimize-btn{color:var(--text-secondary-color);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px;transition:all .2s}.radio-minimize-btn:hover{background:var(--main-content-card-background-color);color:var(--text-primary-color)}.radio-player-content{flex-direction:column;gap:16px;max-height:calc(80vh - 60px);padding:0 16px 16px;display:flex;overflow-y:auto}.current-song{align-items:center;gap:16px;min-width:0;display:flex}.song-artwork{background:linear-gradient(135deg, var(--logo-top-color), var(--logo-bottom-color));color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:24px;display:flex}.song-info{flex:1;min-width:0}.song-title{color:var(--text-primary-color);text-overflow:ellipsis;white-space:nowrap;margin:0 0 4px;font-size:16px;font-weight:600;overflow:hidden}.song-artist{color:var(--text-secondary-color);text-overflow:ellipsis;white-space:nowrap;margin:0 0 8px;font-size:14px;overflow:hidden}.song-progress{color:var(--text-secondary-color);align-items:center;gap:8px;font-size:12px;display:flex}.progress-bar{cursor:pointer;background:#fff3;border-radius:2px;flex:1;height:4px;overflow:hidden}.progress-bar-fill{background:var(--radio-player-active-button-background-color);border-radius:2px;height:100%;transition:width .5s}.radio-main-controls{flex-direction:column;align-items:center;gap:16px;display:flex}.radio-controls{justify-content:center;align-items:center;gap:12px;padding:8px 16px;display:flex}.radio-control-btn{background:var(--radio-player-active-button-background-color);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex;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{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin}.play-pause-btn.playing{background:var(--radio-player-active-button-background-color)}.play-pause-btn.paused{border:2px solid var(--radio-player-active-button-background-color);color:var(--radio-player-active-button-background-color);background:#ffffff1a}.play-pause-btn.paused:hover:not(:disabled){background:var(--radio-player-active-button-background-color);color:#fff}.control-icon{color:#fff;font-size:18px;transition:all .2s}.play-pause-btn .control-icon{filter:drop-shadow(0 1px 2px #0003)}.station-selector{width:100%;position:relative}.station-selector-btn{background:var(--main-content-card-background-color);color:var(--text-primary-color);cursor:pointer;border:1px solid #fff3;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:8px 16px;font-size:14px;transition:all .2s;display:flex}.station-selector-btn:hover{background:#ffffff26;border-color:#ffffff4d}.station-dropdown{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px var(--shadow-color);z-index:1001;background:#fffffff2;border:1px solid #fff3;border-radius:8px;max-height:300px;margin-bottom:8px;position:absolute;bottom:100%;left:0;right:0;overflow-y:auto}.station-option{cursor:pointer;color:#333;border-bottom:1px solid #0000000d;padding:12px 16px;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{flex-direction:column;gap:4px;min-width:0;display:flex}.station-title{color:inherit;align-items:center;gap:6px;margin:0;font-size:14px;font-weight:600;line-height:1.3;display:flex}.premium-icon{color:gold;flex-shrink:0;font-size:12px}.ad-supported-label{color:#00000080;font-size:11px;font-weight:400}.station-option.active .ad-supported-label{color:#ffffffb3}.station-name .premium-icon{margin-right:4px}.station-name .ad-supported-label{color:var(--text-secondary-color);opacity:.7;font-size:11px}.station-option.active .station-title{color:#fff}.station-description{color:#0009;-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.station-option.active .station-description{color:#fffc}.volume-control{flex:1;justify-content:flex-end;align-items:center;gap:12px;min-width:0;display:flex}.volume-icon{color:var(--text-secondary-color);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:8px;font-size:18px;transition:all .2s;display:flex}.volume-icon:hover{background:var(--main-content-card-background-color);color:var(--text-primary-color);transform:scale(1.1)}.volume-slider-container{flex:1;max-width:120px;position:relative}.volume-slider{cursor:pointer;appearance:none;background:linear-gradient(to right, var(--radio-player-volume-color) 0%, var(--radio-player-volume-color) var(--volume-percent,50%), #fff3 var(--volume-percent,50%), #fff3 100%);border-radius:2px;outline:none;width:100%;height:4px;transition:height .2s}.volume-slider:hover,.volume-slider.dragging{height:6px}.volume-slider::-webkit-slider-track{background:0 0;border-radius:2px;height:4px}.volume-slider::-webkit-slider-runnable-track{background:0 0;border-radius:2px;height:4px}.volume-slider::-webkit-slider-thumb{appearance:none;background:var(--radio-player-volume-color);cursor:pointer;border-radius:50%;width:16px;height:16px;margin-top:-6px;transition:all .2s;box-shadow:0 2px 6px #0003}.volume-slider:hover::-webkit-slider-thumb{transform:scale(1.2);box-shadow:0 4px 12px #0000004d}.volume-slider.dragging::-webkit-slider-thumb{transform:scale(1.2);box-shadow:0 4px 12px #0000004d}.volume-slider::-moz-range-thumb{background:var(--radio-player-volume-color);cursor:pointer;border:none;border-radius:50%;width:16px;height:16px;transition:all .2s;box-shadow:0 2px 6px #0003}.volume-slider:hover::-moz-range-thumb{transform:scale(1.2);box-shadow:0 4px 12px #0000004d}.volume-slider.dragging::-moz-range-thumb{transform:scale(1.2);box-shadow:0 4px 12px #0000004d}.volume-tooltip{color:#fff;white-space:nowrap;opacity:0;pointer-events:none;background:#000c;border-radius:4px;margin-bottom:8px;padding:4px 8px;font-size:12px;transition:opacity .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.volume-slider:hover+.volume-tooltip,.volume-slider.dragging+.volume-tooltip{opacity:1}.vip-upgrade-overlay{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.vip-upgrade-modal{text-align:center;max-width:400px;box-shadow:0 20px 60px var(--shadow-color);background:#fff;border-radius:16px;margin:20px;padding:32px}.vip-upgrade-icon{color:#fff;background:linear-gradient(135deg,gold,#ff8c00);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 20px;font-size:32px;display:flex}.vip-upgrade-title{color:#333;margin:0 0 12px;font-size:24px;font-weight:700}.vip-upgrade-description{color:#666;margin:0 0 24px;line-height:1.5}.vip-upgrade-buttons{justify-content:center;gap:12px;display:flex}.vip-upgrade-btn{cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-weight:600;transition:all .2s}.vip-upgrade-btn.primary{background:var(--main-content-button-background-color);color:var(--main-content-button-text-color)}.vip-upgrade-btn.primary:hover{background:var(--main-content-button-hover-background-color);color:var(--main-content-button-hover-text-color);opacity:.8;transform:translateY(-1px)}.vip-upgrade-btn.secondary{color:#666;background:#f5f5f5}.vip-upgrade-btn.secondary:hover{background:#e0e0e0}.loading-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:1s ease-in-out infinite spin;display:inline-block}.radio-error{color:#f44;background:#ff00001a;border:1px solid #ff00004d;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;padding:8px 12px;font-size:12px;display:flex}.radio-error-close{color:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-size:16px}.live-indicator{color:#f44;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.live-dot{background:#f44;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}@keyframes pulse{0%{opacity:1;transform:translate(-50%,-50%)scale(0)}70%{opacity:.3;transform:translate(-50%,-50%)scale(1.5)}to{opacity:0;transform:translate(-50%,-50%)scale(2)}}.current-station-name{color:var(--text-secondary-color);font-weight:400}@media (width<=768px){.radio-player-content{text-align:center;grid-template-columns:1fr;gap:16px}.current-song{order:2;justify-content:center}.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 (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{padding:6px;font-size:16px}.station-selector{min-width:150px}}.radio-player{animation:.3s ease-out slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.song-info{animation:.5s ease-out fadeIn}@media (width<=768px){.radio-player{width:280px}.radio-player.minimized{width:50px;transform:translate(calc(100% - 50px))}.radio-player-header{min-height:50px;padding:10px 12px}.radio-player-content{gap:12px;padding:0 12px 12px}.song-artwork,.play-pause-btn{width:48px;height:48px;font-size:18px}}@media (width<=480px){.radio-player{width:260px}.radio-player.minimized{width:45px;transform:translate(calc(100% - 45px))}}.vip-upgrade-overlay{z-index:2000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;justify-content:center;align-items:center;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.vip-upgrade-modal{text-align:center;background:#fff;border-radius:20px;width:90%;max-width:480px;margin:20px;padding:40px;animation:.3s ease-out slideUp;position:relative;box-shadow:0 20px 60px #0006}.vip-upgrade-icon{color:#fff;background:linear-gradient(135deg,gold,#ff8c00);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;font-size:36px;animation:2s infinite bounce;display:flex}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.vip-upgrade-title{color:#333;background:linear-gradient(135deg,gold,#ff8c00);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 16px;font-size:28px;font-weight:700}.vip-upgrade-description{color:#666;margin:0 0 24px;font-size:16px;line-height:1.6}.vip-features-list{text-align:left;flex-direction:column;gap:16px;margin:0 0 24px;display:flex}.vip-feature{background:#ffd7001a;border-left:4px solid gold;border-radius:12px;align-items:center;gap:16px;padding:12px 16px;display:flex}.vip-feature-icon{text-align:center;flex-shrink:0;width:28px;font-size:20px}.vip-feature-text{color:#333;font-size:15px;font-weight:500;line-height:1.4}.vip-upgrade-spacer{height:24px}.vip-upgrade-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.vip-upgrade-btn{cursor:pointer;background:var(--main-content-button-background-color);color:var(--main-content-button-text-color);box-shadow:0 4px 15px var(--shadow-color);white-space:nowrap;border:none;border-radius:6px;flex-shrink:0;width:auto;min-width:auto;max-width:150px;padding:8px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block;position:relative;overflow:hidden}.vip-upgrade-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.vip-upgrade-btn:hover:before{left:100%}.vip-upgrade-btn:hover{background:var(--main-content-button-hover-background-color);color:var(--main-content-button-hover-text-color);box-shadow:0 8px 25px var(--shadow-color);transform:translateY(-2px)}@media (width<=480px){.vip-upgrade-modal{border-radius:16px;padding:24px}.vip-upgrade-icon{width:64px;height:64px;margin-bottom:20px;font-size:28px}.vip-upgrade-title{font-size:24px}.vip-upgrade-description{font-size:14px}.vip-feature{gap:12px;padding:10px 12px}.vip-feature-text{font-size:14px}.vip-upgrade-btn{padding:12px 24px;font-size:14px}}.performer-home-page{box-sizing:border-box;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;max-width:none;height:calc(100vh - 60px);margin:0 auto;padding-top:10px;font-family:Arial,sans-serif;display:flex;overflow:hidden}.performer-home-page-header{box-sizing:border-box;width:100%}.performer-home-page-wrapper{box-sizing:border-box;flex-direction:column;flex:1;width:100%;min-height:0;display:flex}.performer-home-page-title{margin-right:auto;display:flex}.performer-home-page-featured-area{color:var(--main-content-text-color);background-color:var(--page-color);width:100%;box-shadow:0 4px 8px var(--shadow-color);box-sizing:border-box;border-radius:20px;flex-direction:row;flex:1;min-height:95%;margin-top:10px;padding:15px;display:flex;overflow:visible}.performer-home-page-content{background-color:var(--main-content-background-color);text-align:left;width:100%;max-width:none;height:100%;box-shadow:0 4px 8px var(--shadow-color);box-sizing:border-box;border-radius:20px;flex-direction:row;justify-content:space-evenly;align-self:flex-start;align-items:flex-start;gap:20px;margin-top:0;padding:10px;display:flex;position:relative;overflow-x:hidden}.performer-home-left-sidebar{flex-direction:column;flex-shrink:0;min-width:200px;padding-right:50px;display:flex}.performer-home-quick-links{background-color:var(--main-nav-background-color);box-shadow:0 2px 4px var(--shadow-color);border-radius:10px;padding:20px}.performer-home-quick-links h3{color:var(--main-content-text-color);margin:0 0 15px;font-size:1.1rem}.performers-home-profile-center{flex-direction:column;gap:50px;min-width:300px;display:flex}.performer-home-page-content-title{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.live-button.performer-home{flex-shrink:0;margin:0}.performer-home-profile{align-items:left;flex-direction:column;gap:10px;min-width:300px;display:flex}.performer-home-profile-image{object-fit:cover;border-radius:50%;width:150px;height:150px}.performer-home-profile p{margin:5px 0;font-size:1em}.performer-home-side-navigation-buttons{background-color:var(--main-nav-background-color);box-shadow:0 4px 8px var(--shadow-color);border-radius:10px;flex-direction:column;gap:10px;margin-top:20px;margin-left:20px;padding:20px;display:flex}.performer-home-side-navigation-button{background-color:var(--main-nav-button-background-color);color:var(--main-nav-button-text-color);cursor:pointer;border:none;border-radius:30px;align-items:center;gap:10px;padding:15px 20px;font-size:18px;transition:background-color .3s;display:flex}.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);align-items:center;gap:10px;display:flex}.performer-home-member-profile-image{object-fit:cover;border-radius:50%;width:32px;height:32px}.performer-home-profile-members{flex-direction:column;min-height:50%;display:flex}.performer-home-profile-followers{border-top:1px solid var(--input-border-color);margin-top:60px;padding-top:40px}.performer-home-profile-followers ul{margin:0;padding:0;list-style:none}.performer-home-profile-followers ul li{margin-bottom:20px}.performer-home-profile-followers ul li:last-child{margin-bottom:0}.followers-images-section{flex-wrap:wrap;align-items:center;gap:8px;margin-left:8px;display:flex}.follower-image-item{align-items:center;gap:6px;margin-bottom:4px;margin-right:12px;display:inline-flex}.follower-profile-image{object-fit:cover;border:2px solid var(--main-content-border-color);border-radius:50%;width:32px;height:32px;transition:transform .2s}.follower-profile-image:hover{border-color:var(--main-content-button-background-color);transform:scale(1.1)}.follower-profile-image.default-avatar{color:var(--input-placeholder-color);border:2px solid var(--input-border-color)}.follower-username{color:var(--main-content-text-color);font-size:.9rem}.followers-header-button{background:var(--main-content-button-background-color);color:var(--main-content-button-text-color);cursor:pointer;border:none;border-radius:30px;align-items:center;gap:10px;padding:15px 20px;font-size:18px;transition:background-color .3s;display:inline-flex}.followers-header-button:hover{background:var(--main-content-button-hover-background-color);color:var(--main-content-button-hover-text-color)}.followers-header-button:focus{background:var(--main-content-button-hover-background-color);color:var(--main-content-button-hover-text-color);outline:1px dotted}.no-followers{color:var(--input-placeholder-color);margin-left:8px;font-style:italic}.performer-home-band-settings{flex-direction:column;flex-shrink:0;min-width:200px;padding-left:20px;display:flex}.performer-home-band-settings-menu{background-color:var(--main-nav-background-color);box-shadow:0 4px 8px var(--shadow-color);border-radius:10px;flex-direction:column;gap:15px;padding:20px;display:flex}.performer-home-band-settings-menu h3{color:var(--main-content-text-color);text-align:center;border-bottom:1px solid var(--main-content-border-color);margin:0 0 10px;padding-bottom:10px;font-size:1.1rem}.performer-home-band-settings-buttons{flex-direction:column;gap:10px;display:flex}.performer-home-band-settings-button{background:var(--main-content-button-background-color);color:var(--main-content-button-text-color);cursor:pointer;text-align:left;box-sizing:border-box;border:none;border-radius:30px;align-items:center;gap:10px;width:100%;padding:15px 20px;font-size:18px;transition:background-color .3s;display:flex}.performer-home-band-settings-button:hover{background:var(--main-content-button-hover-background-color);color:var(--main-content-button-hover-text-color)}.performer-home-band-settings-button:active{background:var(--main-content-button-active-background-color);color:var(--main-content-button-active-text-color)}.performer-home-band-settings-button svg{flex-shrink:0;font-size:18px}.performer-home-band-settings-button span{font-weight:400}@media (width<=1024px){.performers-home-profile-center,.performers-home-profile-event{display:none}.performer-home-profile-members:before{content:"Upcoming Events:";border-bottom:1px solid var(--main-content-text-color);margin-bottom:20px;padding-bottom:15px;font-size:1.1rem;font-weight:700;display:block}.performer-home-profile-members{flex-direction:column;display:flex}.performer-home-profile-members:after{content:"Followers: Total: — Recent: — Longest: —";border-top:1px solid var(--main-content-text-color);margin-top:20px;padding-top:15px;font-weight:700}.performer-home-band-settings{display:none}}@media (width<=768px){.performer-home-page-content{border-radius:15px;padding:8px}}@media (width<=480px){.performer-home-page-content{border-radius:10px;padding:5px}}@media (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{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}.band-settings-header h2{color:var(--text-primary-color);margin:0;font-size:2rem;font-weight:700}.back-button{background:var(--surface-background);color:var(--text-secondary-color);border:2px solid var(--border-color);cursor:pointer;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:600;transition:all .3s;display:flex}.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);border-left:4px solid var(--error-color,#c62828);border-radius:8px;margin-bottom:1rem;padding:1rem}.success-message{background:var(--success-background,#e8f5e8);color:var(--success-color,#2e7d32);border-left:4px solid var(--success-color,#2e7d32);border-radius:8px;margin-bottom:1rem;padding:1rem}.band-settings-description{color:var(--text-secondary-color);text-align:center;background:var(--info-background,#e3f2fd);border-left:4px solid var(--accent-color);border-radius:8px;margin-bottom:2rem;padding:1rem;font-size:1rem}.band-settings-form label{color:var(--text-primary-color);flex-direction:column;gap:.5rem;font-weight:600;display:flex}.form-input{border:2px solid var(--border-color);background:var(--input-background);color:var(--text-primary-color);border-radius:8px;padding:.75rem;font-size:1rem;transition:border-color .3s,box-shadow .3s}.form-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(var(--accent-color-rgb), .1);outline:none}.remove-link-button{background:var(--error-color,#dc3545);color:#fff;cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;min-width:36px;height:36px;padding:.5rem;transition:background-color .3s;display:flex}.remove-link-button:hover{background:var(--error-color-dark,#c82333)}.add-link-button{background:var(--accent-color);color:var(--button-text-color);cursor:pointer;border:none;border-radius:8px;align-self:flex-start;align-items:center;gap:.5rem;padding:.75rem 1rem;font-weight:600;transition:background-color .3s;display:flex}.add-link-button:hover{background:var(--accent-color-hover)}.checkbox-container{background:var(--surface-background-alt,#f8f9fa);border:1px solid var(--border-color);border-radius:8px;align-items:center;gap:.5rem;padding:1rem;display:flex}.checkbox-input{cursor:pointer;width:18px;height:18px}.checkbox-container label{cursor:pointer;flex-direction:row;margin:0;font-weight:400}.form-buttons{border-top:1px solid var(--border-color);justify-content:flex-end;align-items:center;gap:1rem;padding-top:1rem;display:flex}.cancel-button,.save-button{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;min-width:120px;padding:.75rem 2rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.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: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 (width<=768px){.band-settings-content{padding:1rem}.band-settings-header{flex-direction:column;align-items:flex-start;gap:1rem}.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{background-color:var(--top-nav-background-color);box-sizing:border-box;border-radius:10px;justify-content:space-between;align-items:center;width:100%;padding:5px;display:flex}.navigation-buttons-container{flex-direction:row;align-items:center;gap:10px;display:flex}@media (width>=1101px){.hamburger-menu-button{display:none!important}}@media (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);cursor:pointer;white-space:nowrap;border:none;border-radius:10px;align-items:center;gap:10px;padding:10px 15px;font-size:16px;transition:background-color .3s;display:flex}.top-page-navigation-profile-image{border-radius:50%;width:16px;height:16px}.top-page-navigation-band-button:hover{background-color:var(--top-nav-button-hover-background-color);color:var(--top-nav-button-hover-text-color)}@media (width<=825px){.top-page-navigation-band{flex-wrap:wrap;gap:10px;padding:15px}}@media (width<=675px){.top-page-navigation-band{flex-direction:column;align-items:stretch;gap:10px;padding:10px}.navigation-buttons-container{flex-direction:column;align-items:stretch;gap:10px}.top-page-navigation-band-button,.top-page-nav-button{white-space:nowrap;justify-content:center;align-items:center;gap:10px;width:100%;display:flex}}@media (width<=480px){.top-page-navigation-band{padding:10px}}@media (width<=353px){.top-page-navigation-band{padding:8px}.top-page-navigation-band-button{white-space:nowrap;padding:8px 12px;font-size:14px}}.payment-setup{box-sizing:border-box;width:100%;height:100%;color:var(--main-content-text-color);flex-direction:column;padding:20px;display:flex}.payment-setup-header{flex-direction:column;gap:15px;margin-bottom:30px;display:flex}.payment-setup-back-button{color:var(--main-content-text-color);cursor:pointer;background:0 0;border:none;border-radius:5px;align-self:flex-start;align-items:center;gap:8px;padding:8px;font-size:16px;display:flex}.payment-setup-header h2{color:var(--main-content-text-color);margin:0;font-size:1.8rem;font-weight:600}.payment-message{border-radius:8px;align-items:center;gap:10px;margin:15px 0;padding:15px 20px;font-size:.95rem;font-weight:500;display:flex}.payment-message-success{color:#155724;background-color:#d4edda;border-left:4px solid #28a745}.payment-message-error{color:#721c24;background-color:#f8d7da;border-left:4px solid #dc3545}.payment-message-info{color:#004085;background-color:#cce8ff;border-left:4px solid #007bff}.payment-setup-content{flex-direction:column;flex:1;gap:30px;display:flex}.payment-setup-description{background-color:var(--info-background-color);color:var(--info-text-color);border-left:4px solid var(--important-background-color);border-radius:10px;padding:20px}.payment-setup-description p{margin:0;font-size:1rem;line-height:1.6}.payment-providers{flex-direction:column;gap:25px;display:flex}.payment-provider-card{background-color:var(--main-content-background-color);box-shadow:0 4px 8px var(--shadow-color);border:1px solid var(--input-border-color);border-radius:15px;padding:25px;transition:box-shadow .2s}.payment-provider-card:hover{box-shadow:0 6px 12px var(--shadow-color)}.payment-provider-header{align-items:flex-start;gap:15px;margin-bottom:20px;display:flex}.payment-provider-icon{flex-shrink:0;margin-top:5px;font-size:2.5rem}.stripe-icon{color:#635bff}.paypal-icon{color:#0070ba}.payment-provider-info{flex:1}.payment-provider-info h3{color:var(--main-content-text-color);margin:0 0 8px;font-size:1.4rem;font-weight:600}.payment-provider-info p{color:var(--text-secondary-color);margin:0;line-height:1.4}.payment-provider-status{align-items:center;gap:8px;display:flex}.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{background-color:var(--error-background-color);color:var(--error-text-color);border-radius:8px;align-items:center;gap:8px;margin-bottom:15px;padding:12px 15px;font-size:.9rem;display:flex}.payment-provider-actions{margin-bottom:20px}.connected-actions{flex-direction:column;gap:15px;display:flex}.connected-message{color:#28a745;background-color:#d4edda;border:1px solid #c3e6cb;border-radius:8px;align-items:center;gap:8px;margin:0;padding:12px;font-weight:500;display:flex}.payment-connect-button{cursor:pointer;border:none;border-radius:30px;justify-content:center;align-items:center;gap:10px;min-width:200px;padding:15px 25px;font-size:16px;font-weight:600;transition:all .2s;display:flex}.payment-connect-button:disabled{opacity:.6;cursor:not-allowed}.stripe-button{color:#fff;background-color:#635bff}.stripe-button:hover:not(:disabled){background-color:#5a52e8;transform:translateY(-1px)}.paypal-button{color:var(--main-content-button-text-color);background-color:#0070ba}.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);cursor:pointer;border:none;border-radius:20px;padding:10px 20px;font-size:14px;transition:all .2s}.payment-disconnect-button:hover{background-color:#c82333;transform:translateY(-1px)}.payment-disconnect-button-small{cursor:pointer;background-color:var(--main-content-button-background-color);color:var(--main-content-button-text-color);border:none;border-radius:20px;justify-content:center;align-items:center;min-width:auto;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.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{color:var(--main-content-text-color);margin:0 0 12px;font-size:1.1rem;font-weight:600}.payment-provider-features ul{margin:0;padding-left:20px;list-style-type:disc}.payment-provider-features li{color:var(--text-secondary-color);margin-bottom:6px;line-height:1.6}.security-notice{background-color:var(--info-background-color);color:var(--info-text-color);border-left:4px solid #28a745;border-radius:10px;align-items:flex-start;gap:15px;margin-top:10px;padding:20px;display:flex}.security-icon{color:#28a745;flex-shrink:0;margin-top:2px;font-size:1.5rem}.security-notice h4{margin:0 0 8px;font-size:1.1rem;font-weight:600}.security-notice p{color:var(--info-text-color);margin:0;line-height:1.6}@media (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 (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{box-sizing:border-box;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;max-width:none;height:calc(100vh - 60px);margin:0 auto;padding-top:10px;font-family:Arial,sans-serif;display:flex;overflow:hidden}.band-settings-page-header{box-sizing:border-box;width:100%}.band-settings-page-wrapper{box-sizing:border-box;flex-direction:column;flex:1;width:100%;min-height:0;display:flex}.band-settings-page-featured-area{color:var(--main-content-text-color);background-color:var(--page-color);width:100%;box-shadow:0 4px 8px var(--shadow-color);box-sizing:border-box;border-radius:20px;flex-direction:row;flex:1;min-height:0;margin-top:10px;padding:15px;display:flex;overflow:hidden}.band-settings-page-content{background-color:var(--main-content-background-color);width:100%;max-width:none;height:100%;box-shadow:0 4px 8px var(--shadow-color);box-sizing:border-box;color:var(--main-content-text-color);border-radius:20px;flex-direction:column;margin-top:0;padding:20px;display:flex;position:relative;overflow:hidden}.band-settings-content{flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden auto}.band-settings-loading{height:200px;color:var(--main-content-text-color);flex-direction:column;justify-content:center;align-items:center;display:flex}.band-settings-header{flex-direction:column;gap:15px;margin-bottom:30px;display:flex}.band-settings-back-button{color:var(--main-content-text-color);cursor:pointer;background:0 0;border:none;border-radius:5px;align-self:flex-start;align-items:center;gap:8px;padding:8px;font-size:16px;transition:background-color .2s;display:flex}.band-settings-back-button:hover{background-color:var(--main-content-card-background-color)}.band-settings-title{color:var(--main-content-text-color);margin:0;font-size:1.8rem;font-weight:600}.message{border-radius:8px;align-items:center;gap:10px;margin:15px 0;padding:15px 20px;font-size:.95rem;font-weight:500;display:flex}.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{flex-shrink:0;font-size:1.1rem}.band-settings-description{background-color:var(--info-background-color);color:var(--info-text-color);border-left:4px solid var(--important-background-color);border-radius:10px;margin-bottom:30px;padding:20px}.band-settings-description p{margin:0;font-size:1rem;line-height:1.6}.band-settings-content{flex-direction:column;flex:1;gap:30px;display:flex}.band-settings-form{flex-direction:column;gap:25px;display:flex}.form-section{flex-direction:column;gap:8px;display:flex}.form-label{color:var(--main-content-text-color);margin-bottom:8px;font-size:1rem;font-weight:600;display:block}.form-input{border:2px solid var(--input-border-color);background-color:var(--input-background-color);width:100%;color:var(--input-text-color);box-sizing:border-box;border-radius:8px;padding:12px 15px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:var(--input-active-border-color);outline:none;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{flex-direction:column;gap:15px;display:flex}.social-media-link-item{align-items:center;gap:10px;display:flex}.social-media-input{flex:1}.checkbox-container{align-items:flex-start;gap:10px;padding:15px 0;display:flex}.form-checkbox{cursor:pointer;flex-shrink:0;width:20px;height:20px;margin:0}.checkbox-label{color:var(--main-content-text-color);cursor:pointer;margin:0;font-size:.95rem;line-height:1.5}.small-button{background-color:var(--main-content-button-background-color);color:var(--main-content-button-text-color);cursor:pointer;white-space:nowrap;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 12px;font-size:.9rem;font-weight:500;transition:background-color .2s;display:flex}.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{color:#fff;background-color:#dc3545;flex-shrink:0}.remove-button:hover:not(:disabled){background-color:#c82333}.form-buttons{border-top:1px solid var(--input-border-color);justify-content:flex-end;gap:15px;margin-top:20px;padding-top:20px;display:flex}.form-button{background-color:var(--main-content-button-background-color);color:var(--main-content-button-text-color);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-width:120px;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.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;box-shadow:none;transform:none}.cancel-button{background-color:var(--text-secondary-color);color:#fff}.cancel-button:hover:not(:disabled){background-color:#6c757d}.save-button{background:var(--main-content-button-background-color);color:var(--main-content-button-text-color)}.save-button:hover:not(:disabled){background:var(--main-content-button-hover-background-color);color:var(--main-content-button-hover-text-color)}@media (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{flex-direction:column;gap:15px;display:flex}.invite-input-container{align-items:flex-end;gap:15px;display:flex}.invite-input{flex:1}.invite-button{background-color:var(--main-content-button-background-color);color:var(--main-content-button-text-color);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-width:120px;padding:12px 20px;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.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;box-shadow:none;transform:none}.members-list{border:1px solid var(--input-border-color);background-color:var(--input-background-color);border-radius:8px;flex-direction:column;gap:15px;max-height:400px;padding:10px;display:flex;overflow-y:auto}.member-item{background-color:var(--main-content-background-color);border:1px solid var(--input-border-color);border-radius:8px;justify-content:space-between;align-items:center;padding:15px;transition:box-shadow .2s;display:flex}.member-item:hover{box-shadow:0 2px 8px var(--shadow-color)}.member-info{flex-direction:column;flex:1;gap:5px;display:flex}.member-name{color:var(--main-content-text-color);flex-wrap:wrap;align-items:center;gap:10px;font-size:1.1rem;font-weight:600;display:flex}.member-email{color:var(--secondary-text-color);font-size:.9rem}.member-role{color:var(--secondary-text-color);font-size:.85rem;font-style:italic}.owner-badge{background-color:var(--important-background-color);color:#fff;text-transform:uppercase;border-radius:12px;align-items:center;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.current-user-badge{background-color:var(--info-background-color);color:var(--info-text-color);border-radius:12px;align-items:center;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.member-actions{align-items:center;gap:10px;display:flex}.remove-member-button{color:#fff;cursor:pointer;background-color:#dc3545;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:8px;transition:background-color .2s,transform .1s;display:flex}.remove-member-button:hover{background-color:#c82333;transform:translateY(-1px)}.no-members-message{text-align:center;color:var(--secondary-text-color);padding:30px;font-size:1rem;font-style:italic}@media (width<=768px){.invite-input-container{flex-direction:column;align-items:stretch}.invite-button{justify-content:center}.member-item{flex-direction:column;align-items:stretch;gap:15px}.member-actions{justify-content:center}.member-name{text-align:center;justify-content:center}}.invitation-details{flex-direction:column;gap:30px;max-width:600px;margin:0 auto;display:flex}.invitation-info{text-align:center;background-color:var(--main-content-card-background-color);border:1px solid var(--input-border-color);border-radius:12px;padding:30px}.invitation-info h3{color:var(--main-content-text-color);margin-bottom:15px;font-size:1.2rem;font-weight:500}.band-name{color:var(--main-content-text-color);background-color:var(--info-background-color);border-left:4px solid var(--important-background-color);border-radius:8px;margin:15px 0;padding:15px;font-size:2rem;font-weight:700}.invited-by{color:var(--secondary-text-color);margin:15px 0;font-size:1.1rem}.invitation-message{color:var(--main-content-text-color);background-color:var(--input-background-color);border-radius:8px;margin:20px 0;padding:15px;font-size:1rem;font-style:italic}.invitation-expires{color:var(--secondary-text-color);margin-top:20px;font-size:.9rem}.invitation-actions{justify-content:center;display:flex}.success-redirect{color:var(--success-color,#28a745);align-items:center;gap:10px;font-size:1.1rem;font-weight:600;display:flex}.spinning{animation:1s linear infinite spin}@media (width<=768px){.invitation-details{max-width:100%}.band-name{font-size:1.5rem}.invitation-info{padding:20px}}@media (width<=480px){.band-settings-page-content{padding:10px}.form-input{padding:10px 12px}.small-button{padding:6px 10px;font-size:.85rem}}.user-role-badge{white-space:nowrap;border-radius:12px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;font-weight:500;line-height:1;display:inline-flex}.user-role-badge-icon{font-size:10px}.user-role-badge-small{padding:3px 6px;font-size:11px}.user-role-badge-small .user-role-badge-icon{font-size:9px}.user-role-badge-medium{padding:4px 8px;font-size:12px}.user-role-badge-medium .user-role-badge-icon{font-size:10px}.user-role-badge-large{padding:6px 10px;font-size:13px}.user-role-badge-large .user-role-badge-icon{font-size:12px}.user-role-badge-member{background-color:var(--warning-background-color);color:var(--warning-text-color);border:1px solid var(--warning-border-color,transparent)}.user-role-badge-moderator{background-color:var(--info-background-color,#e3f2fd);color:var(--info-text-color,#1976d2);border:1px solid var(--info-border-color,#90caf9)}.user-role-badge-user{background-color:var(--main-content-card-background-color);color:var(--main-content-text-color);border:1px solid var(--input-border-color)}@media (width<=480px){.user-role-badge-text{display:none}.user-role-badge{justify-content:center;min-width:24px;padding:4px}.user-role-badge-icon{font-size:12px}}.moderator-list{width:100%}.moderator-list-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;display:flex}.moderator-list-header h3{color:var(--main-content-text-color);margin:0;font-size:18px}.moderator-list-warning{color:var(--warning-text-color);align-items:center;gap:6px;font-size:13px;display:flex}.moderator-list-loading{flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 20px;display:flex}.moderator-list-loading p{color:var(--main-content-text-color);margin:0}.moderator-list-empty{text-align:center;background-color:var(--main-content-card-background-color);border:2px dashed var(--input-border-color);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.moderator-list-empty-icon{color:var(--input-placeholder-color);margin-bottom:16px;font-size:48px}.moderator-list-empty p{color:var(--main-content-text-color);margin:0 0 8px;font-size:16px;font-weight:500}.moderator-list-empty-hint{color:var(--input-placeholder-color);font-size:14px}.moderator-list-items{flex-direction:column;gap:12px;display:flex}.moderator-item{background-color:var(--main-content-card-background-color);border:1px solid var(--input-border-color);border-radius:8px;justify-content:space-between;align-items:center;padding:16px;transition:border-color .2s;display:flex}.moderator-item:hover{border-color:var(--input-active-border-color)}.moderator-info{flex-direction:column;flex:1;gap:8px;display:flex}.moderator-primary{align-items:center;gap:12px;display:flex}.moderator-username{color:var(--main-content-text-color);align-items:center;gap:8px;font-weight:600;display:flex}.moderator-avatar{color:var(--input-placeholder-color);font-size:16px}.moderator-secondary{color:var(--input-placeholder-color);flex-direction:column;gap:4px;font-size:13px;display:flex}.moderator-email{font-style:italic}.moderator-date{font-size:12px}.moderator-actions{gap:8px;margin-left:16px;display:flex}.moderator-remove-button{color:#fff;border:1px solid var(--error-border-color,transparent);cursor:pointer;background-color:#dc3545;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:all .2s;display:flex}.moderator-remove-button svg{fill:#fff!important;color:#fff!important;width:16px!important;height:16px!important;display:block!important}.moderator-remove-button:hover:not(:disabled){background-color:var(--error-hover-background-color,#d32f2f);transform:translateY(-1px)}.moderator-remove-button:disabled{opacity:.6;cursor:not-allowed}.delete-icon{font-size:16px;line-height:1}@media (width<=768px){.moderator-item{flex-direction:column;align-items:flex-start;gap:12px}.moderator-actions{align-self:flex-end;margin-left:0}.moderator-secondary{flex-direction:row;gap:16px}}@media (width<=480px){.moderator-list-header{flex-direction:column;align-items:flex-start}.moderator-secondary{flex-direction:column;gap:4px}}.band-settings-content{max-width:800px;margin:0 auto;padding:20px}.moderator-management-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 20px;display:flex}.moderator-management-loading p{color:var(--main-content-text-color);margin:0;font-size:16px}.moderator-management-access-denied{text-align:center;background-color:var(--main-content-card-background-color);border:1px solid var(--input-border-color);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.access-denied-icon{color:var(--input-placeholder-color);margin-bottom:20px;font-size:64px}.moderator-management-access-denied h2{color:var(--main-content-text-color);margin:0 0 12px;font-size:24px}.moderator-management-access-denied p{color:var(--input-placeholder-color);margin:0 0 24px;font-size:16px;line-height:1.4}.access-denied-button{background-color:var(--main-content-button-background-color);color:var(--text-primary-color);border:1px solid var(--input-border-color);cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;transition:all .2s;display:flex}.access-denied-button:hover{background-color:var(--main-content-button-hover-background-color);transform:translateY(-1px)}.moderator-management-error{background-color:var(--error-background-color);color:var(--error-text-color);border:1px solid var(--error-border-color,transparent);border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:16px;display:flex}.moderator-management-error button{background-color:var(--error-text-color);color:var(--error-background-color);cursor:pointer;border:none;border-radius:4px;padding:6px 12px;font-size:13px;transition:opacity .2s}.moderator-management-error button:hover{opacity:.9}.moderator-management-content{flex-direction:column;gap:24px;display:flex}.moderator-management-section{background-color:var(--main-content-background-color);border-radius:8px}.moderator-management-info{background-color:var(--main-content-card-background-color);border:1px solid var(--input-border-color);border-radius:8px;margin-top:32px;padding:20px}.moderator-management-info h3{color:var(--main-content-text-color);margin:0 0 16px;font-size:18px}.moderator-management-info ul{color:var(--main-content-text-color);margin:0;padding-left:20px}.moderator-management-info li{margin-bottom:8px;font-size:14px;line-height:1.4}@media (width<=768px){.band-settings-content{padding:16px 12px}.band-settings-header{flex-direction:column;align-items:flex-start;gap:12px}.band-settings-title{font-size:24px}.moderator-management-error{flex-direction:column;align-items:flex-start;gap:12px}}@media (width<=480px){.band-settings-content{padding:12px 8px}.moderator-management-info{padding:16px}.band-settings-title{font-size:20px}.access-denied-icon{font-size:48px}.moderator-management-access-denied h2{font-size:20px}}.live-button{color:#fff;cursor:pointer;text-transform:uppercase;background:linear-gradient(135deg,#f44,#c00);border:none;border-radius:20px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:700;transition:all .3s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #ff44444d}.live-button:hover{background:linear-gradient(135deg,#f66,#e00);transform:translateY(-2px);box-shadow:0 6px 20px #f446}.live-button:active{transform:translateY(0);box-shadow:0 2px 8px #ff44444d}.live-button-icon{color:#fff;font-size:16px}.live-button-text{letter-spacing:.5px;font-weight:700}.live-button-pulse{pointer-events:none;background:#ffffff4d;border-radius:20px;width:100%;height:100%;animation:2s ease-out infinite pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}@media (width<=768px){.live-button{gap:6px;padding:8px 12px;font-size:12px}.live-button-icon{font-size:14px}}.live-button.performer-home{margin:10px 0}.live-button.header{z-index:1000;position:fixed;top:80px;right:20px}.live-button.inline{vertical-align:middle;display:inline-flex}.public-songlist-container{--ps-bg:var(--background);--ps-panel:var(--main-content-card-background-color);--ps-panel-2:var(--page-color);--ps-border:#ffffff14;--ps-border-strong:#ffffff24;--ps-text:var(--main-content-text-color);--ps-subtext:var(--text-secondary-color);--ps-muted:#fff6;--ps-accent:var(--important-background-color);--ps-accent-soft:#e45a701f;--ps-shadow:var(--shadow-color);box-sizing:border-box;background:0 0;width:100%;min-height:calc(100vh - 60px);padding:20px 0}.public-songlist-shell{flex-direction:column;gap:16px;width:100%;max-width:none;margin:0 auto;display:flex}.public-songlist-shell--with-rail{max-width:none}.public-songlist-body{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:18px;display:grid}.public-songlist-main{border:1px solid var(--ps-border);background:var(--main-content-background-color);box-shadow:0 18px 34px var(--ps-shadow);border-radius:16px;padding:16px}.public-songlist-hero{background:var(--main-content-background-color);border:1px solid var(--ps-border);box-shadow:0 18px 34px var(--ps-shadow);border-radius:16px}.public-songlist-hero-content{padding:14px 18px}.public-songlist-band-logo{border:2px solid var(--ps-border-strong);background:var(--main-content-card-background-color);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:76px;height:76px;display:flex;overflow:hidden;box-shadow:0 0 0 4px #ffffff0f}.public-songlist-logo-image{object-fit:cover;width:100%;height:100%;color:var(--ps-muted)}.public-songlist-header-text{color:var(--ps-text)}.public-songlist-header-text h1{letter-spacing:.01em;margin:3px 0 4px;line-height:1.1}.public-songlist-hero-content{align-items:center;gap:10px;display:flex}.public-songlist-eyebrow{color:var(--ps-subtext);text-transform:uppercase;letter-spacing:.08em;margin:0;font-weight:700}.public-songlist-live-badge{border:1px solid var(--ps-border-strong);background:var(--ps-accent-soft);color:var(--important-text-color);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;align-items:center;gap:7px;padding:6px 12px;font-weight:700;display:inline-flex}.back-arrow{border:1px solid var(--ps-border);color:var(--ps-subtext);cursor:pointer;background:#ffffff0f;border-radius:999px;align-items:center;gap:8px;margin-bottom:14px;padding:8px 14px;font-weight:600;transition:all .18s;display:inline-flex}.public-songlist-description-container{border:1px solid var(--ps-border);background:var(--main-content-background-color);border-radius:12px;margin:-2px 0 14px;padding:12px 14px}.public-songlist-description{color:var(--ps-subtext);margin:0;line-height:1.55}.public-songlist-search-container{width:100%;min-width:0;margin-bottom:12px}.public-songlist-filter-panel{border:1px solid var(--ps-border);background:var(--main-content-background-color);border-radius:12px;margin-bottom:12px;padding:12px}.public-songlist-filter-panel .public-songlist-search-container{margin-bottom:8px}.public-songlist-search-input{box-sizing:border-box;border:1px solid var(--ps-border);background:var(--main-content-card-background-color);width:100%;min-width:0;color:var(--ps-text);border-radius:8px;padding:8px 12px;font-size:14px;transition:all .18s;display:block}.public-songlist-search-input::placeholder{color:var(--ps-muted)}.public-songlist-search-input:focus{border-color:var(--ps-border-strong);outline:none;box-shadow:0 0 0 2px #ffffff26,0 2px 10px #00000080}.back-arrow:hover{color:var(--ps-text);border-color:var(--ps-border-strong);background:#ffffff1a}.public-songlist-controls{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.public-songlist-chip{border:1px solid var(--ps-border);background:var(--main-content-card-background-color);color:var(--ps-subtext);cursor:pointer;border-radius:999px;padding:7px 13px;transition:all .18s}.public-songlist-chip:hover{border-color:var(--ps-border-strong);color:var(--ps-text);background:#ffffff1f}.public-songlist-chip:focus-visible{outline:2px solid var(--ps-border-strong);outline-offset:2px;color:var(--ps-text);background:#ffffff24}.public-songlist-chip.active{color:var(--important-text-color);border-color:var(--ps-border-strong);background:#e45a701f}.public-songlist-chip.active:hover,.public-songlist-chip.active:focus-visible{color:var(--important-text-color);border-color:var(--ps-border-strong);background:#e45a7033}.public-songlist-count{color:var(--ps-muted);margin-left:auto;font-weight:600}.public-songlist-filter-wrap{margin-bottom:14px}.public-songlist-tags-group{flex-direction:column;align-items:flex-start;gap:6px;width:100%;display:flex}.public-songlist-tags-header{box-sizing:border-box;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:6px;width:100%;padding-left:12px;display:flex}.public-songlist-tags-toggle{appearance:none;color:var(--ps-subtext);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:20px;font-weight:700;line-height:1;transition:color .18s,transform .18s;display:flex}.public-songlist-tags-toggle:hover{color:var(--ps-text)}.public-songlist-tags-toggle.expanded{transform:rotate(90deg)}.public-songlist-tags-list{box-sizing:border-box;flex-wrap:wrap;gap:6px;padding-left:12px;display:flex}.public-songlist-ctrl-group{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.public-songlist-ctrl-label{letter-spacing:.08em;text-transform:uppercase;color:var(--ps-text);flex-shrink:0;padding-right:2px;font-size:11px;font-weight:700}.public-songlist-tag-chip{border:1px solid var(--tag-bg,var(--ps-border));background:var(--tag-bg,var(--main-content-card-background-color));color:var(--tag-text,var(--ps-subtext));cursor:pointer;opacity:.6;border-radius:999px;align-items:center;gap:5px;padding:7px 13px;transition:all .18s;display:inline-flex}.public-songlist-tag-chip:hover{opacity:.85;transform:translateY(-1px)}.public-songlist-tag-chip.active{opacity:1;transform:none;box-shadow:0 0 0 2px #ffffff26,0 2px 10px #00000080}.public-songlist-tag-chip-icon{object-fit:cover;border-radius:3px;flex-shrink:0;width:14px;height:14px}.public-song-list{transform-origin:top;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:14px;transition:opacity .26s,transform .34s cubic-bezier(.2,.8,.2,1);display:grid}.public-song-list--out{opacity:0;filter:blur(1.5px);pointer-events:none;transform:translateY(26px)scale(.975)}.public-song-list--in{animation:.42s cubic-bezier(.16,1,.3,1) public-song-list-enter}@keyframes public-song-list-enter{0%{opacity:0;filter:blur(2.5px);transform:translateY(-18px)scale(.985)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}.public-songlist-queue-rail{border:1px solid var(--ps-border);background:var(--main-content-background-color);box-shadow:0 16px 30px var(--shadow-color);border-radius:16px;flex-direction:column;gap:14px;padding:12px;display:flex;position:sticky;top:16px}.public-songlist-donation-header{border-bottom:1px solid var(--ps-border);color:var(--main-content-text-color);align-items:center;gap:10px;padding:12px 14px;display:flex}.public-songlist-donation-body{padding:14px}.public-songlist-donation-amounts{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.public-songlist-donation-amount{appearance:none;border:1px solid var(--ps-border);min-height:38px;color:var(--main-content-text-color);cursor:pointer;background:#ffffff0f;border-radius:10px;justify-content:center;align-items:center;font-weight:800;transition:background .18s,border-color .18s,color .18s,box-shadow .18s,transform .18s;display:flex}.public-songlist-donation-amount:hover{background:linear-gradient(135deg, color-mix(in srgb, var(--premium-value-accent) 22%, transparent) 0%, color-mix(in srgb, var(--premium-value-accent) 10%, transparent) 100%);border-color:color-mix(in srgb, var(--premium-value-accent) 55%, var(--ps-border-strong));color:var(--premium-value-accent);box-shadow:0 6px 16px color-mix(in srgb, var(--premium-value-accent) 18%, transparent);transform:translateY(-1px)}.public-songlist-donation-amount:active{transform:translateY(1px)}.public-songlist-donation-amount--featured{border-color:var(--ps-border-strong);color:var(--important-text-color);background:#e45a701f}.public-songlist-donation-note{color:var(--text-secondary-color);line-height:1.45}.public-songlist-queue-panel{border:1px solid var(--ps-border);background:#111119fa;border-radius:14px;overflow:hidden;box-shadow:0 12px 24px #07061059}.public-songlist-queue-header{border-bottom:1px solid var(--ps-border);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.public-songlist-queue-header h2{color:var(--ps-text);margin:0}.public-songlist-donation-panel{border-top:1px solid var(--ps-border-strong);border-right:1px solid var(--ps-border-strong);border-bottom:1px solid var(--ps-border);border-left:1px solid var(--ps-border);background:radial-gradient(130% 130% at 100% 0%, color-mix(in srgb, var(--premium-value-accent) 27%, transparent) 0%, transparent 56%), linear-gradient(155deg, var(--main-content-background-color) 0%, var(--main-content-card-background-color) 100%);border-radius:18px;padding:16px}.public-songlist-donation-header{flex-direction:column;gap:8px;display:flex}.public-songlist-donation-kicker{border:1px solid var(--ps-border-strong);letter-spacing:.08em;text-transform:uppercase;color:var(--premium-value-accent);background:color-mix(in srgb, var(--premium-value-accent) 18%, transparent);border-radius:999px;align-self:center;padding:3px 10px;font-weight:700;display:inline-flex}.public-songlist-donation-title{color:var(--main-content-text-color);margin:0;font-weight:700}.public-songlist-donation-copy{color:var(--text-secondary-color);margin:0;line-height:1.5}.public-songlist-donation-methods{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.public-songlist-donation-method-chip{border:1px solid var(--ps-border);letter-spacing:.02em;color:var(--main-content-text-color);background:#ffffff14;border-radius:999px;justify-content:center;align-items:center;padding:5px 10px;font-weight:700;display:inline-flex}.public-songlist-queue-header span{color:var(--ps-muted);font-weight:700}.public-songlist-queue-body{flex-direction:column;gap:8px;padding:10px;display:flex}.public-songlist-queue-item{border:1px solid var(--ps-border);background:#ffffff0a;border-radius:10px;grid-template-columns:36px 40px minmax(0,1fr);align-items:center;gap:10px;padding:8px;display:grid}.public-songlist-queue-position{color:var(--main-content-text-color);text-align:center;font-weight:800}.public-songlist-queue-thumb{background:var(--main-content-card-background-color);width:40px;height:40px;color:var(--ps-subtext);border-radius:8px;justify-content:center;align-items:center;font-weight:800;display:flex;overflow:hidden}.public-songlist-queue-thumb img{object-fit:cover;width:100%;height:100%}.public-songlist-queue-meta{min-width:0}.public-songlist-queue-title{color:var(--ps-text);white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.public-songlist-queue-artist,.public-songlist-queue-requested-by{color:var(--ps-subtext);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.public-songlist-queue-empty{text-align:center;color:var(--ps-muted);padding:18px 12px}.public-song-card-wrapper{z-index:1;height:100%;transition:z-index 0s .32s;position:relative}.public-song-card-wrapper--enter{opacity:0;animation:.46s cubic-bezier(.16,1,.3,1) forwards public-song-card-enter;animation-delay:var(--song-enter-delay,0s);transform:translateY(16px)scale(.97)}@keyframes public-song-card-enter{to{opacity:1;transform:translateY(0)scale(1)}}.public-song-card-wrapper:hover{z-index:50;transition:z-index}.public-song-card{border:1px solid var(--ps-border);transform-origin:50%;will-change:transform;background:0 0;border-radius:6px;flex-direction:column;height:100%;padding:0;transition:transform .32s cubic-bezier(.22,.68,0,1.15),filter .32s;display:flex}.public-song-card-wrapper:hover .public-song-card{filter:drop-shadow(0 16px 32px #000000e0)drop-shadow(0 0 1px #9b7fe84d);transform:scale(1.08)}.public-song-played-marker{white-space:nowrap;background:var(--important-background-color);color:#fff;letter-spacing:.16em;text-transform:uppercase;z-index:6;min-width:112px;box-shadow:0 6px 16px #e45a7066, 0 2px 8px var(--shadow-color);border:2px solid #ffffff4d;border-radius:4px;justify-content:center;padding:5px 14px;font-weight:800;display:inline-flex;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.public-song-index{border:1px solid var(--ps-border-strong);background:var(--ps-accent-soft);width:34px;height:34px;color:var(--important-background-color);border-radius:999px;justify-content:center;align-items:center;font-weight:700;display:flex}.public-song-card-stage{flex:none;position:relative}.public-song-vinyl-peek{z-index:-1;background:radial-gradient(circle at center, var(--main-content-card-background-color) 0%, var(--background) 55%, var(--page-color) 100%);border-radius:50%;justify-content:center;align-items:center;width:90%;height:90%;transition:right .35s cubic-bezier(.22,.68,0,1.1);display:flex;position:absolute;top:5%;right:0;overflow:hidden;box-shadow:inset 0 0 0 2px #ffffff14,0 2px 12px #000000b3}.public-song-vinyl-peek:before{content:"";z-index:1;background:conic-gradient(#ff646400 0deg,#ffb4501f 40deg,#64ffc81f 80deg,#5096ff1f 130deg,#c850ff1a 180deg,#ff646414 220deg,#ffdc501a 270deg,#50dcff14 320deg,#ff646400 360deg);border-radius:50%;position:absolute;inset:0}.public-song-vinyl-peek:after{content:"";background:var(--background);z-index:2;border-radius:50%;width:18%;height:18%;position:relative;box-shadow:0 0 0 2px #ffffff0f}.public-song-card-wrapper:hover .public-song-vinyl-peek{animation:1.6s linear infinite public-song-vinyl-spin;right:-32px}@keyframes public-song-vinyl-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.public-song-card-wrapper:hover .public-song-vinyl-peek{animation:none}.public-song-list,.public-song-list--out,.public-song-list--in,.public-song-card-wrapper--enter{opacity:1;filter:none;transition:none;animation:none;transform:none}}.public-song-vinyl-image{object-fit:cover;opacity:.55;filter:brightness(.6)saturate(1.2);border-radius:50%;width:100%;height:100%;position:absolute;inset:0}.public-song-vinyl-fallback{color:#ffffff8f;letter-spacing:.08em;font-weight:800}.public-song-cover{aspect-ratio:1;border:1px solid var(--ps-border);background:var(--main-content-card-background-color);border-radius:6px;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.public-song-jacket:before{content:"";z-index:4;pointer-events:none;background:linear-gradient(135deg,#ffffff08 0%,#0000 40% 60%,#0000001f 100%);position:absolute;inset:0}.public-song-cover-image{object-fit:cover;width:100%;height:100%;display:block}.public-song-jacket-tape{z-index:2;background:linear-gradient(#0000,#000000d1);height:40px;position:absolute;bottom:0;left:0;right:0}.public-song-year-stamp{letter-spacing:.1em;color:#ffffff8f;z-index:3;text-transform:uppercase;position:absolute;bottom:6px;left:7px}.public-song-sticker{letter-spacing:.08em;z-index:4;text-align:center;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;padding:4px;font-weight:800;line-height:1;display:none;position:absolute;top:6px;right:6px;transform:rotate(8deg);box-shadow:0 2px 6px #0009}.public-song-hover-info{opacity:0;z-index:5;background:#05050fcc;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:10px;transition:opacity .2s;display:flex;position:absolute;inset:0}.public-song-card-wrapper:hover .public-song-hover-info{opacity:1}.public-song-overlay-title{color:var(--ps-text);text-align:center;margin:0;font-weight:700;line-height:1.3}.public-song-overlay-artist{color:var(--important-background-color);text-align:center;letter-spacing:.16em;text-transform:uppercase;margin:0;font-weight:800}.public-song-hover-chip{background:var(--ps-accent-soft);color:var(--important-background-color);border:1px solid var(--ps-border-strong);white-space:nowrap;border-radius:999px;padding:5px 12px;font-weight:700}.public-song-request-btn{background:var(--main-content-button-background-color);color:#232335;cursor:pointer;white-space:nowrap;border:none;border-radius:999px;margin-top:2px;padding:6px 16px;font-weight:700;transition:filter .15s,transform .15s}.public-song-request-btn:hover{filter:brightness(1.15);transform:translateY(-1px)}.modal-open{filter:blur(4px);pointer-events:none}.srm-backdrop{z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:all;background:#04040cb8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.srm-panel{background:var(--main-content-background-color);border:1px solid var(--ps-border);border-radius:18px;flex-direction:column;gap:16px;width:100%;max-width:420px;padding:24px;display:flex;box-shadow:0 24px 60px #04040cb3}.srm-song-row{align-items:center;gap:14px;display:flex}.srm-artwork{object-fit:cover;background:var(--main-content-card-background-color);border-radius:10px;flex-shrink:0;width:72px;height:72px}.srm-artwork--fallback{color:#ffffff80;letter-spacing:.06em;justify-content:center;align-items:center;font-weight:800;display:flex}.srm-song-info{min-width:0}.srm-song-title{color:var(--main-content-text-color);white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.srm-song-artist{color:var(--important-background-color);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-weight:600;overflow:hidden}.srm-label{color:var(--text-secondary-color);letter-spacing:.08em;text-transform:uppercase;margin-bottom:-10px;font-weight:700;display:block}.srm-input{background:var(--main-content-card-background-color);border:1px solid var(--ps-border);width:100%;color:var(--main-content-text-color);box-sizing:border-box;border-radius:10px;outline:none;padding:10px 14px;transition:border-color .18s}.srm-input::placeholder{color:var(--text-secondary-color)}.srm-input:focus{border-color:var(--ps-border-strong);box-shadow:0 0 0 3px #ffffff1a}.srm-donation-row{flex-wrap:wrap;gap:8px;display:flex}.srm-donation-btn{border:1px solid var(--ps-border);background:var(--main-content-card-background-color);min-width:60px;color:var(--text-secondary-color);cursor:pointer;white-space:nowrap;text-align:center;border-radius:10px;flex:1;padding:8px 10px;font-weight:700;transition:all .16s}.srm-donation-btn:hover{border-color:var(--ps-border-strong);color:var(--main-content-text-color)}.srm-donation-btn.active{background:var(--ps-accent-soft);border-color:var(--ps-border-strong);color:var(--important-background-color)}.srm-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.srm-cancel{border:1px solid var(--ps-border);color:var(--text-secondary-color);cursor:pointer;background:0 0;border-radius:999px;padding:9px 20px;font-weight:600;transition:all .16s}.srm-cancel:hover{border-color:var(--ps-border-strong);color:var(--main-content-text-color)}.srm-submit{background:var(--main-content-button-background-color);color:#232335;cursor:pointer;white-space:nowrap;border:none;border-radius:999px;padding:9px 22px;font-weight:700;transition:filter .16s,transform .16s}.srm-submit:hover{filter:brightness(1.12);transform:translateY(-1px)}.public-song-hover-count{color:#ffffff75;letter-spacing:.12em;text-transform:uppercase}.public-song-cover-fallback{z-index:1;color:var(--important-background-color);letter-spacing:.08em;font-weight:800;position:relative}.public-song-meta{min-width:0}.public-song-card-meta{background:var(--main-content-card-background-color);border:1px solid var(--ps-border);z-index:2;border-top:none;border-radius:0 0 6px 6px;margin-top:0;margin-bottom:0;padding:8px 6px 6px;position:relative}.public-song-title{color:var(--ps-text);white-space:nowrap;text-overflow:ellipsis;margin:0;font-weight:700;overflow:hidden}.public-song-artist{color:var(--ps-subtext);margin:3px 0 0}.public-song-artist .public-songlist-body{grid-template-columns:1fr}.public-song-artist{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.public-song-meta-row{justify-content:space-between;align-items:center;margin-top:6px;display:flex}.public-song-meta-note{color:var(--ps-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.no-songs-message,.public-songlist-state-message{border:1px dashed var(--ps-border-strong);text-align:center;color:var(--ps-subtext);background:#9b7fe814;border-radius:12px;padding:24px 20px}@media (width<=900px){.public-songlist-container{padding:14px 0}.public-songlist-hero-content{gap:14px;padding:18px}.public-songlist-band-logo{width:86px;height:86px}.public-songlist-main{padding:12px}.public-songlist-count{width:100%;margin-left:0}.public-song-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.public-songlist-content-area{display:block}.public-songlist-queue-rail{position:static}}@media (width<=640px){.public-songlist-hero-content{flex-direction:column;align-items:flex-start}.public-song-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.public-song-card-wrapper:hover{z-index:1}.public-song-card-wrapper:hover .public-song-card{filter:none;transform:none}.public-song-card-wrapper:hover .public-song-vinyl-peek{right:0}.public-song-tags{justify-content:flex-start}.public-song-title,.public-song-artist{white-space:nowrap}}.public-songlist-layout{grid-template-columns:1fr}body.band-page-body{align-items:unset!important;justify-content:unset!important;display:block!important}.performer-page{box-sizing:border-box;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;max-width:none;height:calc(100vh - 60px);margin:0 auto;padding-top:10px;font-family:Arial,sans-serif;display:flex;overflow:hidden}.public-songlist-wrapper{margin-top:10px}.performer-page-wrapper{box-sizing:border-box;flex-direction:row;flex:1;width:100%;min-height:0;display:flex}@media (width<=1100px){.performer-page-right-side-navigation{display:none!important}}@media (width<=768px){.performer-page{padding:10px 0 0}.performer-page-wrapper{flex-direction:column}.performer-page-right-side-navigation{order:-1;margin-top:10px;margin-left:0;display:none!important}}@media (width<=480px){.performer-page{padding:0}}.performer-page-content{color:var(--main-content-text-color);background-color:var(--page-color);box-shadow:0 4px 8px var(--shadow-color);text-align:left;box-sizing:border-box;border-radius:10px;flex-flow:row;flex:1;justify-content:flex-start;align-items:flex-start;gap:10px;width:100%;max-width:none;min-height:0;margin-top:10px;padding:20px;display:flex;overflow:visible}.performer-page-content>div{flex-direction:column;flex:1;height:100%;display:flex}@media (width<=768px){.performer-page-content{margin-top:10px;padding:15px}}@media (width<=480px){.performer-page-content{border-radius:5px;padding:10px}}.back-arrow{cursor:pointer;color:var(--text-primary-color);margin-bottom:25px;display:flex}.back-arrow svg{margin-right:5px}.performer-content{background-color:var(--main-content-background-color);text-align:left;width:100%;max-width:none;height:100%;box-shadow:0 4px 8px var(--shadow-color);box-sizing:border-box;border-radius:20px;flex-direction:column;justify-content:flex-start;align-self:flex-start;align-items:flex-start;margin-top:0;padding:10px;display:flex;position:relative;overflow-x:hidden}.events-action-bar{align-items:center;gap:12px;margin-bottom:20px;display:flex}.events-container{flex-direction:column;gap:40px;width:100%;display:flex}@media (width<=768px){.performer-content{border-radius:15px;padding:8px}}@media (width<=480px){.performer-content{border-radius:10px;padding:5px}}.artist-message{box-sizing:border-box;width:100%}.grid-header{background-color:var(--main-content-background-color);text-align:center;cursor:pointer;text-wrap:nowrap;border-radius:5px;flex-direction:row;justify-content:center;align-items:center;padding:10px;font-weight:700;display:flex}.grid-item{background-color:var(--main-content-background-color);color:var(--main-content-text-color);text-align:center;border-radius:5px;flex-flow:wrap;justify-content:center;align-items:center;gap:10px;padding:5px;display:flex}.grid-item-highlight{background-color:var(--warning-background-color);color:var(--warning-text-color);box-shadow:0 2px 4px var(--shadow-color);border-radius:10px;min-height:30px;padding:10px}.queue-circle{border:2px solid var(--text-primary-color);background-color:var(--main-content-background-color);width:20px;height:20px;color:var(--text-primary-color);border-radius:50%;justify-content:center;align-items:center;margin:0 auto;font-size:20px;font-weight:700;display:flex}.grid-item-frame{background-color:var(--main-content-card-background-color);box-shadow:0 2px 4px var(--shadow-color);border-radius:10px;min-height:30px;padding:10px}.grid-item-frame-input{background-color:var(--main-content-card-background-color);box-shadow:0 2px 4px var(--shadow-color);border:1px dashed var(--input-active-border-color);min-height:30px;color:var(--main-content-text-color);border-radius:10px;padding:10px}.performer-page-right-side-navigation{background-color:var(--main-nav-background-color);color:var(--text-primary-color);box-shadow:0 4px 8px var(--shadow-color);border-radius:10px;flex-direction:column;gap:10px;margin-top:10px;margin-left:10px;padding:20px;display:flex}.performer-page-search-container{flex-direction:column;gap:15px;margin-bottom:20px;display:flex;position:relative}.performer-page-search-input{box-sizing:border-box;border:1px solid #ccc;border-radius:4px;width:100%;padding:10px 40px 10px 10px}.performer-page-search-icon{color:#888;font-size:20px;position:absolute;top:18px;right:10px;transform:translateY(-50%)}.performer-page-right-side-navigation a{color:var(--text-primary-color);font-size:large;font-weight:700;text-decoration:none}.tags-container{flex-direction:column;gap:10px;max-height:45vh;margin-bottom:25px;padding-right:5px;display:flex;overflow:hidden auto}.tags-content-container{border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:5px;display:flex}.tag-image{width:25px;height:25px}.modalContent{background:var(--main-nav-background-color);color:var(--main-content-text-color);box-shadow:0 4px 8px var(--shadow-color);z-index:10000;box-sizing:border-box;border-radius:10px;width:400px;max-width:90vw;height:auto;min-height:fit-content;max-height:90vh;padding:20px;position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.modalOverlay{color:var(--main-content-text-color);z-index:9999;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.btn-toggle-advanced{cursor:pointer;width:100%;color:var(--main-content-text-color);opacity:.6;background:0 0;border:none;align-items:center;gap:10px;margin:4px 0;padding:6px 0;transition:opacity .2s;display:flex}.btn-toggle-advanced:hover{opacity:1}.btn-toggle-advanced-line{opacity:.3;background-color:currentColor;flex:1;height:1px}.btn-toggle-advanced-label{white-space:nowrap;letter-spacing:.05em;text-transform:uppercase;font-size:.8rem;font-weight:500}.btn-toggle-advanced-icon{flex-shrink:0;font-size:.75rem;transition:transform .25s}.btn-toggle-advanced-icon.open{transform:rotate(180deg)}@media (width<=768px){.modalContent{border-radius:8px;width:85vw;height:auto;padding:18px}}@media (width<=480px){.modalContent{border-radius:6px;width:95vw;max-height:85vh;padding:15px}}@media (width<=320px){.modalContent{width:98vw;padding:12px;font-size:14px}}.button-group{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.btn-save,.btn-cancel,.btn-danger{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:600;transition:background-color .2s,transform .1s;display:inline-flex}.btn-save{background:var(--main-content-button-background-color);color:var(--main-content-button-text-color)}.btn-save:hover{background:var(--main-content-button-hover-background-color);color:var(--main-content-button-hover-text-color);transform:translateY(-1px)}.btn-save:active{transform:translateY(0)}.btn-cancel{background-color:var(--button-secondary-background-color,#e0e0e0);color:var(--button-secondary-text-color,#333)}.btn-cancel:hover{background-color:var(--button-secondary-hover-background-color,#d0d0d0);transform:translateY(-1px)}.btn-cancel:active{transform:translateY(0)}.btn-danger{color:#fff;background-color:#dc3545}.btn-danger:hover{color:#fff;background-color:#c82333;transform:translateY(-1px)}.btn-danger:active{transform:translateY(0)}.suggestions-dropdown{z-index:1000;background:#fff;border:1px solid #ddd;border-top:none;border-radius:0 0 4px 4px;max-height:200px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 2px 8px #0000001a}.suggestion-item{cursor:pointer;border-bottom:1px solid #f0f0f0;padding:12px 16px;transition:background-color .2s}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover,.suggestion-item.selected{background-color:#f5f5f5}.suggestion-title{color:#333;margin-bottom:2px;font-weight:500}.suggestion-artist{color:#666;font-size:.9em;font-style:italic}.form-group{margin-bottom:16px;position:relative}.form-group input{box-sizing:border-box;border:1px solid #ddd;border-radius:4px;width:100%;padding:8px 12px;font-size:14px}.form-group input:focus{border-color:#007bff;outline:none;box-shadow:0 0 0 2px #007bff40}._filterAndMessageContainer_1okxa_2{flex-shrink:0;align-items:flex-start;gap:20px;width:100%;max-height:none;margin-bottom:10px;display:flex;overflow:visible}._filterAndMessageContainer_1okxa_2>:first-child{flex:auto;min-width:300px;max-width:60%}._artistMessage_1okxa_21{background-color:var(--main-content-card-background-color);box-sizing:border-box;border-radius:8px;flex-direction:column;flex:auto;min-width:200px;max-width:40%;min-height:100px;max-height:none;padding:10px;display:flex;overflow:visible}@media (width<=768px){._filterAndMessageContainer_1okxa_2{flex-direction:column;gap:15px;max-height:none;overflow:visible}._artistMessage_1okxa_21{min-width:auto;max-width:none;max-height:none;overflow:visible}}._song_grid_1okxa_53{flex:1;grid-template-columns:repeat(7,1fr);align-items:start;gap:10px;min-height:150px;display:grid;overflow:hidden auto}._song_grid_1okxa_53 ._grid-item_1okxa_65,._song_grid_1okxa_53 ._grid-item-frame_1okxa_66,._song_grid_1okxa_53 ._grid-item-frame-input_1okxa_67,._song_grid_1okxa_53 ._grid-header_1okxa_68{text-overflow:ellipsis;white-space:nowrap;word-break:break-word;min-width:0;max-width:100%;overflow:hidden}._song_grid_1okxa_53{box-sizing:border-box;width:100%;min-width:0}._song_grid_1okxa_53>*{box-sizing:border-box;min-width:0}@media (width<=815px){._song_grid_1okxa_53{grid-template-columns:repeat(4,1fr);gap:8px;font-size:14px}._song_grid_1okxa_53 ._grid-item_1okxa_65,._song_grid_1okxa_53 ._grid-item-frame_1okxa_66,._song_grid_1okxa_53 ._grid-item-frame-input_1okxa_67{gap:6px;min-height:25px;padding:6px}._song_grid_1okxa_53 ._grid-header_1okxa_68{padding:6px;font-size:14px}._song_grid_1okxa_53 ._queue-circle_1okxa_114{width:18px;height:18px;font-size:16px}._song_grid_1okxa_53>:nth-child(4),._song_grid_1okxa_53>:nth-child(5),._song_grid_1okxa_53>:nth-child(6),._song_grid_row_1okxa_136>:nth-child(4),._song_grid_row_1okxa_136>:nth-child(5),._song_grid_row_1okxa_136>:nth-child(6){display:none}}@media (width<=590px){._song_grid_1okxa_53{grid-template-columns:repeat(3,1fr);gap:5px;font-size:12px}._song_grid_1okxa_53 ._grid-item_1okxa_65,._song_grid_1okxa_53 ._grid-item-frame_1okxa_66,._song_grid_1okxa_53 ._grid-item-frame-input_1okxa_67{gap:4px;min-height:22px;padding:5px}._song_grid_1okxa_53 ._grid-header_1okxa_68{padding:5px;font-size:12px}._song_grid_1okxa_53 ._queue-circle_1okxa_114{width:17px;height:17px;font-size:14px}._song_grid_1okxa_53>:nth-child(3),._song_grid_row_1okxa_136>:nth-child(3){display:none}}@media (width<=588px){._song_grid_1okxa_53{grid-template-columns:repeat(3,1fr);gap:5px;font-size:12px}._song_grid_1okxa_53 ._grid-header_1okxa_68:nth-child(3),._song_grid_1okxa_53 ._grid-item_1okxa_65:nth-child(7n+3){display:none}}@media (width<=481px){._song_grid_1okxa_53{grid-template-columns:repeat(3,1fr);gap:3px;font-size:11px}._song_grid_1okxa_53>*{width:100%}._song_grid_1okxa_53 ._grid-item_1okxa_65,._song_grid_1okxa_53 ._grid-item-frame_1okxa_66,._song_grid_1okxa_53 ._grid-item-frame-input_1okxa_67{letter-spacing:-.005em;white-space:normal;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;gap:2px;max-width:100%;min-height:22px;padding:3px;font-size:11px;font-weight:400;line-height:1.2;display:-webkit-box;overflow:hidden}._song_grid_1okxa_53 ._grid-header_1okxa_68{letter-spacing:-.005em;white-space:normal;word-break:break-word;min-height:20px;padding:3px;font-size:11px;font-weight:600;line-height:1.2}._song_grid_1okxa_53 ._queue-circle_1okxa_114{border-width:1px;width:16px;height:16px;font-size:12px}._contextMenuContainer_1okxa_253 button{padding:5px!important;font-size:10px!important}._song_grid_1okxa_53>:nth-child(3),._song_grid_1okxa_53>:nth-child(4),._song_grid_1okxa_53>:nth-child(5),._song_grid_1okxa_53>:nth-child(6),._song_grid_row_1okxa_136>:nth-child(3),._song_grid_row_1okxa_136>:nth-child(4),._song_grid_row_1okxa_136>:nth-child(5),._song_grid_row_1okxa_136>:nth-child(6){display:none}}._song_grid_row_1okxa_136{display:contents}._bandMessageContainer_1okxa_279{align-items:stretch;gap:16px;margin-bottom:0;display:flex}@media (width<=768px){._bandMessageContainer_1okxa_279{flex-direction:column;gap:10px}._bandMessageControls_1okxa_293{min-width:unset;justify-content:flex-start;gap:10px;flex-direction:row!important}}@media (width<=480px){._bandMessageContainer_1okxa_279{margin-bottom:15px}._bandMessageControls_1okxa_293{justify-content:flex-start;gap:8px;flex-direction:row!important}}._bandMessageTextareaWrapper_1okxa_315{flex:1;display:flex}._bandMessageTextarea_1okxa_315{resize:vertical;box-sizing:border-box;border:2px dashed #e1e5e9;border-radius:8px;flex:1;width:100%;min-height:120px;padding:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;transition:border-color .2s ease-in-out}._bandMessageTextarea_1okxa_315:focus{box-shadow:0 0 0 3px var(--shadow-color);border-color:#007bff;outline:none}._bandMessageTextarea_1okxa_315::placeholder{color:#6c757d}._bandMessageControls_1okxa_293{text-align:center;flex-direction:column;justify-content:space-between;align-items:stretch;gap:10px;min-width:120px;display:flex}._bandMessageControls_1okxa_293 button{width:auto}._characterCounter_1okxa_359{color:#6c757d;font-size:12px;font-weight:500}._characterCounter_1okxa_359._nearLimit_1okxa_365{color:var(--warning-text-color)}._characterCounter_1okxa_359._atLimit_1okxa_369{color:var(--error-text-color)}._bandMessageDisplay_1okxa_374{flex:1;align-items:center;display:flex}._bandMessageText_1okxa_315{background-color:var(--main-content-card-background-color);color:var(--main-content-text-color);white-space:pre-wrap;word-break:break-word;border:2px solid #0000;border-radius:10px;width:100%;min-height:95%;padding:10px}._bandMessagePlaceholder_1okxa_392{border:2px dashed var(--input-active-border-color);background-color:var(--main-content-card-background-color);color:var(--main-content-text-color);border-radius:10px;width:100%;padding:12px;font-style:italic;line-height:1.5}._addToQueueButton_1okxa_404{border:2px solid var(--text-primary-color);background:var(--main-content-button-background-color);width:36px;min-width:36px;height:36px;min-height:36px;color:var(--main-content-button-text-color);box-sizing:border-box;border-radius:50%;justify-content:center;align-items:center;margin:0 auto;padding:0;font-size:20px;font-weight:700;line-height:1;transition:all .2s ease-in-out;display:flex}@media (width<=768px){._addToQueueButton_1okxa_404{width:32px;min-width:32px;height:32px;min-height:32px;font-size:18px}}@media (width<=480px){._addToQueueButton_1okxa_404{width:28px;min-width:28px;height:28px;min-height:28px;font-size:16px}}._addToQueueButton_1okxa_404:hover{background:var(--main-content-button-hover-background-color);color:var(--main-content-button-hover-text-color);transform:scale(1.1)}._addToQueueButton_1okxa_404:active{transform:scale(.95)}._addToQueueButton_1okxa_404:disabled{opacity:.5;cursor:not-allowed;transform:none}._addToQueueButton_1okxa_404:disabled:hover{background:var(--main-content-button-background-color);color:var(--main-content-button-text-color);transform:none}hr{border:1px solid var(--top-nav-background-color);margin:20px 0}._keyDisplay_1okxa_474{cursor:pointer;box-sizing:border-box;border-radius:3px;justify-content:center;align-items:center;width:100%;min-height:20px;padding:4px 8px;transition:background-color .2s;display:flex}._keyDisplay_1okxa_474:hover{opacity:.8}._keyEditInput_1okxa_491{background-color:var(--main-content-card-background-color);width:100%;color:var(--main-content-text-color);border:none;border-radius:3px;padding:4px 8px;font-size:14px}._keyEditInput_1okxa_491:focus{border-color:var(--main-content-text-color);box-shadow:0 0 3px var(--shadow-color);outline:none}._keyPlaceholder_1okxa_507{color:var(--main-content-text-color);opacity:.5;font-style:italic}._filterSection_1okxa_514{background-color:var(--main-content-card-background-color);box-sizing:border-box;border-radius:8px;width:calc(100% - 15px);margin:0 15px 20px 0;padding:10px}@media (width<=768px){._filterSection_1okxa_514{width:100%;margin:0 0 15px;padding:8px}._filterGroup_1okxa_531{flex-direction:column;align-items:flex-start;gap:10px}._customDropdown_1okxa_537{width:100%;min-width:150px}}@media (width<=480px){._filterSection_1okxa_514{margin-bottom:10px;padding:5px}._filterSectionHeader_1okxa_549{flex-direction:column;align-items:flex-start;gap:10px}}._filterSectionHeader_1okxa_549{justify-content:space-between;align-items:flex-start;margin-bottom:15px;display:flex}._filterGroup_1okxa_531{flex-wrap:wrap;align-items:center;gap:15px;display:flex}._filterGroup_1okxa_531 label{color:var(--main-content-text-color);font-weight:700}._hideFilterButton_1okxa_575{background-color:var(--main-content-button-background-color);color:var(--main-content-text-color);border:1px solid var(--main-content-text-color);cursor:pointer;border-radius:4px;flex-shrink:0;align-items:center;gap:8px;padding:8px 12px;font-size:14px;transition:all .2s;display:flex}._hideFilterButton_1okxa_575:hover{background-color:var(--main-content-button-hover-background-color);color:var(--main-content-button-hover-text-color)}._customDropdown_1okxa_537{min-width:200px;position:relative}._dropdownButton_1okxa_601{border:1px solid var(--main-content-button-background-color);background:var(--main-content-button-background-color);width:100%;color:var(--main-content-button-text-color);cursor:pointer;border-radius:4px;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;font-size:14px;display:flex}._dropdownButton_1okxa_601:hover{background:var(--main-content-button-hover-background-color);color:var(--main-content-button-hover-text-color);border-color:var(--main-content-button-hover-background-color)}._dropdownButton_1okxa_601:focus{border-color:var(--main-content-text-color);outline:none}._selectedTagInButton_1okxa_627{border-radius:3px;align-items:center;gap:5px;padding:2px 6px;font-size:12px;font-weight:700;display:inline-flex}._dropdownArrow_1okxa_637{color:var(--main-content-button-text-color);opacity:.7;font-size:10px}._dropdownButton_1okxa_601:hover ._dropdownArrow_1okxa_637{color:var(--main-content-button-hover-text-color)}._dropdownMenu_1okxa_647{background-color:var(--main-content-card-background-color);box-shadow:0 4px 12px var(--shadow-color);z-index:1000;border-radius:12px;max-height:200px;position:absolute;top:100%;left:0;right:0;overflow:hidden auto}._dropdownItem_1okxa_661{cursor:pointer;color:var(--main-content-text-color);padding:8px 12px}._dropdownItem_1okxa_661:hover{overflow-x:hidden;transform:scale(1.1)}._tagChipDropdown_1okxa_672{box-sizing:border-box;border-radius:4px;align-items:center;gap:5px;width:100%;padding:4px 8px;font-size:12px;font-weight:700;display:inline-flex}._tagIconSmall_1okxa_684{border-radius:2px;width:14px;height:14px}._tagFilterSelect_1okxa_691{border:1px solid var(--main-content-button-background-color);background-color:var(--main-content-card-background-color);color:var(--main-content-text-color);border-radius:4px;min-width:150px;padding:8px 12px;font-size:14px}._tagFilterSelect_1okxa_691:focus{border-color:var(--main-content-text-color);outline:none}._selectedTagPreview_1okxa_706{align-items:center;gap:10px;display:flex}._tagChip_1okxa_672{border-radius:4px;align-items:center;gap:5px;padding:4px 8px;font-size:12px;font-weight:700;display:inline-flex}._tagIcon_1okxa_684{border-radius:2px;width:16px;height:16px}.react-switch-checkbox{visibility:hidden;width:0;height:0;display:none}.react-switch-label{cursor:pointer;background:gray;border-radius:100px;justify-content:space-between;align-items:center;width:75px;height:40px;transition:background-color .2s;display:flex;position:relative}.react-switch-label .react-switch-button{content:"";background:#fff;border-radius:75px;width:35px;height:35px;transition:all .2s;position:absolute;top:2px;left:2px;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}._filterSection_1z0g0_2{background-color:var(--main-content-card-background-color);box-sizing:border-box;border-radius:8px;flex-shrink:0;width:100%;margin:0;padding:10px}._filterSectionHeader_1z0g0_12{justify-content:space-between;align-items:flex-start;margin-bottom:15px;display:flex}._filterGroup_1z0g0_19{flex-wrap:wrap;align-items:center;gap:15px;display:flex}._filterGroup_1z0g0_19 label{color:var(--main-content-text-color);font-weight:700}._hideFilterButton_1z0g0_31{background-color:var(--main-content-button-background-color);color:var(--main-content-text-color);border:1px solid var(--main-content-text-color);cursor:pointer;border-radius:4px;flex-shrink:0;align-items:center;gap:8px;padding:8px 12px;font-size:14px;transition:all .2s;display:flex}._hideFilterButton_1z0g0_31:hover{background-color:var(--main-content-button-hover-background-color);color:var(--main-content-button-hover-text-color)}._customDropdown_1z0g0_52{z-index:1001;width:100%;min-width:250px;max-width:400px;position:relative}._dropdownButton_1z0g0_60{border:1px solid var(--main-content-button-background-color);background:var(--main-content-button-background-color);width:100%;color:var(--main-content-button-text-color);cursor:pointer;border-radius:4px;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;font-size:14px;display:flex}._dropdownButton_1z0g0_60:hover{background:var(--main-content-button-hover-background-color);color:var(--main-content-button-hover-text-color);border-color:var(--main-content-button-hover-background-color)}._dropdownButton_1z0g0_60:focus{border-color:var(--main-content-text-color);outline:none}._selectedTagInButton_1z0g0_86{border-radius:3px;align-items:center;gap:5px;padding:2px 6px;font-size:12px;font-weight:700;display:inline-flex}._dropdownArrow_1z0g0_96{color:var(--main-content-button-text-color);opacity:.7;font-size:10px}._dropdownButton_1z0g0_60:hover ._dropdownArrow_1z0g0_96{color:var(--main-content-button-hover-text-color)}._dropdownMenu_1z0g0_106{background-color:var(--main-content-card-background-color);width:100%;min-width:250px;box-shadow:0 4px 12px var(--shadow-color);z-index:99999;border-radius:12px;max-height:200px;position:absolute;top:100%;left:0;right:0;overflow:hidden auto}._dropdownItem_1z0g0_122{cursor:pointer;color:var(--main-content-text-color);padding:8px 12px}._dropdownItem_1z0g0_122:hover{overflow-x:hidden;transform:scale(1.1)}._tagChipDropdown_1z0g0_133{box-sizing:border-box;border-radius:4px;align-items:center;gap:5px;width:100%;padding:4px 8px;font-size:12px;font-weight:700;display:inline-flex}._tagIconSmall_1z0g0_145{border-radius:2px;width:14px;height:14px}._filterResults_1z0g0_151{color:var(--main-content-text-color);opacity:.8;margin-top:10px;font-style:italic}._filterButtonContainer_1z0g0_159{box-sizing:border-box;justify-content:flex-end;width:calc(100% - 15px);margin:0 15px 20px 0;padding:10px;display:flex}._filterToggleButton_1z0g0_168{background-color:var(--main-content-button-background-color);color:var(--main-content-text-color);border:1px solid var(--main-content-text-color);cursor:pointer;border-radius:4px;flex-shrink:0;align-items:center;gap:8px;padding:8px 12px;font-size:14px;transition:all .2s;display:flex}._filterToggleButton_1z0g0_168:hover{background-color:var(--main-content-button-hover-background-color);color:var(--main-content-button-hover-text-color)}._filterIcon_1z0g0_188{font-size:16px}._activeFilterIndicator_1z0g0_192{opacity:.8;font-size:12px;font-style:italic}._contextMenuContainer_il0vl_1{position:relative}._contextMenu_il0vl_1{background-color:var(--page-color);z-index:999999;white-space:nowrap;border:2px solid #333;border-radius:20px;flex-direction:column;gap:5px;min-width:120px;padding:8px;display:flex;position:fixed;box-shadow:0 4px 12px #0000004d}._contextMenuIcon_il0vl_20{margin-right:8px}._contextMenu_il0vl_1 button{text-align:left;cursor:pointer;background-color:var(--main-content-button-background-color);width:100%;color:var(--main-content-button-text-color);border:none;padding:8px 12px;font-size:14px;display:block}._contextMenu_il0vl_1 button:hover{background-color:var(--main-content-button-hover-background-color);color:var(--main-content-button-hover-text-color);transform:scale(1.1)}@media (width<=590px){._contextMenu_il0vl_1{border-radius:15px;min-width:100px;padding:6px}._contextMenu_il0vl_1 button{padding:6px 10px;font-size:12px}}@media (width<=481px){._contextMenu_il0vl_1{border-width:1px;border-radius:12px;min-width:80px;padding:4px}._contextMenu_il0vl_1 button{padding:5px 8px;font-size:11px}._contextMenuIcon_il0vl_20{margin-right:4px}}.switch-group{align-items:center;gap:20px;display:flex}.button-group{justify-content:flex-end;gap:10px;display:flex}.tag-preview{border-radius:5px;justify-content:center;align-items:center;gap:5px;margin-top:20px;padding:10px;display:flex}.tag-preview-image{max-width:25px;max-height:25px;display:flex}.image-upload{flex-direction:row;justify-content:space-between;align-items:center;gap:25px;display:flex}.image-upload input[type=file]{display:none}.image-upload label{cursor:pointer;background-color:var(--main-content-button-background-color);color:var(--main-content-button-text-color);border-radius:5px;margin-bottom:10px;padding:10px 20px}.image-upload img{border-radius:5px;max-width:25px;max-height:25px;margin-top:10px}.image-preview-container{align-items:center;gap:10px;display:flex}.remove-image-btn{cursor:pointer;border:none;justify-content:right;align-items:flex-end;display:flex}.upload-section{flex-direction:row;align-items:center;gap:15px;display:flex}._song_grid_1pnyg_1{grid-template-columns:2fr 2fr 4fr 1fr;align-items:center;gap:10px;width:100%;max-width:none;max-height:none;display:grid;overflow:visible}._song_grid_1pnyg_1 input[type=checkbox]{cursor:pointer;place-self:center;transform:scale(2)}._song_grid_1pnyg_1 button{white-space:nowrap;justify-content:center;align-items:center;width:auto;min-width:0;padding:4px 8px;display:flex}@media (width<=588px){._song_grid_1pnyg_1{flex-direction:column!important;grid-template-columns:none!important;gap:0!important;display:flex!important}._song_grid_1pnyg_1 .grid-header{display:none!important}._song_grid_1pnyg_1 .grid-item:has(input[type=checkbox]){display:none!important}._song_grid_1pnyg_1 .grid-item-frame{box-sizing:border-box!important;text-align:left!important;border-radius:8px!important;flex-wrap:wrap!important;justify-content:flex-start!important;align-items:flex-start!important;width:100%!important;height:auto!important;min-height:auto!important;margin:0!important;padding:12px!important}._song_grid_1pnyg_1 .grid-item-frame:nth-child(4n+3){border-bottom:3px solid var(--main-content-border-color)!important;margin-bottom:25px!important;padding-bottom:20px!important}._song_grid_1pnyg_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;box-shadow:0 2px 4px var(--shadow-color)!important;border-radius:10px 10px 0 0!important;margin-top:15px!important;margin-bottom:0!important}._song_grid_1pnyg_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;box-shadow:0 2px 4px var(--shadow-color)!important;border-top:none!important;border-radius:0!important;margin-bottom:0!important}._song_grid_1pnyg_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;box-shadow:0 2px 4px var(--shadow-color)!important;border-top:none!important;border-radius:0 0 10px 10px!important;margin-bottom:0!important}._song_grid_1pnyg_1 .grid-item-frame:nth-child(4n+1):before{content:"Song: "!important;color:var(--main-content-text-color)!important;opacity:.8!important;margin-bottom:4px!important;font-weight:700!important;display:block!important}._song_grid_1pnyg_1 .grid-item-frame:nth-child(4n+2):before{content:"Artist: "!important;color:var(--main-content-text-color)!important;opacity:.8!important;margin-bottom:4px!important;font-weight:700!important;display:block!important}._song_grid_1pnyg_1 .grid-item-frame:nth-child(4n+3):before{content:"Tags: "!important;color:var(--main-content-text-color)!important;opacity:.8!important;margin-bottom:4px!important;font-weight:700!important;display:block!important}}[data-theme=banana-split]{--background:#000;--text-primary-color:#333;--text-secondary-color:#666;--page-color:#fff;--info-background-color:#fff;--important-background-color:#0051ff;--warning-background-color:#ff0;--premium-value-accent:#fff0c2;--error-background-color:red;--info-text-color:#000;--important-text-color:#fff;--warning-text-color:#000;--error-text-color:#000;--input-background-color:#fff;--input-text-color:#000;--input-border-color:#ccc;--input-active-border-color:#007bff;--shadow-color:#0000001a;--logo-top-color:#27cdcf;--logo-bottom-color:#fabddb;--login-button-background-color:#333;--login-button-text-color:#fff;--login-button-hover-background-color:#666;--login-button-hover-text-color:#fff;--login-button-active-background-color:#333;--login-button-active-text-color:#fff;--slogan-color:#eeee84;--radio-player-active-button-background-color:#27cdcf;--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:#000;--main-nav-button-hover-background-color:#e6e600;--main-nav-button-hover-text-color:#000;--main-nav-button-active-background-color:#e6e600;--main-nav-button-active-text-color:#000;--footer-background-color:#333;--footer-text-color:#fff;--footer-link-color:#fff;--footer-link-hover-color:#ff0;--main-content-text-color:#000;--main-content-background-color:#fff;--main-content-card-background-color:#f9f9f9;--main-content-button-background-color:#ff0;--main-content-button-text-color:#000;--main-content-button-hover-background-color:#e6e600;--main-content-button-hover-text-color:#000;--main-content-button-active-background-color:#e6e600;--main-content-button-active-text-color:#000}[data-theme=black-forest]{--background:#121212;--text-primary-color:#fff;--text-secondary-color:#b0bec5;--page-color:#1e1e1e;--info-background-color:#fff;--important-background-color:#0051ff;--warning-background-color:#ff0;--premium-value-accent:#fff0c2;--error-background-color:red;--info-text-color:#000;--important-text-color:#fff;--warning-text-color:#000;--error-text-color:#000;--input-background-color:#333;--input-text-color:#fff;--input-border-color:#666;--input-active-border-color:#bb86fc;--shadow-color:#00000080;--logo-top-color:#bb86fc;--logo-bottom-color:#03dac6;--login-button-background-color:#bb86fc;--login-button-text-color:#000;--login-button-hover-background-color:#3700b3;--login-button-hover-text-color:#fff;--login-button-active-background-color:#6200ea;--login-button-active-text-color:#fff;--slogan-color:#bb86fc;--radio-player-active-button-background-color:#bb86fc;--radio-player-volume-color:#03dac6;--top-nav-background-color:#1e1e1e;--top-nav-text-color:#fff;--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:#000;--main-nav-button-hover-background-color:#3a388d;--main-nav-button-hover-text-color:#fff;--main-nav-button-active-background-color:#3a388d;--main-nav-button-active-text-color:#fff;--footer-background-color:#1e1e1e;--footer-text-color:#fff;--footer-link-color:#fff;--footer-link-hover-color:#3a388d;--main-content-text-color:#fff;--main-content-background-color:#121212;--main-content-card-background-color:#1e1e1e;--main-content-button-background-color:#bb86fc;--main-content-button-text-color:#000;--main-content-button-hover-background-color:#3700b3;--main-content-button-hover-text-color:#fff;--main-content-button-active-background-color:#6200ea;--main-content-button-active-text-color:#fff}[data-theme=songshake]{--background:#0b0b14;--text-primary-color:#ede9f8;--text-secondary-color:#9994b0;--page-color:#12121e;--info-background-color:#1a1a28;--important-background-color:#e45a70;--warning-background-color:#ffe99d;--premium-value-accent:#fff0c2;--error-background-color:#e87a82;--info-text-color:#ede9f8;--important-text-color:#fff;--warning-text-color:#0b0b14;--error-text-color:#0b0b14;--input-background-color:#1a1a28;--input-text-color:#ede9f8;--input-border-color:#ffffff24;--input-active-border-color:#e45a70;--shadow-color:#00000073;--logo-top-color:#f2b8be;--logo-bottom-color:#a8cce0;--login-button-background-color:#12121e;--login-button-text-color:#fff0c2;--login-button-hover-background-color:#e45a701f;--login-button-hover-text-color:#fff;--login-button-active-background-color:#e45a702e;--login-button-active-text-color:#fff;--slogan-color:#fff0c2;--radio-player-active-button-background-color:#e45a70;--radio-player-volume-color:#c8b4ff;--top-nav-background-color:#0b0b14f2;--top-nav-text-color:#9994b0;--top-nav-button-background-color:#12121e;--top-nav-button-text-color:#232335;--top-nav-button-hover-background-color:#e45a701f;--top-nav-button-hover-text-color:#fff;--top-nav-button-active-background-color:#e45a701f;--top-nav-button-active-text-color:#e45a70;--main-nav-background-color:#12121e;--main-nav-text-color:#ede9f8;--main-nav-button-background-color:#1a1a28;--main-nav-button-text-color:#ede9f8;--main-nav-button-hover-background-color:#e45a701f;--main-nav-button-hover-text-color:#fff;--main-nav-button-active-background-color:#e45a70;--main-nav-button-active-text-color:#fff;--footer-background-color:#12121e;--footer-text-color:#ede9f8;--footer-link-color:#9994b0;--footer-link-hover-color:#e45a70;--main-content-text-color:#ede9f8;--main-content-background-color:#0b0b14;--main-content-card-background-color:#1a1a28;--main-content-button-background-color:linear-gradient(135deg, #c8b4ff 0%, #afcfff 100%);--main-content-button-text-color:#12121e;--main-content-button-hover-background-color:#e45a70;--main-content-button-hover-text-color:#fff;--main-content-button-active-background-color:#e45a70;--main-content-button-active-text-color:#fff}.add-song{box-sizing:border-box;flex-direction:column;align-items:center;width:100%;padding:20px;font-family:Arial,sans-serif;display:flex}.add-song h1{color:var(--main-content-heading-color);text-align:center;margin-bottom:20px}.add-song form{background-color:var(--main-content-background-color);box-shadow:0 4px 8px var(--shadow-color);border-radius:10px;width:100%;max-width:600px;padding:20px}.add-song .form-group{margin-bottom:20px}.add-song .form-group label{color:var(--main-content-text-color);margin-bottom:8px;font-weight:700;display:block}.add-song .form-group input,.add-song .form-group textarea{border:2px solid var(--input-border-color);background-color:var(--input-background-color);width:100%;color:var(--input-text-color);box-sizing:border-box;border-radius:6px;padding:12px;font-size:16px;transition:border-color .3s}.add-song .form-group input:focus,.add-song .form-group textarea:focus{border-color:var(--input-active-border-color);outline:none}.add-song .form-group textarea{resize:vertical;min-height:120px}.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);cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 24px;font-size:16px;font-weight:700;transition:background-color .3s;display:flex}.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 (width<=768px){.add-song{padding:15px}.add-song form{max-width:100%;padding:15px}.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 (width<=480px){.add-song{padding:10px}.add-song form{border-radius:8px;padding:12px}.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{margin-bottom:15px;font-size:1.5rem}}._events_action_bar_w8ryo_1{gap:12px;margin-bottom:24px;display:flex}._song_grid_w8ryo_7{grid-template-columns:2fr 2fr 3fr 2fr;align-items:flex-start;gap:10px;display:grid}._song_grid_w8ryo_7 .grid-item,._song_grid_w8ryo_7 .grid-item-frame,._song_grid_w8ryo_7 .grid-item-highlight,._song_grid_w8ryo_7 button.grid-item{box-sizing:border-box;min-height:40px}._events_toggle_w8ryo_23{justify-content:center;margin-bottom:50px;display:flex}._song_grid_w8ryo_7 button.grid-item,._song_grid_w8ryo_7 .grid-item button{border:1px solid var(--main-content-button-background-color);background:var(--main-content-button-background-color);color:var(--main-content-button-text-color)}._song_grid_w8ryo_7 button.grid-item:hover,._song_grid_w8ryo_7 .grid-item button:hover{border-color:var(--main-content-button-hover-background-color);background:var(--main-content-button-hover-background-color);color:var(--main-content-button-hover-text-color)}._song_grid_7se9a_1{grid-template-columns:.75fr 1fr 3fr 3fr 2fr 2fr 1fr;align-items:center;gap:0 10px;width:100%;max-width:100%;display:grid;overflow:hidden visible}._song_grid_7se9a_1 ._grid-item_7se9a_14{flex-flow:row;justify-content:center;align-items:center;gap:5px}._gridHeader_7se9a_23{background-color:var(--main-content-background-color);text-align:center;cursor:pointer;text-wrap:nowrap;box-sizing:border-box;border-radius:5px;flex-direction:row;justify-content:center;align-items:center;min-height:52px;padding:10px;font-weight:700;display:flex}._completed_songs_grid_7se9a_40{grid-template-columns:3fr 3fr 2fr 2fr 1fr;align-items:center;gap:10px;display:grid;overflow-x:hidden}._completed_songs_grid_7se9a_40 ._grid-item_7se9a_14{flex-flow:row;justify-content:center;align-items:center;gap:5px}._completed_songs_grid_row_7se9a_56{grid-column:span 5;grid-template-columns:3fr 3fr 2fr 2fr 1fr;align-items:center;gap:10px;transition:background-color .2s;display:grid}._grid_row_7se9a_65{grid-column:span 7;grid-template-columns:.75fr 1fr 3fr 3fr 2fr 2fr 1fr;align-items:center;gap:10px;min-height:60px;padding:10px 0;transition:background-color .2s;display:grid;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{justify-content:flex-end;gap:10px;width:100%;margin-bottom:25px;display:flex}._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{box-sizing:border-box;word-wrap:break-word;text-align:center;justify-content:center;align-items:center;min-height:52px;padding:10px;display:flex}._drag_handle_container_7se9a_118{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;max-height:44px;display:flex;position:relative}._drag_icon_7se9a_129{color:var(--main-content-text-color);cursor:grab;font-size:14px}._mobile_arrows_7se9a_135{flex-direction:column;justify-content:center;gap:2px;height:100%;display:none}._mobile_arrow_button_7se9a_143{cursor:pointer;color:var(--main-content-text-color);background:0 0;border:none;border-radius:4px;flex:1;justify-content:center;align-items:center;min-height:24px;max-height:24px;padding:4px 6px;font-size:14px;line-height:1;transition:all .2s;display:flex}._mobile_arrow_button_7se9a_143:hover:not(:disabled){color:#007bff;background-color:#007bff1a}._mobile_arrow_button_7se9a_143:disabled{opacity:.3;cursor:not-allowed}._mobile_arrow_button_7se9a_143:active:not(:disabled){background-color:#007bff33;transform:scale(.95)}@media (width<=1200px){._hideOnMobile_7se9a_178{visibility:hidden}._grid_row_7se9a_65 ._grid-item_7se9a_14:first-child{cursor:grab;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;min-width:44px;min-height:44px;padding:12px}._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;transition:all .2s;transform:scale(1.05)}._grid_row_7se9a_65{min-height:64px;padding:12px 0}._grid_row_dragging_7se9a_78{background-color:#007bff26;border-radius:8px;transform:scale(1.02);box-shadow:0 4px 12px #00000026}}@media (width<=820px){._song_grid_7se9a_1{grid-template-columns:.75fr 4fr 3fr 2fr 2fr 1fr}._grid_row_7se9a_65{grid-column:span 6;grid-template-columns:.75fr 4fr 3fr 2fr 2fr 1fr}._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{overflow:hidden;justify-content:center!important;align-items:center!important;min-height:52px!important;max-height:52px!important;display:flex!important}._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{word-wrap:break-word;text-align:center;overflow:visible;justify-content:center!important;align-items:center!important;min-height:52px!important;display:flex!important}}@media (width<=725px){._gridHeader_7se9a_23{display:none!important}._song_grid_7se9a_1{grid-template-columns:1fr;gap:15px}._grid_row_7se9a_65{background-color:var(--main-content-card-background-color);box-shadow:0 2px 8px var(--shadow-color);border-radius:12px;grid-column:span 1;grid-template-rows:auto auto;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:8px;padding:12px;display:grid}._grid_row_7se9a_65>div:first-child{grid-area:1/1}._grid_row_7se9a_65>div:nth-child(3){grid-area:1/2}._grid_row_7se9a_65>div:nth-child(4){grid-area:1/3}._grid_row_7se9a_65>div:nth-child(5){grid-area:2/1}._grid_row_7se9a_65>div:nth-child(6){grid-area:2/2}._grid_row_7se9a_65>div:nth-child(7){grid-area:2/3}._grid_row_7se9a_65 ._grid-item_7se9a_14,._grid_row_7se9a_65 ._grid-item-frame_7se9a_106,._grid_row_7se9a_65>div{background-color:var(--main-content-background-color);min-height:44px;box-shadow:0 2px 4px var(--shadow-color);word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;text-align:center;border:1px solid #0000001a;border-radius:8px;justify-content:center;align-items:center;padding:8px 4px;font-size:14px;display:flex}._drag_handle_container_7se9a_118{min-height:44px;padding:2px}._mobile_arrow_button_7se9a_143{min-height:18px;max-height:18px;padding:2px 4px;font-size:12px}}@media (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]{visibility:hidden!important;width:0!important;height:0!important;display:none!important;position:absolute!important;left:-9999px!important;overflow:hidden!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}._grid_row_7se9a_65{background-color:var(--main-content-card-background-color);box-shadow:0 2px 8px var(--shadow-color);border-radius:12px;flex-direction:column;grid-column:span 1;gap:8px;margin-bottom:8px;padding:16px;display:flex}._grid_row_7se9a_65 ._grid-item_7se9a_14,._grid_row_7se9a_65>div{background-color:var(--main-content-background-color);min-height:40px;box-shadow:0 2px 4px var(--shadow-color);word-wrap:break-word;overflow-wrap:break-word;text-align:left;box-sizing:border-box;border:1px solid #0000001a;border-radius:8px;justify-content:flex-start;align-items:center;padding:12px;font-size:14px;display:flex;position:relative;width:100%!important}._grid_row_7se9a_65>div:first-child:before{content:"Move: ";margin-right:8px;font-weight:700}._grid_row_7se9a_65>div:nth-child(3):before{content:"Title: ";margin-right:8px;font-weight:700}._grid_row_7se9a_65>div:nth-child(4):before{content:"Artist: ";margin-right:8px;font-weight:700}._grid_row_7se9a_65>div:nth-child(5):before{content:"Requested: ";margin-right:8px;font-weight:700}._grid_row_7se9a_65>div:nth-child(6):before{content:"Donation: ";margin-right:8px;font-weight:700}._grid_row_7se9a_65>div:nth-child(7):before{content:"Action: ";margin-right:8px;font-weight:700}._drag_handle_container_7se9a_118{justify-content:center;min-height:40px;padding:4px}._completed_songs_grid_7se9a_40{flex-direction:column!important;grid:none!important;align-items:stretch!important;gap:12px!important;width:100%!important;display:flex!important;overflow-x:visible!important}._completed_songs_grid_row_7se9a_56{background-color:var(--main-content-card-background-color)!important;width:100%!important;box-shadow:0 2px 8px var(--shadow-color)!important;box-sizing:border-box!important;border-radius:12px!important;flex-direction:column!important;grid:none!important;grid-column:none!important;align-items:stretch!important;gap:8px!important;margin-bottom:8px!important;padding:16px!important;display:flex!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{background-color:var(--main-content-background-color)!important;word-wrap:break-word!important;text-align:left!important;box-sizing:border-box!important;border:1px solid #0000001a!important;border-radius:8px!important;flex-flow:row!important;flex:none!important;justify-content:flex-start!important;align-items:center!important;width:100%!important;min-width:100%!important;max-width:100%!important;min-height:40px!important;margin:0!important;padding:12px!important;font-size:14px!important;display:flex!important}._completed_songs_wrapper_7se9a_532{width:100%!important}._completed_songs_grid_row_7se9a_56>div:first-child:before{content:"Title: ";margin-right:8px;font-weight:700}._completed_songs_grid_row_7se9a_56>div:nth-child(2):before{content:"Artist: ";margin-right:8px;font-weight:700}._completed_songs_grid_row_7se9a_56>div:nth-child(3):before{content:"Requested: ";margin-right:8px;font-weight:700}._completed_songs_grid_row_7se9a_56>div:nth-child(4):before{content:"Donation: ";margin-right:8px;font-weight:700}._completed_songs_grid_row_7se9a_56>div:nth-child(5):before{content:"Status: ";margin-right:8px;font-weight:700}}.promotion-confirm-overlay{z-index:1000;background-color:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.promotion-confirm-modal{background-color:var(--main-content-card-background-color);border-radius:8px;outline:none;width:100%;max-width:500px;max-height:90vh;position:relative;overflow-y:auto;box-shadow:0 8px 32px #0003}.promotion-confirm-content{padding:0}.promotion-confirm-header{align-items:center;gap:12px;padding:24px 24px 0;display:flex;position:relative}.promotion-icon{background-color:var(--info-background-color);width:48px;height:48px;color:var(--info-text-color);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;display:flex}.promotion-confirm-header h3{color:var(--main-content-text-color);flex:1;margin:0;font-size:20px;font-weight:600}.modal-close-button{background-color:var(--input-background-color);width:32px;height:32px;color:var(--input-placeholder-color);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:14px;transition:all .2s;display:flex;position:absolute;top:24px;right:24px}.modal-close-button:hover:not(:disabled){background-color:var(--error-background-color);color:var(--error-text-color)}.modal-close-button:disabled{opacity:.5;cursor:not-allowed}.promotion-confirm-body{padding:24px}.user-info{background-color:var(--input-background-color);border:1px solid var(--input-border-color);border-radius:8px;align-items:center;gap:16px;margin-bottom:24px;padding:16px;display:flex}.user-info .user-avatar{flex-shrink:0;width:64px;height:64px}.user-info .avatar-image{object-fit:cover;border:2px solid var(--input-border-color);border-radius:50%;width:100%;height:100%}.user-info .avatar-placeholder{background-color:var(--main-content-card-background-color);border:2px solid var(--input-border-color);width:100%;height:100%;color:var(--input-placeholder-color);border-radius:50%;justify-content:center;align-items:center;font-size:24px;display:flex}.user-details{flex:1;min-width:0}.user-details h4{color:var(--main-content-text-color);white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:18px;font-weight:600;overflow:hidden}.user-details span{color:var(--input-placeholder-color);font-size:14px;font-style:italic}.promotion-message{margin-bottom:20px}.promotion-message h4{color:var(--main-content-text-color);margin:0 0 8px;font-size:16px;font-weight:600}.promotion-message p{color:var(--input-placeholder-color);margin:0;font-size:14px;line-height:1.5}.promotion-warning{background-color:var(--warning-background-color);color:var(--warning-text-color);border:1px solid var(--warning-border-color,transparent);border-radius:6px;margin-bottom:24px;padding:16px;font-size:14px;line-height:1.4}.promotion-warning strong{font-weight:600}.promotion-confirm-actions{border-top:1px solid var(--input-border-color);justify-content:flex-end;gap:12px;padding:20px 24px 24px;display:flex}.confirm-cancel-button{border:1px solid var(--input-border-color);background-color:var(--main-content-card-background-color);color:var(--main-content-text-color);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:12px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.confirm-cancel-button:hover:not(:disabled){background-color:var(--input-background-color);border-color:var(--input-active-border-color)}.confirm-cancel-button:disabled{opacity:.6;cursor:not-allowed}.confirm-button{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-width:140px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.confirm-button:disabled{opacity:.8;cursor:not-allowed}.confirm-button.member-confirm{background-color:var(--important-background-color);color:var(--important-text-color)}.confirm-button.member-confirm:hover:not(:disabled){background-color:var(--important-hover-background-color,#0042cc);transform:translateY(-1px)}.confirm-button.moderator-confirm{background-color:var(--info-background-color);color:var(--info-text-color)}.confirm-button.moderator-confirm:hover:not(:disabled){background-color:var(--info-hover-background-color,#1976d2);transform:translateY(-1px)}@media (width<=768px){.promotion-confirm-modal{max-width:none;margin:20px}.promotion-confirm-actions{flex-direction:column;gap:8px}.confirm-cancel-button,.confirm-button{justify-content:center;width:100%}}@media (width<=480px){.promotion-confirm-overlay{padding:10px}.promotion-confirm-header{flex-wrap:wrap;padding:20px 20px 0}.promotion-confirm-body{padding:20px}.promotion-confirm-actions{padding:0 20px 20px}.user-info{text-align:center;flex-direction:column;gap:12px}.user-info .user-avatar{width:80px;height:80px}.user-details h4{white-space:normal;text-align:center}.modal-close-button{margin-left:auto;position:relative;top:0;right:0}}.follower-actions{margin-top:16px}.follower-actions.promoting{opacity:.6}.follower-actions-error{background-color:var(--error-background-color);color:var(--error-text-color);border:1px solid var(--error-border-color,transparent);text-align:center;border-radius:4px;margin-bottom:12px;padding:8px 12px;font-size:13px}.action-buttons{flex-wrap:wrap;gap:8px;display:flex}.action-button{cursor:pointer;white-space:nowrap;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;min-width:0;padding:8px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.action-button:disabled{opacity:.6;cursor:not-allowed}.member-button{background-color:var(--important-background-color);color:var(--important-text-color);border:1px solid var(--important-background-color)}.member-button:hover:not(:disabled){background-color:var(--important-hover-background-color,#0042cc);transform:translateY(-1px)}.moderator-button{background-color:var(--info-background-color);color:var(--info-text-color);border:1px solid var(--info-background-color)}.moderator-button:hover:not(:disabled){background-color:var(--info-hover-background-color,#1976d2);transform:translateY(-1px)}.view-button{background-color:var(--main-content-card-background-color);color:var(--main-content-text-color);border:1px solid var(--input-border-color)}.view-button:hover:not(:disabled){background-color:var(--main-content-button-hover-background-color);border-color:var(--input-active-border-color);transform:translateY(-1px)}.promotion-status{background-color:var(--info-background-color);color:var(--info-text-color);border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:14px;font-weight:500;display:flex}.promotion-status .spin{animation:1s linear infinite spin}@media (width<=480px){.action-buttons{flex-direction:column;gap:6px}.action-button{flex:none;justify-content:center;padding:10px 12px;font-size:14px}.action-button span{display:none}.action-button svg{margin:0}}@media (width<=320px){.action-button{padding:8px 10px;font-size:12px}.promotion-status{padding:10px;font-size:13px}}.follower-card{background-color:var(--main-content-card-background-color);border:1px solid var(--input-border-color);border-radius:8px;padding:20px;transition:all .2s;position:relative}.follower-card:hover{border-color:var(--input-active-border-color);box-shadow:0 2px 8px var(--shadow-color)}.follower-card.promoting{opacity:.7;pointer-events:none}.follower-card-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.follower-avatar{flex-shrink:0;width:48px;height:48px;position:relative}.avatar-image{object-fit:cover;border:2px solid var(--input-border-color);border-radius:50%;width:100%;height:100%}.avatar-placeholder{background-color:var(--input-background-color);border:2px solid var(--input-border-color);width:100%;height:100%;color:var(--input-placeholder-color);border-radius:50%;justify-content:center;align-items:center;font-size:20px;display:flex}.activity-indicator{border:2px solid var(--main-content-card-background-color);border-radius:50%;width:12px;height:12px;position:absolute;bottom:2px;right:2px}.activity-indicator.active{background-color:#28a745}.follower-info{flex:1;min-width:0}.follower-name{color:var(--main-content-text-color);white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:16px;font-weight:600;overflow:hidden}.follower-username{color:var(--input-placeholder-color);font-size:14px;font-style:italic}.follower-details{margin-bottom:16px}.follower-detail-item{align-items:center;gap:8px;margin-bottom:8px;font-size:13px;display:flex}.follower-detail-item:last-child{margin-bottom:0}.detail-icon{color:var(--input-placeholder-color);flex-shrink:0;width:12px;font-size:12px}.detail-label{color:var(--input-placeholder-color);min-width:80px;font-weight:500}.detail-value{color:var(--main-content-text-color);font-weight:500}.social-accounts{flex-wrap:wrap;gap:4px;display:flex}.social-account{background-color:var(--input-background-color);border:1px solid var(--input-border-color);cursor:help;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;display:inline-flex}.follower-stats{background-color:var(--input-background-color);border-radius:6px;gap:16px;margin-bottom:16px;padding:12px;display:flex}.stat-item{text-align:center;flex-direction:column;flex:1;align-items:center;display:flex}.stat-value{color:var(--main-content-text-color);margin-bottom:2px;font-size:18px;font-weight:600}.stat-label{color:var(--input-placeholder-color);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:500}.follower-stats:empty{display:none}@media (width<=480px){.follower-card{padding:16px}.follower-card-header{gap:10px;margin-bottom:12px}.follower-avatar{width:40px;height:40px}.avatar-placeholder{font-size:16px}.follower-name{font-size:15px}.follower-username{font-size:13px}.follower-detail-item{gap:6px;font-size:12px}.detail-label{min-width:70px;font-size:12px}.follower-stats{gap:12px;padding:10px}.stat-value{font-size:16px}.stat-label{font-size:10px}}.followers-list-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 20px;display:flex}.followers-list-loading p{color:var(--main-content-text-color);margin:0;font-size:16px}.followers-list-empty{text-align:center;background-color:var(--main-content-card-background-color);border:2px dashed var(--input-border-color);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.followers-list-empty-icon{color:var(--input-placeholder-color);margin-bottom:20px;font-size:64px}.followers-list-empty p{color:var(--main-content-text-color);margin:0 0 8px;font-size:18px;font-weight:500}.followers-list-empty-hint{color:var(--input-placeholder-color);margin:0;font-size:14px}.followers-list{width:100%}.followers-list-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:24px;display:flex}.followers-list-header h3{color:var(--main-content-text-color);margin:0;font-size:20px;font-weight:600}.followers-count{color:var(--input-placeholder-color);font-size:14px;font-weight:500}.followers-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-bottom:32px;display:grid}.followers-pagination{border-top:1px solid var(--input-border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:32px;padding-top:20px;display:flex}.pagination-info{color:var(--input-placeholder-color);font-size:14px}.pagination-controls{align-items:center;gap:4px;display:flex}.pagination-button{border:1px solid var(--input-border-color);background-color:var(--main-content-card-background-color);width:36px;height:36px;color:var(--main-content-text-color);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;font-size:14px;font-weight:500;transition:all .2s;display:flex}.pagination-button:hover:not(:disabled){background-color:var(--main-content-button-hover-background-color);border-color:var(--input-active-border-color)}.pagination-button.active{background-color:var(--main-content-button-background-color);color:var(--main-content-button-text-color);border-color:var(--main-content-button-background-color)}.pagination-button:disabled{opacity:.5;cursor:not-allowed}@media (width<=768px){.followers-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.followers-pagination{flex-direction:column;align-items:center;gap:12px}.pagination-info{text-align:center;order:2}.pagination-controls{order:1}}@media (width<=480px){.followers-grid{grid-template-columns:1fr;gap:12px}.followers-list-header{flex-direction:column;align-items:flex-start;gap:8px}.followers-count{align-self:flex-end}.pagination-button{width:32px;height:32px;font-size:12px}}.band-followers-access-denied{text-align:center;background-color:var(--main-content-card-background-color);border:1px solid var(--input-border-color);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.band-followers-access-denied .access-denied-icon{color:var(--input-placeholder-color);margin-bottom:20px;font-size:64px}.band-followers-access-denied h2{color:var(--main-content-text-color);margin:0 0 12px;font-size:24px}.band-followers-access-denied p{color:var(--input-placeholder-color);margin:0 0 24px;font-size:16px}.band-followers-access-denied .access-denied-button{background-color:var(--main-content-button-background-color);color:var(--main-content-button-text-color);cursor:pointer;border:none;border-radius:6px;align-items:center;gap:8px;padding:12px 20px;font-size:16px;transition:background-color .2s;display:flex}.band-followers-access-denied .access-denied-button:hover{background-color:var(--main-content-button-hover-background-color)}.band-followers-controls{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:32px;display:flex}.followers-search-form{flex:1;gap:12px;max-width:500px;display:flex}.search-input-container{flex:1;position:relative}.search-input-container .search-icon{color:var(--input-placeholder-color);font-size:14px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.followers-search-input{border:1px solid var(--input-border-color);background-color:var(--input-background-color);width:100%;color:var(--input-text-color);box-sizing:border-box;border-radius:6px;padding:12px 16px 12px 36px;font-size:14px;transition:border-color .2s}.followers-search-input:focus{border-color:var(--input-active-border-color);outline:none;box-shadow:0 0 0 2px #007bff40}.search-button{background-color:var(--main-content-button-background-color);color:var(--main-content-button-text-color);cursor:pointer;white-space:nowrap;border:none;border-radius:6px;align-items:center;gap:6px;padding:12px 20px;font-size:14px;font-weight:500;transition:background-color .2s;display:flex}.search-button:hover{background-color:var(--main-content-button-hover-background-color)}.followers-sort-controls{flex-shrink:0;align-items:center;gap:8px;display:flex}.followers-sort-controls label{color:var(--main-content-text-color);white-space:nowrap;font-size:14px;font-weight:500}.sort-select{border:1px solid var(--input-border-color);background-color:var(--input-background-color);color:var(--input-text-color);cursor:pointer;border-radius:6px;min-width:200px;padding:8px 12px;font-size:14px}.sort-select:focus{border-color:var(--input-active-border-color);outline:none}.band-followers-error{background-color:var(--error-background-color);color:var(--error-text-color);border:1px solid var(--error-border-color,transparent);border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:16px;display:flex}.band-followers-error button{background-color:var(--error-text-color);color:var(--error-background-color);cursor:pointer;border:none;border-radius:4px;padding:6px 12px;font-size:13px;transition:opacity .2s}.band-followers-error button:hover{opacity:.9}@media (width<=768px){.band-followers-controls{flex-direction:column;align-items:stretch;gap:16px}.followers-search-form{max-width:none}.followers-sort-controls{flex-wrap:wrap;justify-content:space-between}.sort-select{min-width:150px}}@media (width<=480px){.followers-search-form{flex-direction:column}.search-button{justify-content:center}.followers-sort-controls{flex-direction:column;align-items:flex-start;gap:8px}.sort-select{width:100%;min-width:none}}.video-player{background-color:var(--main-content-background-color,#1a1a1a);width:100%;box-shadow:0 4px 12px var(--shadow-color,#0000004d);border-radius:8px;overflow:hidden}.video-player-container{aspect-ratio:16/9;background-color:#000;width:100%;position:relative}.video-placeholder{width:100%;height:100%;color:var(--text-primary-color,#fff);background:linear-gradient(135deg,#2d2d2d,#1a1a1a);justify-content:center;align-items:center;display:flex}.video-placeholder-content{text-align:center;opacity:.8}.video-placeholder-icon{color:var(--primary-color,#007bff);margin-bottom:16px;font-size:48px}.video-placeholder h3{margin:0 0 8px;font-size:24px;font-weight:600}.video-placeholder p{opacity:.7;margin:0;font-size:16px}.video-controls{opacity:0;background:linear-gradient(#0000,#000c);justify-content:space-between;align-items:center;padding:12px 16px;transition:opacity .3s;display:flex;position:absolute;bottom:0;left:0;right:0}.video-player-container:hover .video-controls{opacity:1}.video-controls-left,.video-controls-right{align-items:center;gap:12px;display:flex}.control-button{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:4px;justify-content:center;align-items:center;min-width:32px;height:32px;padding:8px;transition:all .2s;display:flex}.control-button:hover{background:#ffffff4d;transform:scale(1.05)}.control-button:active{transform:scale(.95)}.play-pause.playing{background:#0f03}.volume-control{align-items:center;gap:8px;display:flex}.volume-button.muted{background:#f003}.volume-slider{cursor:pointer;appearance:none;background:#ffffff4d;border-radius:2px;outline:none;width:80px;height:4px}.volume-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:12px;height:12px}.volume-slider::-moz-range-thumb{cursor:pointer;background:#fff;border:none;border-radius:50%;width:12px;height:12px}.video-player.loading{justify-content:center;align-items:center;display:flex}.video-player-loading{text-align:center;color:var(--text-primary-color,#fff)}.loading-spinner{color:var(--primary-color,#007bff);margin-bottom:16px;font-size:32px;animation:1s linear infinite spin}.video-player.error{justify-content:center;align-items:center;display:flex}.video-player-error{text-align:center;color:var(--text-primary-color,#fff);padding:20px}.video-player-error h3{color:#f44;margin:0 0 12px}.video-player-error p{opacity:.8;margin:0 0 16px}.retry-button{background:var(--primary-color,#007bff);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:8px 16px;transition:background-color .3s}.retry-button:hover{background:var(--primary-hover-color,#0056b3)}@media (width<=768px){.video-controls{padding:8px 12px}.control-button{min-width:28px;height:28px;padding:6px}.volume-slider{width:60px}.video-placeholder-icon{font-size:36px}.video-placeholder h3{font-size:20px}.video-placeholder p{font-size:14px}}.chat-sidebar{background-color:var(--main-content-background-color,#fff);border:1px solid var(--input-border-color,#ddd);width:300px;height:100%;box-shadow:0 2px 8px var(--shadow-color,#0000001a);border-radius:8px;flex-direction:column;transition:width .3s;display:flex;overflow:hidden}.chat-sidebar.collapsed{width:60px}.chat-header{border-bottom:1px solid var(--input-border-color,#eee);background-color:var(--page-color,#f8f9fa);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.chat-header-info{flex:1;align-items:center;gap:8px;display:flex}.chat-icon{color:var(--primary-color,#007bff);font-size:16px}.chat-title{color:var(--text-primary-color,#333);font-weight:600}.chat-connection-status{color:var(--text-secondary-color,#666);align-items:center;gap:6px;margin-left:8px;font-size:11px;display:inline-flex}.chat-connection-status .connection-dot{font-size:8px}.chat-connection-status--connected .connection-dot{color:#2e8b57}.chat-connection-status--reconnecting .connection-dot,.chat-connection-status--polling .connection-dot{color:#d48806}.chat-connection-status--disconnected .connection-dot,.chat-connection-status--connecting .connection-dot{color:#b42318}.viewer-count{color:var(--text-secondary-color,#666);align-items:center;gap:4px;margin-left:auto;font-size:12px;display:flex}.users-icon{font-size:10px}.chat-toggle-button{color:var(--text-secondary-color,#666);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:background-color .2s}.chat-toggle-button:hover{background-color:var(--input-border-color,#e9ecef)}.collapsed .chat-header-info .chat-title,.collapsed .chat-header-info .viewer-count{display:none}.chat-messages{flex:1;padding:8px 0;overflow-y:auto}.chat-messages-container{flex-direction:column;gap:8px;padding:0 16px;display:flex}.chat-message{background-color:var(--input-background-color,#f8f9fa);border-radius:8px;padding:8px 12px;font-size:14px;position:relative}.message-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.message-username{color:var(--primary-color,#007bff);font-size:12px;font-weight:600}.message-timestamp{color:var(--text-secondary-color,#666);font-size:10px}.message-content{color:var(--text-primary-color,#333);line-height:1.4}.chat-delete-button{color:var(--text-secondary-color,#666);cursor:pointer;background:0 0;border:none;padding:2px;position:absolute;top:8px;right:8px}.chat-delete-button:hover{color:#b42318}.chat-empty{text-align:center;color:var(--text-secondary-color,#666);padding:8px;font-size:13px}.chat-typing-indicator{color:var(--text-secondary-color,#666);padding:2px 4px;font-size:12px}.chat-input-form{border-top:1px solid var(--input-border-color,#eee);padding:12px 16px}.chat-input-container{align-items:center;gap:8px;display:flex}.chat-input{border:1px solid var(--input-border-color,#ddd);background-color:var(--input-background-color,#fff);color:var(--input-text-color,#333);border-radius:20px;outline:none;flex:1;padding:8px 12px;font-size:14px;transition:border-color .3s}.chat-input:focus{border-color:var(--input-active-border-color,#007bff)}.chat-send-button{background:var(--chat-send-button-bg,var(--logo-top-color,#27cdcf));color:var(--chat-send-button-text,#111);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;min-width:36px;height:36px;padding:8px 12px;transition:all .2s;display:flex}.chat-send-button:hover:not(:disabled){background:var(--chat-send-button-hover-bg,var(--logo-bottom-color,#20a8aa));color:var(--chat-send-button-hover-text,#111);transform:scale(1.05)}.chat-send-button:disabled{background:var(--text-secondary-color,#ccc);cursor:default}.chat-footer{background-color:var(--page-color,#f8f9fa);border-top:1px solid var(--input-border-color,#eee);padding:8px 16px}.chat-disclaimer{color:var(--text-secondary-color,#666);text-align:center;margin:0;font-size:11px;font-style:italic}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:var(--input-background-color,#f1f1f1);border-radius:3px}.chat-messages::-webkit-scrollbar-thumb{background:var(--text-secondary-color,#c1c1c1);border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:var(--text-primary-color,#a8a8a8)}@media (width<=768px){.chat-sidebar{border-radius:8px 8px 0 0;width:100%;height:200px;position:relative}.chat-sidebar.collapsed{width:100%;height:50px}.chat-messages{max-height:120px}.chat-input{font-size:16px}}.chat-message{animation:.3s ease-out fadeInSlide}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stream-info{background-color:var(--main-content-background-color,#fff);border:1px solid var(--input-border-color,#ddd);box-shadow:0 2px 4px var(--shadow-color,#0000001a);border-radius:8px;padding:16px}.stream-info-content{flex-direction:column;display:flex}.stream-band-header{border-bottom:1px solid var(--input-border-color,#eee);justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;padding-bottom:12px;display:flex}.stream-band-avatar .band-profile-image{object-fit:cover;border-radius:50%;flex-shrink:0;width:60px;height:60px}.stream-band-avatar .band-profile-image.default-avatar{color:var(--text-secondary-color,#666);font-size:60px}.stream-band-identity{flex-direction:column;flex:1;gap:6px;display:flex}.stream-band-name{color:var(--text-primary-color,#333);margin:0;font-size:16px;font-weight:600}.stream-band-identity .members-list{background-color:#0000;border:none;max-height:none;padding:0;overflow:visible}.stream-band-name-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.stream-title{color:var(--text-primary-color,#333);margin:0;font-size:20px;font-weight:600;line-height:1.3}.stream-stats{flex-shrink:0;align-items:center;gap:16px;display:flex}.stream-stat{color:var(--text-secondary-color,#666);align-items:center;gap:4px;font-size:12px;display:flex}.stat-icon{font-size:12px}.stat-value{color:var(--text-primary-color,#333);font-weight:600}.stat-label{opacity:.8;font-size:11px}.stream-description{color:var(--text-secondary-color,#666);margin:0;font-size:14px;line-height:1.5}.connection-status{opacity:.75;font-style:italic}.connection-status--reconnecting{color:var(--warning-background-color,#e08800)}.connection-status--polling{color:var(--warning-background-color,#d07000)}.connection-status--disconnected{color:var(--error-background-color,#c33)}@media (width<=768px){.stream-info{margin-bottom:12px;padding:12px}.stream-band-name-row{flex-direction:column;align-items:flex-start;gap:6px}.stream-title{font-size:18px}.stream-description{font-size:13px}}@media (width<=480px){.stream-stats{gap:8px}.stream-stat{font-size:11px}.stat-label{display:none}}.band-info{background-color:var(--main-content-background-color,#fff);border:1px solid var(--input-border-color,#ddd);box-shadow:0 2px 4px var(--shadow-color,#0000001a);border-radius:8px;padding:16px}.band-info.loading{justify-content:center;align-items:center;min-height:200px;display:flex}.band-info-loading{text-align:center;color:var(--text-secondary-color,#666);font-style:italic}.band-info-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.band-avatar{flex-shrink:0}.band-profile-image{object-fit:cover;border-radius:50%;width:60px;height:60px}.band-profile-image.default-avatar{color:var(--text-secondary-color,#666);font-size:60px}.band-basic-info{flex:1}.band-name{color:var(--text-primary-color,#333);margin:0 0 8px;font-size:18px;font-weight:600}.band-detail{color:var(--text-secondary-color,#666);align-items:center;gap:6px;margin-bottom:4px;font-size:14px;display:flex}.detail-icon{color:var(--primary-color,#007bff);flex-shrink:0;font-size:12px}.band-link{color:var(--primary-color,#007bff);text-decoration:none;transition:color .3s}.band-link:hover{color:var(--primary-hover-color,#0056b3);text-decoration:underline}.band-description{border-bottom:1px solid var(--input-border-color,#eee);margin-bottom:16px;padding-bottom:16px}.band-description p{color:var(--text-primary-color,#333);margin:0;font-size:14px;line-height:1.5}.band-details,.band-social-media{margin-bottom:16px}.social-title,.members-title{color:var(--text-primary-color,#333);margin:0 0 8px;font-size:14px;font-weight:600}.social-links{flex-wrap:wrap;gap:8px;display:flex}.social-link{background-color:var(--input-background-color,#f8f9fa);color:var(--primary-color,#007bff);border:1px solid var(--input-border-color,#ddd);border-radius:12px;padding:4px 8px;font-size:12px;text-decoration:none;transition:all .3s;display:inline-block}.social-link:hover{background-color:var(--primary-color,#007bff);color:#fff;transform:translateY(-1px)}.band-members{border-top:1px solid var(--input-border-color,#eee);padding-top:16px}.members-list{flex-wrap:wrap;gap:12px;display:flex}.band-member{background-color:var(--input-background-color,#f8f9fa);border:1px solid var(--input-border-color,#ddd);border-radius:16px;align-items:center;gap:6px;width:fit-content;padding:6px 10px;display:flex}.member-profile-image{object-fit:cover;border-radius:50%;width:24px;height:24px}.member-profile-image.default-avatar{color:var(--text-secondary-color,#666);font-size:24px}.member-username{color:var(--text-primary-color,#333);font-size:12px;font-weight:500}@media (width<=768px){.band-info{padding:12px}.band-info-header{gap:10px;margin-bottom:12px}.band-profile-image{width:50px;height:50px}.band-profile-image.default-avatar{font-size:50px}.band-name{font-size:16px}.band-detail,.band-description p{font-size:13px}.members-list{gap:8px}.band-member{padding:4px 8px}}@media (width<=480px){.band-info-header{text-align:left;flex-direction:column;align-items:flex-start}.social-links{justify-content:flex-start}.members-list{flex-direction:column;align-items:flex-start}}.stream-page{box-sizing:border-box;flex-direction:column;width:100%;max-width:none;margin:0 auto;padding-top:10px;font-family:Arial,sans-serif;display:flex;overflow-x:hidden}.stream-page-header{box-sizing:border-box;width:100%}.stream-page-wrapper{box-sizing:border-box;flex-direction:column;flex:1;width:100%;min-height:0;display:flex}.stream-page-container{box-sizing:border-box;width:100%;color:var(--main-content-text-color);background-color:var(--page-color);box-shadow:0 4px 8px var(--shadow-color);border-radius:20px;flex-direction:row;flex:1;align-items:stretch;gap:16px;min-height:70%;padding:10px;display:flex;overflow:visible}.stream-video-section{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.stream-video-section .video-player-container{width:min(100%,177.778vh - 568.889px);margin:0 auto}.stream-chat-section{flex-shrink:0}.stream-page-loading{flex:1;justify-content:center;align-items:center;min-height:400px;display:flex}.loading-content{text-align:center;color:var(--text-secondary-color,#666)}.loading-content h2{color:var(--text-primary-color,#333);margin:0 0 8px}.loading-content p{margin:0;font-style:italic}.stream-page-error{flex:1;justify-content:center;align-items:center;min-height:400px;display:flex}.error-content{text-align:center;color:var(--text-secondary-color,#666);max-width:400px}.error-content h2{color:#f44;margin:0 0 12px}.error-content p{margin:0 0 20px;line-height:1.5}@media (width<=1024px){.stream-page-container{flex-direction:column}.stream-chat-section{width:100%}}@media (width<=768px){.stream-page-container{gap:12px;padding:12px}}@media (width<=480px){.stream-page-container{gap:8px;padding:8px}}.stream-page-container{animation:.5s ease-out fadeIn}.back-button:focus{outline:2px solid var(--primary-color,#007bff);outline-offset:2px}@media (prefers-contrast:high){.stream-page-container{border:1px solid}}.streamer-dashboard{box-sizing:border-box;width:100%;max-width:none;color:var(--main-content-text-color);flex-direction:column;height:calc(100vh - 60px);margin:0 auto;padding-top:10px;font-family:Arial,sans-serif;display:flex;overflow-y:hidden}.streamer-dashboard-header{box-sizing:border-box;width:100%}.streamer-dashboard-loading,.streamer-dashboard-error{min-height:300px;color:var(--text-secondary-color,#666);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;font-size:1rem;display:flex}.streamer-tab-bar{background-color:var(--main-content-card-background-color,#f5f5f5);border-bottom:1px solid var(--input-border-color,#ddd);display:none}.tab-btn{cursor:pointer;color:var(--text-secondary-color,#666);background:0 0;border:none;border-bottom:3px solid #0000;flex-direction:column;flex:1;align-items:center;gap:2px;padding:10px 4px;font-size:.7rem;transition:color .15s,border-color .15s;display:flex}.tab-btn svg{font-size:18px}.tab-btn.active{color:var(--logo-top-color,#27cdcf);border-bottom-color:var(--logo-top-color,#27cdcf)}.streamer-dashboard-grid{box-sizing:border-box;background-color:var(--page-color,#fff);box-shadow:0 4px 8px var(--shadow-color,#0000001a);color:var(--main-content-text-color);border-radius:20px;flex:1;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,280px) minmax(240px,1fr) minmax(240px,300px);align-items:start;gap:12px;min-height:0;margin:10px 0 15px;padding:15px;display:grid;overflow:hidden}.streamer-panel{background-color:var(--page-color,#fff);border:1px solid var(--input-border-color,#ddd);box-shadow:0 2px 6px var(--shadow-color,#00000014);border-radius:12px;min-height:0;overflow:hidden}.streamer-now-playing-row{grid-area:1/1/auto/-1}.streamer-now-playing-details-row{grid-area:2/2/4;align-self:stretch}.streamer-now-playing-wrapper{flex-direction:column;gap:6px;display:flex}.streamer-now-playing{background-color:var(--main-content-card-background-color,#f5f5f5);border:1px solid var(--input-border-color,#ddd);border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;font-size:.9rem;display:flex}.streamer-preview-actions{justify-content:stretch;padding:10px;display:flex}.now-playing-icon{color:var(--logo-top-color,#27cdcf);flex-shrink:0}.now-playing-label{color:var(--text-secondary-color,#666);white-space:nowrap;font-weight:600}.now-playing-title{color:var(--main-content-text-color);font-weight:700}.now-playing-artist{color:var(--text-secondary-color,#666)}.now-playing-release{color:var(--main-content-text-color);background-color:var(--input-border-color,#ddd);white-space:nowrap;border-radius:4px;padding:2px 7px;font-size:.82rem;font-weight:600}.now-playing-requested{color:var(--text-secondary-color,#999);text-align:center;flex:1;justify-content:center;align-items:center;gap:5px;font-size:.8rem;font-style:italic;display:inline-flex}.now-playing-request-msg,.now-playing-empty{color:var(--text-secondary-color,#999);font-style:italic}.now-playing-controls{flex-wrap:nowrap;flex-shrink:0;gap:8px;margin-left:auto;display:flex}.np-control-btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;font-weight:600;transition:background-color .15s,transform .1s;display:inline-flex}.np-control-btn:active{transform:scale(.97)}.np-played-btn{color:var(--main-content-button-text-color);background-color:#2ecc71}.np-played-btn:hover{background-color:#27ae60}.np-skip-btn{background-color:var(--main-content-button-background-color,#27cdcf);color:var(--main-content-button-text-color,#000)}.np-skip-btn:hover{background-color:var(--main-content-button-hover-background-color,#20a8aa)}.np-end-stream-btn{background-color:var(--main-content-button-background-color);color:var(--main-content-button-text-color);box-sizing:border-box;border-radius:8px;justify-content:center;width:100%;padding:10px 16px}.np-end-stream-btn:hover{background-color:var(--main-content-button-hover-background-color);color:var(--main-content-button-hover-text-color)}.now-playing-details{background-color:var(--main-content-card-background-color,#f5f5f5);border:1px solid var(--input-border-color,#ddd);box-sizing:border-box;border-radius:10px;flex-direction:column;gap:8px;height:100%;min-height:0;padding:10px 14px;display:flex;overflow:hidden}.now-playing-meta{flex-wrap:wrap;gap:8px;display:flex}.now-playing-chip{border:1px solid var(--input-border-color,#ddd);border-radius:6px;align-items:center;gap:0;font-size:.82rem;display:inline-flex;overflow:hidden}.chip-label{background-color:var(--input-border-color,#ddd);color:var(--text-secondary-color,#555);white-space:nowrap;padding:3px 8px;font-weight:600}.chip-value{color:var(--main-content-text-color);background-color:var(--page-color,#fff);padding:3px 10px;font-family:monospace}.now-playing-section{flex-direction:column;gap:4px;display:flex}.now-playing-section--lyrics{flex:1;min-height:0}.section-label{color:var(--text-secondary-color,#666);text-transform:uppercase;letter-spacing:.05em;font-size:.78rem;font-weight:600}.notes-text{color:var(--main-content-text-color);margin:0;font-size:.88rem;font-style:italic;line-height:1.5}.lyrics-text{color:var(--main-content-text-color);white-space:pre-wrap;background-color:var(--page-color,#fff);border:1px solid var(--input-border-color,#ddd);border-radius:6px;flex:1;min-height:0;margin:0;padding:10px 12px;font-family:inherit;font-size:.88rem;line-height:1.6;overflow-y:auto}.tabs-text{color:var(--main-content-text-color);white-space:pre;background-color:var(--page-color,#fff);border:1px solid var(--input-border-color,#ddd);border-radius:6px;margin:0;padding:8px;font-family:monospace;font-size:.82rem;line-height:1.6;overflow-x:auto}.streamer-panel--preview{flex-direction:column;align-self:end;display:flex}.streamer-preview-panel{flex-direction:column;height:100%;display:flex}.streamer-video-wrapper{flex-shrink:0;width:100%}.streamer-metrics-bar{border-top:1px solid var(--input-border-color,#ddd);border-bottom:1px solid var(--input-border-color,#ddd);background-color:var(--main-content-card-background-color,#f8f8f8);flex-wrap:wrap;align-items:center;gap:16px;padding:10px 14px;display:flex}.metric-item{color:var(--text-secondary-color,#666);align-items:center;gap:5px;font-size:.85rem;display:flex}.metric-icon{font-size:13px}.metric-value{color:var(--main-content-text-color);font-weight:700}.metric-label{opacity:.75;font-size:.75rem}.live-indicator{margin-left:auto}.live-dot{background-color:var(--text-secondary-color,#999);border-radius:50%;flex-shrink:0;width:8px;height:8px}.live-indicator.live .live-dot{background-color:#e53935;animation:1.4s ease-in-out infinite blink-dot;box-shadow:0 0 6px #e53935}.live-indicator.live .metric-value{color:#e53935}@keyframes blink-dot{0%,to{opacity:1}50%{opacity:.3}}.streamer-donations{border-top:1px solid var(--input-border-color,#ddd);padding:10px 14px}.donations-header{align-items:center;gap:7px;margin-bottom:8px;display:flex}.donations-icon{color:#4caf50;flex-shrink:0;font-size:14px}.donations-title{color:var(--main-content-text-color);flex:1;font-size:.85rem;font-weight:600}.donations-total{color:#4caf50;font-size:.8rem;font-weight:700}.donations-empty{color:var(--text-secondary-color,#888);font-size:.8rem;font-style:italic}.donations-columns{gap:12px;display:flex}.donations-column{flex:1;min-width:0}.donations-column-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary-color,#888);margin-bottom:4px;font-size:.72rem;font-weight:700}.donation-row{border-bottom:1px solid var(--input-border-color,#eee);justify-content:space-between;align-items:baseline;gap:4px;padding:2px 0;font-size:.8rem;display:flex}.donation-row:last-child{border-bottom:none}.donation-donor{color:var(--main-content-text-color);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-weight:600;overflow:hidden}.donation-amount{color:#4caf50;flex-shrink:0;font-weight:700}.streamer-panel--queue{flex-direction:column;align-self:stretch;height:100%;max-height:none;display:flex}.streamer-queue-panel{flex-direction:column;height:100%;display:flex}.panel-header{border-bottom:1px solid var(--input-border-color,#ddd);background-color:var(--main-content-card-background-color,#f8f8f8);align-items:center;gap:8px;padding:12px 14px;display:flex}.panel-header-icon{color:var(--logo-top-color,#27cdcf);font-size:14px}.panel-title{color:var(--main-content-text-color);flex:1;margin:0;font-size:.95rem;font-weight:600}.queue-count{color:var(--text-secondary-color,#888);background-color:var(--input-background-color,#eee);border-radius:12px;padding:2px 8px;font-size:.75rem}.queue-list{flex:1;min-height:240px;padding:8px 0;overflow-y:auto}.queue-item{border-bottom:1px solid var(--input-border-color,#f0f0f0);align-items:center;gap:10px;padding:10px 14px;transition:background-color .1s;display:flex}.queue-item:last-child{border-bottom:none}.queue-item--playing{background-color:color-mix(in srgb, var(--logo-top-color,#27cdcf) 10%, transparent)}.queue-item--playing .queue-song-title{color:var(--logo-top-color,#27cdcf);font-weight:700}.queue-position{text-align:center;width:24px;color:var(--text-secondary-color,#999);flex-shrink:0;font-size:.75rem}.playing-icon{color:var(--logo-top-color,#27cdcf);font-size:12px;animation:1.2s ease-in-out infinite pulse-play}@keyframes pulse-play{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}.queue-song-info{flex-direction:column;flex:1;min-width:0;display:flex}.queue-song-title{color:var(--main-content-text-color);white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:600;overflow:hidden}.queue-song-artist{color:var(--text-secondary-color,#888);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.queue-requested-by{color:var(--text-secondary-color,#aaa);white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;max-width:80px;font-size:.72rem;overflow:hidden}.queue-reorder-controls{flex-direction:column;flex-shrink:0;gap:3px;margin-left:4px;display:flex}.queue-reorder-btn{border:1px solid var(--input-border-color,#cfcfcf);background:var(--main-content-button-background-color);width:22px;height:18px;color:var(--main-content-button-text-color,#444);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.queue-reorder-btn:hover:not(:disabled){background:var(--main-content-button-hover-background-color);color:var(--main-content-button-hover-text-color);border-color:#0000}.queue-reorder-btn:disabled{opacity:.35;cursor:not-allowed}.add-to-queue-btn{background-color:var(--main-content-button-background-color,#27cdcf);color:var(--main-content-button-text-color,#000);cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;margin:10px 14px;padding:10px;font-size:.88rem;font-weight:600;transition:background-color .15s;display:flex}.add-to-queue-btn:hover:not(:disabled){background-color:var(--main-content-button-hover-background-color,#20a8aa);color:var(--main-content-button-hover-text-color,#000)}.add-to-queue-btn:disabled{opacity:.45;cursor:not-allowed}.played-section{border-top:2px solid var(--input-border-color,#ddd);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.played-section-header{background-color:var(--main-content-card-background-color,#f8f8f8);align-items:center;gap:7px;padding:8px 14px;display:flex}.played-section-icon{color:var(--text-secondary-color,#aaa);flex-shrink:0;font-size:13px}.played-section-title{color:var(--text-secondary-color,#888);text-transform:uppercase;letter-spacing:.05em;flex:1;font-size:.8rem;font-weight:600}.played-section-count{color:var(--text-secondary-color,#aaa);background-color:var(--input-background-color,#eee);border-radius:12px;padding:1px 7px;font-size:.72rem}.played-list{flex:1;min-height:0;overflow-y:auto}.played-item{border-bottom:1px solid var(--input-border-color,#f0f0f0);opacity:.65;align-items:center;gap:8px;padding:7px 14px;display:flex}.played-item:last-child{border-bottom:none}.requeue-btn{border:1px solid var(--input-border-color,#ccc);color:var(--text-secondary-color,#666);cursor:pointer;white-space:nowrap;background:0 0;border-radius:5px;flex-shrink:0;padding:3px 9px;font-size:.72rem;font-weight:600;transition:background-color .15s,color .15s}.requeue-btn:hover{background-color:var(--main-content-button-background-color,#27cdcf);color:var(--main-content-button-text-color,#000);opacity:1;border-color:#0000}.streamer-panel--chat{flex-direction:column;align-self:stretch;display:flex}.streamer-panel--chat .chat-sidebar{box-shadow:none;border:none;border-radius:0;height:100%}@media (width<=1100px){.streamer-dashboard-grid{grid-template-rows:auto auto;grid-template-columns:1fr 1fr}.streamer-panel--preview{grid-column:1/-1}.streamer-panel--queue,.streamer-panel--chat{max-height:60vh}}@media (width<=768px){.streamer-tab-bar{display:flex}.streamer-dashboard-grid{grid-template-rows:1fr;grid-template-columns:1fr;gap:0;margin:8px;padding:8px}.streamer-panel{max-height:none;display:none}.streamer-panel.tab-active{flex-direction:column;display:flex}}@media (width<=480px){.streamer-dashboard-grid{margin:6px;padding:6px}.streamer-metrics-bar{gap:10px}}.tab-btn:focus-visible{outline:2px solid var(--input-active-border-color,#007bff);outline-offset:2px}