.intro-page{text-align:center;color:var(--slogan-color);font-family:var(--token-font-body);padding:20px}.slogan{font-size:var(--token-font-size-lg);font-family:var(--token-font-display);margin-bottom:50px;display:block}.login-button-container{border-radius:var(--token-radius-pill)}.login-button{color:var(--login-button-text-color);border-radius:var(--token-radius-pill);background-color:var(--login-button-background-color);cursor:pointer;transition:background-color var(--token-transition-base), transform var(--token-transition-base);box-shadow:0 4px 6px var(--shadow-color);border:none;gap:10px;padding:0 15px 0 0;font-size:20px}.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);border-radius:var(--token-radius-pill);float:left;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);height:100vh;font-family:var(--token-font-body);justify-content:center;align-items:center;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{font-family:var(--token-font-display);color:var(--text-primary-color);margin-bottom:14px;font-size:24px}.oauth-dot-loader{margin:0 auto 18px}.oauth-page p{color:var(--text-primary-color);font-size:18px}.five-dot-loader{justify-content:center;align-items:center;gap:16px;line-height:0;display:flex}.five-dot-loader-dot{border-radius:9999px;flex:none;display:block}.five-dot-loader .dot-1,.five-dot-loader .dot-5{background-color:#ebcac2;width:12px;height:12px}.five-dot-loader .dot-2,.five-dot-loader .dot-4{background-color:#862730;width:18px;height:18px}.five-dot-loader .dot-3{background-color:#f33;width:32px;height:32px}.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 auto}.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){.profile-page{align-items:stretch}.profile-page-featured-area{flex:none;min-height:auto;padding:12px}.profile-page-content,.social-accounts-section{padding:16px}.social-account-item{flex-direction:column;align-items:stretch;gap:15px}.social-account-info{justify-content:flex-start}.social-account-actions{justify-content:center}}@media (width<=480px){.profile-page-featured-area{border-radius:16px;padding:10px}.profile-page-content{border-radius:16px;padding:12px}.social-accounts-section{padding:12px}.profile-form{gap:20px}}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-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}.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)}@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)}}@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}.ssl-import-page{background-color:var(--background);justify-content:center;align-items:center;height:100vh;display:flex}.ssl-import-page-content{text-align:center;background-color:var(--page-color);box-shadow:0 4px 8px var(--shadow-color);border-radius:10px;padding:40px}.ssl-import-page h1{color:var(--text-primary-color);margin-bottom:14px;font-size:24px}.ssl-import-dot-loader{margin:0 auto 18px}.ssl-import-page p{color:var(--text-primary-color);font-size:18px}.tip-modal-backdrop{z-index:1100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-sizing:border-box;background:#04040cc2;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.tip-modal-panel{background:var(--main-content-background-color);border:1px solid #ffffff1f;border-radius:20px;flex-direction:column;gap:20px;width:100%;max-width:420px;padding:28px 24px 24px;display:flex;position:relative;box-shadow:0 28px 64px #04040cb8}.tip-modal-close{color:var(--text-secondary-color);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:22px;line-height:1;transition:color .16s,background .16s;position:absolute;top:14px;right:16px}.tip-modal-close:hover{color:var(--main-content-text-color);background:#ffffff14}.tip-modal-header{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.tip-modal-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--premium-value-accent,#a78bfa);background:color-mix(in srgb, var(--premium-value-accent,#a78bfa) 14%, transparent);border:1px solid #ffffff24;border-radius:999px;padding:3px 12px;font-weight:700;display:inline-flex}.tip-modal-title{color:var(--main-content-text-color);margin:0;font-weight:700}.tip-modal-step{flex-direction:column;gap:14px;display:flex}.tip-modal-step--success{text-align:center;align-items:center}.tip-modal-copy{color:var(--text-secondary-color);margin:0;line-height:1.55}.tip-modal-amounts{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.tip-modal-amount-btn{appearance:none;min-height:42px;color:var(--main-content-text-color);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;font-weight:700;transition:background .16s,border-color .16s,color .16s,transform .16s,box-shadow .16s;display:flex}.tip-modal-amount-btn:hover{background:#ffffff1f;border-color:#fff3;transform:translateY(-1px)}.tip-modal-amount-btn.active{background:color-mix(in srgb, var(--premium-value-accent,#a78bfa) 18%, transparent);border-color:color-mix(in srgb, var(--premium-value-accent,#a78bfa) 55%, #ffffff1a);color:var(--premium-value-accent,#a78bfa);box-shadow:0 4px 14px color-mix(in srgb, var(--premium-value-accent,#a78bfa) 18%, transparent)}.tip-modal-custom-row{background:var(--main-content-card-background-color);border:1px solid #ffffff24;border-radius:10px;align-items:center;gap:8px;padding:0 12px;display:flex}.tip-modal-currency{color:var(--text-secondary-color);font-size:16px;font-weight:700}.tip-modal-custom-input{color:var(--main-content-text-color);background:0 0;border:none;outline:none;flex:1;padding:10px 0;font-size:16px;font-weight:700}.tip-modal-custom-input::placeholder{color:#ffffff4d;font-weight:400}.tip-modal-methods{flex-direction:column;gap:8px;display:flex}.tip-modal-method-btn{appearance:none;color:var(--main-content-text-color);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;padding:12px 16px;font-weight:700;transition:background .16s,border-color .16s,transform .16s;display:flex}.tip-modal-method-btn:hover{background:#ffffff1f;border-color:#fff3;transform:translate(2px)}.tip-modal-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.tip-modal-actions--centered{justify-content:center}.tip-modal-cancel{color:var(--text-secondary-color);cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:999px;padding:10px 20px;font-weight:600;transition:all .16s}.tip-modal-cancel:hover{color:var(--main-content-text-color);border-color:#ffffff38}.tip-modal-continue,.tip-modal-submit{background:var(--main-content-button-background-color,#a78bfa);color:#1a1a2e;cursor:pointer;white-space:nowrap;border:none;border-radius:999px;padding:10px 24px;font-weight:700;transition:filter .16s,transform .16s}.tip-modal-continue:hover:not(:disabled),.tip-modal-submit:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-1px)}.tip-modal-continue:disabled,.tip-modal-submit:disabled{opacity:.45;cursor:not-allowed}.tip-modal-zelle-info{color:var(--text-secondary-color);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;gap:4px;padding:12px 16px;display:flex}.tip-modal-zelle-value{color:var(--main-content-text-color);word-break:break-all;font-size:15px}.tip-modal-error{color:#f87171;background:#ef44441f;border:1px solid #ef44444d;border-radius:10px;padding:10px 14px;font-weight:600;line-height:1.45}.tip-modal-success-icon{font-size:40px;line-height:1}@media (width<=480px){.tip-modal-panel{padding:22px 16px 20px}.tip-modal-amounts{grid-template-columns:repeat(3,minmax(0,1fr))}}.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}._backdrop_1c4l4_1{z-index:1100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-sizing:border-box;background:#04040cc2;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}._panel_1c4l4_14{background:var(--main-content-background-color);border:1px solid var(--token-color-border-subtle,#ffffff24);border-radius:var(--token-radius-lg,24px);flex-direction:column;gap:20px;width:100%;max-width:440px;padding:28px 24px 24px;display:flex;position:relative;box-shadow:0 28px 64px #04040cb8}._closeBtn_1c4l4_28{color:var(--text-secondary-color);cursor:pointer;border-radius:var(--token-radius-sm,8px);transition:color var(--token-transition-fast,.15s ease), background var(--token-transition-fast,.15s ease);background:0 0;border:none;padding:4px 8px;font-size:22px;line-height:1;position:absolute;top:14px;right:16px}._closeBtn_1c4l4_28:hover{color:var(--main-content-text-color);background:#ffffff14}._header_1c4l4_48{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}._kicker_1c4l4_56{border:1px solid var(--token-color-border-subtle,#ffffff24);border-radius:var(--token-radius-pill,9999px);font-weight:var(--token-font-weight-bold,700);font-size:var(--token-font-size-xs,.75rem);letter-spacing:.08em;text-transform:uppercase;color:var(--token-color-brand-primary,#e45a70);background:#e45a701f;background:color-mix(in srgb, var(--token-color-brand-primary,#e45a70) 12%, transparent);padding:3px 12px;display:inline-flex}._title_1c4l4_70{color:var(--main-content-text-color);font-weight:var(--token-font-weight-bold,700);font-size:var(--token-font-size-xl,1.5rem);margin:0}._subtitle_1c4l4_77{color:var(--text-secondary-color);font-size:var(--token-font-size-sm,.875rem);line-height:var(--token-line-height-base,1.5);max-width:320px;margin:0}._body_1c4l4_85{flex-direction:column;gap:12px;display:flex}._providerList_1c4l4_91{flex-direction:column;gap:10px;display:flex}._providerBtn_1c4l4_97{border-radius:var(--token-radius-md,16px);border:1px solid var(--token-color-border-subtle,#ffffff24);width:100%;color:var(--main-content-text-color);cursor:pointer;transition:background var(--token-transition-fast,.15s ease), border-color var(--token-transition-fast,.15s ease), transform var(--token-transition-fast,.15s ease);text-align:left;background:#ffffff0d;align-items:center;gap:12px;padding:14px 16px;display:flex}._providerBtn_1c4l4_97:hover:not(:disabled){background:var(--token-color-overlay-hover,#e45a701f);border-color:#e45a708a;border-color:color-mix(in srgb, var(--token-color-brand-primary,#e45a70) 40%, #ffffff24);transform:translate(2px)}._providerBtn_1c4l4_97:disabled{opacity:.5;cursor:not-allowed}._providerIcon_1c4l4_126{flex-shrink:0;font-size:20px}._providerName_1c4l4_131{font-weight:var(--token-font-weight-bold,700);font-size:var(--token-font-size-md,1rem);flex:1}._providerArrow_1c4l4_137{color:var(--text-secondary-color);transition:transform var(--token-transition-fast,.15s ease), color var(--token-transition-fast,.15s ease);font-size:16px}._providerBtn_1c4l4_97:hover:not(:disabled) ._providerArrow_1c4l4_137{color:var(--token-color-brand-primary,#e45a70);transform:translate(3px)}._connectingState_1c4l4_149{flex-direction:column;align-items:center;gap:12px;padding:20px 0;display:flex}._spinner_1c4l4_157{border:3px solid #ffffff1a;border-top-color:var(--token-color-brand-primary,#e45a70);border-radius:50%;width:36px;height:36px;animation:.7s linear infinite _spin_1c4l4_157}@keyframes _spin_1c4l4_157{to{transform:rotate(360deg)}}._connectingLabel_1c4l4_170{font-weight:var(--token-font-weight-bold,700);color:var(--main-content-text-color);margin:0}._connectingHint_1c4l4_176{font-size:var(--token-font-size-sm,.875rem);color:var(--text-secondary-color);text-align:center;max-width:280px;line-height:var(--token-line-height-base,1.5);margin:0}._errorMsg_1c4l4_185{border-radius:var(--token-radius-sm,8px);background:#e45a701f;background:color-mix(in srgb, var(--token-color-brand-primary,#e45a70) 12%, transparent);border:1px solid #e45a7066;border:1px solid color-mix(in srgb, var(--token-color-brand-primary,#e45a70) 40%, transparent);color:var(--token-color-brand-primary,#e45a70);font-size:var(--token-font-size-sm,.875rem);line-height:var(--token-line-height-base,1.5);text-align:center;margin:0;padding:10px 14px}._footer_1c4l4_199{justify-content:flex-end;display:flex}._cancelBtn_1c4l4_204{border-radius:var(--token-radius-pill,9999px);color:var(--text-secondary-color);cursor:pointer;transition:border-color var(--token-transition-fast,.15s ease), color var(--token-transition-fast,.15s ease);background:0 0;border:1px solid #ffffff1f;padding:10px 20px;font-weight:600}._cancelBtn_1c4l4_204:hover{color:var(--main-content-text-color);border-color:#ffffff38}@media (width<=480px){._panel_1c4l4_14{padding:22px 16px 20px}}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}._page_1rxva_1{gap:var(--token-space-6,24px);flex-direction:column;width:100%;height:100%;display:flex}._topBar_1rxva_9{gap:var(--token-space-4,16px);flex-shrink:0;align-items:flex-start;width:100%;display:flex}._topBar_1rxva_9>:first-child{flex:auto;min-width:0}._messageCard_1rxva_22{background:var(--main-content-card-background-color);border:1px solid var(--token-color-border-subtle,#ffffff24);border-radius:var(--token-radius-md,16px);padding:var(--token-space-4,16px);box-shadow:0 1px 4px var(--token-color-shadow,#00000073);gap:var(--token-space-3,12px);box-sizing:border-box;flex-direction:column;flex:0 0 320px;display:flex}._messageDisplay_1rxva_35{flex:1}._messageText_1rxva_39{font-size:var(--token-font-size-sm,.875rem);color:var(--main-content-text-color);white-space:pre-wrap;word-break:break-word;margin:0;line-height:1.5}._messagePlaceholder_1rxva_48{font-size:var(--token-font-size-sm,.875rem);color:var(--text-secondary-color,var(--token-color-text-secondary,#9994b0));margin:0;font-style:italic;line-height:1.5}._messageTextareaWrap_1rxva_56{flex:1}._messageTextarea_1rxva_56{width:100%;min-height:100px;padding:var(--token-space-3,12px);border:1px solid var(--token-color-border-subtle,#ffffff24);border-radius:var(--token-radius-sm,8px);font-family:var(--token-font-body);font-size:var(--token-font-size-sm,.875rem);resize:vertical;background:var(--main-content-background-color);color:var(--main-content-text-color);box-sizing:border-box;transition:border-color var(--token-transition-fast,.15s ease);line-height:1.5}._messageTextarea_1rxva_56:focus{border-color:var(--token-color-brand-primary,#e45a70);outline:none}._messageTextarea_1rxva_56::placeholder{color:var(--text-secondary-color,var(--token-color-text-secondary,#9994b0))}._messageControls_1rxva_85{justify-content:space-between;align-items:center;gap:var(--token-space-2,8px);flex-wrap:wrap;display:flex}._charCounter_1rxva_93{font-size:var(--token-font-size-xs,.75rem);color:var(--text-secondary-color,var(--token-color-text-secondary,#9994b0));font-weight:var(--token-font-weight-bold,700)}._charCounter_1rxva_93._nearLimit_1rxva_99{color:var(--token-color-status-warning,#f5a623)}._charCounter_1rxva_93._atLimit_1rxva_103{color:var(--token-color-error,#e87a82)}._btnPrimary_1rxva_107{align-items:center;gap:var(--token-space-2,8px);padding:10px var(--token-space-4,16px);background:var(--main-content-button-background-color);color:var(--main-content-button-text-color);border:1px solid var(--main-content-button-background-color);border-radius:var(--token-radius-pill,9999px);font-weight:var(--token-font-weight-bold,700);font-size:var(--token-font-size-sm,.875rem);cursor:pointer;transition:background var(--token-transition-fast,.15s ease), border-color var(--token-transition-fast,.15s ease), color var(--token-transition-fast,.15s ease);display:inline-flex}._btnPrimary_1rxva_107:hover{background:var(--main-content-button-hover-background-color);border-color:var(--main-content-button-hover-background-color);color:var(--main-content-button-hover-text-color)}._btnPrimary_1rxva_107:disabled{opacity:.5;cursor:not-allowed}._btnSecondary_1rxva_135{align-items:center;gap:var(--token-space-2,8px);padding:10px var(--token-space-4,16px);color:var(--main-content-text-color);border:1px solid var(--token-color-border-subtle,#ffffff24);border-radius:var(--token-radius-pill,9999px);font-weight:var(--token-font-weight-bold,700);font-size:var(--token-font-size-sm,.875rem);cursor:pointer;transition:background var(--token-transition-fast,.15s ease), border-color var(--token-transition-fast,.15s ease);background:0 0;display:inline-flex}._btnSecondary_1rxva_135:hover{background:#ffffff0f;border-color:#ffffff47}._tableContainer_1rxva_156{gap:var(--token-space-3,12px);flex-direction:column;flex:1;width:100%;min-height:0;display:flex;overflow-y:auto}._emptyState_1rxva_166{color:var(--text-secondary-color,var(--token-color-text-secondary,#9994b0));font-size:var(--token-font-size-sm,.875rem);padding:var(--token-space-4,16px) var(--token-space-3,12px);font-style:italic}._grid_1rxva_173{gap:var(--token-space-2,8px) var(--token-space-3,12px);grid-template-columns:3fr 2fr 80px 80px 2fr 80px 48px;align-items:start;width:100%;display:grid}._gridHeader_1rxva_181{font-weight:var(--token-font-weight-bold,700);font-size:var(--token-font-size-sm,.875rem);color:var(--text-secondary-color,var(--token-color-text-secondary,#9994b0));text-transform:uppercase;letter-spacing:.06em;padding:var(--token-space-2,8px) var(--token-space-3,12px);text-align:left;cursor:default;background:0 0;border:none}._sortable_1rxva_194{cursor:pointer;align-items:center;gap:var(--token-space-1,4px);transition:color var(--token-transition-fast,.15s ease);display:inline-flex}._sortable_1rxva_194:hover{color:var(--main-content-text-color)}._sortIcon_1rxva_206{opacity:.4;font-size:.75em}._sortIconActive_1rxva_211{opacity:1;color:var(--token-color-brand-primary,#e45a70);font-size:.75em}._gridCellBase_1rxva_217{color:var(--main-content-text-color);border-radius:var(--token-radius-sm,8px);padding:var(--token-space-2,8px) var(--token-space-3,12px);font-size:var(--token-font-size-sm,.875rem);box-sizing:border-box;align-items:center;min-width:0;min-height:44px;display:flex;overflow:hidden}._gridCellBase_1rxva_217>span,._gridCellBase_1rxva_217>:not(button):not(input):not([class]){white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}._gridCell_1rxva_217{background:var(--main-content-card-background-color);box-shadow:0 1px 4px var(--token-color-shadow,#00000073);transition:background var(--token-transition-fast,.15s ease)}._gridCellHighlight_1rxva_245{box-shadow:0 2px 6px var(--token-color-shadow,#00000073);background:#e45a702e}._cellText_1rxva_251{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}._queueCell_1rxva_258{justify-content:center}._queueBadge_1rxva_262{min-width:28px;height:28px;padding:0 var(--token-space-2,8px);border-radius:var(--token-radius-pill,9999px);color:var(--token-color-brand-primary,#e45a70);font-size:var(--token-font-size-xs,.75rem);font-weight:var(--token-font-weight-bold,700);white-space:nowrap;background:#e45a7026;justify-content:center;align-items:center;display:inline-flex}._addToQueueBtn_1rxva_277{width:28px;height:28px;color:var(--text-secondary-color,var(--token-color-text-secondary,#9994b0));border:1px solid var(--token-color-border-subtle,#ffffff24);cursor:pointer;font-size:var(--token-font-size-sm,.875rem);transition:background var(--token-transition-fast,.15s ease), color var(--token-transition-fast,.15s ease), border-color var(--token-transition-fast,.15s ease);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}._addToQueueBtn_1rxva_277:hover{color:var(--token-color-brand-primary,#e45a70);border-color:var(--token-color-brand-primary,#e45a70);background:#e45a7026}._keyCell_1rxva_301{padding:var(--token-space-1,4px) var(--token-space-2,8px);justify-content:center}._keyDisplay_1rxva_306{cursor:pointer;color:var(--main-content-text-color);font-size:var(--token-font-size-sm,.875rem);padding:var(--token-space-1,4px) var(--token-space-2,8px);border-radius:var(--token-radius-sm,8px);text-align:center;width:100%;transition:background var(--token-transition-fast,.15s ease);white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;overflow:hidden}._keyDisplay_1rxva_306:hover{background:var(--token-color-overlay-hover,#e45a701f)}._keyPlaceholder_1rxva_326{color:var(--text-secondary-color,var(--token-color-text-secondary,#9994b0));font-style:italic;font-size:var(--token-font-size-xs,.75rem)}._keyEditInput_1rxva_332{width:100%;padding:var(--token-space-1,4px) var(--token-space-2,8px);border:1px solid var(--token-color-brand-primary,#e45a70);border-radius:var(--token-radius-sm,8px);background:var(--main-content-background-color);color:var(--main-content-text-color);font-size:var(--token-font-size-sm,.875rem);font-family:var(--token-font-body);text-align:center;box-sizing:border-box}._keyEditInput_1rxva_332:focus{outline:none}._activeCell_1rxva_349{justify-content:center}@media (width<=1024px){._messageCard_1rxva_22{flex:0 0 260px}}@media (width<=900px){._grid_1rxva_173{grid-template-columns:3fr 2fr 80px 80px 48px}._requestedHeader_1rxva_364,._requestedCell_1rxva_365,._activeHeader_1rxva_366,._activeCell_1rxva_349{display:none}}@media (width<=768px){._topBar_1rxva_9{flex-direction:column}._messageCard_1rxva_22{flex:none;width:100%}}@media (width<=640px){._grid_1rxva_173{grid-template-columns:3fr 2fr 80px 48px}._keyHeader_1rxva_388,._keyCell_1rxva_301{display:none}}@media (width<=480px){._grid_1rxva_173{grid-template-columns:1fr 80px 48px}._artistHeader_1rxva_399,._artistCell_1rxva_400,._queueHeader_1rxva_401,._queueCell_1rxva_258{display:none}}.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}._page_98t2a_1{gap:var(--token-space-6,24px);flex-direction:column;width:100%;height:100%;display:flex}._header_98t2a_9{gap:var(--token-space-2,8px);flex-direction:column;flex-shrink:0;display:flex}._titleRow_98t2a_16{align-items:center;gap:var(--token-space-3,12px);display:flex}._title_98t2a_16{font-family:var(--token-font-display);font-size:var(--token-font-size-2xl,2rem);color:var(--main-content-text-color);line-height:var(--token-line-height-tight,1.1);margin:0}._count_98t2a_30{min-width:28px;height:28px;padding:0 var(--token-space-2,8px);background-color:var(--token-color-bg-elevated,#1a1a28);border:1px solid var(--token-color-border-subtle,#ffffff24);border-radius:var(--token-radius-pill,9999px);font-size:var(--token-font-size-sm,.875rem);font-weight:var(--token-font-weight-bold,700);color:var(--token-color-text-secondary,#9994b0);justify-content:center;align-items:center;display:inline-flex}._subtitle_98t2a_45{font-size:var(--token-font-size-sm,.875rem);color:var(--token-color-text-secondary,#9994b0);line-height:var(--token-line-height-base,1.5);margin:0}._tableContainer_98t2a_52{gap:var(--token-space-3,12px);flex-direction:column;flex:1;width:100%;min-height:0;display:flex;overflow-y:auto}._grid_98t2a_62{gap:var(--token-space-2,8px) var(--token-space-3,12px);grid-template-columns:2fr 2fr 4fr auto;align-items:start;width:100%;display:grid}._gridHeader_98t2a_70{font-weight:var(--token-font-weight-bold,700);font-size:var(--token-font-size-sm,.875rem);color:var(--token-color-text-secondary,#9994b0);text-transform:uppercase;letter-spacing:.06em;padding:var(--token-space-2,8px) var(--token-space-3,12px);text-align:left;cursor:default}._gridHeaderSortable_98t2a_81{font-weight:var(--token-font-weight-bold,700);font-size:var(--token-font-size-sm,.875rem);color:var(--token-color-text-secondary,#9994b0);text-transform:uppercase;letter-spacing:.06em;padding:var(--token-space-2,8px) var(--token-space-3,12px);text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--token-transition-fast,.15s ease)}._gridHeaderSortable_98t2a_81:hover{color:var(--main-content-text-color)}._gridCell_98t2a_98{background:var(--main-content-card-background-color);color:var(--main-content-text-color);border-radius:var(--token-radius-sm,8px);padding:var(--token-space-2,8px) var(--token-space-3,12px);font-size:var(--token-font-size-sm,.875rem);min-height:40px;box-shadow:0 1px 4px var(--token-color-shadow,#00000073);box-sizing:border-box;align-items:center;display:flex}._tagsCell_98t2a_111{background:var(--main-content-card-background-color);border-radius:var(--token-radius-sm,8px);padding:var(--token-space-2,8px) var(--token-space-3,12px);align-items:center;gap:var(--token-space-2,8px);min-height:40px;box-shadow:0 1px 4px var(--token-color-shadow,#00000073);box-sizing:border-box;transition:background var(--token-transition-fast,.15s ease);flex-wrap:wrap;display:flex}._tagsCellDropOver_98t2a_125{border-radius:var(--token-radius-sm,8px);padding:var(--token-space-2,8px) var(--token-space-3,12px);align-items:center;gap:var(--token-space-2,8px);min-height:40px;box-shadow:0 2px 6px var(--token-color-shadow,#00000073);box-sizing:border-box;background:#2ecc712e;border:1px solid #2ecc7166;flex-wrap:wrap;display:flex}._tagChip_98t2a_139{align-items:center;gap:var(--token-space-1,4px);padding:var(--token-space-1,4px) var(--token-space-2,8px);border-radius:var(--token-radius-pill,9999px);font-size:var(--token-font-size-xs,.75rem);font-weight:var(--token-font-weight-bold,700);display:inline-flex}._tagChipImage_98t2a_149{border-radius:2px;flex-shrink:0;width:14px;height:14px}._tagDeleteBtn_98t2a_156{margin-left:var(--token-space-1,4px);cursor:pointer;opacity:.7;color:inherit;transition:opacity var(--token-transition-fast,.15s ease);background:0 0;border:none;flex-shrink:0;align-items:center;padding:0;display:inline-flex}._tagDeleteBtn_98t2a_156:hover{opacity:1}._checkboxCell_98t2a_174{justify-content:center;align-items:center;min-height:40px;display:flex}._checkbox_98t2a_174{cursor:pointer;width:18px;height:18px;accent-color:var(--token-color-brand-primary,#e45a70)}._selectAllBtn_98t2a_188{padding:var(--token-space-1,4px) var(--token-space-3,12px);background:var(--main-content-button-background-color);color:var(--main-content-button-text-color);border:1px solid var(--token-color-border-subtle,#ffffff24);border-radius:var(--token-radius-pill,9999px);font-size:var(--token-font-size-xs,.75rem);font-weight:var(--token-font-weight-bold,700);cursor:pointer;white-space:nowrap;transition:background var(--token-transition-fast,.15s ease), border-color var(--token-transition-fast,.15s ease), color var(--token-transition-fast,.15s ease);justify-content:center;align-items:center;display:inline-flex}._selectAllBtn_98t2a_188:hover{background:var(--main-content-button-hover-background-color);border-color:var(--token-color-border-subtle,#ffffff24);color:var(--main-content-button-hover-text-color)}._emptyState_98t2a_212{color:var(--token-color-text-secondary,#9994b0);font-size:var(--token-font-size-sm,.875rem);padding:var(--token-space-4,16px) var(--token-space-3,12px);font-style:italic}@media (width<=768px){._grid_98t2a_62{grid-template-columns:2fr 4fr auto}._artistHeader_98t2a_224,._artistCell_98t2a_228{display:none}}@media (width<=480px){._grid_98t2a_62{grid-template-columns:1fr auto}._artistHeader_98t2a_224,._selectAllHeader_98t2a_242,._artistCell_98t2a_228,._checkboxCell_98t2a_174{display:none}}:root{--cherry-red:#e45a70;--cherry-red-soft:#f2b8be;--cherry-dark-bg:#0b0b14;--cherry-dark-surface:#12121e;--cherry-dark-elevated:#1a1a28;--cherry-lavender:#c8b4ff;--cherry-sky:#a8cce0;--cherry-sky-blue:#afcfff;--cherry-cream:#fff0c2;--cherry-amber:#ffe99d;--cherry-text-primary:#ede9f8;--cherry-text-secondary:#9994b0;--cherry-text-on-accent:#fff;--cherry-text-on-light:#0b0b14;--cherry-border-subtle:#ffffff24;--cherry-shadow:#00000073;--cherry-overlay-hover:#e45a701f;--cherry-overlay-active:#e45a702e;--token-color-brand-primary:var(--cherry-red);--token-color-brand-soft:var(--cherry-red-soft);--token-color-brand-cream:var(--cherry-cream);--token-color-brand-lavender:var(--cherry-lavender);--token-color-brand-sky:var(--cherry-sky);--token-color-brand-amber:var(--cherry-amber);--token-color-brand-sky-blue:var(--cherry-sky-blue);--token-color-bg-base:var(--cherry-dark-bg);--token-color-bg-surface:var(--cherry-dark-surface);--token-color-bg-elevated:var(--cherry-dark-elevated);--token-color-text-primary:var(--cherry-text-primary);--token-color-text-secondary:var(--cherry-text-secondary);--token-color-text-on-accent:var(--cherry-text-on-accent);--token-color-text-on-light:var(--cherry-text-on-light);--token-color-border-subtle:var(--cherry-border-subtle);--token-color-shadow:var(--cherry-shadow);--token-color-overlay-hover:var(--cherry-overlay-hover);--token-color-overlay-active:var(--cherry-overlay-active);--token-color-error:#e87a82;--token-color-error-subtle:#e87a821f;--token-color-status-success:#2ecc71;--token-color-status-warning:#ffc107;--token-color-bg-overlay-nav:#0b0b14f2;--token-color-nav-button-text:#232335;--token-font-display:"Cherry Bomb One", "Titan One", sans-serif;--token-font-mono:"Taurus Mono Outline", monospace;--token-font-body:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--token-font-size-xs:.75rem;--token-font-size-sm:.875rem;--token-font-size-md:1rem;--token-font-size-lg:1.25rem;--token-font-size-xl:1.5rem;--token-font-size-2xl:2rem;--token-font-size-3xl:3rem;--token-font-weight-regular:400;--token-font-weight-bold:700;--token-line-height-tight:1.1;--token-line-height-base:1.5;--token-space-1:4px;--token-space-2:8px;--token-space-3:12px;--token-space-4:16px;--token-space-6:24px;--token-space-8:32px;--token-space-10:40px;--token-space-12:48px;--token-radius-sm:8px;--token-radius-md:16px;--token-radius-lg:24px;--token-radius-pill:9999px;--token-transition-fast:.15s ease;--token-transition-base:.3s ease}@font-face{font-family:Cherry Bomb One;src:url(/assets/CherryBombOne-Regular-DtN-sr22.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Titan One;src:url(/assets/TitanOne-Regular-Ds7Echb6.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Taurus Mono Outline;src:url(/assets/Taurus-Mono-Outline-Regular-DCHc8Hng.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Taurus Mono Outline;src:url(/assets/Taurus-Mono-Outline-Bold-Bw-fei3O.otf)format("opentype");font-weight:700;font-style:normal;font-display:swap}[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:var(--token-color-bg-base);--text-primary-color:var(--token-color-text-primary);--text-secondary-color:var(--token-color-text-secondary);--page-color:var(--token-color-bg-surface);--info-background-color:var(--token-color-bg-elevated);--important-background-color:var(--token-color-brand-primary);--warning-background-color:var(--token-color-brand-amber);--premium-value-accent:var(--token-color-brand-cream);--error-background-color:var(--token-color-error);--info-text-color:var(--token-color-text-primary);--important-text-color:var(--token-color-text-on-accent);--warning-text-color:var(--token-color-text-on-light);--error-text-color:var(--token-color-text-on-light);--input-background-color:var(--token-color-bg-elevated);--input-text-color:var(--token-color-text-primary);--input-border-color:var(--token-color-border-subtle);--input-active-border-color:var(--token-color-brand-primary);--shadow-color:var(--token-color-shadow);--logo-top-color:var(--token-color-brand-soft);--logo-bottom-color:var(--token-color-brand-sky);--login-button-background-color:var(--token-color-bg-surface);--login-button-text-color:var(--token-color-brand-cream);--login-button-hover-background-color:var(--token-color-overlay-hover);--login-button-hover-text-color:var(--token-color-text-on-accent);--login-button-active-background-color:var(--token-color-overlay-active);--login-button-active-text-color:var(--token-color-text-on-accent);--slogan-color:var(--token-color-brand-cream);--radio-player-active-button-background-color:var(--token-color-brand-primary);--radio-player-volume-color:var(--token-color-brand-lavender);--top-nav-background-color:var(--token-color-bg-overlay-nav);--top-nav-text-color:var(--token-color-text-secondary);--top-nav-button-background-color:var(--token-color-bg-surface);--top-nav-button-text-color:var(--token-color-nav-button-text);--top-nav-button-hover-background-color:var(--token-color-overlay-hover);--top-nav-button-hover-text-color:var(--token-color-text-on-accent);--top-nav-button-active-background-color:var(--token-color-overlay-hover);--top-nav-button-active-text-color:var(--token-color-brand-primary);--main-nav-background-color:var(--token-color-bg-surface);--main-nav-text-color:var(--token-color-text-primary);--main-nav-button-background-color:var(--token-color-bg-elevated);--main-nav-button-text-color:var(--token-color-text-primary);--main-nav-button-hover-background-color:var(--token-color-overlay-hover);--main-nav-button-hover-text-color:var(--token-color-text-on-accent);--main-nav-button-active-background-color:var(--token-color-brand-primary);--main-nav-button-active-text-color:var(--token-color-text-on-accent);--footer-background-color:var(--token-color-bg-surface);--footer-text-color:var(--token-color-text-primary);--footer-link-color:var(--token-color-text-secondary);--footer-link-hover-color:var(--token-color-brand-primary);--main-content-text-color:var(--token-color-text-primary);--main-content-background-color:var(--token-color-bg-base);--main-content-card-background-color:var(--token-color-bg-elevated);--main-content-button-background-color:linear-gradient(135deg, var(--token-color-brand-lavender) 0%, var(--token-color-brand-sky-blue) 100%);--main-content-button-text-color:var(--token-color-bg-surface);--main-content-button-hover-background-color:var(--token-color-brand-primary);--main-content-button-hover-text-color:var(--token-color-text-on-accent);--main-content-button-active-background-color:var(--token-color-brand-primary);--main-content-button-active-text-color:var(--token-color-text-on-accent)}._page_1kcwh_1{width:100%;padding:var(--token-space-6,24px);box-sizing:border-box;flex-direction:column;align-items:center;display:flex}._heading_1kcwh_10{margin:0 0 var(--token-space-6,24px);font-family:var(--token-font-display);font-size:var(--token-font-size-2xl,2rem);font-weight:var(--token-font-weight-bold,700);color:var(--main-content-text-color);text-align:center}._form_1kcwh_19{background:var(--main-content-card-background-color);border-radius:var(--token-radius-md,16px);padding:var(--token-space-8,32px);box-shadow:0 4px 16px var(--token-color-shadow,#00000073);box-sizing:border-box;border:1px solid var(--token-color-border-subtle,#ffffff24);width:100%;max-width:600px}._formGroup_1kcwh_30{gap:var(--token-space-2,8px);margin-bottom:var(--token-space-6,24px);flex-direction:column;display:flex}._label_1kcwh_37{font-size:var(--token-font-size-sm,.875rem);font-weight:var(--token-font-weight-bold,700);color:var(--main-content-text-color);letter-spacing:.04em;text-transform:uppercase}._input_1kcwh_45,._textarea_1kcwh_46{width:100%;padding:var(--token-space-3,12px) var(--token-space-4,16px);border:1px solid var(--token-color-border-subtle,#ffffff24);border-radius:var(--token-radius-sm,8px);font-size:var(--token-font-size-md,1rem);font-family:var(--token-font-body);background:var(--main-content-background-color);color:var(--main-content-text-color);box-sizing:border-box;transition:border-color var(--token-transition-fast,.15s ease)}._input_1kcwh_45:focus,._textarea_1kcwh_46:focus{outline:none}._input_1kcwh_45:focus-visible,._textarea_1kcwh_46:focus-visible{border-color:var(--token-color-brand-primary,#e45a70);outline:none}._textarea_1kcwh_46{resize:vertical;min-height:120px}._checkboxGroup_1kcwh_75{align-items:center;gap:var(--token-space-3,12px);margin-bottom:var(--token-space-6,24px);flex-direction:row;display:flex}._checkboxLabel_1kcwh_83{font-size:var(--token-font-size-sm,.875rem);font-weight:var(--token-font-weight-bold,700);color:var(--main-content-text-color);letter-spacing:.04em;text-transform:uppercase}._checkbox_1kcwh_75{cursor:pointer;width:18px;height:18px;accent-color:var(--token-color-brand-primary,#e45a70)}._spinnerWrap_1kcwh_98{padding:var(--token-space-4,16px) 0;justify-content:center;display:flex}._btnSave_1kcwh_104{justify-content:center;align-items:center;gap:var(--token-space-2,8px);width:100%;padding:12px var(--token-space-6,24px);background:var(--main-content-button-background-color);color:var(--main-content-button-text-color);border-radius:var(--token-radius-pill,9999px);font-size:var(--token-font-size-sm,.875rem);font-weight:var(--token-font-weight-bold,700);font-family:var(--token-font-body);cursor:pointer;transition:background var(--token-transition-fast,.15s ease), border-color var(--token-transition-fast,.15s ease), color var(--token-transition-fast,.15s ease);border:1px solid #0000;display:inline-flex}._btnSave_1kcwh_104:hover{background:var(--main-content-button-hover-background-color);border-color:var(--main-content-button-hover-background-color);color:var(--main-content-button-hover-text-color)}._errorMessage_1kcwh_130{color:var(--token-color-danger,#e53e3e);font-size:var(--token-font-size-sm,.875rem);margin-bottom:var(--token-space-4,16px)}._btnSave_1kcwh_104:disabled{opacity:.5;cursor:not-allowed}@media (width<=768px){._page_1kcwh_1{padding:var(--token-space-4,16px)}._form_1kcwh_19{padding:var(--token-space-6,24px);max-width:100%}}@media (width<=480px){._page_1kcwh_1{padding:var(--token-space-3,12px)}._form_1kcwh_19{padding:var(--token-space-4,16px);border-radius:var(--token-radius-sm,8px)}._formGroup_1kcwh_30{margin-bottom:var(--token-space-4,16px)}._heading_1kcwh_10{font-size:var(--token-font-size-xl,1.5rem);margin-bottom:var(--token-space-4,16px)}}._page_72uhc_1{gap:var(--token-space-6,24px);flex-direction:column;width:100%;height:100%;display:flex}._actionBar_72uhc_9{gap:var(--token-space-3,12px);flex-shrink:0;align-items:center;display:flex}._btnPrimary_72uhc_16{align-items:center;gap:var(--token-space-2,8px);padding:10px var(--token-space-4,16px);background:var(--main-content-button-background-color);color:var(--main-content-button-text-color);border:1px solid var(--main-content-button-background-color);border-radius:var(--token-radius-pill,9999px);font-weight:var(--token-font-weight-bold,700);font-size:var(--token-font-size-sm,.875rem);cursor:pointer;transition:background var(--token-transition-fast,.15s ease), border-color var(--token-transition-fast,.15s ease), color var(--token-transition-fast,.15s ease);display:inline-flex}._btnPrimary_72uhc_16:hover{background:var(--main-content-button-hover-background-color);border-color:var(--main-content-button-hover-background-color);color:var(--main-content-button-hover-text-color)}._btnSecondary_72uhc_39{align-items:center;gap:var(--token-space-2,8px);padding:10px var(--token-space-4,16px);color:var(--main-content-text-color);border:1px solid var(--token-color-border-subtle,#ffffff24);border-radius:var(--token-radius-pill,9999px);font-weight:var(--token-font-weight-bold,700);font-size:var(--token-font-size-sm,.875rem);cursor:pointer;transition:background var(--token-transition-fast,.15s ease), border-color var(--token-transition-fast,.15s ease);background:0 0;display:inline-flex}._btnSecondary_72uhc_39:hover{background:#ffffff0f;border-color:#ffffff47}._eventsContainer_72uhc_60{gap:var(--token-space-10,40px);flex-direction:column;flex:1;width:100%;min-height:0;display:flex;overflow-y:auto}._section_72uhc_70{gap:var(--token-space-3,12px);flex-direction:column;display:flex}._sectionHeading_72uhc_76{font-size:var(--token-font-size-lg,1.25rem);font-weight:var(--token-font-weight-bold,700);color:var(--main-content-text-color);padding-bottom:var(--token-space-2,8px);border-bottom:1px solid var(--token-color-border-subtle,#ffffff24);margin:0}._grid_72uhc_85{gap:var(--token-space-2,8px) var(--token-space-3,12px);grid-template-columns:2fr 2fr 3fr 2fr;align-items:start;width:100%;display:grid}._gridHeader_72uhc_93{font-weight:var(--token-font-weight-bold,700);font-size:var(--token-font-size-sm,.875rem);color:var(--text-secondary-color);text-transform:uppercase;letter-spacing:.06em;padding:var(--token-space-2,8px) var(--token-space-3,12px);text-align:left}._gridCell_72uhc_103{background:var(--main-content-card-background-color);color:var(--main-content-text-color);border-radius:var(--token-radius-sm,8px);padding:var(--token-space-2,8px) var(--token-space-3,12px);font-size:var(--token-font-size-sm,.875rem);min-height:40px;box-shadow:0 1px 4px var(--token-color-shadow,#00000073);box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;transition:background var(--token-transition-fast,.15s ease);align-items:center;display:flex;overflow:hidden}._gridCellHighlight_72uhc_120{color:var(--main-content-text-color);border-radius:var(--token-radius-sm,8px);padding:var(--token-space-2,8px) var(--token-space-3,12px);font-size:var(--token-font-size-sm,.875rem);min-height:40px;box-shadow:0 2px 6px var(--token-color-shadow,#00000073);box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;background:#e45a702e;align-items:center;display:flex;overflow:hidden}._recapBtn_72uhc_136{padding:var(--token-space-1,4px) var(--token-space-3,12px);background:var(--main-content-button-background-color);color:var(--main-content-button-text-color);border:1px solid var(--main-content-button-background-color);border-radius:var(--token-radius-pill,9999px);font-size:var(--token-font-size-xs,.75rem);font-weight:var(--token-font-weight-bold,700);cursor:pointer;box-sizing:border-box;min-height:40px;transition:background var(--token-transition-fast,.15s ease), border-color var(--token-transition-fast,.15s ease), color var(--token-transition-fast,.15s ease);justify-content:center;align-items:center;display:inline-flex}._recapBtn_72uhc_136:hover{background:var(--main-content-button-hover-background-color);border-color:var(--main-content-button-hover-background-color);color:var(--main-content-button-hover-text-color)}._emptyState_72uhc_161{color:var(--text-secondary-color);font-size:var(--token-font-size-sm,.875rem);padding:var(--token-space-4,16px) var(--token-space-3,12px);font-style:italic}@media (width<=768px){._grid_72uhc_85{grid-template-columns:1fr 1fr 2fr}._gridHeader_72uhc_93:nth-child(3),._gridCell_72uhc_103:nth-child(4n+3),._gridCellHighlight_72uhc_120:nth-child(4n+3){visibility:hidden;width:0;min-height:0;margin:0;padding:0;overflow:hidden}}@media (width<=480px){._actionBar_72uhc_9{flex-wrap:wrap}._grid_72uhc_85{gap:var(--token-space-1,4px);grid-template-columns:1fr 1fr}._gridHeader_72uhc_93:nth-child(3),._gridHeader_72uhc_93:nth-child(4),._gridCell_72uhc_103:nth-child(4n+3),._gridCell_72uhc_103:nth-child(4n+4),._gridCellHighlight_72uhc_120:nth-child(4n+3),._gridCellHighlight_72uhc_120:nth-child(4n+4){visibility:hidden;width:0;min-height:0;margin:0;padding:0;overflow:hidden}}._page_1qbt2_1{gap:var(--token-space-6,24px);flex-direction:column;width:100%;height:100%;display:flex}._actionBar_1qbt2_9{gap:var(--token-space-3,12px);flex-wrap:wrap;flex-shrink:0;align-items:center;display:flex}._btnPrimary_1qbt2_17{align-items:center;gap:var(--token-space-2,8px);padding:10px var(--token-space-4,16px);background:var(--main-content-button-background-color);color:var(--main-content-button-text-color);border:1px solid var(--main-content-button-background-color);border-radius:var(--token-radius-pill,9999px);font-weight:var(--token-font-weight-bold,700);font-size:var(--token-font-size-sm,.875rem);cursor:pointer;transition:background var(--token-transition-fast,.15s ease), border-color var(--token-transition-fast,.15s ease), color var(--token-transition-fast,.15s ease);display:inline-flex}._btnPrimary_1qbt2_17:hover{background:var(--main-content-button-hover-background-color);border-color:var(--main-content-button-hover-background-color);color:var(--main-content-button-hover-text-color)}._btnSecondary_1qbt2_40{align-items:center;gap:var(--token-space-2,8px);padding:10px var(--token-space-4,16px);color:var(--main-content-text-color);border:1px solid var(--token-color-border-subtle,#ffffff24);border-radius:var(--token-radius-pill,9999px);font-weight:var(--token-font-weight-bold,700);font-size:var(--token-font-size-sm,.875rem);cursor:pointer;transition:background var(--token-transition-fast,.15s ease), border-color var(--token-transition-fast,.15s ease);background:0 0;display:inline-flex}._btnSecondary_1qbt2_40:hover{background:#ffffff0f;border-color:#ffffff47}._btnDanger_1qbt2_61{align-items:center;gap:var(--token-space-2,8px);padding:10px var(--token-space-4,16px);color:var(--token-color-error,#e87a82);border:1px solid var(--token-color-error,#e87a82);border-radius:var(--token-radius-pill,9999px);font-weight:var(--token-font-weight-bold,700);font-size:var(--token-font-size-sm,.875rem);cursor:pointer;transition:background var(--token-transition-fast,.15s ease), color var(--token-transition-fast,.15s ease);background:0 0;display:inline-flex}._btnDanger_1qbt2_61:hover{background:#e87a821f}._btnIcon_1qbt2_81{align-items:center;gap:var(--token-space-2,8px);padding:10px var(--token-space-4,16px);background:var(--token-color-status-success,#2ecc71);color:#fff;border:1px solid var(--token-color-status-success,#2ecc71);border-radius:var(--token-radius-pill,9999px);font-weight:var(--token-font-weight-bold,700);font-size:var(--token-font-size-sm,.875rem);cursor:pointer;transition:background var(--token-transition-fast,.15s ease), border-color var(--token-transition-fast,.15s ease);display:inline-flex}._btnIcon_1qbt2_81:hover{background:#27ae60;border-color:#27ae60}._queueContainer_1qbt2_102{gap:var(--token-space-3,12px);flex-direction:column;width:100%;display:flex}._sectionHeading_1qbt2_109{font-size:var(--token-font-size-lg,1.25rem);font-weight:var(--token-font-weight-bold,700);color:var(--main-content-text-color);padding-bottom:var(--token-space-2,8px);border-bottom:1px solid var(--token-color-border-subtle,#ffffff24);margin:0}._grid_1qbt2_118{gap:var(--token-space-2,8px) var(--token-space-3,12px);grid-template-columns:40px 40px 3fr 2fr 2fr 2fr 48px;align-items:start;width:100%;display:grid}._gridHeader_1qbt2_126{font-weight:var(--token-font-weight-bold,700);font-size:var(--token-font-size-sm,.875rem);color:var(--text-secondary-color,var(--token-color-text-secondary,#9994b0));text-transform:uppercase;letter-spacing:.06em;padding:var(--token-space-2,8px) var(--token-space-3,12px);text-align:left}._gridCell_1qbt2_136{background:var(--main-content-card-background-color);color:var(--main-content-text-color);border-radius:var(--token-radius-sm,8px);padding:var(--token-space-2,8px) var(--token-space-3,12px);font-size:var(--token-font-size-sm,.875rem);min-width:0;min-height:44px;box-shadow:0 1px 4px var(--token-color-shadow,#00000073);box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;transition:background var(--token-transition-fast,.15s ease);align-items:center;display:flex;overflow:hidden}._gridCellHighlight_1qbt2_154{color:var(--main-content-text-color);border-radius:var(--token-radius-sm,8px);padding:var(--token-space-2,8px) var(--token-space-3,12px);font-size:var(--token-font-size-sm,.875rem);min-width:0;min-height:44px;box-shadow:0 2px 6px var(--token-color-shadow,#00000073);box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;background:#e45a702e;align-items:center;display:flex;overflow:hidden}._gridCellPlaying_1qbt2_171{color:var(--main-content-text-color);border-radius:var(--token-radius-sm,8px);padding:var(--token-space-2,8px) var(--token-space-3,12px);font-size:var(--token-font-size-sm,.875rem);min-width:0;min-height:44px;box-shadow:0 2px 6px var(--token-color-shadow,#00000073);box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;border-left:3px solid var(--token-color-brand-lavender,#c8b4ff);background:#c8b4ff26;align-items:center;display:flex;overflow:hidden}._dragCell_1qbt2_189{background:var(--main-content-card-background-color);border-radius:var(--token-radius-sm,8px);min-height:44px;box-shadow:0 1px 4px var(--token-color-shadow,#00000073);box-sizing:border-box;transition:background var(--token-transition-fast,.15s ease);justify-content:center;align-items:center;display:flex}._dragIcon_1qbt2_201{font-size:var(--token-font-size-sm,.875rem);color:var(--text-secondary-color,var(--token-color-text-secondary,#9994b0));cursor:grab;padding:var(--token-space-2,8px)}._dragIcon_1qbt2_201:active{cursor:grabbing}._mobileArrows_1qbt2_212{flex-direction:column;justify-content:center;align-items:center;gap:2px;display:none}._arrowBtn_1qbt2_220{cursor:pointer;padding:var(--token-space-1,4px);border-radius:var(--token-radius-sm,8px);color:var(--text-secondary-color,var(--token-color-text-secondary,#9994b0));font-size:var(--token-font-size-sm,.875rem);transition:background var(--token-transition-fast,.15s ease), color var(--token-transition-fast,.15s ease);background:0 0;border:none;justify-content:center;align-items:center;line-height:1;display:flex}._arrowBtn_1qbt2_220:hover:not(:disabled){background:var(--token-color-overlay-hover,#e45a701f);color:var(--token-color-brand-primary,#e45a70)}._arrowBtn_1qbt2_220:disabled{opacity:.3;cursor:not-allowed}._rowDragging_1qbt2_246{opacity:.25}._emptyState_1qbt2_250{color:var(--text-secondary-color);font-size:var(--token-font-size-sm,.875rem);padding:var(--token-space-4,16px) var(--token-space-3,12px);font-style:italic}._completedSection_1qbt2_257{gap:var(--token-space-3,12px);margin-top:var(--token-space-4,16px);flex-direction:column;display:flex}._completedGrid_1qbt2_264{gap:var(--token-space-2,8px) var(--token-space-3,12px);grid-template-columns:3fr 2fr 2fr 2fr 100px;align-items:start;width:100%;display:grid}._statusBadge_1qbt2_272{padding:2px var(--token-space-2,8px);border-radius:var(--token-radius-pill,9999px);font-size:var(--token-font-size-xs,.75rem);font-weight:var(--token-font-weight-bold,700);white-space:nowrap;align-items:center;display:inline-flex}._statusPlayed_1qbt2_282{color:var(--token-color-status-success,#2ecc71);background:#2ecc7126}._statusSkipped_1qbt2_287{color:var(--token-color-error,#e87a82);background:#e87a8226}@media (width<=900px){._grid_1qbt2_118{grid-template-columns:40px 3fr 2fr 2fr 48px}._positionHeader_1qbt2_297,._positionCell_1qbt2_298{display:none}}@media (width<=640px){._grid_1qbt2_118{grid-template-columns:40px 3fr 2fr 48px}._requestedHeader_1qbt2_308,._requestedCell_1qbt2_309,._donationHeader_1qbt2_310,._donationCell_1qbt2_311,._dragIcon_1qbt2_201{display:none}._mobileArrows_1qbt2_212{display:flex}._completedGrid_1qbt2_264{grid-template-columns:2fr 2fr 80px}._completedRequestedHeader_1qbt2_327,._completedRequestedCell_1qbt2_328,._completedDonationHeader_1qbt2_329,._completedDonationCell_1qbt2_330{display:none}}@media (width<=480px){._actionBar_1qbt2_9{flex-wrap:wrap}._grid_1qbt2_118{grid-template-columns:40px 1fr 48px}._artistHeader_1qbt2_344,._artistCell_1qbt2_345{display:none}}.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}}.faction{align-items:flex-end;gap:var(--token-space-2);flex-direction:column;flex-shrink:0;display:flex}.faction__error{font-size:var(--token-font-size-xs);color:var(--token-color-error);text-align:right;margin:0}.faction__btn{align-items:center;gap:var(--token-space-1);padding:var(--token-space-1) var(--token-space-3);background-color:var(--token-color-bg-surface);border:1px solid var(--token-color-border-subtle);border-radius:var(--token-radius-pill);color:var(--token-color-text-secondary);font-size:var(--token-font-size-xs);font-weight:var(--token-font-weight-bold);cursor:pointer;white-space:nowrap;transition:all var(--token-transition-fast);display:inline-flex}.faction__btn:hover:not(:disabled){border-color:var(--token-color-brand-lavender);color:var(--token-color-brand-lavender);background-color:#c8b4ff14}.faction__btn:disabled{opacity:.5;cursor:not-allowed}.faction__spinner{width:32px;height:32px;color:var(--token-color-brand-lavender);flex-shrink:0;justify-content:center;align-items:center;display:flex}.faction__spin{animation:.8s linear infinite faction-spin}@keyframes faction-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fcard{align-items:center;gap:var(--token-space-3);padding:var(--token-space-4);background-color:var(--token-color-bg-elevated);border:1px solid var(--token-color-border-subtle);border-radius:var(--token-radius-sm);transition:border-color var(--token-transition-fast), box-shadow var(--token-transition-fast);display:flex}.fcard:hover{border-color:var(--token-color-brand-primary);box-shadow:0 2px 12px var(--token-color-shadow)}.fcard--promoting{opacity:.6;pointer-events:none}.fcard__avatar-wrap{flex-shrink:0;width:44px;height:44px}.fcard__avatar-img{object-fit:cover;border:2px solid var(--token-color-border-subtle);border-radius:50%;width:100%;height:100%}.fcard__avatar-placeholder{background-color:var(--token-color-bg-surface);border:2px solid var(--token-color-border-subtle);width:100%;height:100%;color:var(--token-color-text-secondary);border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.fcard__body{gap:var(--token-space-1);flex-direction:column;flex:1;min-width:0;display:flex}.fcard__info{flex-direction:column;gap:2px;min-width:0;display:flex}.fcard__name{font-size:var(--token-font-size-sm);font-weight:var(--token-font-weight-bold);color:var(--token-color-text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.fcard__username{font-size:var(--token-font-size-xs);color:var(--token-color-text-secondary)}.fcard__meta{align-items:center;gap:var(--token-space-1);display:flex}.fcard__meta-icon{font-size:var(--token-font-size-xs);color:var(--token-color-text-secondary);flex-shrink:0}.fcard__meta-text{font-size:var(--token-font-size-xs);color:var(--token-color-text-secondary)}.flist__loading{justify-content:center;align-items:center;gap:var(--token-space-4);padding:var(--token-space-12) var(--token-space-6);color:var(--token-color-text-secondary);font-size:var(--token-font-size-sm);flex-direction:column;display:flex}.flist__empty{justify-content:center;align-items:center;gap:var(--token-space-3);padding:var(--token-space-12) var(--token-space-6);text-align:center;background-color:var(--token-color-bg-elevated);border:2px dashed var(--token-color-border-subtle);border-radius:var(--token-radius-md);flex-direction:column;display:flex}.flist__empty-icon{color:var(--token-color-text-secondary);opacity:.5;font-size:3rem}.flist__empty-title{font-size:var(--token-font-size-md);font-weight:var(--token-font-weight-bold);color:var(--token-color-text-primary);margin:0}.flist__empty-hint{color:var(--token-color-text-secondary);font-size:var(--token-font-size-sm)}.flist{gap:var(--token-space-6);flex-direction:column;width:100%;display:flex}.flist__grid{gap:var(--token-space-4);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.flist__pagination{padding-top:var(--token-space-4);border-top:1px solid var(--token-color-border-subtle);justify-content:space-between;align-items:center;gap:var(--token-space-3);flex-wrap:wrap;display:flex}.flist__pagination-info{font-size:var(--token-font-size-sm);color:var(--token-color-text-secondary)}.flist__pagination-controls{align-items:center;gap:var(--token-space-1);display:flex}.flist__page-btn{min-width:32px;height:32px;padding:0 var(--token-space-2);border:1px solid var(--token-color-border-subtle);background-color:var(--token-color-bg-elevated);color:var(--token-color-text-primary);border-radius:var(--token-radius-sm);font-size:var(--token-font-size-sm);cursor:pointer;transition:all var(--token-transition-fast);justify-content:center;align-items:center;display:inline-flex}.flist__page-btn:hover:not(:disabled){border-color:var(--token-color-brand-primary);color:var(--token-color-brand-primary)}.flist__page-btn--active{background-color:var(--token-color-brand-primary);border-color:var(--token-color-brand-primary);color:var(--token-color-text-on-accent);font-weight:var(--token-font-weight-bold)}.flist__page-btn--active:hover:not(:disabled){color:var(--token-color-text-on-accent)}.flist__page-btn:disabled{opacity:.4;cursor:not-allowed}@media (width<=768px){.flist__grid{gap:var(--token-space-3);grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.flist__pagination{flex-direction:column;align-items:center}}@media (width<=480px){.flist__grid{grid-template-columns:1fr}}.bfp-loading{justify-content:center;align-items:center;gap:var(--token-space-4);padding:var(--token-space-12) var(--token-space-6);color:var(--token-color-text-secondary);font-size:var(--token-font-size-sm);flex-direction:column;display:flex}.bfp-access-denied{justify-content:center;align-items:center;gap:var(--token-space-4);padding:var(--token-space-12) var(--token-space-6);text-align:center;background-color:var(--token-color-bg-elevated);border:1px solid var(--token-color-border-subtle);border-radius:var(--token-radius-md);flex-direction:column;display:flex}.bfp-access-denied__icon{color:var(--token-color-text-secondary);font-size:3rem}.bfp-access-denied__title{font-family:var(--token-font-display);font-size:var(--token-font-size-xl);color:var(--token-color-text-primary);margin:0}.bfp-access-denied__text{color:var(--token-color-text-secondary);font-size:var(--token-font-size-sm);margin:0}.bfp{gap:var(--token-space-6);flex-direction:column;width:100%;display:flex}.bfp__header{gap:var(--token-space-2);flex-direction:column;display:flex}.bfp__title-row{align-items:center;gap:var(--token-space-3);display:flex}.bfp__title{font-family:var(--token-font-display);font-size:var(--token-font-size-2xl);color:var(--token-color-text-primary);line-height:var(--token-line-height-tight);margin:0}.bfp__count{min-width:28px;height:28px;padding:0 var(--token-space-2);background-color:var(--token-color-bg-elevated);border:1px solid var(--token-color-border-subtle);border-radius:var(--token-radius-pill);font-size:var(--token-font-size-sm);font-weight:var(--token-font-weight-bold);color:var(--token-color-text-secondary);justify-content:center;align-items:center;display:inline-flex}.bfp__subtitle{font-size:var(--token-font-size-sm);color:var(--token-color-text-secondary);line-height:var(--token-line-height-base);margin:0}.bfp__controls{align-items:center;gap:var(--token-space-4);flex-wrap:wrap;display:flex}.bfp__search-form{gap:var(--token-space-2);flex:1;min-width:200px;display:flex}.bfp__search-wrap{flex:1;position:relative}.bfp__search-icon{left:var(--token-space-3);color:var(--token-color-text-secondary);font-size:var(--token-font-size-sm);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.bfp__search-input{width:100%;padding:var(--token-space-2) var(--token-space-4) var(--token-space-2) calc(var(--token-space-3) + 14px + var(--token-space-2));background-color:var(--token-color-bg-elevated);border:1px solid var(--token-color-border-subtle);border-radius:var(--token-radius-sm);color:var(--token-color-text-primary);font-size:var(--token-font-size-sm);box-sizing:border-box;transition:border-color var(--token-transition-fast)}.bfp__search-input::placeholder{color:var(--token-color-text-secondary)}.bfp__search-input:focus{border-color:var(--token-color-brand-primary);outline:none}.bfp-btn{align-items:center;gap:var(--token-space-2);padding:var(--token-space-2) var(--token-space-4);border-radius:var(--token-radius-sm);font-size:var(--token-font-size-sm);font-weight:var(--token-font-weight-bold);cursor:pointer;white-space:nowrap;transition:opacity var(--token-transition-fast);border:none;display:inline-flex}.bfp-btn--primary{background:var(--token-color-brand-primary);color:var(--token-color-text-on-accent)}.bfp-btn--primary:hover{opacity:.88}.bfp__sort{align-items:center;gap:var(--token-space-2);flex-shrink:0;display:flex}.bfp__sort-label{font-size:var(--token-font-size-sm);color:var(--token-color-text-secondary);white-space:nowrap}.bfp__sort-select{padding:var(--token-space-2) var(--token-space-3);background-color:var(--token-color-bg-elevated);border:1px solid var(--token-color-border-subtle);border-radius:var(--token-radius-sm);color:var(--token-color-text-primary);font-size:var(--token-font-size-sm);cursor:pointer;transition:border-color var(--token-transition-fast)}.bfp__sort-select:focus{border-color:var(--token-color-brand-primary);outline:none}.bfp__error{justify-content:space-between;align-items:center;gap:var(--token-space-4);padding:var(--token-space-3) var(--token-space-4);background-color:var(--token-color-error-subtle);border:1px solid var(--token-color-error);border-radius:var(--token-radius-sm);color:var(--token-color-error);font-size:var(--token-font-size-sm);display:flex}.bfp__error-retry{padding:var(--token-space-1) var(--token-space-3);background-color:var(--token-color-error);color:var(--token-color-text-on-light);border-radius:var(--token-radius-sm);font-size:var(--token-font-size-xs);font-weight:var(--token-font-weight-bold);cursor:pointer;white-space:nowrap;transition:opacity var(--token-transition-fast);border:none}.bfp__error-retry:hover{opacity:.85}@media (width<=768px){.bfp__controls{flex-direction:column;align-items:stretch}.bfp__sort{justify-content:space-between}.bfp__sort-select{flex:1}}@media (width<=480px){.bfp__search-form{flex-direction:column}.bfp-btn{justify-content:center}}.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}}.stream-tip-bar{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-top:4px;padding:12px 16px;display:flex}.stream-tip-label{color:var(--text-secondary-color,#888);margin:0;font-size:14px}.stream-tip-button{appearance:none;background:var(--main-content-button-background-color,#a78bfa);color:#1a1a2e;cursor:pointer;white-space:nowrap;border:none;border-radius:999px;flex-shrink:0;padding:8px 20px;font-weight:700;transition:filter .16s,transform .16s}.stream-tip-button:hover{filter:brightness(1.12);transform:translateY(-1px)}.streamer-dashboard{box-sizing:border-box;width:100%;max-width:none;padding-top:var(--token-space-2);color:var(--main-content-text-color);font-family:var(--token-font-body);flex-direction:column;height:calc(100vh - 60px);margin:0 auto;display:flex;overflow-y:hidden}.streamer-dashboard-header{box-sizing:border-box;width:100%}.streamer-dashboard-titlebar{justify-content:space-between;align-items:center;gap:var(--token-space-3);padding:var(--token-space-2) var(--token-space-4);background:linear-gradient(135deg, var(--token-color-bg-elevated) 0%, var(--token-color-bg-surface) 100%);border-bottom:1px solid var(--token-color-border-subtle);display:flex}.streamer-dashboard-title{font-family:var(--token-font-display);font-size:var(--token-font-size-lg);font-weight:var(--token-font-weight-bold);color:var(--token-color-text-primary);letter-spacing:.02em;margin:0}.streamer-dashboard-band-name{color:var(--token-color-brand-primary)}.streamer-dashboard-status{align-items:center;gap:var(--token-space-2);display:flex}.streamer-ws-badge{align-items:center;gap:var(--token-space-1);padding:var(--token-space-1) var(--token-space-3);border-radius:var(--token-radius-pill);font-size:var(--token-font-size-xs);font-weight:var(--token-font-weight-bold);text-transform:uppercase;letter-spacing:.06em;border:1px solid #0000;display:inline-flex}.streamer-ws-badge--connected{background-color:color-mix(in srgb, var(--token-color-status-success) 15%, transparent);color:var(--token-color-status-success);border-color:color-mix(in srgb, var(--token-color-status-success) 30%, transparent)}.streamer-ws-badge--connecting{background-color:color-mix(in srgb, var(--token-color-status-warning) 15%, transparent);color:var(--token-color-status-warning);border-color:color-mix(in srgb, var(--token-color-status-warning) 30%, transparent)}.streamer-ws-badge--disconnected{background-color:color-mix(in srgb, var(--token-color-error) 10%, transparent);color:var(--token-color-error);border-color:color-mix(in srgb, var(--token-color-error) 30%, transparent)}.streamer-ws-badge--unknown{background-color:color-mix(in srgb, var(--token-color-text-secondary) 10%, transparent);color:var(--token-color-text-secondary);border-color:color-mix(in srgb, var(--token-color-text-secondary) 30%, transparent)}.streamer-ws-dot{background-color:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.streamer-ws-badge--connected .streamer-ws-dot{animation:2s ease-in-out infinite ws-pulse}@keyframes ws-pulse{0%,to{opacity:1}50%{opacity:.4}}.streamer-dashboard-loading,.streamer-dashboard-error{justify-content:center;align-items:center;gap:var(--token-space-4);min-height:300px;color:var(--token-color-text-secondary);font-size:var(--token-font-size-md);flex-direction:column;flex:1;display:flex}.sd-back-btn{align-items:center;gap:var(--token-space-2);padding:var(--token-space-2) var(--token-space-4);background:var(--token-color-bg-elevated);color:var(--token-color-text-primary);border:1px solid var(--token-color-border-subtle);border-radius:var(--token-radius-sm);font-size:var(--token-font-size-sm);font-weight:var(--token-font-weight-bold);cursor:pointer;transition:background-color var(--token-transition-fast), color var(--token-transition-fast);display:inline-flex}.sd-back-btn:hover{background:var(--token-color-overlay-hover);color:var(--token-color-brand-primary)}.streamer-tab-bar{background-color:var(--token-color-bg-elevated);border-bottom:1px solid var(--token-color-border-subtle);display:none}.tab-btn{padding:var(--token-space-2) var(--token-space-1);cursor:pointer;color:var(--token-color-text-secondary);font-size:var(--token-font-size-xs);font-family:var(--token-font-body);transition:color var(--token-transition-fast), border-color var(--token-transition-fast);background:0 0;border:none;border-bottom:3px solid #0000;flex-direction:column;flex:1;align-items:center;gap:2px;display:flex}.tab-btn svg{font-size:18px}.tab-btn.active{color:var(--token-color-brand-primary);border-bottom-color:var(--token-color-brand-primary)}.streamer-dashboard-grid{gap:var(--token-space-3);padding:var(--token-space-3) var(--token-space-4);margin:var(--token-space-2) 0 var(--token-space-3);box-sizing:border-box;background-color:var(--token-color-bg-surface);border-radius:var(--token-radius-lg);box-shadow:0 4px 24px var(--token-color-shadow);color:var(--main-content-text-color);flex:1;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,280px) minmax(240px,1fr) minmax(240px,300px);align-items:start;min-height:0;display:grid;overflow:hidden}.streamer-panel{background-color:var(--token-color-bg-elevated);border:1px solid var(--token-color-border-subtle);border-radius:var(--token-radius-md);box-shadow:0 2px 12px var(--token-color-shadow);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{gap:var(--token-space-2);flex-direction:column;display:flex}.streamer-now-playing{align-items:center;gap:var(--token-space-3);padding:var(--token-space-2) var(--token-space-4);background:linear-gradient(135deg, var(--token-color-bg-elevated) 0%, var(--token-color-bg-surface) 100%);border:1px solid var(--token-color-border-subtle);border-radius:var(--token-radius-sm);font-size:var(--token-font-size-sm);flex-wrap:wrap;display:flex}.streamer-preview-actions{padding:var(--token-space-2) var(--token-space-3);justify-content:stretch;display:flex}.now-playing-icon{color:var(--token-color-brand-primary);font-size:var(--token-font-size-md);flex-shrink:0}.now-playing-label{font-weight:var(--token-font-weight-bold);color:var(--token-color-text-secondary);white-space:nowrap;font-size:var(--token-font-size-xs);text-transform:uppercase;letter-spacing:.06em}.now-playing-title{font-weight:var(--token-font-weight-bold);color:var(--token-color-text-primary);font-size:var(--token-font-size-md)}.now-playing-artist{color:var(--token-color-text-secondary);font-size:var(--token-font-size-sm)}.now-playing-release{font-size:var(--token-font-size-xs);font-weight:var(--token-font-weight-bold);color:var(--token-color-text-primary);background-color:var(--token-color-bg-base);border:1px solid var(--token-color-border-subtle);border-radius:var(--token-radius-sm);white-space:nowrap;font-family:var(--token-font-mono);padding:2px 7px}.now-playing-requested{font-size:var(--token-font-size-xs);color:var(--token-color-text-secondary);justify-content:center;align-items:center;gap:var(--token-space-1);text-align:center;flex:1;font-style:italic;display:inline-flex}.now-playing-request-msg{color:var(--token-color-brand-soft);font-style:italic}.now-playing-empty{color:var(--token-color-text-secondary);font-style:italic;font-size:var(--token-font-size-sm)}.now-playing-controls{gap:var(--token-space-2);flex-wrap:nowrap;flex-shrink:0;margin-left:auto;display:flex}.np-control-btn{align-items:center;gap:var(--token-space-1);padding:var(--token-space-1) var(--token-space-3);border-radius:var(--token-radius-pill);cursor:pointer;font-size:var(--token-font-size-xs);font-weight:var(--token-font-weight-bold);font-family:var(--token-font-body);transition:background-color var(--token-transition-fast), transform var(--token-transition-fast);letter-spacing:.03em;border:none;display:inline-flex}.np-control-btn:active{transform:scale(.97)}.np-played-btn{color:#2ecc71;background-color:#2ecc7133;border:1px solid #2ecc7159}.np-played-btn:hover{background-color:#2ecc7159}.np-skip-btn{background-color:var(--token-color-bg-elevated);color:var(--token-color-text-primary);border:1px solid var(--token-color-border-subtle)}.np-skip-btn:hover{background-color:var(--token-color-overlay-hover);color:var(--token-color-brand-primary);border-color:var(--token-color-brand-primary)}.np-end-stream-btn{color:var(--token-color-brand-primary);width:100%;padding:var(--token-space-2) var(--token-space-4);border-radius:var(--token-radius-sm);box-sizing:border-box;font-size:var(--token-font-size-sm);background-color:#e45a7026;border:1px solid #e45a704d;justify-content:center}.np-end-stream-btn:hover{color:var(--token-color-text-on-accent);background-color:#e45a704d}.now-playing-details{gap:var(--token-space-2);padding:var(--token-space-3) var(--token-space-4);background:var(--token-color-bg-elevated);border:1px solid var(--token-color-border-subtle);border-radius:var(--token-radius-sm);box-sizing:border-box;flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.now-playing-meta{gap:var(--token-space-2);flex-wrap:wrap;display:flex}.now-playing-chip{border:1px solid var(--token-color-border-subtle);border-radius:var(--token-radius-sm);font-size:var(--token-font-size-xs);align-items:center;gap:0;display:inline-flex;overflow:hidden}.chip-label{padding:3px var(--token-space-2);background-color:var(--token-color-bg-base);color:var(--token-color-text-secondary);font-weight:var(--token-font-weight-bold);white-space:nowrap;text-transform:uppercase;letter-spacing:.04em}.chip-value{padding:3px var(--token-space-3);color:var(--token-color-text-primary);background-color:var(--token-color-bg-elevated);font-family:var(--token-font-mono)}.now-playing-section{gap:var(--token-space-1);flex-direction:column;display:flex}.now-playing-section--lyrics{flex:1;min-height:0}.section-label{font-size:var(--token-font-size-xs);font-weight:var(--token-font-weight-bold);color:var(--token-color-text-secondary);text-transform:uppercase;letter-spacing:.06em}.notes-text{font-size:var(--token-font-size-sm);line-height:var(--token-line-height-base);color:var(--token-color-text-primary);margin:0;font-style:italic}.lyrics-text{font-family:var(--token-font-body);font-size:var(--token-font-size-sm);color:var(--token-color-text-primary);white-space:pre-wrap;min-height:0;padding:var(--token-space-3);background-color:var(--token-color-bg-base);border:1px solid var(--token-color-border-subtle);border-radius:var(--token-radius-sm);flex:1;margin:0;line-height:1.6;overflow-y:auto}.tabs-text{font-family:var(--token-font-mono);font-size:var(--token-font-size-xs);color:var(--token-color-text-primary);white-space:pre;background-color:var(--token-color-bg-base);padding:var(--token-space-2);border-radius:var(--token-radius-sm);border:1px solid var(--token-color-border-subtle);margin:0;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{align-items:center;gap:var(--token-space-4);padding:var(--token-space-2) var(--token-space-3);border-top:1px solid var(--token-color-border-subtle);border-bottom:1px solid var(--token-color-border-subtle);background-color:var(--token-color-bg-base);flex-wrap:wrap;display:flex}.metric-item{align-items:center;gap:var(--token-space-1);font-size:var(--token-font-size-sm);color:var(--token-color-text-secondary);display:flex}.metric-icon{font-size:13px}.metric-value{font-weight:var(--token-font-weight-bold);color:var(--token-color-text-primary);font-family:var(--token-font-mono)}.metric-label{font-size:var(--token-font-size-xs);opacity:.7}.live-indicator{margin-left:auto}.live-dot{background-color:var(--token-color-text-secondary);border-radius:50%;flex-shrink:0;width:8px;height:8px}.live-indicator.live .live-dot{background-color:var(--token-color-brand-primary);box-shadow:0 0 6px var(--token-color-brand-primary);animation:1.4s ease-in-out infinite blink-dot}.live-indicator.live .metric-value{color:var(--token-color-brand-primary)}@keyframes blink-dot{0%,to{opacity:1}50%{opacity:.3}}.streamer-donations{padding:var(--token-space-2) var(--token-space-3);border-top:1px solid var(--token-color-border-subtle)}.donations-header{align-items:center;gap:var(--token-space-2);margin-bottom:var(--token-space-2);display:flex}.donations-icon{color:var(--token-color-brand-sky);flex-shrink:0;font-size:14px}.donations-title{font-size:var(--token-font-size-sm);font-weight:var(--token-font-weight-bold);color:var(--token-color-text-primary);flex:1}.donations-total{font-size:var(--token-font-size-xs);font-weight:var(--token-font-weight-bold);color:var(--token-color-brand-sky);font-family:var(--token-font-mono)}.donations-empty{font-size:var(--token-font-size-xs);color:var(--token-color-text-secondary);font-style:italic}.donations-columns{gap:var(--token-space-3);display:flex}.donations-column{flex:1;min-width:0}.donations-column-title{font-size:var(--token-font-size-xs);font-weight:var(--token-font-weight-bold);text-transform:uppercase;letter-spacing:.06em;color:var(--token-color-text-secondary);margin-bottom:var(--token-space-1)}.donation-row{justify-content:space-between;align-items:baseline;gap:var(--token-space-1);font-size:var(--token-font-size-xs);border-bottom:1px solid var(--token-color-border-subtle);padding:2px 0;display:flex}.donation-row:last-child{border-bottom:none}.donation-donor{font-weight:var(--token-font-weight-bold);color:var(--token-color-text-primary);white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.donation-amount{font-weight:var(--token-font-weight-bold);color:var(--token-color-brand-sky);font-family:var(--token-font-mono);flex-shrink:0}.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{align-items:center;gap:var(--token-space-2);padding:var(--token-space-3) var(--token-space-4);border-bottom:1px solid var(--token-color-border-subtle);background:linear-gradient(135deg, var(--token-color-bg-elevated) 0%, var(--token-color-bg-surface) 100%);display:flex}.panel-header-icon{color:var(--token-color-brand-primary);font-size:14px}.panel-title{font-family:var(--token-font-display);font-size:var(--token-font-size-md);font-weight:var(--token-font-weight-bold);color:var(--token-color-text-primary);letter-spacing:.01em;flex:1;margin:0}.queue-count{font-size:var(--token-font-size-xs);color:var(--token-color-text-secondary);background-color:var(--token-color-bg-base);border:1px solid var(--token-color-border-subtle);padding:2px var(--token-space-2);border-radius:var(--token-radius-pill);font-family:var(--token-font-mono);font-weight:var(--token-font-weight-bold)}.queue-list{min-height:240px;padding:var(--token-space-1) 0;flex:1;overflow-y:auto}.queue-item{align-items:center;gap:var(--token-space-2);padding:var(--token-space-2) var(--token-space-4);border-bottom:1px solid var(--token-color-border-subtle);transition:background-color var(--token-transition-fast);display:flex}.queue-item:last-child{border-bottom:none}.queue-item--playing{background:linear-gradient(90deg, #e45a7014 0%, var(--token-color-bg-elevated) 100%);border-left:3px solid var(--token-color-brand-primary)}.queue-item--playing .queue-song-title{font-weight:var(--token-font-weight-bold);color:var(--token-color-brand-primary)}.queue-position{text-align:center;width:24px;font-size:var(--token-font-size-xs);color:var(--token-color-text-secondary);font-family:var(--token-font-mono);flex-shrink:0}.playing-icon{color:var(--token-color-brand-primary);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{font-size:var(--token-font-size-sm);font-weight:var(--token-font-weight-bold);color:var(--token-color-text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.queue-song-artist{font-size:var(--token-font-size-xs);color:var(--token-color-text-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.queue-requested-by{font-size:var(--token-font-size-xs);color:var(--token-color-brand-soft);white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;max-width:80px;overflow:hidden}.queue-reorder-controls{margin-left:var(--token-space-1);flex-direction:column;flex-shrink:0;gap:3px;display:flex}.queue-reorder-btn{border:1px solid var(--token-color-border-subtle);background:var(--token-color-bg-base);width:22px;height:18px;color:var(--token-color-text-secondary);cursor:pointer;transition:background-color var(--token-transition-fast), color var(--token-transition-fast);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(--token-color-overlay-hover);color:var(--token-color-brand-primary);border-color:var(--token-color-brand-primary)}.queue-reorder-btn:disabled{opacity:.25;cursor:not-allowed}.add-to-queue-btn{margin:var(--token-space-2) var(--token-space-4);padding:var(--token-space-2) var(--token-space-3);background:linear-gradient(135deg, var(--token-color-brand-lavender) 0%, var(--token-color-brand-sky-blue) 100%);color:var(--token-color-bg-surface);border-radius:var(--token-radius-sm);font-size:var(--token-font-size-sm);font-weight:var(--token-font-weight-bold);font-family:var(--token-font-body);cursor:pointer;transition:opacity var(--token-transition-fast);border:none;justify-content:center;align-items:center;display:flex}.add-to-queue-btn:hover:not(:disabled){opacity:.85}.add-to-queue-btn:disabled{opacity:.35;cursor:not-allowed}.played-section{border-top:1px solid var(--token-color-border-subtle);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.played-section-header{align-items:center;gap:var(--token-space-2);padding:var(--token-space-2) var(--token-space-4);background-color:var(--token-color-bg-base);display:flex}.played-section-icon{color:var(--token-color-text-secondary);flex-shrink:0;font-size:13px}.played-section-title{font-size:var(--token-font-size-xs);font-weight:var(--token-font-weight-bold);color:var(--token-color-text-secondary);text-transform:uppercase;letter-spacing:.06em;flex:1}.played-section-count{font-size:var(--token-font-size-xs);color:var(--token-color-text-secondary);background-color:var(--token-color-bg-elevated);border:1px solid var(--token-color-border-subtle);border-radius:var(--token-radius-pill);font-family:var(--token-font-mono);padding:1px 7px}.played-list{flex:1;min-height:0;overflow-y:auto}.played-item{align-items:center;gap:var(--token-space-2);padding:7px var(--token-space-4);border-bottom:1px solid var(--token-color-border-subtle);opacity:.55;display:flex}.played-item:last-child{border-bottom:none}.requeue-btn{font-size:var(--token-font-size-xs);font-weight:var(--token-font-weight-bold);font-family:var(--token-font-body);border:1px solid var(--token-color-border-subtle);border-radius:var(--token-radius-sm);color:var(--token-color-text-secondary);cursor:pointer;white-space:nowrap;transition:background-color var(--token-transition-fast), color var(--token-transition-fast), opacity var(--token-transition-fast);background:0 0;flex-shrink:0;padding:3px 9px}.requeue-btn:hover{background-color:var(--token-color-overlay-hover);color:var(--token-color-brand-primary);border-color:var(--token-color-brand-primary);opacity:1}.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-titlebar{padding:var(--token-space-1) var(--token-space-3)}.streamer-dashboard-title{font-size:var(--token-font-size-md)}.streamer-dashboard-grid{padding:var(--token-space-2);margin:var(--token-space-2);grid-template-rows:1fr;grid-template-columns:1fr;gap:0}.streamer-panel{max-height:none;display:none}.streamer-panel.tab-active{flex-direction:column;display:flex}}@media (width<=480px){.streamer-dashboard-grid{padding:var(--token-space-1);margin:var(--token-space-1)}.streamer-metrics-bar{gap:var(--token-space-2)}}.queue-list,.played-list,.lyrics-text{scrollbar-width:thin;scrollbar-color:var(--token-color-border-subtle) var(--token-color-bg-base)}.queue-list::-webkit-scrollbar{width:4px}.played-list::-webkit-scrollbar{width:4px}.lyrics-text::-webkit-scrollbar{width:4px}.queue-list::-webkit-scrollbar-track{background:var(--token-color-bg-base)}.played-list::-webkit-scrollbar-track{background:var(--token-color-bg-base)}.lyrics-text::-webkit-scrollbar-track{background:var(--token-color-bg-base)}.queue-list::-webkit-scrollbar-thumb{background:var(--token-color-border-subtle);border-radius:var(--token-radius-pill)}.played-list::-webkit-scrollbar-thumb{background:var(--token-color-border-subtle);border-radius:var(--token-radius-pill)}.lyrics-text::-webkit-scrollbar-thumb{background:var(--token-color-border-subtle);border-radius:var(--token-radius-pill)}.tab-btn:focus-visible,.np-control-btn:focus-visible,.queue-reorder-btn:focus-visible,.add-to-queue-btn:focus-visible,.requeue-btn:focus-visible,.sd-back-btn:focus-visible{outline:2px solid var(--token-color-brand-primary);outline-offset:2px}