*,:after,:before{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-ring-inset:;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-blur:;--tw-brightness:;--tw-contrast:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-saturate:;--tw-sepia:;--tw-drop-shadow:}::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-ring-inset:;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-blur:;--tw-brightness:;--tw-contrast:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-saturate:;--tw-sepia:;--tw-drop-shadow:}*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}h1,h2,h3,h4{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}dd,h1,h2,h3,h4,p{margin:0}menu,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}audio,canvas,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.-bottom-1{bottom:-.25rem}.-right-1{right:-.25rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.box-border{box-sizing:border-box}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.aspect-\[3\/1\]{aspect-ratio:3/1}.h-1{height:.25rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-4{height:1rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-full{height:100%}.min-h-0{min-height:0}.w-10{width:2.5rem}.w-12{width:3rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-auto{width:auto}.w-full{width:100%}.min-w-0{min-width:0}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px*var(--tw-divide-y-reverse))}.overflow-hidden,.truncate{overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.border{border-width:1px}.border-2{border-width:2px}.border-t{border-top-width:1px}.border-gray-600{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity,1))}.border-gray-700{--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity,1))}.border-transparent{border-color:transparent}.bg-gray-600{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.bg-gray-900{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-tight{line-height:1.25}.tracking-wider{letter-spacing:.05em}.text-gray-200{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1))}.text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-green-400{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1))}.text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.text-purple-400{--tw-text-opacity:1;color:rgb(192 132 252/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-yellow-200{--tw-text-opacity:1;color:rgb(254 240 138/var(--tw-text-opacity,1))}.text-yellow-400{--tw-text-opacity:1;color:rgb(250 204 21/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.opacity-50{opacity:.5}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px)}.blur,.grayscale{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale:grayscale(100%)}.invert{--tw-invert:invert(100%)}.filter,.invert{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}html{height:100dvh;margin:0;overflow:hidden;background-color:var(--color-frame)}:root{--color-frame:#1a1a1e;--color-console-main:#111827;--color-tertiary:var(--color-console-main);--color-windows-bg:#1f2937;--color-windows-inner-bg:var(--color-console-main);--color-active-highlight:#3B82F6;--color-accent-highlight-1:#fbbf24;--color-chat-bubble-user-bg:#3B82F6;--color-chat-bubble-user-text:#ffffff;--color-text-title:#FFFFFF;--color-text-main:#F3F4F6;--color-text-secondary:#9CA3AF;--color-top-windows-bg:#000000;--color-playbar-accent-bg:#1f2937;--color-icon-default:#D1D5DB;--color-button-default-bg:#4B5563}body{font-family:var(--font-default,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif);height:100%;margin:0;color:var(--color-text-main);box-sizing:border-box;background-color:var(--color-frame);border-radius:15px;overflow:hidden;padding:4px}:root{--grid-opacity-multiplier:1}*::-webkit-scrollbar{width:5px;height:5px}*::-webkit-scrollbar-track{background:rgba(0,0,0,0.2);border-radius:10px;min-height:100%}*::-webkit-scrollbar-thumb{background-color:var(--color-active-highlight);border-radius:10px;min-height:20px}*::-webkit-scrollbar-thumb:hover{filter:brightness(1.2)}::-webkit-scrollbar-track,.scrollable::-webkit-scrollbar-track,[id*="feed"]::-webkit-scrollbar-track,[class*="feed"]::-webkit-scrollbar-track{min-height:100%}.grid-shrink{min-width:0;min-height:0;overflow:hidden}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.greeting-artist-name{font-family:var(--font-name,inherit);font-size:clamp(0.825rem,1.125vw,1.35rem)}#loading-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000;z-index:9999;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:opacity 0.6s ease-in-out;opacity:1;overflow:hidden}#loading-overlay.hidden{opacity:0;pointer-events:none;transition:opacity 1s ease-in-out}.loading-particles{position:absolute;top:0;left:0;width:100vw;height:100vh;overflow:hidden;z-index:0}.loading-particle{position:absolute;width:0.6vh;height:0.6vh;border-radius:50%;animation:particle-rise 4s infinite ease-out;box-shadow:0 0 1vh currentColor}.loading-particle:nth-child(1){left:5%;background:#ff0080;animation-delay:0s;animation-duration:3s}.loading-particle:nth-child(2){left:10%;background:#00ff80;animation-delay:0.5s;animation-duration:4s}.loading-particle:nth-child(3){left:15%;background:#8000ff;animation-delay:1s;animation-duration:3.5s}.loading-particle:nth-child(4){left:20%;background:#ff8000;animation-delay:1.5s;animation-duration:4.5s}.loading-particle:nth-child(5){left:25%;background:#00ffff;animation-delay:2s;animation-duration:3.2s}.loading-particle:nth-child(6){left:30%;background:#ff00ff;animation-delay:2.5s;animation-duration:3.8s}.loading-particle:nth-child(7){left:35%;background:#ffff00;animation-delay:0.3s;animation-duration:4.2s}.loading-particle:nth-child(8){left:40%;background:#ff0000;animation-delay:0.8s;animation-duration:3.6s}.loading-particle:nth-child(9){left:45%;background:#00ff00;animation-delay:1.3s;animation-duration:4.1s}.loading-particle:nth-child(10){left:50%;background:#0000ff;animation-delay:1.8s;animation-duration:3.4s}.loading-particle:nth-child(11){left:55%;background:#ff0080;animation-delay:2.3s;animation-duration:3.9s}.loading-particle:nth-child(12){left:60%;background:#00ff80;animation-delay:0.2s;animation-duration:4.3s}.loading-particle:nth-child(13){left:65%;background:#8000ff;animation-delay:0.7s;animation-duration:3.7s}.loading-particle:nth-child(14){left:70%;background:#ff8000;animation-delay:1.2s;animation-duration:4.4s}.loading-particle:nth-child(15){left:75%;background:#00ffff;animation-delay:1.7s;animation-duration:3.3s}.loading-particle:nth-child(16){left:80%;background:#ff00ff;animation-delay:2.2s;animation-duration:3.5s}.loading-particle:nth-child(17){left:85%;background:#ffff00;animation-delay:0.4s;animation-duration:4.0s}.loading-particle:nth-child(18){left:90%;background:#ff0000;animation-delay:0.9s;animation-duration:3.1s}.loading-particle:nth-child(19){left:95%;background:#00ff00;animation-delay:1.4s;animation-duration:4.6s}.loading-particle:nth-child(20){left:100%;background:#0000ff;animation-delay:1.9s;animation-duration:3.0s}@keyframes particle-rise{0%{transform:translateY(100vh) scale(0) rotate(0deg);opacity:0}10%{opacity:1;transform:translateY(90vh) scale(1) rotate(45deg)}90%{opacity:1;transform:translateY(10vh) scale(1) rotate(315deg)}100%{transform:translateY(-10vh) scale(0) rotate(360deg);opacity:0}}.loading-logo-container{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:clamp(130px,20vw,220px);height:clamp(130px,20vw,220px);animation:logo-entrance 1s ease-out}@keyframes logo-entrance{0%{opacity:0;transform:scale(0.5) rotate(-180deg)}100%{opacity:1;transform:scale(1) rotate(0deg)}}.loading-logo{width:clamp(100px,15vw,180px);height:clamp(100px,15vw,180px);border-radius:50%;object-fit:cover;animation:logo-pulse 2s ease-in-out infinite;box-shadow:0 0 5vw rgba(255,255,255,0.2);position:relative;z-index:2}@keyframes logo-pulse{0%,100%{transform:scale(1);box-shadow:0 0 5vw rgba(255,255,255,0.2),0 0 2vw rgba(255,0,128,0.3)}50%{transform:scale(1.08);box-shadow:0 0 8vw rgba(255,255,255,0.4),0 0 4vw rgba(0,255,128,0.5),0 0 6vw rgba(128,0,255,0.3)}}.loading-logo-ring{position:absolute;top:0;left:0;width:100%;height:100%;border:0.4vw solid transparent;border-top-color:#ff0080;border-right-color:#00ff80;border-radius:50%;animation:spin-ring 2s linear infinite}.loading-logo-ring::before{content:'';position:absolute;top:0.6vh;left:0.6vh;right:0.6vh;bottom:0.6vh;border:0.3vw solid transparent;border-bottom-color:#8000ff;border-left-color:#ff8000;border-radius:50%;animation:spin-ring 1.5s linear infinite reverse}.loading-logo-ring::after{content:'';position:absolute;top:1.2vh;left:1.2vh;right:1.2vh;bottom:1.2vh;border:0.2vw solid transparent;border-top-color:#00ffff;border-radius:50%;animation:spin-ring 3s linear infinite}@keyframes spin-ring{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}#loading-message{color:#ffffff;font-family:'Righteous','Arial',sans-serif;font-size:clamp(1rem,1.5vw,1.75rem);font-weight:400;text-shadow:0 0 1vw rgba(255,255,255,0.5),0 0 2vw rgba(255,0,128,0.3);margin-top:4vh;letter-spacing:0.3vw;animation:message-glow 2s ease-in-out infinite alternate;position:relative;z-index:1}@keyframes message-glow{0%{text-shadow:0 0 1vw rgba(255,255,255,0.5),0 0 2vw rgba(255,0,128,0.3)}100%{text-shadow:0 0 2vw rgba(255,255,255,0.8),0 0 4vw rgba(0,255,128,0.5),0 0 6vw rgba(128,0,255,0.3)}}.loading-dots{display:inline-block}.loading-dots::after{content:'...';animation:loading-dots-text 1.5s infinite}@keyframes loading-dots-text{0%,20%{content:'.'}40%{content:'..'}60%,100%{content:'...'}}.loading-progress-container{width:clamp(150px,25vw,300px);height:0.5vh;background:rgba(255,255,255,0.1);border-radius:0.3vh;margin-top:3vh;overflow:hidden;position:relative;z-index:1;box-shadow:0 0 1vw rgba(255,255,255,0.1)}.loading-progress-bar{height:100%;background:linear-gradient(90deg,#ff0080,#00ff80,#8000ff,#ff8000,#00ffff);background-size:200% 100%;border-radius:0.3vh;animation:progress-rainbow 2s linear infinite}@keyframes progress-rainbow{0%{background-position:0% 50%;width:0%}50%{background-position:100% 50%;width:70%}100%{background-position:0% 50%;width:100%}}[class*="Bungee"]{letter-spacing:0.8px !important}.section-header,[class*="section-title"],[class*="channel-title"],.section-title,.channel-title,.lounge-title,.playlist-title,.badge-title{letter-spacing:0.8px}h1,h2,h3,.header-title,.section-header{font-family:'Bungee Inline',cursive;letter-spacing:0.8px}#channel-title-banner h1,#channel-title-banner #channel-title,#channel-title-banner .channel-title{letter-spacing:0.8px !important;font-family:'Bungee Inline',cursive !important}body::after{content:'';position:fixed;inset:0;background-color:rgba(0,0,0,0.25);z-index:99999;pointer-events:none}.flatpickr-am-pm{pointer-events:auto !important;cursor:pointer !important;opacity:1 !important;visibility:visible !important}#main-app-container{display:grid;grid-template-rows:16px 3fr 7px 1fr 25px;grid-template-columns:minmax(20px,30px) minmax(200px,30%) minmax(20px,30px) 1fr minmax(20px,30px);width:100%;height:100%;position:relative;margin-top:0;background-color:var(--color-frame)}#app-header{grid-row:1 / 2;grid-column:1 / 6;background-color:var(--color-frame) !important;z-index:200;display:flex;align-items:stretch;justify-content:stretch;padding:0;position:relative;width:100%;box-shadow:none;border:none}#header-username-container{display:flex;align-items:center;justify-content:center;flex:1;height:100%;width:100%}#header-username{font-size:0.8rem;font-weight:500;color:var(--color-text-primary,#f5f5f5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-names,'Righteous',sans-serif);text-align:center !important;display:flex !important;align-items:center !important;justify-content:center !important;cursor:pointer;transition:color 0.15s ease,text-shadow 0.15s ease;padding:4px 12px;background:rgba(0,0,0,0.3);border-radius:4px;border:1px solid rgba(255,255,255,0.1)}#header-username:hover{color:#fff;text-shadow:0 0 8px rgba(255,255,255,0.6),0 0 16px rgba(255,255,255,0.3);background:rgba(0,0,0,0.5);border-color:rgba(255,255,255,0.2)}#header-center{display:none}#header-right{display:flex;align-items:center;justify-content:flex-end;gap:0.4rem;z-index:10;box-shadow:none;border:none;outline:none}.mobile-header-btn{display:none;align-items:center;justify-content:flex-start;gap:6px;padding:5px;background:linear-gradient(180deg,#ffffff 0%,#e8e8e8 50%,#d0d0d0 100%);color:#1a1a1a;border:1px solid #b0b0b0;border-radius:6px;font-size:0.85rem;font-weight:600;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,0.15),inset 0 1px 0 rgba(255,255,255,0.8);transition:all 0.2s ease}.mobile-header-btn.delayed-fade{opacity:0;transition:opacity 1s ease}.mobile-header-btn:not(.delayed-fade){opacity:1}#mobile-header-coin-btn{background:linear-gradient(180deg,#d4a84b 0%,#c9a227 50%,#a88a1f 100%);border:none;border-right:1px solid rgba(0,0,0,0.2);color:#1a1a2e;box-shadow:inset 0 1px 0 rgba(255,255,255,0.4),inset 0 -1px 0 rgba(0,0,0,0.2)}#mobile-header-coin-btn:hover{background:linear-gradient(180deg,#e0b85c 0%,#d4a84b 50%,#c9a227 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.5),inset 0 -1px 0 rgba(0,0,0,0.2),0 0 10px rgba(212,168,75,0.4)}#mobile-header-coin-btn:active{background:linear-gradient(180deg,#c9a227 0%,#a88a1f 50%,#8b7318 100%)}#mobile-header-ticket-btn{background:linear-gradient(180deg,#c4762e 0%,#b86b21 50%,#9a5a1a 100%);border:none;border-left:1px solid rgba(255,255,255,0.15);color:#000;box-shadow:inset 0 1px 0 rgba(255,255,255,0.4),inset 0 -1px 0 rgba(0,0,0,0.2)}#mobile-header-ticket-btn:hover{background:linear-gradient(180deg,#d68a3a 0%,#c4762e 50%,#b86b21 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.5),inset 0 -1px 0 rgba(0,0,0,0.2),0 0 10px rgba(196,118,46,0.4)}#mobile-header-ticket-btn:active{background:linear-gradient(180deg,#b86b21 0%,#9a5a1a 50%,#7d4a15 100%)}.mobile-header-btn:hover{background:linear-gradient(180deg,#ffffff 0%,#f0f0f0 50%,#e0e0e0 100%);box-shadow:0 4px 8px rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,0.9);transform:translateY(-1px)}.mobile-header-btn:active{background:linear-gradient(180deg,#e8e8e8 0%,#d8d8d8 50%,#c0c0c0 100%);box-shadow:0 1px 2px rgba(0,0,0,0.15),inset 0 1px 2px rgba(0,0,0,0.1);transform:translateY(0)}.mobile-header-btn i{font-size:0.9rem;display:flex;align-items:center;transform:translateY(1px)}.mobile-header-btn span{font-family:'Inter',system-ui,sans-serif;min-width:20px;text-align:center}@media (max-width:768px){.mobile-header-btn{display:flex}}#header-logo-text{font-family:'Pacifico',cursive;font-size:clamp(1.3rem,1.7vw,1.95rem);color:var(--color-text-primary);text-shadow:0 0 12px rgba(96,165,250,0.6);white-space:nowrap}.header-profile-icon{display:block !important;width:32px;height:32px;min-width:32px;min-height:32px;border-radius:50%;cursor:pointer;object-fit:cover;visibility:visible !important}.header-profile-menu{display:flex !important;visibility:visible !important;align-items:center}.header-dropdown-content{position:absolute;top:100%;left:0;margin-top:4px;background:var(--color-frame);border:1px solid var(--color-border-secondary);border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,0.3);z-index:300;display:none}.header-dropdown-item{display:block;width:100%;padding:8px 16px;background:none;border:none;color:#ef4444;text-align:left;cursor:pointer;white-space:nowrap}.header-dropdown-item:hover{background:rgba(239,68,68,0.1)}@keyframes live-pulse-bg{0%{background-color:#c026d3}50%{background-color:#f472b6}100%{background-color:#c026d3}}@keyframes live-text-flash{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.7;transform:scale(1.05)}}#header-connect-btn,#live-connect-container,#connect-to-live-btn{display:none !important}#header-upload-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:0.5rem 1.5rem;font-size:0.9rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;background:linear-gradient(135deg,rgba(59,130,246,0.3),rgba(139,92,246,0.3));color:#fff;border:2px solid rgba(139,92,246,0.6);border-radius:8px;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 12px rgba(0,0,0,0.4)}#header-upload-btn:hover{background:linear-gradient(135deg,rgba(59,130,246,0.5),rgba(139,92,246,0.5));border-color:rgba(139,92,246,0.9);transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,0.5)}#header-upload-btn:active{transform:translateY(0)}#header-upload-btn i{font-size:1rem}#connect-to-live-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}#live-connect-container.is-live-available #connect-to-live-btn{animation:live-pulse-bg 2.5s infinite ease-in-out}#live-connect-container.is-live-available #connect-to-live-btn span{animation:live-text-flash 1.5s infinite}#left-frame{grid-row:2 / 5;grid-column:1 / 2;background-color:var(--color-frame);z-index:1}#right-frame{grid-row:2 / 5;grid-column:5 / 6;background-color:var(--color-frame);z-index:1}#bottom-frame{grid-column:1 / 5;grid-row:3 / 4;background-color:var(--color-frame);box-shadow:0 -4px 8px rgba(0,0,0,0.3)}#vertical-divider{grid-column:4 / 5;grid-row:3 / 4;cursor:row-resize;background-color:transparent;transition:background-color 0.2s ease;z-index:150;position:relative;touch-action:none;user-select:none}#vertical-divider::before{content:'';position:absolute;top:50%;left:0;right:0;height:1px;border-top:1px dotted rgba(128,128,128,0.5);transform:translateY(-50%)}#vertical-divider:hover{background-color:rgba(255,255,255,0.1)}#vertical-divider:active{background-color:rgba(255,255,255,0.2)}#command-console{grid-row:2 / 5;grid-column:2 / 3;background-color:var(--color-console-main);display:flex;flex-direction:column;z-index:100;border-radius:15px;border:1px solid #363940;padding:7px;box-sizing:border-box;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-accent-highlight-2) 35%,transparent),inset 0 0 0 3px color-mix(in srgb,var(--color-accent-highlight-2) 15%,transparent),inset 0 0 0 5px color-mix(in srgb,var(--color-accent-highlight-2) 8%,transparent);background-image:repeating-linear-gradient( 45deg,transparent,transparent 4px,rgba(255,255,255,calc(0.08 * var(--grid-opacity-multiplier,1))) 4px,rgba(255,255,255,calc(0.08 * var(--grid-opacity-multiplier,1))) 5px ),repeating-linear-gradient( -45deg,transparent,transparent 6px,rgba(255,255,255,calc(0.06 * var(--grid-opacity-multiplier,1))) 6px,rgba(255,255,255,calc(0.06 * var(--grid-opacity-multiplier,1))) 7px ),repeating-linear-gradient( 90deg,transparent,transparent 8px,rgba(255,255,255,calc(0.05 * var(--grid-opacity-multiplier,1))) 8px,rgba(255,255,255,calc(0.05 * var(--grid-opacity-multiplier,1))) 9px ),linear-gradient( to bottom,transparent 48%,rgba(255,255,255,calc(0.06 * var(--grid-opacity-multiplier,1))) 48%,rgba(255,255,255,calc(0.06 * var(--grid-opacity-multiplier,1))) 49%,transparent 49% ),linear-gradient( to bottom,transparent 51%,rgba(255,255,255,calc(0.06 * var(--grid-opacity-multiplier,1))) 51%,rgba(255,255,255,calc(0.06 * var(--grid-opacity-multiplier,1))) 52%,transparent 52% ),radial-gradient( circle at 10% 20%,rgba(255,255,255,calc(0.06 * var(--grid-opacity-multiplier,1))) 1px,transparent 1px ),radial-gradient( circle at 30% 50%,rgba(255,255,255,calc(0.06 * var(--grid-opacity-multiplier,1))) 1px,transparent 1px ),radial-gradient( circle at 50% 30%,rgba(255,255,255,calc(0.06 * var(--grid-opacity-multiplier,1))) 1px,transparent 1px ),radial-gradient( circle at 70% 60%,rgba(255,255,255,calc(0.06 * var(--grid-opacity-multiplier,1))) 1px,transparent 1px ),radial-gradient( circle at 90% 40%,rgba(255,255,255,calc(0.06 * var(--grid-opacity-multiplier,1))) 1px,transparent 1px )}#playlist-view-panel{display:none}#main-nav-bar{grid-row:2 / 3;grid-column:3 / 4;display:flex;align-items:center;background-color:var(--color-frame);justify-content:center;z-index:102;position:relative;box-shadow:3px 0 6px rgba(0,0,0,0.2),-3px 0 6px rgba(0,0,0,0.2),0 4px 4px rgba(0,0,0,0.15);clip-path:inset(0 0 0 0);flex:0 0 auto;min-width:0;border-top:none}#integrated-nav{display:flex;flex-direction:column;gap:2.25vh}#nav-filler{grid-row:4 / 5;grid-column:3 / 4;background-color:var(--color-frame);display:flex;align-items:center;justify-content:center;padding:0}#layout-divider{grid-row:2 / 5;grid-column:3 / 4;cursor:col-resize;background-color:transparent;transition:background-color 0.2s ease;z-index:150;position:relative;touch-action:none;user-select:none}#layout-divider::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:1px;border-left:1px dotted rgba(128,128,128,0.5);transform:translateX(-50%)}#layout-divider:hover{background-color:rgba(255,255,255,0.1)}#layout-divider:active{background-color:rgba(255,255,255,0.2)}#nav-center-controls{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center}#main-screen{grid-row:2 / 3;grid-column:4 / 5;min-width:0;min-height:0;position:relative;display:flex;flex-direction:column;background-color:var(--color-windows-bg);box-sizing:border-box;overflow:hidden;border-radius:0 0 15px 15px;border:1px solid #363940;flex:1 1 auto}#rpb-left-banner{position:fixed;top:0;right:0;height:100vh;width:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#1a1a1a 0%,#2a2a2a 50%,#1a1a1a 100%);border-left:1px solid rgba(0,0,0,0.3);border-right:1px solid rgba(255,255,255,0.1);z-index:501;transform:translateX(0);transition:transform 0.3s cubic-bezier(0.4,0,0.2,1)}#right-panel-bar{position:fixed;top:0;right:0;height:100vh;width:96px;display:flex;flex-direction:column;align-items:stretch;background-color:var(--color-secondary);background-image:linear-gradient(180deg,rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.05) 25%,rgba(255,255,255,0.3) 50%,rgba(255,255,255,0.05) 75%,rgba(0,0,0,0.15) 100%);border-left:1px solid rgba(0,0,0,0.3);border-bottom:2px solid rgba(255,255,255,0.2);z-index:500;overflow:hidden;box-sizing:border-box;box-shadow:inset 0 1px 0 rgba(255,255,255,0.6),inset 0 -1px 0 rgba(0,0,0,0.2);transform:translateX(100%);transition:transform 0.3s cubic-bezier(0.4,0,0.2,1)}#right-panel-bar.rpb-open{transform:translateX(0)}#rpb-left-banner.rpb-open{transform:translateX(-96px)}#main-screen.rpb-open{width:calc(100% - 96px);transition:width 0.3s cubic-bezier(0.4,0,0.2,1)}#persistent-player-container.rpb-open{width:calc(100% - 96px);transition:width 0.3s cubic-bezier(0.4,0,0.2,1)}#rpb-toggle{width:100%;height:100%;background:transparent;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:rgba(220,220,220,0.7);font-size:16px;transition:color 0.2s ease}#rpb-toggle:hover{color:rgba(255,255,255,0.9)}#rpb-toggle.rpb-open{color:rgba(245,245,240,0.9)}#rpb-header{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:4px;padding:4px 2px;background:linear-gradient(180deg,#0a0a0a 0%,#1a1a1a 100%);border-bottom:1px solid rgba(0,0,0,0.4);box-shadow:inset 0 4px 8px rgba(0,0,0,0.6),inset 0 -2px 4px rgba(255,255,255,0.05);flex-shrink:0}.rpb-tab{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:2px;cursor:pointer;padding:3px 4px;border-radius:4px;transition:background 0.2s ease;color:rgba(255,255,255,0.45);font-size:13px}.rpb-tab:hover{background:rgba(255,255,255,0.1);color:rgba(255,255,255,0.75)}.rpb-tab.active{color:#3b82f6}.rpb-tab[data-mode="live"].active{color:#22c55e}.rpb-tab[data-mode="around"].active{color:#3b82f6}.rpb-tab[data-mode="loggedin"].active{color:#ffffff}.rpb-tab i{font-size:9px}.rpb-count{font-size:7px;font-weight:600;color:rgba(255,255,255,0.5);line-height:1}.rpb-tab.active .rpb-count{color:inherit}#rpb-tiles{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;gap:3px;overflow-y:auto;overflow-x:hidden;padding:4px 2px;min-height:0;scrollbar-width:thin;margin-bottom:10px}#rpb-me-section{flex-shrink:0;display:flex;flex-direction:column;align-items:center;padding-bottom:6px;border-top:1px solid rgba(255,255,255,0.07);padding-top:4px}#rpb-me-label{font-size:8px;font-weight:700;letter-spacing:1.5px;color:rgba(255,255,255,0.45);text-align:center;padding:3px 0 5px;width:100%;text-transform:uppercase}.rpb-tile{width:80px;height:80px;min-width:80px;min-height:80px;border-radius:4px;background-size:cover;background-position:center;background-color:#0a0a0a;cursor:grab;position:relative;flex-shrink:0;transition:transform 0.15s ease,box-shadow 0.15s ease;border:1px solid rgba(255,255,255,0.08)}.rpb-tile:hover{transform:scale(1.12);box-shadow:0 0 6px rgba(255,255,255,0.25);border-color:rgba(255,255,255,0.25);z-index:10;cursor:grab}.rpb-tile:active{cursor:grabbing}.rpb-tile-dot{position:absolute;bottom:2px;right:2px;width:15px;height:15px;border-radius:50%;border:1px solid rgba(0,0,0,0.5)}.rpb-tile-dot.status-live{background:#22c55e}.rpb-tile-dot.status-around{background:#3b82f6}.rpb-tile-dot.status-away{background:#d1d5db}.rpb-tile-dot.status-offline{background:#6b7280}#rpb-footer{flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#1a1a1a;border-top:1px solid rgba(0,0,0,0.4);box-shadow:inset 0 4px 8px rgba(0,0,0,0.6),inset 0 -2px 4px rgba(255,255,255,0.05);padding:3px 2px;height:18px}.rpb-pagination-btn{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);color:rgba(255,255,255,0.7);width:24px;height:24px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;flex-shrink:0;margin:4px auto}.rpb-pagination-btn:hover:not(:disabled){background:rgba(255,255,255,0.2);color:rgba(255,255,255,0.9);border-color:rgba(255,255,255,0.4)}.rpb-pagination-btn:disabled{opacity:0.3;cursor:not-allowed}.rpb-pagination-btn i{font-size:12px}#rpb-mode-label{font-size:9px;color:rgba(255,255,255,0.7);font-weight:700;letter-spacing:0.5px;text-transform:uppercase;writing-mode:horizontal-tb}#mobile-rpb{display:none}@media (max-width:768px){#mobile-rpb{display:flex;flex-direction:row;align-items:stretch;width:100%;height:18px;overflow:hidden;flex-shrink:0;background:var(--color-accent-highlight-1,#3b82f6);background-image:repeating-linear-gradient( 45deg,transparent,transparent 2px,rgba(0,0,0,0.2) 2px,rgba(0,0,0,0.2) 3px );border:1px solid rgba(255,255,255,0.5);border-bottom:1px solid rgba(0,0,0,0.2);transition:height 0.25s cubic-bezier(0.4,0,0.2,1);box-sizing:border-box;z-index:190}#mobile-rpb.mobile-rpb-open{height:72px}#mobile-rpb-toggle{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:none;border:none;color:#000000;font-size:9px;cursor:pointer;padding:0;transition:color 0.2s ease,width 0.25s ease,border 0.25s ease}#mobile-rpb.mobile-rpb-open #mobile-rpb-toggle{width:26px;border-right:1px solid rgba(0,0,0,0.15);color:#000000}#mobile-rpb-inner{display:flex;flex-direction:column;flex:1;overflow:hidden;opacity:0;pointer-events:none;transition:opacity 0.18s ease}#mobile-rpb.mobile-rpb-open #mobile-rpb-inner{opacity:1;pointer-events:auto}#mobile-rpb-top-row{display:flex;flex-direction:row;align-items:center;justify-content:center;height:20px;flex-shrink:0;border-bottom:1px solid rgba(255,255,255,0.06);background:rgba(0,0,0,0.25);padding:0 6px}#mobile-rpb-tabs{display:flex;flex-direction:row;gap:8px;align-items:center}.mobile-rpb-tab{display:flex;flex-direction:row;align-items:center;gap:3px;cursor:pointer;padding:2px 4px;border-radius:3px;color:rgba(255,255,255,0.35);font-size:9px;transition:background 0.15s ease,color 0.15s ease}.mobile-rpb-tab:hover{background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.7)}.mobile-rpb-tab.active{color:#ffffff}.mobile-rpb-tab[data-mode="live"].active{color:#22c55e}.mobile-rpb-tab[data-mode="loggedin"].active{color:#ffffff}.mobile-rpb-tab i{font-size:8px}.mobile-rpb-count{font-size:7px;font-weight:700;line-height:1;color:inherit}#mobile-rpb-bottom-row{display:flex;flex-direction:row;align-items:center;flex:1;overflow:hidden;min-height:0}#mobile-rpb-me-section{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;padding:3px 6px 3px 5px;border-right:1px solid rgba(255,255,255,0.1);background:rgba(255,255,255,0.03);height:100%;box-sizing:border-box;gap:2px}#mobile-rpb-me-label{font-size:6px;font-weight:700;letter-spacing:1.5px;color:rgba(255,255,255,0.4);text-transform:uppercase;line-height:1}#mobile-rpb-tiles-row{display:flex;flex-direction:row;align-items:center;flex:1;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding:4px 6px;box-sizing:border-box;gap:4px}#mobile-rpb-tiles-row::-webkit-scrollbar{display:none}#mobile-rpb-tiles{display:flex;flex-direction:row;gap:4px;align-items:center;flex-shrink:0}.mobile-rpb-tile{width:32px;height:32px;min-width:32px;min-height:32px;border-radius:4px;background-size:cover;background-position:center;background-color:#374151;position:relative;flex-shrink:0;cursor:pointer;border:1px solid rgba(255,255,255,0.1);transition:transform 0.15s ease,box-shadow 0.15s ease}.mobile-rpb-tile:active{transform:scale(1.1);box-shadow:0 0 6px rgba(255,255,255,0.25)}#mobile-rpb-me-tile{border-color:rgba(255,255,255,0.3);box-shadow:0 0 0 1px rgba(59,130,246,0.4)}.mobile-rpb-tile .rpb-tile-dot{position:absolute;bottom:1px;right:1px;width:7px;height:7px;border-radius:50%;border:1px solid rgba(0,0,0,0.5)}}#channel-title-banner{width:100%;height:68.6px;display:flex;align-items:center;justify-content:space-between;background-color:var(--color-tertiary);border:none;box-shadow:0 1px 0 var(--color-border-secondary);background-image:repeating-linear-gradient( 45deg,transparent,transparent 4px,rgba(255,255,255,calc(0.08 * var(--grid-opacity-multiplier,1))) 4px,rgba(255,255,255,calc(0.08 * var(--grid-opacity-multiplier,1))) 5px ),repeating-linear-gradient( -45deg,transparent,transparent 6px,rgba(255,255,255,calc(0.06 * var(--grid-opacity-multiplier,1))) 6px,rgba(255,255,255,calc(0.06 * var(--grid-opacity-multiplier,1))) 7px ),repeating-linear-gradient( 90deg,transparent,transparent 8px,rgba(255,255,255,calc(0.05 * var(--grid-opacity-multiplier,1))) 8px,rgba(255,255,255,calc(0.05 * var(--grid-opacity-multiplier,1))) 9px ),linear-gradient( to bottom,transparent 48%,rgba(255,255,255,calc(0.06 * var(--grid-opacity-multiplier,1))) 48%,rgba(255,255,255,calc(0.06 * var(--grid-opacity-multiplier,1))) 49%,transparent 49% ),linear-gradient( to bottom,transparent 51%,rgba(255,255,255,calc(0.06 * var(--grid-opacity-multiplier,1))) 51%,rgba(255,255,255,calc(0.06 * var(--grid-opacity-multiplier,1))) 52%,transparent 52% ),radial-gradient( circle at 10% 20%,rgba(255,255,255,calc(0.06 * var(--grid-opacity-multiplier,1))) 1px,transparent 1px ),radial-gradient( circle at 30% 50%,rgba(255,255,255,calc(0.06 * var(--grid-opacity-multiplier,1))) 1px,transparent 1px ),radial-gradient( circle at 50% 30%,rgba(255,255,255,calc(0.06 * var(--grid-opacity-multiplier,1))) 1px,transparent 1px ),radial-gradient( circle at 70% 60%,rgba(255,255,255,calc(0.06 * var(--grid-opacity-multiplier,1))) 1px,transparent 1px ),radial-gradient( circle at 90% 40%,rgba(255,255,255,calc(0.06 * var(--grid-opacity-multiplier,1))) 1px,transparent 1px );box-sizing:border-box;flex-shrink:0;padding:0 12px;position:relative;cursor:pointer;transition:height 0.3s ease,background-color 0.2s ease,box-shadow 0.2s ease}#channel-title-banner:hover{background-color:color-mix(in srgb,var(--color-tertiary) 70%,var(--color-accent-highlight-1) 30%);box-shadow:0 1px 0 var(--color-border-secondary),0 0 12px var(--color-accent-highlight-1)}#channel-title-banner.collapsed{height:7px;overflow:hidden}#channel-title-banner::before{content:'';flex:0 0 auto;width:90px}#channel-title-banner h1{margin:0;font-size:1.32rem;font-weight:875;font-family:'Bungee Inline',cursive !important;color:var(--color-text-title);text-transform:uppercase;letter-spacing:0.8px !important;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:opacity 0.3s ease,transform 0.3s ease}#channel-title-banner.collapsed h1{opacity:0;transform:translateX(-50%) scale(0.5) rotate(-10deg);pointer-events:none}@keyframes titleCollapse{0%{opacity:1;transform:translateX(-50%) scale(1) rotate(0deg)}50%{opacity:0.8;transform:translateX(-50%) scale(1.2) rotate(5deg)}100%{opacity:0;transform:translateX(-50%) scale(0.3) rotate(-15deg)}}@keyframes titleExpand{0%{opacity:0;transform:translateX(-50%) scale(0.3) rotate(-15deg)}50%{opacity:0.8;transform:translateX(-50%) scale(1.1) rotate(3deg)}100%{opacity:1;transform:translateX(-50%) scale(1) rotate(0deg)}}#channel-title-banner.collapsing h1{animation:titleCollapse 0.3s ease forwards}#channel-title-banner.expanding h1{animation:titleExpand 0.3s ease forwards}#channel-title-banner::after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:5px;height:5px;border-radius:50%;background:var(--color-accent-highlight-1);box-shadow:inset 0 1px 2px rgba(255,255,255,0.4),inset 0 -1px 2px rgba(0,0,0,0.4),0 0 4px var(--color-accent-highlight-1),0 0 8px var(--color-accent-highlight-1),-8px 0 0 -2px var(--color-accent-highlight-1),8px 0 0 -2px var(--color-accent-highlight-1);opacity:0;pointer-events:none;transition:opacity 0.2s ease;z-index:10}#channel-title-banner.collapsed::after{opacity:1}.channel-title-upload-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 16px;min-width:90px;background:linear-gradient(135deg,rgba(59,130,246,0.3),rgba(139,92,246,0.3));color:#fff;border:1px solid rgba(139,92,246,0.5);border-radius:6px;cursor:pointer;transition:all 0.2s ease;font-size:0.8rem;font-weight:600;flex-shrink:0}.channel-title-upload-btn:hover{background:linear-gradient(135deg,rgba(59,130,246,0.5),rgba(139,92,246,0.5));border-color:rgba(139,92,246,0.8);transform:scale(1.05)}.channel-title-upload-btn i{font-size:0.85rem}#persistent-player-container{grid-row:4 / 5;grid-column:4 / 5;background-color:var(--color-tertiary);z-index:99;overflow:hidden;display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;gap:0.75rem;padding:7px;border:1px solid #363940;border-radius:8px 8px 0 0;box-sizing:border-box}#persistent-player-container #player-main-panel{flex:0 0 calc(60% - 0.375rem);min-width:0;height:100%;display:flex;flex-direction:column;align-self:stretch}#persistent-player-container .queue-wrapper{flex:0 0 calc(40% - 0.375rem);min-width:0;height:100%;display:flex;flex-direction:column;align-self:stretch}@media (max-width:768px){body.is-safari #mobile-nav-bar{padding-bottom:calc(0.5rem + env(safe-area-inset-bottom)) !important}}body.is-safari #persistent-player-container #player-main-panel,body.is-safari #persistent-player-container .queue-wrapper{height:auto;align-self:stretch}#channel-wrapper{flex-grow:1;position:relative;display:flex;min-height:0;flex-direction:column}#mobile-header-title{display:none}@media (max-width:768px){#main-app-container{display:flex !important;flex-direction:column !important;height:100dvh !important;min-height:100dvh;grid-template-rows:unset !important;grid-template-columns:unset !important;overflow:hidden !important;padding-top:0 !important}#app-header{position:sticky !important;top:0 !important;left:unset !important;right:unset !important;z-index:200;padding:0.4rem 0.5rem !important;height:auto !important;min-height:48px !important;flex-shrink:0 !important;justify-content:flex-end;align-items:center;margin-top:0 !important;margin-bottom:0 !important;display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;gap:6px;transition:min-height 0.3s ease,height 0.3s ease,padding 0.3s ease;overflow:hidden;cursor:pointer}#app-header.mobile-collapsed{min-height:5px !important;height:5px !important;padding:0 !important;cursor:pointer}#app-header.mobile-collapsed > *:not(#header-right){opacity:0;pointer-events:none;transition:opacity 0.2s ease}#app-header.mobile-collapsed > #header-right{display:none !important}#app-header > *:not(#header-right){transition:opacity 0.2s ease}#app-header:not(.mobile-collapsed) > #header-right.delayed-fade{opacity:0 !important;visibility:hidden !important;pointer-events:none !important}#app-header.mobile-collapsed::after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:5px;height:5px;border-radius:50%;background:var(--color-accent-highlight-1);box-shadow:inset 0 1px 2px rgba(255,255,255,0.4),inset 0 -1px 2px rgba(0,0,0,0.4),0 0 4px var(--color-accent-highlight-1),0 0 8px var(--color-accent-highlight-1),-8px 0 0 -2px var(--color-accent-highlight-1),8px 0 0 -2px var(--color-accent-highlight-1);opacity:1;pointer-events:none;z-index:10}#app-header::before{display:none}#mobile-header-title{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:'Bungee Inline',cursive;font-size:1.5rem;color:var(--color-text-title);letter-spacing:0.8px;z-index:0;pointer-events:none;white-space:nowrap}#header-right{position:static;transform:none;display:flex !important;flex-direction:row;gap:6px;width:100% !important;flex-shrink:0;z-index:2}#mobile-header-coin-btn{margin-right:auto}#left-frame,#right-frame,#bottom-frame,#live-connect-container{display:none !important}#right-panel-bar,#rpb-left-banner,#rpb-toggle{display:none !important}#channel-title-banner{display:none !important}#mobile-header-title{display:block !important}#command-console{grid-row:unset !important;grid-column:unset !important;width:100% !important;height:auto !important;min-height:0 !important;border-radius:8px 8px 0 0 !important;margin:0 !important}#playlist-view-panel{grid-row:unset !important;grid-column:unset !important;width:100% !important;height:25vh !important;min-height:150px;border-radius:0 !important}#main-nav-bar{display:none !important}#nav-filler{display:none !important}#main-screen{grid-row:unset !important;grid-column:unset !important;width:100% !important;min-height:300px;flex:1;border-radius:0 !important}#persistent-player-container{grid-row:unset !important;grid-column:unset !important;position:sticky !important;bottom:60px;left:0;right:0;width:100% !important;height:80px !important;min-height:80px;border-radius:0 !important;z-index:150;flex-direction:column !important;padding:0.25rem !important}}@media (max-width:480px){#app-header{padding:0.15rem !important}#command-console{height:35vh !important}#playlist-view-panel{height:20vh !important;min-height:120px}#persistent-player-container{height:70px !important;min-height:70px}#site-footer{display:none !important}}@media (max-width:768px){#site-footer{display:none !important}}#mobile-nav-bar,#mobile-scrolling-description-host{display:none !important}@media (max-width:768px){#mobile-nav-bar{display:flex !important;position:relative !important;bottom:auto !important;left:auto !important;right:auto !important;z-index:1000 !important;background-color:var(--color-frame) !important;border-top:1px solid var(--color-border-secondary) !important;padding-left:0.375rem !important;padding-right:0.375rem !important;padding-top:7px !important;padding-bottom:3px !important;gap:0 !important;justify-content:space-around !important;height:11.25vh !important;min-height:11.25vh !important;flex-shrink:0 !important}.mobile-nav-btn{flex:1 !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:0.1875rem !important;background:none !important;border:none !important;color:var(--color-text-secondary) !important;font-size:0.5625rem !important;cursor:pointer !important;padding:0.375rem !important}.mobile-nav-btn i{font-size:0.9375rem !important}.mobile-nav-btn[data-view="screen"] i{color:white}@keyframes neonIconPulse{0%,100%{text-shadow:0 0 5px var(--color-accent-highlight-1,#fbbf24),0 0 10px var(--color-accent-highlight-1,#fbbf24),0 0 15px var(--color-accent-highlight-1,#fbbf24),0 0 20px var(--color-accent-highlight-2,#3b82f6);filter:brightness(1.2)}50%{text-shadow:0 0 8px var(--color-accent-highlight-1,#fbbf24),0 0 16px var(--color-accent-highlight-1,#fbbf24),0 0 24px var(--color-accent-highlight-1,#fbbf24),0 0 32px var(--color-accent-highlight-2,#3b82f6),0 0 40px var(--color-accent-highlight-2,#3b82f6);filter:brightness(1.5)}}.mobile-nav-btn.active i{animation:neonIconPulse 2s infinite ease-in-out}body.mobile-view-console #command-console{display:flex !important;flex:1 1 auto !important;margin:0 !important;overflow:hidden !important;height:auto !important;min-height:0 !important;padding:0 !important;border:none !important;border-radius:0 !important}body.mobile-view-console #main-screen{display:none !important}@media (max-width:768px){body.mobile-view-console #persistent-player-container{display:none !important}}body.mobile-view-screen #command-console{display:flex !important;flex:1 1 auto !important;margin:0 !important;overflow:hidden !important;height:auto !important;min-height:0 !important;max-height:none !important;padding:0 !important;border:none !important}body.mobile-view-screen #main-screen{display:none !important}body.mobile-view-screen #persistent-player-container{display:none !important}body.mobile-view-screen #ai-tools-banner{display:none !important}body.mobile-view-screen #jukebot-title-banner{display:none !important}body.mobile-view-song #command-console,body.mobile-view-artist #command-console{display:flex !important;-webkit-box-flex:1 !important;flex:1 1 0 !important;margin:0 !important;overflow:hidden !important;height:auto !important;min-height:0 !important;max-height:none !important;padding:0 !important;border:none !important}body.is-safari.mobile-view-song #command-console,body.is-safari.mobile-view-artist #command-console{-webkit-box-flex:1 !important;flex:1 1 0 !important;height:auto !important}body.mobile-view-song #main-screen,body.mobile-view-artist #main-screen{display:none !important}body.mobile-view-song #lounge-main-display:has(#game-mode-container:not(.hidden)),body.mobile-view-artist #lounge-main-display:has(#game-mode-container:not(.hidden)){display:flex !important}body.mobile-view-console #lounge-main-display:has(#game-mode-container:not(.hidden)),body.mobile-view-screen #lounge-main-display:has(#game-mode-container:not(.hidden)){display:flex !important}body.mobile-view-song #persistent-player-container,body.mobile-view-artist #persistent-player-container{display:none !important}body.mobile-view-song #ai-tools-banner,body.mobile-view-artist #ai-tools-banner{display:none !important}body.mobile-view-song #jukebot-title-banner,body.mobile-view-artist #jukebot-title-banner{display:none !important}#lounge-show-indicator{display:none !important}body.mobile-view-console #lounge-presence-panel{display:none !important}body.mobile-view-screen #lounge-presence-panel{display:none !important}body.mobile-view-song #lounge-presence-panel,body.mobile-view-artist #lounge-presence-panel{display:none !important}#mobile-nav-bar{display:flex !important;position:relative !important;bottom:auto !important;left:auto !important;right:auto !important;z-index:1000 !important;background-color:var(--color-frame) !important;border-top:1px solid var(--color-border-secondary) !important;padding-left:0.375rem !important;padding-right:0.375rem !important;padding-top:7px !important;padding-bottom:3px !important;gap:0 !important;justify-content:space-around !important;height:auto !important;min-height:50px !important;flex-shrink:0 !important}#mobile-ai-tools-banner-host{display:none !important}body.mobile-view-console #mobile-ai-tools-banner-host{display:flex !important;position:relative !important;width:100% !important;min-height:44px !important;height:auto !important;flex-shrink:0 !important;background-color:var(--color-frame,#1f2937) !important;border-bottom:1px solid var(--color-border-secondary,#374151) !important;overflow:visible !important;z-index:1000 !important;align-items:center !important;justify-content:flex-start !important;padding:0 !important}body.mobile-view-console #command-console #ai-tools-banner{display:none !important}body.mobile-view-console #mobile-ai-tools-banner-host #ai-tools-banner{display:flex !important;width:100% !important;max-width:100% !important;min-height:36px !important;height:auto !important;margin:0 !important;padding:0 !important;border-radius:0 !important;border:none !important;flex-shrink:0 !important}#mobile-scrolling-description-host{display:flex !important;position:relative !important;width:100% !important;height:auto !important;min-height:26px !important;flex-shrink:0 !important;flex-direction:column !important;background-color:var(--color-frame,#1f2937) !important;border-top:1px solid var(--color-border-secondary,#374151) !important;border-bottom:1px solid var(--color-border-secondary,#374151) !important;overflow:visible !important;z-index:1000 !important;align-items:stretch !important}#mobile-scrolling-description-host #notifications-wrapper{width:100% !important;margin:0 !important;border:none !important;padding:0 !important;flex-shrink:0 !important}#mobile-scrolling-description-host #notifications-manager{margin:0 !important;border-bottom:none !important;padding:0 !important;height:26px !important;min-height:26px !important;max-height:26px !important}body.mobile-view-console #command-console #notifications-wrapper,body.mobile-view-screen #command-console #notifications-wrapper,body.mobile-view-song #command-console #notifications-wrapper,body.mobile-view-artist #command-console #notifications-wrapper{display:none !important}}body.mobile-view-console #command-console{padding:0 !important;border-radius:0 !important}body.mobile-view-artist #command-console{padding:0 !important;background-image:none !important;flex:1 1 auto !important;display:flex !important;flex-direction:column !important;min-height:0 !important;height:auto !important}body.mobile-view-artist #command-console::before{display:none !important}body.mobile-view-artist #console-window-container{display:flex !important;flex-direction:column !important;flex:1 1 auto !important;min-height:0 !important;height:100% !important;overflow:hidden !important}body.mobile-view-artist #console-window-container > .console-window:not(#copilot-window){display:none !important}body.mobile-view-artist #copilot-window{display:flex !important;flex-direction:column !important;flex:1 1 auto !important;min-height:0 !important;overflow:hidden !important;height:100% !important}body.mobile-view-artist #chat-feed-container{display:flex !important;flex-direction:column !important;flex:1 1 auto !important;min-height:0 !important;overflow:hidden !important;height:100% !important}body.mobile-view-artist #chat-split-container{display:flex !important;flex-direction:column !important;flex:1 1 auto !important;min-height:0 !important;overflow:hidden !important;height:100% !important}#mobile-presence-panel-container{display:none !important}body.mobile-view-artist #mobile-presence-panel-container{display:flex !important;flex-direction:column !important;flex:1 1 auto !important;min-height:200px !important;height:100% !important;overflow:visible !important;width:100% !important;align-self:stretch !important;align-items:stretch !important;position:relative !important;z-index:10 !important}body.mobile-view-artist #mobile-presence-panel-container #lounge-presence-panel,body.mobile-view-artist #mobile-presence-panel-container #lounge-presence-panel.lounge-artist-card{display:flex !important;flex:1 1 auto !important;min-height:0 !important;width:100% !important;height:100% !important;border-radius:0 !important;margin-top:0 !important;clip-path:none !important;overflow:hidden !important;border:none !important;position:relative !important;z-index:10 !important;visibility:visible !important;opacity:1 !important}body.mobile-view-artist #chat-top-pane,body.mobile-view-artist #chat-divider,body.mobile-view-artist #chat-bottom-pane,body.mobile-view-artist #copilot-input-area{display:none !important}#mobile-volume-container{display:none !important}body.hide-mobile-volume #mobile-volume-container{display:none !important}@media (max-width:768px){#mobile-volume-container{display:flex !important;position:relative !important;background-color:var(--color-frame) !important;border-bottom:1px solid var(--color-border-secondary) !important;padding:0.5rem !important;padding-top:0 !important;padding-bottom:0 !important;flex-shrink:0 !important;z-index:1000 !important}#mobile-volume-horizontal-container{position:relative !important;display:flex !important;align-items:center !important;width:100% !important;height:100% !important}#mobile-volume-horizontal-container::before{content:'Volume';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:rgba(255,255,255,0.9);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;pointer-events:none;z-index:0;text-shadow:0 0 4px rgba(0,0,0,0.8),0 0 8px rgba(0,0,0,0.6)}#mobile-volume-slider-wrapper{position:relative !important;flex:1 !important;height:100% !important;display:flex !important;align-items:center !important;pointer-events:auto !important;visibility:visible !important;opacity:1 !important;z-index:1 !important}#mobile-volume-slider{-webkit-appearance:none !important;appearance:none !important;width:100% !important;height:20px !important;background:rgba(0,0,0,0.75) !important;border-radius:10px !important;outline:none !important;cursor:pointer !important}#mobile-volume-slider::-webkit-slider-runnable-track{width:100% !important;height:3px !important;background:#000 !important;border-radius:2px !important;cursor:pointer !important;margin:8.5px 0 !important}#mobile-volume-slider::-webkit-slider-thumb{-webkit-appearance:none !important;appearance:none !important;width:2.5rem !important;height:0.75rem !important;background:linear-gradient(180deg,rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.2) 30%,transparent 50%,rgba(0,0,0,0.5) 70%,rgba(0,0,0,0.7) 100%),linear-gradient(90deg,rgba(0,0,0,0.4) 0%,transparent 20%,transparent 80%,rgba(0,0,0,0.4) 100%),var(--thumb-color,var(--color-accent-highlight-1,#fbbf24)) !important;border-radius:0.5rem !important;cursor:grab !important;box-shadow:var(--thumb-glow,0 0 6px var(--color-accent-highlight-1,#fbbf24)),inset 0 1px 0 rgba(255,255,255,0.4),inset 0 -1px 3px rgba(0,0,0,0.5),inset 0 1px 3px rgba(0,0,0,0.3) !important;margin-top:-4px !important}#mobile-volume-slider::-webkit-slider-thumb:hover{box-shadow:0 0 10px var(--color-accent-highlight-1,#fbbf24),inset 0 1px 0 rgba(255,255,255,0.5),inset 0 -1px 2px rgba(0,0,0,0.3),0 2px 4px rgba(0,0,0,0.3) !important}#mobile-volume-slider::-webkit-slider-thumb:active{cursor:grabbing !important}#mobile-volume-slider::-moz-range-thumb{width:2.5rem !important;height:0.75rem !important;background:linear-gradient(180deg,rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.2) 30%,transparent 50%,rgba(0,0,0,0.5) 70%,rgba(0,0,0,0.7) 100%),linear-gradient(90deg,rgba(0,0,0,0.4) 0%,transparent 20%,transparent 80%,rgba(0,0,0,0.4) 100%),var(--thumb-color,var(--color-accent-highlight-1,#fbbf24)) !important;border-radius:0.5rem !important;cursor:grab !important;border:none !important;box-shadow:var(--thumb-glow,0 0 6px var(--color-accent-highlight-1,#fbbf24)),inset 0 1px 0 rgba(255,255,255,0.4),inset 0 -1px 3px rgba(0,0,0,0.5),inset 0 1px 3px rgba(0,0,0,0.3) !important}#mobile-volume-slider::-moz-range-thumb:hover{box-shadow:0 0 10px var(--color-accent-highlight-1,#fbbf24),inset 0 1px 0 rgba(255,255,255,0.5),inset 0 -1px 2px rgba(0,0,0,0.3),0 2px 4px rgba(0,0,0,0.3) !important}#mobile-volume-slider::-moz-range-thumb:active{cursor:grabbing !important}#mobile-volume-tooltip{position:absolute !important;bottom:100% !important;left:50% !important;transform:translateX(-50%) !important;margin-bottom:8px !important;background:rgba(0,0,0,0.9) !important;color:white !important;padding:0.5rem !important;border-radius:0.5rem !important;font-size:0.75rem !important;white-space:nowrap !important;z-index:1001 !important}#mobile-volume-tooltip.hidden{display:none !important}.tooltip-row{display:flex !important;gap:0.5rem !important}.tooltip-label{color:var(--color-volume-tooltip-label,rgba(255,255,255,0.7)) !important}.tooltip-value{font-weight:bold !important}}.header-icon-btn{background:rgba(255,255,255,0.1) !important;border:1px solid rgba(255,255,255,0.2) !important;border-radius:6px !important;color:var(--color-text-primary) !important;font-size:0.75rem !important;cursor:pointer !important;padding:4px 10px !important;display:flex !important;align-items:center !important;justify-content:center !important;transition:all 0.2s ease !important;margin-left:8px !important}.header-icon-btn:hover{background:rgba(255,255,255,0.2) !important;border-color:rgba(255,255,255,0.4) !important}.header-icon-btn i{font-size:0.9rem !important}#connect-to-live-btn.header-icon-btn{background:linear-gradient(135deg,rgba(192,38,211,0.3),rgba(244,114,182,0.3)) !important;border-color:rgba(192,38,211,0.5) !important}#connect-to-live-btn.header-icon-btn:hover{background:linear-gradient(135deg,rgba(192,38,211,0.5),rgba(244,114,182,0.5)) !important}#site-footer{grid-row:5 / 6;grid-column:1 / 6;background-color:var(--color-frame) !important;display:flex;align-items:center;justify-content:center;gap:2rem;padding:0 1rem;font-size:0.65rem;z-index:100;position:relative}#site-footer .footer-link{color:var(--color-text-secondary);text-decoration:underline;cursor:pointer;transition:color 0.2s ease}#site-footer .footer-link:hover{color:var(--color-active-highlight)}#site-footer #help-mode-btn{position:absolute;left:20px;top:50%;transform:translateY(-50%);padding:8px;border-radius:4px;transition:background-color 0.3s ease}#site-footer #help-mode-btn:hover{background:rgba(255,255,255,0.2)}#site-footer #help-mode-btn.active{background:rgba(59,130,246,0.3)}#site-footer .footer-profile-btn{position:absolute;left:50px;top:50%;transform:translateY(-50%);width:20px;height:20px;padding:0;border:none;border-radius:4px;background:transparent;color:var(--color-text-secondary,rgba(255,255,255,0.6));font-size:0.7em;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center}#site-footer .footer-profile-btn i{font-size:1.2em}#site-footer .footer-profile-btn:hover{background:rgba(255,255,255,0.2);color:var(--color-text-primary,#fff)}#site-footer .footer-profile-btn.active{background:rgba(139,92,246,0.3);color:#a78bfa}#site-footer .footer-command-btn{position:absolute;left:20px;top:50%;transform:translateY(-50%);width:20px;height:20px;padding:0;border:none;border-radius:4px;background:transparent;color:var(--color-text-secondary,rgba(255,255,255,0.6));font-size:0.7em;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center}#site-footer .footer-command-btn i{font-size:1.2em}#site-footer .footer-command-btn:hover{background:rgba(255,255,255,0.2);color:var(--color-text-primary,#fff)}#site-footer .footer-command-btn.active{background:rgba(59,130,246,0.3);color:#60a5fa}#site-footer #help-mode-btn:hover{background:rgba(255,255,255,0.2);border-color:rgba(255,255,255,0.4)}#site-footer #help-mode-btn.active{background:rgba(59,130,246,0.3);border-color:rgba(59,130,246,0.5);color:#60a5fa}#header-right{flex-shrink:0;text-align:center;display:flex;justify-content:center;align-items:center;grid-column:4 / 5}#channel-title{margin:0 !important;font-size:clamp(1.66rem,2.07vw,2.48rem) !important;font-weight:700 !important;color:var(--font-color-titles,white) !important;font-family:'Bungee Inline',cursive !important;letter-spacing:0.8px !important;text-shadow:0 0.3vh 0.5vw rgba(0,0,0,0.9) !important}#channel-title-banner > h1#channel-title{font-family:'Bungee Inline',cursive !important;letter-spacing:0.8px !important}@media (max-width:768px){#channel-title-banner > h1#channel-title{font-size:0.9rem !important}}#command-console{display:flex;flex-direction:column;border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-lg);box-sizing:border-box;position:relative;flex:1 1 auto;min-width:0;min-height:0;overflow:hidden;align-items:stretch;justify-content:flex-start}#console-window-container{flex-grow:1;flex-shrink:1;min-height:0;position:relative;padding:0;box-sizing:border-box;border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-lg);overflow-y:auto;overflow-x:hidden}body.mobile-view-console #console-window-container{padding-bottom:0}body.mobile-view-screen #console-window-container{padding-bottom:0}body.mobile-view-song #console-window-container,body.mobile-view-artist #console-window-container{padding-bottom:0}#console-top-display{border-bottom:0.1vh solid #000}.console-status-banner{background-color:var(--color-windows-bg);border-top:0.1vh solid var(--color-border-secondary)}@media (max-width:768px){#command-console{flex:unset !important;max-width:100vw;overflow-x:hidden}#console-window-container{overflow:hidden !important;max-width:100vw;min-width:0}.console-window{max-width:100vw;min-width:0;overflow-x:hidden}.console-status-banner{padding:0.25vh !important;font-size:clamp(0.6rem,0.75vw,0.85rem)}}#console-top-display{border:0.1vw solid var(--color-border-secondary);border-bottom:none;border-radius:0.375rem 0.375rem 0 0}.console-status-banner{background-color:var(--color-background-panel,#1f2937);border-top:0.1vh solid var(--color-border-secondary)}#user-banner-container{position:relative;width:100%;height:clamp(50px,7vh,80px);background-color:transparent;border-radius:var(--radius-lg) var(--radius-lg) 0 0;overflow:hidden;flex-shrink:0}#user-banner-img{width:100%;height:100%;object-fit:cover}#user-banner-name{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;text-align:center;font-family:var(--font-name,sans-serif);color:var(--font-color-subheaders,#d1d5db);font-size:clamp(1.15rem,1.55vw,1.85rem);font-weight:bold;text-shadow:0 0.2vh 0.4vw rgba(0,0,0,0.9);pointer-events:auto;cursor:pointer;background:none;border:none;padding:0.5vh 0.5vw;transition:color 0.3s ease}#user-banner-name:hover{color:#fff}#console-tabs{display:flex;justify-content:space-around;border-bottom:0.1vh solid var(--color-border-secondary)}.console-tab{flex-grow:1;padding:0.5vh 0;text-align:center;cursor:pointer;transition:background-color 0.2s ease;color:var(--color-text-secondary);border-bottom:0.2vh solid transparent}.console-tab.active{color:var(--color-active-highlight);border-bottom-color:var(--color-active-highlight)}.console-tab:hover{background-color:rgba(255,255,255,0.05)}.console-tab i{font-size:clamp(0.8rem,1vw,1.2rem)}#friends-list-panel{position:absolute;top:100%;left:0;right:0;background-color:var(--color-background-windows);border:0.1vw solid var(--color-border-secondary);z-index:10;max-height:clamp(150px,20vh,250px);overflow-y:auto}#friends-list-content{padding:0.5vh 0.5vw;display:flex;flex-direction:column;gap:0.25vh}.friend-list-item{padding:0.5vh 0.75vw;cursor:pointer;border-radius:0.2vw;transition:background-color 0.2s ease;color:var(--color-text-main);display:flex;justify-content:space-between;align-items:center}.friend-list-item:hover{background-color:rgba(255,255,255,0.05)}.friend-list-placeholder{padding:0.5vh 0.5vw;color:var(--color-text-secondary);text-align:center}.console-content{position:relative;flex-grow:1;overflow:hidden}.console-content-panel{display:none;height:100%;overflow-y:auto;padding:0.75vh 0.75vw;box-sizing:border-box}.console-content-panel.active{display:block}#console-content-settings{display:none}#socials-header{display:flex;align-items:center;padding:0.5vh 0.5vw;background-color:var(--color-background-header-banner);color:var(--font-color-titles);border-bottom:0.1vh solid var(--color-border-secondary)}.mail-header-nav-btn{background:none;color:var(--color-text-secondary);border:none;padding:0.25vh 0.5vw;margin:0;cursor:pointer;font-size:clamp(0.8rem,1vw,1.2rem);transition:color 0.2s ease}.mail-header-nav-btn:hover{color:var(--color-active-highlight)}.mail-header-nav-btn:disabled{color:var(--color-text-secondary);opacity:0.5;cursor:not-allowed}.mail-header-username{flex-grow:1;text-align:center;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.mail-header-placeholder{font-style:italic;color:var(--color-text-secondary)}@keyframes subtle-pulse{0%,100%{transform:scale(1);color:var(--color-accent-main,#3b82f6);text-shadow:0 0 0.5vw var(--color-accent-main,#3b82f6)}50%{transform:scale(1.1);color:#fff;text-shadow:0 0 1vw #fff}}#console-tabs{display:flex;justify-content:space-around;padding:0.1vh 0;border-bottom:0.1vw solid #000;border-top:0.1vh solid var(--color-border-secondary);background-color:var(--color-background-header-banner,#111827);background-image:linear-gradient(to bottom,rgba(255,255,255,0.1),rgba(0,0,0,0.15));box-shadow:inset 0 0.1vh 0.2vw rgba(255,255,255,0.1),inset 0 -0.1vh 0.2vw rgba(0,0,0,0.2)}.console-tab{color:var(--color-icons-main,#6b7280);cursor:pointer;padding:0.375vh 0.375vw;transition:color 0.2s ease,transform 0.2s ease;font-size:clamp(0.765rem,1.02vw,1.19rem);position:relative}.console-tab:hover{color:#d1d5db;transform:scale(1.1)}.console-tab.active{color:var(--color-accent-main,#3b82f6);text-shadow:0 0 0.5vw var(--color-accent-main,#3b82f6)}.console-tab.unread:not(.active){animation:subtle-pulse 2s infinite ease-in-out}#console-tab-content{flex-grow:1;min-height:0;position:relative}#console-content-settings{padding:1vh 1vw}.nav-item{background:none;border:none;color:var(--color-icon-default);cursor:pointer;padding:0.75vh 0.75vw;font-size:clamp(1.1046rem,1.3927vw,1.6329rem);transition:color 0.2s ease,transform 0.2s ease;position:relative;display:none;align-items:center}.nav-item i{text-shadow:-1px -1px 0 rgba(255,255,255,0.2),1px -1px 0 rgba(255,255,255,0.2),-1px 1px 0 rgba(255,255,255,0.2),1px 1px 0 rgba(255,255,255,0.2),0 0 4px rgba(255,255,255,0.1);transition:transform 0.2s ease,text-shadow 0.2s ease}.nav-item:hover{color:var(--color-active-highlight);transform:scale(1.1)}.nav-item.active{color:var(--color-active-highlight)}.nav-item.active i{text-shadow:none}.nav-item:hover i{transform:scale(1.12)}#console-sub-nav{display:flex;justify-content:space-between;padding:0 0.5vw;align-items:center;flex-shrink:0;height:clamp(28px,3.5vh,4vh);box-sizing:border-box;background-color:var(--color-windows-bg);z-index:10}#console-sub-nav-center{display:flex;align-items:center;justify-content:center;gap:clamp(0.5rem,2vw,1.5rem);flex:1;position:relative}#console-sub-nav-center .icon-button{width:calc(32px * 0.85);height:calc(32px * 0.85);font-size:calc(1rem * 0.85);padding:0}#console-sub-nav-center .icon-button i{font-size:calc(0.9rem * 0.85)}#console-sub-nav-tabs{display:flex;align-items:center;height:100%}.console-sub-nav-tab{padding:0 1vw;background-color:transparent;color:var(--color-text-secondary);border:none;border-bottom:0.3vh solid transparent;cursor:pointer;font-size:clamp(0.4675rem,0.578vw,0.6545rem);font-weight:600;transition:color 0.2s,border-color 0.2s;height:100%;display:flex;align-items:center;justify-content:center}.console-sub-nav-tab:hover{color:var(--color-text-main)}.console-sub-nav-tab.active{color:var(--color-active-highlight);border-bottom-color:var(--color-active-highlight)}.console-header-btn,.console-header-btn-placeholder{width:clamp(28px,3.2vw,36px);height:clamp(28px,3.2vw,36px);flex-shrink:0;display:flex;align-items:center;justify-content:center}.console-header-btn{background:none !important;border:none !important;outline:none !important;box-shadow:none !important;color:var(--color-text-secondary);font-size:clamp(0.578rem,0.7225vw,0.867rem);cursor:pointer;transition:color 0.2s ease,transform 0.2s ease,text-shadow 0.2s ease}.console-header-btn:hover{color:white;transform:scale(1.1)}.console-header-btn:hover i{animation:jitter 0.1s infinite,trails 0.3s ease-out forwards}#console-window-container{flex-grow:1;flex-shrink:1;min-height:0;position:relative;padding:0;box-sizing:border-box}.console-window{opacity:0;visibility:hidden;pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;background-color:var(--color-windows-bg);background-image:repeating-linear-gradient( 45deg,transparent,transparent 4px,rgba(255,255,255,calc(0.08 * var(--grid-opacity-multiplier,1))) 4px,rgba(255,255,255,calc(0.08 * var(--grid-opacity-multiplier,1))) 5px ),repeating-linear-gradient( -45deg,transparent,transparent 6px,rgba(255,255,255,calc(0.06 * var(--grid-opacity-multiplier,1))) 6px,rgba(255,255,255,calc(0.06 * var(--grid-opacity-multiplier,1))) 7px ),repeating-linear-gradient( 90deg,transparent,transparent 8px,rgba(255,255,255,calc(0.05 * var(--grid-opacity-multiplier,1))) 8px,rgba(255,255,255,calc(0.05 * var(--grid-opacity-multiplier,1))) 9px ),linear-gradient( to bottom,transparent 48%,rgba(255,255,255,calc(0.06 * var(--grid-opacity-multiplier,1))) 48%,rgba(255,255,255,calc(0.06 * var(--grid-opacity-multiplier,1))) 49%,transparent 49% ),linear-gradient( to bottom,transparent 51%,rgba(255,255,255,calc(0.06 * var(--grid-opacity-multiplier,1))) 51%,rgba(255,255,255,calc(0.06 * var(--grid-opacity-multiplier,1))) 52%,transparent 52% );transition:opacity 0.3s ease-in-out,visibility 0.3s ease-in-out;flex:1;min-height:0}.console-window.active{opacity:1;visibility:visible;pointer-events:auto;z-index:10}#copilot-window.active,#lottery-entry-container.active,#mail-window.active,#customizer-window.active,#gif-panel.active,#ticket-panel-container.active,#coins-panel-container.active{opacity:1 !important;visibility:visible !important;pointer-events:auto !important;display:flex !important;flex-direction:column;z-index:50 !important;width:100%;max-width:100%;min-width:0}#copilot-window::after,#lottery-entry-container::after,#mail-window::after,#customizer-window::after,#gif-panel::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-radial-gradient( circle at 0 0,transparent 0,transparent 2px,rgba(255,255,255,0.02) 2px,rgba(255,255,255,0.02) 3px,transparent 3px ),repeating-radial-gradient( circle at 10px 10px,transparent 0,transparent 2px,rgba(255,255,255,0.02) 2px,rgba(255,255,255,0.02) 3px,transparent 3px );background-size:20px 20px;pointer-events:none;z-index:0}#copilot-window > *,#lottery-entry-container > *,#mail-window > *,#customizer-window > *,#gif-panel > *{position:relative;z-index:1}#lottery-entry-container.active{display:flex !important;flex-direction:column;overflow-y:auto}.console-header-btn.active{color:var(--color-active-highlight);text-shadow:0 0 0.3vw var(--color-active-highlight)}.command-builder-header{display:flex;align-items:center;justify-content:space-between;padding:0 1vw;background-color:var(--color-top-windows-bg,#1f2937);border-bottom:0.1vh solid var(--color-border-secondary);flex-shrink:0;width:100%;box-sizing:border-box;height:clamp(24px,3vh,32px)}.command-builder-title{font-size:clamp(0.595rem,0.765vw,0.85rem);font-weight:600;color:var(--color-text-on-header,#ffffff);font-family:var(--font-sections,sans-serif);text-align:center;flex:1}.command-builder-close-btn{background:none;border:none;color:var(--color-text-secondary);font-size:clamp(0.68rem,0.85vw,1.02rem);cursor:pointer;padding:0.2vh 0.5vw;display:flex;align-items:center;justify-content:center;border-radius:0.2rem;transition:all 0.2s ease}.command-builder-close-btn:hover{color:var(--color-accent-highlight-1);background-color:rgba(255,255,255,0.1)}@keyframes jitter{0%,100%{transform:translate(0,0)}25%{transform:translate(0.5px,-0.5px) rotate(-1deg)}50%{transform:translate(-0.5px,0.5px) rotate(1deg)}75%{transform:translate(0.5px,0.5px) rotate(0deg)}}@keyframes trails{from{text-shadow:0 0 0.4vw var(--color-active-highlight)}to{text-shadow:0 0 0.4vw var(--color-active-highlight)}}#comment-feedback-content{flex:1;min-height:0;height:100%;width:100%;overflow-y:auto;overflow-x:hidden;padding:12px;box-sizing:border-box}.console-window#copilot-window{height:100%;width:100%;background-color:var(--color-windows-bg);padding:0;margin:0;gap:0;border:none;box-shadow:none}body.mobile-view-console .console-window#copilot-window{flex:1;min-height:0;height:100%;padding-bottom:0}body.mobile-view-screen .console-window#copilot-window{flex:1;min-height:0;height:100%;padding-bottom:0}body.mobile-view-song .console-window#copilot-window{flex:1;min-height:0;height:100%;padding-bottom:0}body.mobile-view-artist .console-window#copilot-window{flex:1;min-height:0;height:100%;padding:0 !important;margin:0 !important;background-color:transparent !important}#chat-console-header{display:none}#chat-feed-container{flex-grow:1;min-height:0;position:relative;display:flex;flex-direction:column;margin:0;border-top-left-radius:0;border-top-right-radius:0}body.mobile-view-console #chat-feed-container{flex:1;min-height:0}body.mobile-view-console #waveform-container{display:none !important}body.mobile-view-console #chat-feed-container{padding:0 !important}body.mobile-view-song #chat-feed-container,body.mobile-view-artist #chat-feed-container{padding-bottom:0 !important}#chat-split-container{display:flex;flex-direction:column;height:100%;width:100%;position:relative;gap:0;background-color:var(--color-windows-bg)}body.mobile-view-console #chat-split-container{flex:1;min-height:0;height:100%;padding:0 !important}body.mobile-view-screen #chat-split-container{flex:1;min-height:0;height:100%;padding-bottom:0}body.mobile-view-song #chat-split-container,body.mobile-view-artist #chat-split-container{flex:1;min-height:0;height:100%;padding-bottom:0}.chat-split-pane{position:relative;overflow:visible;display:flex;flex-direction:column}#chat-top-pane{flex-shrink:0;height:75%;min-height:0;margin:0;padding:0}body.mobile-view-console #chat-top-pane{height:auto !important}#chat-bottom-pane{flex:1;min-height:0;position:relative;background-color:#000;margin:0;padding:0}@media (max-width:768px){body:not(.mobile-view-console) #chat-top-pane{height:50%}body:not(.mobile-view-console) #chat-bottom-pane{flex:1}body:not(.mobile-view-console) #chat-divider{height:8px !important;min-height:8px !important}body:not(.mobile-view-console) #copilot-main-input-wrapper{padding:0 !important;gap:0.25rem !important;border-radius:0 !important}body.mobile-view-console #copilot-main-input-wrapper{padding:3px !important;gap:3px !important;margin:0 !important;width:100% !important;border-radius:0 !important;background-color:var(--color-accent-highlight-2,#3b82f6) !important}body.mobile-view-screen #copilot-main-input-wrapper{padding:3px !important;gap:3px !important;margin:0 !important;width:100% !important;border-radius:0 !important;background-color:var(--color-accent-highlight-2,#3b82f6) !important}body.mobile-view-song #copilot-main-input-wrapper,body.mobile-view-artist #copilot-main-input-wrapper{padding:0 !important;gap:0 !important;border-radius:0 !important}body:not(.mobile-view-console) #copilot-input{height:32px !important;max-height:32px !important;font-size:16px !important;padding:0.25rem 0.5rem !important;box-sizing:border-box !important}body:not(.mobile-view-console) #copilot-send-btn,body:not(.mobile-view-console) .media-pill-container .media-pill-left,body:not(.mobile-view-console) .media-pill-container .media-pill-right{width:32px !important;height:32px !important;min-width:32px !important;min-height:32px !important}#copilot-emoji-panel{height:35px !important}#copilot-emoji-panel .emoji-item{font-size:0.84rem !important;min-width:21px !important;min-height:21px !important}.media-pill-container{margin-left:0.25rem !important}}#chat-top-pane .chat-feed{position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;z-index:1}.carousel-content-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;background-color:transparent;z-index:2;scrollbar-width:thin;scrollbar-color:var(--color-accent-highlight-1,#fbbf24) transparent}body.mobile-view-screen:not(.comment-mode-active) #chat-top-pane{display:none !important}body.mobile-view-screen:not(.comment-mode-active) #chat-divider{display:none !important}body.mobile-view-screen:not(.comment-mode-active) #chat-bottom-pane{display:flex !important;flex:1;height:100%;position:relative !important}body.mobile-view-screen:not(.comment-mode-active) #lounge-chat-feed{opacity:1 !important;pointer-events:auto !important;display:block !important;position:relative !important;overflow-y:auto !important}body.mobile-view-screen.comment-mode-active #chat-top-pane{display:flex !important;flex:1;min-height:0}body.mobile-view-screen.comment-mode-active #chat-divider{display:flex !important}body.mobile-view-screen.comment-mode-active #chat-bottom-pane{display:none !important}body.mobile-view-screen.comment-mode-active #copilot-feed{display:flex !important;opacity:1 !important}body.mobile-view-song:not(.comment-mode-active) #chat-top-pane{display:flex !important;flex:1 !important;min-height:0;flex-direction:column;overflow:hidden !important}body.mobile-view-song.comment-mode-active #chat-top-pane{display:flex !important;flex:1;min-height:0}body.mobile-view-song.comment-mode-active #chat-divider{display:flex !important}body.mobile-view-song.comment-mode-active #chat-bottom-pane{display:none !important}body.mobile-view-song.comment-mode-active #copilot-feed{display:flex !important;opacity:1 !important}body.mobile-view-song #waveform-container{flex:0 0 22.5% !important;height:22.5% !important;min-height:0 !important;max-height:22.5% !important;border-radius:0 !important;display:flex !important;overflow:hidden !important}body.mobile-view-song #copilot-feed{flex-shrink:0;max-height:120px;overflow-y:auto;display:flex !important}body.mobile-view-song #waveform-row-waveform{border-radius:0 !important}body.mobile-view-song #waveform-row-waveform::before{border-radius:0 !important}body.mobile-view-song #waveform-banner{border-radius:0 !important}body.mobile-view-song #waveform-banner::before{border-radius:0 !important}body.mobile-view-song #waveform-row-top{border-radius:0 !important}body.mobile-view-song #waveform-container *{border-radius:0 !important}body.mobile-view-song #waveform-container *::before,body.mobile-view-song #waveform-container *::after{border-radius:0 !important}body.mobile-view-song #waveform-row-top{flex:0 0 auto !important;height:20px !important}body.mobile-view-song #waveform-row-waveform{flex:1 1 auto !important;height:auto !important;min-height:0 !important;max-height:none !important;order:1 !important;margin:0 !important;padding:0 !important;overflow:hidden !important}body.mobile-view-song #waveform-bars-container{width:100%;height:100% !important;position:relative}body.mobile-view-song .waveform-bar{flex:1;border:none}body.mobile-view-song #waveform-row-comment-input{flex:0 0 auto !important;height:20px !important;border-radius:0 !important}body.mobile-view-song #waveform-row-comment-input::before,body.mobile-view-song #waveform-row-comment-input::after{border-radius:0 !important}body.mobile-view-song #waveform-comment-area{border-radius:0 !important;height:100% !important;display:flex !important;align-items:center !important;justify-content:center !important}body.mobile-view-song #waveform-comment-area::before{border-radius:0 !important}body.mobile-view-song #waveform-comment-area::after{display:none !important}body.mobile-view-song #waveform-row-visual{display:none !important}body.is-safari.mobile-view-song #chat-split-container{height:auto !important;-webkit-box-flex:1 !important;flex:1 1 0 !important;align-self:stretch !important}body.is-safari.mobile-view-song #chat-top-pane{-webkit-box-flex:1 !important;flex:1 1 0 !important;height:100% !important;min-height:0 !important;max-height:none !important;align-self:stretch !important;flex-direction:column !important;overflow:hidden !important}body.is-safari.mobile-view-song #mobile-lounge-album-art{-webkit-box-flex:7.75 !important;flex:7.75 1 0 !important;height:auto !important;min-height:0 !important}body.is-safari.mobile-view-song #waveform-container{-webkit-box-flex:2.25 !important;flex:2.25 1 0 !important;height:auto !important;min-height:0 !important;max-height:none !important;display:grid !important;grid-template-rows:20px 20px 1fr !important;grid-template-columns:100% !important;overflow:hidden !important}body.is-safari.mobile-view-song #waveform-row-top{grid-row:1 !important;grid-column:1 !important;height:20px !important;max-height:20px !important;position:relative !important;z-index:30 !important}body.is-safari.mobile-view-song #waveform-row-comment-input{grid-row:2 !important;grid-column:1 !important;height:20px !important;max-height:20px !important;position:relative !important;z-index:25 !important}body.is-safari.mobile-view-song #waveform-row-waveform{grid-row:3 !important;grid-column:1 !important;min-height:0 !important;overflow:hidden !important;display:flex !important;flex-direction:column !important;position:relative !important;z-index:20 !important}body.is-safari.mobile-view-song #waveform-bars-container{width:100% !important;height:100% !important;position:absolute !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important}body.is-safari.mobile-view-song #waveform-banner{height:100% !important;position:relative !important;overflow:hidden !important}body.is-safari.mobile-view-song #comment-pin-area{position:absolute !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;pointer-events:none !important;overflow:hidden !important}body.mobile-view-song #waveform-row-controls{display:none !important}body.mobile-view-song .comment-marker-icon{transform:translate(-50%,-50%) scale(1.0) !important}body.mobile-view-song .copilot-message-wrapper.wrapper-ai{display:none !important}body.mobile-view-song .presence-widget{display:none !important}body.mobile-view-song #chat-top-pane #copilot-feed{display:none !important}body.mobile-view-song .carousel-content-container{display:none !important}body.mobile-view-song #chat-bottom-pane{display:none !important}body.mobile-view-artist #chat-top-pane{display:none !important}body.mobile-view-song #chat-divider{display:none !important}body.mobile-view-artist #chat-divider{display:none !important}body.mobile-view-artist #chat-bottom-pane{display:none !important}body.mobile-view-artist #lounge-chat-feed{display:none !important}body.mobile-view-song #copilot-input-area,body.mobile-view-artist #copilot-input-area{display:none !important}body.mobile-view-song #chat-split-container{padding:0 !important;margin:0 !important;padding-bottom:0 !important;overflow:hidden !important}body.mobile-view-artist #chat-split-container{padding:0 !important;margin:0 !important;background-color:transparent !important}body.mobile-view-song .chat-feed,body.mobile-view-artist .chat-feed{padding:0 !important}body.mobile-view-song #mobile-lounge-album-art{display:flex !important;flex:0 0 77.5% !important;width:100%;height:77.5% !important;min-height:0 !important;margin:0 !important;padding:0 !important;border-radius:0 !important;border:none !important;overflow:hidden;background-color:#000;background-position:center;background-repeat:no-repeat;position:relative}body.mobile-view-song #command-console{padding:0 !important;border:none !important;box-shadow:none !important;border-radius:0 !important;background-image:none !important}body:not(.mobile-view-song) #mobile-lounge-album-art{display:none !important}body.mobile-view-console #lounge-chat-feed{display:none !important}body.mobile-view-console #chat-bottom-pane{display:none !important}body.mobile-view-console #chat-divider{display:none !important}body.mobile-view-console #chat-top-pane{display:flex !important;flex-direction:column;flex:1;min-height:0;height:auto;overflow:visible}body.mobile-view-console #chat-top-pane .chat-feed{position:relative;flex:1;min-height:0;overflow-y:auto;padding:0 !important}body.mobile-view-console .chat-feed{padding:0 !important}body.mobile-view-console #copilot-feed{opacity:1 !important;pointer-events:auto !important}body.mobile-view-console #jukebot-title-banner{display:none !important}body.mobile-view-console .jukebot-title-btn.hybrid{display:none}body.mobile-view-console .carousel-content-container{position:relative;flex-shrink:1;width:100%;max-height:100%;overflow-y:auto !important}.carousel-content-container::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-radial-gradient( circle at 0 0,transparent 0,transparent 2px,rgba(255,255,255,calc(0.02 * var(--grid-opacity-multiplier,1))) 2px,rgba(255,255,255,calc(0.02 * var(--grid-opacity-multiplier,1))) 3px,transparent 3px ),repeating-radial-gradient( circle at 10px 10px,transparent 0,transparent 2px,rgba(255,255,255,calc(0.02 * var(--grid-opacity-multiplier,1))) 2px,rgba(255,255,255,calc(0.02 * var(--grid-opacity-multiplier,1))) 3px,transparent 3px );background-size:20px 20px;pointer-events:none;z-index:0}.carousel-content-container > *{position:relative;z-index:1}.carousel-content-container::-webkit-scrollbar{width:0.5vw}.carousel-content-container::-webkit-scrollbar-thumb{background-color:var(--color-accent-highlight-1,#fbbf24);border-radius:0.2vw}#chat-bottom-pane .chat-feed{position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;z-index:2}#chat-bottom-pane #chat-feed-underlay{background-color:rgba(0,0,0,0.5);z-index:0}@media (max-width:768px){#chat-bottom-pane #player-scrolling-description-container{display:none !important}}#chat-divider{position:relative;z-index:100;width:100%;height:4.2px;min-height:4.2px;margin:0;background:linear-gradient(180deg,var(--color-accent-highlight-1,#fbbf24) 0%,rgba(0,0,0,0.5) 50%,var(--color-accent-highlight-1,#fbbf24) 100%);cursor:row-resize;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background 0.2s ease}#chat-divider:hover,#chat-divider.dragging{background:linear-gradient(180deg,var(--color-accent-highlight-1,#fbbf24) 0%,rgba(0,0,0,0.3) 50%,var(--color-accent-highlight-1,#fbbf24) 100%);filter:brightness(1.3)}#chat-divider:hover .divider-arrow,#chat-divider.dragging .divider-arrow{background:var(--color-accent-highlight-2,#6366f1);border-color:rgba(255,255,255,0.3);color:white;box-shadow:inset 0 1px 3px rgba(0,0,0,0.3)}.divider-center-grip{position:absolute;width:30px;height:2px;background:rgba(255,255,255,0.3);border-radius:1px;box-shadow:inset 0 1px 2px rgba(0,0,0,0.3)}.divider-arrows{display:none}.divider-groove-container{display:none}#copilot-input-area{flex-shrink:0;min-width:0;display:flex;flex-direction:column;padding:0;margin:0;background-color:transparent;border:none;overflow:visible}#copilot-main-input-wrapper{display:flex;gap:0.5rem;padding:0;margin:0;align-items:center;width:100%;background-color:var(--color-console-main);border:none;border-radius:0;position:relative;z-index:100}#copilot-main-input-wrapper{display:none}body.channel-sonic-lounge #copilot-main-input-wrapper{display:flex}body.channel-sonic-lounge.carousel-panel-active #copilot-main-input-wrapper{display:none !important}.typing-bar-container{display:flex;align-items:center;flex-grow:1;flex-shrink:1;min-width:0;gap:0}#copilot-main-input-wrapper .emoji-input-wrapper{flex-grow:1;flex-shrink:1;min-width:0;border-radius:0;border-top-left-radius:0;border-top-right-radius:0}#copilot-main-input-wrapper .emoji-input-wrapper .form-input,#copilot-main-input-wrapper .emoji-input-wrapper input{border-radius:0 !important;border-top-left-radius:0 !important;border-top-right-radius:0 !important;-webkit-border-radius:0 !important;-moz-border-radius:0 !important}#copilot-emoji-panel{width:100%;height:clamp(25.5px,3.6vh,36.4px);background-color:var(--color-top-windows-bg);display:none;align-items:center;position:relative;z-index:100;border-radius:0 !important;border-top-left-radius:0 !important;border-top-right-radius:0 !important;border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important;border-left:2px solid rgba(0,0,0,0.3);border-right:2px solid rgba(0,0,0,0.3)}body.channel-sonic-lounge #copilot-emoji-panel{display:flex}body.channel-sonic-lounge.carousel-panel-active #copilot-emoji-panel{display:none !important}#copilot-emoji-panel.hidden{display:none !important}#copilot-emoji-panel .emoji-content-wrapper{padding:0 0.25rem}#copilot-emoji-panel .emoji-item{font-size:clamp(0.55rem,0.82vw,0.91rem);padding:0.05rem;flex-shrink:1;min-width:clamp(9.1px,1.1vw,12.7px);min-height:clamp(9.1px,1.1vw,12.7px)}#copilot-emoji-panel .emoji-scroll-arrow{width:clamp(9.1px,1.4vw,12.7px);height:clamp(9.1px,1.4vw,12.7px)}#copilot-input{flex-grow:1;font-size:clamp(0.7rem,0.98vw,0.92rem);border:0.1vw solid rgba(0,0,0,0.4);background-color:#000000;color:var(--color-text-main);caret-color:var(--color-text-main);position:relative;z-index:1;resize:none;overflow-y:auto;height:clamp(19.6px,2.45vw,28px);max-height:clamp(19.6px,2.45vw,28px);padding:0.3vh 0.5vw;border-radius:0 !important;border-top-left-radius:0 !important;border-top-right-radius:0 !important;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;box-shadow:inset 0 0 4px rgba(147,197,253,0.2)}#copilot-input:focus{border-color:#93c5fd;box-shadow:inset 0 0 8px rgba(147,197,253,0.5);animation:inputGlowPulse 2s ease-in-out infinite}@keyframes inputGlowPulse{0%,100%{box-shadow:inset 0 0 8px rgba(147,197,253,0.3)}50%{box-shadow:inset 0 0 12px rgba(147,197,253,0.5)}}#copilot-input::placeholder{color:rgba(255,255,255,0.6)}@media (max-width:768px){body.mobile-view-console #copilot-input-area{position:relative !important;bottom:auto !important;left:auto !important;right:auto !important;z-index:auto !important;background-color:var(--color-console-main) !important;border:none !important;height:auto !important;flex-shrink:0 !important;max-height:80px !important}body.mobile-view-console #chat-divider{position:relative !important;bottom:auto !important;left:auto !important;right:auto !important;z-index:auto !important}body.mobile-view-console .typing-bar-container{height:auto !important;min-height:auto !important;max-height:none !important}body.mobile-view-console .media-pill-container{height:24px !important;min-height:24px !important;max-height:24px !important}body.mobile-view-console #copilot-main-input-wrapper #copilot-input{background-color:#000000 !important}body.mobile-view-screen #copilot-main-input-wrapper #copilot-input{background-color:#000000 !important}body.mobile-view-console #copilot-send-btn,body.mobile-view-console #copilot-emoji-btn,body.mobile-view-console #copilot-gif-btn{height:24px !important;width:24px !important;min-width:24px !important;max-width:24px !important;min-height:24px !important;max-height:24px !important;font-size:0.85rem !important;padding:0 !important}body.mobile-view-console #copilot-input{height:24px !important;max-height:24px !important;font-size:0.85rem !important}body:not(.mobile-view-console) #copilot-input{font-size:0.85rem !important;height:auto !important;max-height:none !important;padding:0.3rem 0.5rem !important}body:not(.mobile-view-console) #copilot-input::placeholder{font-size:0.85rem !important}body:not(.mobile-view-console) #copilot-send-btn{height:auto !important;width:auto !important;font-size:0.85rem !important;padding:0.3rem !important}body:not(.mobile-view-console) .media-pill-container .media-pill-left,body:not(.mobile-view-console) .media-pill-container .media-pill-right{width:auto !important;height:auto !important;font-size:0.85rem !important;padding:0.3rem !important}body.channel-sonic-lounge.carousel-panel-active #copilot-main-input-wrapper{display:none !important}body:not(.channel-sonic-lounge) #copilot-emoji-panel{display:none !important}body.channel-sonic-lounge.carousel-panel-active #copilot-emoji-panel{display:none !important}body.mobile-view-console #copilot-main-input-wrapper,body.mobile-view-screen #copilot-main-input-wrapper{display:flex !important}body.mobile-view-console.channel-sonic-lounge:not(.carousel-panel-active) #copilot-emoji-panel:not(.hidden),body.mobile-view-screen.channel-sonic-lounge:not(.carousel-panel-active) #copilot-emoji-panel:not(.hidden){display:flex !important}body.mobile-view-console.carousel-panel-active #copilot-emoji-panel,body.mobile-view-screen.carousel-panel-active #copilot-emoji-panel,body.mobile-view-console #copilot-emoji-panel.hidden,body.mobile-view-screen #copilot-emoji-panel.hidden{display:none !important}body.is-safari.channel-sonic-lounge.carousel-panel-active #copilot-main-input-wrapper{display:none !important}body.is-safari.channel-sonic-lounge.carousel-panel-active #copilot-emoji-panel{display:none !important}body.is-safari:not(.channel-sonic-lounge) #copilot-emoji-panel{display:none !important}body.is-safari.mobile-view-console #copilot-main-input-wrapper,body.is-safari.mobile-view-screen #copilot-main-input-wrapper{display:flex !important}body.is-safari.mobile-view-console.channel-sonic-lounge:not(.carousel-panel-active) #copilot-emoji-panel:not(.hidden),body.is-safari.mobile-view-screen.channel-sonic-lounge:not(.carousel-panel-active) #copilot-emoji-panel:not(.hidden){display:flex !important}body.is-safari.mobile-view-console.carousel-panel-active #copilot-emoji-panel,body.is-safari.mobile-view-screen.carousel-panel-active #copilot-emoji-panel,body.is-safari.mobile-view-console #copilot-emoji-panel.hidden,body.is-safari.mobile-view-screen #copilot-emoji-panel.hidden{display:none !important}}.emoji-input-wrapper.is-editing #copilot-input{color:var(--color-text-main);background-color:#000000}#copilot-send-btn{flex-shrink:0;width:clamp(19.6px,2.45vw,28px);height:clamp(19.6px,2.45vw,28px);border-radius:0 50px 50px 0;background-color:var(--color-button-default-bg);border:0.1vw solid rgba(0,0,0,0.5);border-left:none;color:#ffffff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:clamp(0.737rem,1.044vw,0.946rem);line-height:1;box-shadow:none;transition:filter 0.2s ease}#copilot-send-btn:hover{filter:brightness(1.2)}#copilot-send-btn:active{filter:brightness(0.9)}.media-pill-container{display:flex;align-items:center;flex-shrink:0;border-radius:50px;overflow:hidden;background-color:var(--color-button-default-bg);border:none;box-shadow:none}.media-pill-container .media-pill-left{flex-shrink:0;width:clamp(19.6px,2.45vw,28px) !important;height:clamp(19.6px,2.45vw,28px) !important;border-radius:50px 0 0 50px !important;background-color:transparent !important;border:none !important;border-right:0.1vw solid rgba(0,0,0,0.3) !important;color:#ffffff !important;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:clamp(1.02rem,1.445vw,1.309rem) !important;line-height:1;transition:filter 0.2s ease;padding:0 !important}.media-pill-container .media-pill-left.active{background-color:#ffffff !important;color:var(--color-tertiary,#130202) !important}.media-pill-container .media-pill-right{flex-shrink:0;width:clamp(19.6px,2.45vw,28px) !important;height:clamp(19.6px,2.45vw,28px) !important;border-radius:0 50px 50px 0 !important;background-color:transparent !important;border-top:none !important;border-right:none !important;border-bottom:none !important;border-left:0.1vw solid rgba(0,0,0,0.3) !important;color:#ffffff !important;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:clamp(1.02rem,1.445vw,1.309rem) !important;line-height:1;transition:filter 0.2s ease;padding:0 !important}.media-pill-container .media-pill-right.active{background-color:#ffffff !important;color:var(--color-tertiary,#130202) !important}.media-pill-container .media-pill-left:hover,.media-pill-container .media-pill-right:hover{filter:brightness(1.2)}.media-pill-container .media-pill-left:active,.media-pill-container .media-pill-right:active{filter:brightness(0.9)}.media-pill-container .media-pill-left i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) translateY(0.15vh)}.media-pill-container .media-pill-right i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) translateY(0.15vh)}.media-pill-container #copilot-emoji-btn{flex-shrink:0;width:clamp(19.6px,2.45vw,28px) !important;height:clamp(19.6px,2.45vw,28px) !important;border-radius:50px 0 0 50px !important;background-color:transparent !important;border:none !important;color:#ffffff !important;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:clamp(0.867rem,1.228vw,1.113rem) !important;line-height:1;box-shadow:none;transition:filter 0.2s ease;padding:0 !important}.media-pill-container #copilot-emoji-btn:hover{filter:brightness(1.2)}.media-pill-container #copilot-emoji-btn:active{filter:brightness(0.9)}.media-pill-container #copilot-emoji-btn.active{background-color:#ffffff !important;color:var(--color-tertiary,#130202) !important}.media-pill-container #copilot-gif-btn{flex-shrink:0;width:clamp(19.6px,2.45vw,28px) !important;height:clamp(19.6px,2.45vw,28px) !important;border-radius:0 50px 50px 0 !important;background-color:transparent !important;border:none !important;color:#ffffff !important;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:clamp(0.867rem,1.228vw,1.113rem) !important;line-height:1;box-shadow:none;transition:filter 0.2s ease;padding:0 !important}.media-pill-container #copilot-gif-btn:hover{filter:brightness(1.2)}.media-pill-container #copilot-gif-btn:active{filter:brightness(0.9)}.media-pill-container #copilot-gif-btn.active{background-color:#ffffff !important;color:var(--color-tertiary,#130202) !important}#copilot-main-input-wrapper #console-lottery-ticket-btn{flex-shrink:0;width:clamp(28px,3.5vw,40px);height:clamp(28px,3.5vw,40px);min-width:clamp(28px,3.5vw,40px);border-radius:0.375rem;background-color:transparent !important;border:none !important;outline:none !important;box-shadow:none !important;color:var(--color-accent-highlight-1,#fbbf24);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:clamp(0.612rem,0.867vw,0.799rem);transition:filter 0.2s ease,transform 0.2s ease;margin-left:0.5rem;order:10}#copilot-main-input-wrapper #console-lottery-ticket-btn:hover:not(:disabled){filter:brightness(1.3);transform:scale(1.1);background-color:rgba(251,191,36,0.2) !important}#copilot-main-input-wrapper #console-lottery-ticket-btn:active:not(:disabled){filter:brightness(0.9)}#copilot-main-input-wrapper #console-lottery-ticket-btn:disabled{cursor:not-allowed;opacity:0.6;pointer-events:none}#copilot-main-input-wrapper #command-builder-btn{flex-shrink:0;width:clamp(19.6px,2.45vw,28px);height:clamp(19.6px,2.45vw,28px);border-radius:50%;background-color:transparent;border:0.1vw solid rgba(0,0,0,0.5);color:var(--color-accent-highlight-1,#a78bfa);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:clamp(0.4335rem,0.578vw,0.544rem);line-height:1;transition:all 0.2s ease;margin:0;padding:0}#copilot-main-input-wrapper #command-builder-btn:hover{color:var(--color-accent-highlight-2,#c084fc);border-color:var(--color-accent-highlight-2,#c084fc);transform:scale(1.1)}#copilot-main-input-wrapper #command-builder-btn.active{background-color:var(--color-accent-highlight-1,#a78bfa);border-color:var(--color-accent-highlight-1,#a78bfa);color:white;cursor:pointer;box-shadow:0 0 8px var(--color-accent-highlight-1,rgba(167,139,250,0.6))}#copilot-main-input-wrapper #command-builder-btn.active:active{filter:brightness(0.9)}#copilot-main-input-wrapper #copilot-customizer-btn{flex-shrink:0;width:clamp(19.6px,2.45vw,28px);height:clamp(19.6px,2.45vw,28px);border-radius:50%;background-color:transparent;border:0.1vw solid rgba(0,0,0,0.5);color:var(--color-accent-highlight-1,#34d399);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:clamp(0.4335rem,0.578vw,0.544rem);line-height:1;transition:all 0.2s ease;order:12;margin-left:0.25rem;padding:0}#copilot-main-input-wrapper #copilot-megaphone-toggle-btn{flex-shrink:0;width:clamp(19.6px,2.45vw,28px);height:clamp(19.6px,2.45vw,28px);border-radius:50%;background-color:var(--color-accent-highlight-1,#a78bfa);border:0.1vw solid var(--color-accent-highlight-1,#a78bfa);color:white;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:clamp(0.4335rem,0.578vw,0.544rem);line-height:1;transition:all 0.2s ease;margin-left:3px;padding:0}#copilot-main-input-wrapper #copilot-megaphone-toggle-btn:hover{filter:brightness(1.2);transform:scale(1.05)}#copilot-main-input-wrapper #copilot-megaphone-toggle-btn:active{filter:brightness(0.9)}#copilot-main-input-wrapper #copilot-megaphone-toggle-btn.active{background-color:var(--color-accent-highlight-2,#22c55e);border-color:var(--color-accent-highlight-2,#22c55e)}#copilot-main-input-wrapper #copilot-megaphone-toggle-btn.active i{transform:rotate(15deg)}#copilot-main-input-wrapper.lounge-mode{background-color:var(--color-accent-highlight-2,#22c55e) !important;border-color:var(--color-accent-highlight-2,#22c55e)}#copilot-main-input-wrapper.lounge-mode .emoji-input-wrapper input{background-color:#111827 !important;border-color:rgba(0,0,0,0.4);color:var(--color-text-main)}#copilot-main-input-wrapper.lounge-mode .emoji-input-wrapper input::placeholder{color:rgba(255,255,255,0.5)}#copilot-main-input-wrapper #copilot-customizer-btn:hover{color:var(--color-accent-highlight-2,#10b981);border-color:var(--color-accent-highlight-2,#10b981);transform:scale(1.1)}#copilot-main-input-wrapper #copilot-customizer-btn.active{background-color:var(--color-accent-highlight-1,#34d399);border-color:var(--color-accent-highlight-1,#34d399);color:white;cursor:pointer;box-shadow:0 0 8px rgba(52,211,153,0.6)}#copilot-main-input-wrapper #copilot-customizer-btn.active:active{filter:brightness(0.9)}#copilot-main-input-wrapper .emoji-input-wrapper{display:flex;align-items:center}.admin-only{display:none !important}.admin-only.admin-visible{display:flex !important}#customizer-window{background-color:var(--color-windows-bg);border-radius:0;overflow:hidden}.customizer-content{display:flex;flex-direction:column;height:100%;background-color:var(--color-windows-bg)}.customizer-body{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}#theme-selector-container{flex:1}body.help-mode-cursor,body.help-mode-cursor *{cursor:help !important}.help-highlight{position:relative;border-radius:6px;outline:3px solid rgba(139,92,246,0.9);outline-offset:2px;box-shadow:0 0 0 3px rgba(139,92,246,0.9),0 0 20px rgba(139,92,246,0.5),0 0 40px rgba(139,92,246,0.3)}.help-link{cursor:help;text-decoration:underline;color:var(--color-active-highlight,#3B82F6)}.help-attention-animate{animation:helpAttentionPulse 0.5s ease-in-out 3}@keyframes helpAttentionPulse{0%,100%{transform:scale(1);box-shadow:0 0 0 2px rgba(251,191,36,0.8),0 0 15px rgba(251,191,36,0.5)}50%{transform:scale(1.02);box-shadow:0 0 0 4px rgba(251,191,36,1),0 0 25px rgba(251,191,36,0.8)}}.help-highlight.help-selected{animation:helpSelectedPulse 1.5s ease-in-out infinite !important;box-shadow:0 0 0 3px rgba(139,92,246,1),0 0 25px rgba(139,92,246,0.7),0 0 50px rgba(139,92,246,0.4),inset 0 0 15px rgba(139,92,246,0.2)}.help-highlight.help-selected.help-just-selected{animation:helpJustSelected 0.5s ease-out forwards,helpSelectedPulse 1.5s ease-in-out infinite 0.5s !important}@keyframes helpJustSelected{0%{box-shadow:0 0 0 3px rgba(139,92,246,0.9),0 0 20px rgba(139,92,246,0.5),0 0 40px rgba(139,92,246,0.3);transform:scale(1)}50%{box-shadow:0 0 0 5px rgba(167,139,250,1),0 0 40px rgba(139,92,246,0.8),0 0 60px rgba(167,139,250,0.5);transform:scale(1.03)}100%{box-shadow:0 0 0 3px rgba(139,92,246,1),0 0 25px rgba(139,92,246,0.7),0 0 50px rgba(139,92,246,0.4),inset 0 0 15px rgba(139,92,246,0.2);transform:scale(1)}}@keyframes helpSelectedPulse{0%,100%{box-shadow:0 0 0 3px rgba(139,92,246,1),0 0 25px rgba(139,92,246,0.7),0 0 50px rgba(139,92,246,0.4),inset 0 0 15px rgba(139,92,246,0.2)}50%{box-shadow:0 0 0 4px rgba(167,139,250,1),0 0 35px rgba(139,92,246,0.8),0 0 60px rgba(139,92,246,0.5),inset 0 0 20px rgba(139,92,246,0.3)}}#copilot-input.help-highlight{outline:3px solid rgba(139,92,246,0.9);outline-offset:2px;box-shadow:0 0 0 3px rgba(139,92,246,0.9),0 0 20px rgba(139,92,246,0.5)}#copilot-send-btn.help-highlight{outline:3px solid rgba(139,92,246,0.9);outline-offset:2px;box-shadow:0 0 0 3px rgba(139,92,246,0.9),0 0 20px rgba(139,92,246,0.5),0 0 40px rgba(139,92,246,0.3)}#copilot-send-btn.help-highlight.help-selected{animation:helpSelectedPulse 1.5s ease-in-out infinite !important;box-shadow:0 0 0 3px rgba(139,92,246,1),0 0 25px rgba(139,92,246,0.7),0 0 50px rgba(139,92,246,0.4),inset 0 0 15px rgba(139,92,246,0.2)}#jukebot-info-btn.help-highlight{outline:3px solid rgba(139,92,246,0.9);outline-offset:2px;box-shadow:0 0 0 3px rgba(139,92,246,0.9),0 0 20px rgba(139,92,246,0.5),0 0 40px rgba(139,92,246,0.3)}#jukebot-info-btn.help-highlight.help-selected{animation:helpSelectedPulse 1.5s ease-in-out infinite !important;box-shadow:0 0 0 3px rgba(139,92,246,1),0 0 25px rgba(139,92,246,0.7),0 0 50px rgba(139,92,246,0.4),inset 0 0 15px rgba(139,92,246,0.2)}.chat-feed .ai-action-modal button,.chat-feed .ai-action-modal *{pointer-events:auto !important}.copilot-message-wrapper:has(#inline-feedback-form) .copilot-user-area{display:none}.copilot-message-wrapper:has(#inline-feedback-form) .copilot-main{width:100%;max-width:100%}.inline-feedback-container{background-color:rgba(0,0,0,0.3);border-radius:0;padding:12px;margin-top:8px;border:1px solid rgba(255,255,255,0.1);max-width:100%;overflow:hidden}.inline-feedback-section{margin-bottom:12px;padding:10px;background-color:rgba(0,0,0,0.2);border-radius:0.375rem;border:1px solid rgba(255,255,255,0.05);max-width:100%;overflow:hidden;position:relative;cursor:pointer}.inline-star-rating-container{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}.inline-star-rating-wrapper{display:flex;gap:1px;flex-wrap:wrap;max-width:100%;justify-content:center}.inline-star{width:12px;height:12px;position:relative;cursor:pointer;color:#4b5563;transition:color 0.15s ease;flex-shrink:0}.inline-star i{font-size:10px}.inline-star:hover{filter:brightness(1.5)}.inline-star.filled{color:#ffd700}.inline-star-half{position:absolute;top:0;left:0;width:58%;height:100%;overflow:hidden;color:#ffd700;pointer-events:none}.inline-star-half i{position:absolute;left:0;font-size:10px}.inline-rating-display{font-weight:600;color:#ffd700;font-size:0.8rem;min-width:30px;text-align:right;flex-shrink:0}.inline-textarea-header{display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 12px;background-color:rgba(255,255,255,0.05);border-bottom:1px solid rgba(255,255,255,0.1);border-radius:8px 8px 0 0;margin-bottom:0}.inline-textarea-header .inline-star-rating-container{margin-bottom:0;flex:1;justify-content:center}.inline-clear-btn{width:100%}.inline-clear-btn:hover{background-color:rgba(255,255,255,0.2);color:rgba(255,255,255,0.9)}.inline-feedback-textarea-container{margin-top:8px}.inline-feedback-textarea-container .inline-feedback-textarea{border-radius:0 0 8px 8px}.inline-feedback-textarea{width:100%;max-width:100%;background-color:rgba(0,0,0,0.2);border:1px solid rgba(255,255,255,0.1);color:#d1d5db;padding:12px;font-size:0.95rem;min-height:60px;resize:vertical;transition:border-color 0.2s ease,background-color 0.2s ease;font-family:inherit;box-sizing:border-box;cursor:pointer;pointer-events:auto;overflow:hidden}.inline-feedback-textarea:focus{outline:none;border-color:var(--color-tertiary,#a855f7);background-color:color-mix(in srgb,var(--color-tertiary,#a855f7) 10%,transparent)}.inline-feedback-textarea:hover{border-color:var(--color-tertiary,#a855f7);background-color:color-mix(in srgb,var(--color-tertiary,#a855f7) 10%,transparent)}.inline-feedback-textarea.error{border-color:#ef4444}.inline-word-count{font-size:0.7rem;color:#6b7280;text-align:center;margin-top:4px}.inline-word-count.valid{color:#22c55e}.inline-word-count.error{color:#ef4444}.toggle-label-off,.toggle-label-on{font-size:10px;font-weight:600;color:rgba(255,255,255,0.4);text-transform:uppercase;letter-spacing:0.2px;pointer-events:none;transition:color 0.2s;transform:scale(0.69);transform-origin:center}.toggle-label-off{margin-right:4px}.toggle-label-on{margin-left:4px}.toggle-slider{position:relative;cursor:pointer;width:22px;height:13px;background:linear-gradient(180deg,#4b5563 0%,#374151 100%);transition:0.3s;border-radius:6px;border:1px solid rgba(255,255,255,0.2);box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),inset 0 -1px 0 rgba(0,0,0,0.3),0 1px 3px rgba(0,0,0,0.3);flex-shrink:0}.toggle-slider:before{position:absolute;content:"";height:11px;width:11px;left:1.5px;top:1px;background:linear-gradient(180deg,#ffffff 0%,#e5e5e5 100%);transition:0.3s;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,0.3)}.toggle-slider:hover{filter:brightness(1.1)}.inline-toggle-counter{font-size:0.75rem;font-weight:600;color:#ef4444;transition:color 0.2s ease}.inline-toggle-counter.green{color:#22c55e}.inline-feedback-section.disabled{opacity:0.4}.chat-bubble-universal{padding:3px 5px;border-radius:1rem;font-size:0.7225rem;line-height:1.4;word-break:break-word;display:inline-block;max-width:100%}.chat-bubble-user{background-color:var(--color-active-highlight);color:var(--color-chat-bubble-user-text,#1a1a1a);border-bottom-right-radius:0.25rem}.chat-bubble-ai,.chat-bubble-them{background-color:#374151;color:var(--color-text-primary,#f3f4f6);border-bottom-left-radius:0.25rem}.chat-bubble-system{background-color:#27272a !important;color:#4ade80 !important;border-radius:0.5rem;padding:0.35rem 0.5rem;font-style:italic;border-left:3px solid #22c55e}.chat-feed{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;gap:5px;overflow-y:auto;padding:10px 10px 0 10px;box-sizing:border-box;opacity:0;pointer-events:none;transition:opacity 0.15s ease-in-out}.chat-feed.active{opacity:1;pointer-events:auto}.copilot-message-wrapper{display:flex;max-width:100%;width:100%;margin-bottom:5px;padding:0}body.mobile-view-console .copilot-message-wrapper{overflow:hidden !important}.chat-feed.hide-greeting .wrapper-ai{display:none !important}.copilot-message{padding:0.25rem 0.375rem;border-radius:1rem;font-size:0.831rem;line-height:1.4;word-break:break-word;display:block;width:100%;max-width:100%}body.mobile-view-console .copilot-message{overflow:hidden !important}.copilot-message-raw{display:inline-block;max-width:100%}.bubble-system{background-color:var(--color-chat-bubble-user-bg,#27272a) !important;color:var(--color-chat-bubble-user-text,#a7f3d0) !important;border-radius:0.5rem;padding:0.35rem 0.5rem !important;font-style:italic;font-size:0.765rem !important;display:block !important;width:100%;max-width:100%;word-break:break-word;box-shadow:0 2px 4px rgba(0,0,0,0.3);white-space:normal;overflow-y:auto}.bubble-system.state-news{overflow-y:auto}.bubble-system.state-guest-welcome{overflow-y:auto}.system-notification-content{display:flex;align-items:flex-start;gap:0.5rem;font-size:1rem;line-height:1.4;padding:0;background:transparent !important;color:var(--color-chat-bubble-user-text,#a7f3d0) !important;width:100%;flex-wrap:wrap}body.mobile-view-console .system-notification-content{max-height:100%;overflow-y:auto !important}body.mobile-view-console #admin-state-container{overflow:hidden !important}body.mobile-view-console [style*="overflow:visible"]{overflow:hidden !important}body.mobile-view-console [style*="overflow-y:auto"]{overflow:hidden !important}body.mobile-view-console .copilot-message[style*="overflow:visible"]{overflow:hidden !important}body.mobile-view-console #admin-state-container[style*="overflow:visible"]{overflow:hidden !important}body.mobile-view-console .system-notification-content[style*="overflow:visible"]{overflow:hidden !important}body.mobile-view-console .bubble-system[style*="overflow:visible"]{overflow:hidden !important}body.mobile-view-console .copilot-message.bubble-system[style*="overflow:visible"]{overflow:hidden !important}body.mobile-view-console .copilot-message-wrapper .copilot-message.bubble-system[style*="overflow:visible"]{overflow:hidden !important}body.mobile-view-console .copilot-message-wrapper .copilot-message.bubble-system[style*="overflow:visible"] .system-notification-content{overflow:hidden !important}body.mobile-view-console .copilot-message-wrapper[style*="overflow:visible"]{overflow:hidden !important}body.mobile-view-console .copilot-message-wrapper[style*="overflow:visible"] > *{overflow:hidden !important}body.mobile-view-console .copilot-message-wrapper[style*="overflow:visible"] > * > *{overflow:hidden !important}body.mobile-view-console .copilot-message-wrapper:not([style*="overflow:hidden"])[style*="overflow:visible"]{overflow:hidden !important}body.mobile-view-console .copilot-message:not([style*="overflow:hidden"])[style*="overflow:visible"]{overflow:hidden !important}body.mobile-view-console .bubble-system:not([style*="overflow:hidden"])[style*="overflow:visible"]{overflow:hidden !important}body.mobile-view-console .system-notification-content:not([style*="overflow:hidden"])[style*="overflow:visible"]{overflow:hidden !important}.wrapper-system:has(.type-success) .bubble-system{border:1px solid #4ade80 !important}.wrapper-system:has(.type-success) .system-notification-content{color:#4ade80 !important}.wrapper-system:has(.type-alert) .bubble-system{border:1px solid #f87171 !important}.wrapper-system:has(.type-alert) .system-notification-content{color:#f87171 !important}.wrapper-system:has(.type-info) .bubble-system{border:1px solid #4ade80 !important}.wrapper-system:has(.type-info) .system-notification-content{color:#4ade80 !important}.system-notification-content.type-success{color:#4ade80 !important}.system-notification-content.type-alert{color:#f87171 !important}.system-notification-content.type-info{color:#4ade80 !important}.system-notification-content.type-warning{color:#fbbf24 !important}.wrapper-system:has(.type-warning) .bubble-system{border:1px solid #fbbf24 !important}.wrapper-system:has(.type-warning) .system-notification-content{color:#fbbf24 !important}.wrapper-user{justify-content:flex-end;align-self:flex-end;width:100%;padding-left:10px;padding-right:10px;box-sizing:border-box}.bubble-user{background-color:var(--color-active-highlight);color:var(--color-chat-bubble-user-text,#1a1a1a);border-bottom-right-radius:0.25rem}.wrapper-ai,.wrapper-thinking,.wrapper-system{justify-content:flex-start;align-self:flex-start;width:100%;padding-left:10px;padding-right:10px;box-sizing:border-box}.wrapper-system{justify-content:center}.bubble-ai{background-color:#374151;color:var(--color-text-primary,#f3f4f6);border-bottom-left-radius:0.25rem}.copilot-options-container{align-self:flex-start;display:flex;flex-direction:column;gap:0.35rem;background-color:rgba(0,0,0,0.6);backdrop-filter:blur(8px);border-radius:1rem;padding:0.5rem;border:1px solid rgba(255,255,255,0.1);box-shadow:0 4px 12px rgba(0,0,0,0.4)}.copilot-option-btn{background-color:rgba(255,255,255,0.1);color:#f3f4f6;border:none;padding:0.4rem 0.6rem;border-radius:0.75rem;cursor:pointer;text-align:left;font-size:0.7225rem;transition:background-color 0.2s,color 0.2s,filter 0.2s}.copilot-option-btn.highlighted{filter:brightness(1.25);color:white}@keyframes thinking-blink{0%,100%{opacity:0.2}50%{opacity:1}}.thinking-dot{animation:thinking-blink 1.4s infinite both;font-size:1.088rem;line-height:0}.thinking-dot:nth-child(2){animation-delay:0.2s}.thinking-dot:nth-child(3){animation-delay:0.4s}.jukebot-search-results{display:flex;flex-direction:column;gap:0.5rem;width:100%;font-size:0.7225rem;background-color:rgba(0,0,0,0.7);border-radius:0.5rem;padding:0.5rem;margin:0.25rem 0}.jukebot-search-results *{color:#ffffff !important}.jukebot-search-header{font-weight:600;padding-bottom:0.25rem;border-bottom:1px solid rgba(255,255,255,0.2)}.jukebot-search-artist-group{border-radius:0.5rem;padding:0.5rem;display:flex;flex-direction:column;gap:0.35rem;background-color:rgba(50,50,50,0.8) !important}.jukebot-search-artist-group.search-row-alt-1{background-color:rgba(80,80,80,0.8) !important}.jukebot-search-artist-group.search-row-alt-2{background-color:rgba(60,60,60,0.8) !important}.jukebot-search-item{display:flex;align-items:center;gap:0.35rem;cursor:pointer;padding:0.25rem;border-radius:0.25rem;transition:background-color 0.2s ease}.jukebot-search-item:hover{background-color:rgba(255,255,255,0.1)}.jukebot-search-item-title{color:#ffffff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jukebot-search-play-icon{font-size:0.6rem;color:#4ade80;min-width:12px}.jukebot-search-add-icon{font-size:0.7rem;color:#ffffff;margin-left:auto}.jukebot-search-add-icon:hover{color:#60a5fa}.artist-name-setup-container{display:flex;flex-direction:column;gap:0.75rem;padding:0.75rem;background-color:#1f2937;border-radius:0.5rem;border:1px solid #374151;max-width:100%}.artist-name-setup-container .name-setup-options{display:flex;gap:0.5rem}.artist-name-setup-container .name-type-toggle{display:flex;justify-content:center;align-items:center}.artist-name-setup-container .name-type-toggle .toggle-label{display:none}.artist-name-setup-container .toggle-segmented{display:flex;background-color:#374151;border-radius:0.35rem;padding:2px;gap:2px}.artist-name-setup-container .toggle-segmented .toggle-btn{padding:0.35rem 0.75rem;font-size:0.65rem;border:none;background:transparent;color:#9ca3af;border-radius:0.25rem;cursor:pointer;transition:all 0.2s ease;font-weight:500}.artist-name-setup-container .toggle-segmented .toggle-btn:hover:not(.active){color:#d1d5db;background-color:rgba(255,255,255,0.05)}.artist-name-setup-container .toggle-segmented .toggle-btn.active{background-color:var(--color-active-highlight);color:white;box-shadow:0 1px 3px rgba(0,0,0,0.3)}.artist-name-setup-container .suggestions-list{display:flex;flex-wrap:wrap;gap:0.35rem}.artist-name-setup-container .suggestion-item{padding:0.3rem 0.6rem;background-color:#374151;border:1px solid #4b5563;border-radius:0.25rem;color:#d1d5db;font-size:0.65rem;cursor:pointer;transition:all 0.2s ease}.artist-name-setup-container .suggestion-item:hover{background-color:#4b5563;border-color:var(--color-active-highlight)}.artist-name-setup-container .suggestion-item.selected{background-color:var(--color-active-highlight);border-color:#fff;color:white}.artist-name-setup-container .name-setup-actions{display:flex;justify-content:flex-end;padding-top:0.25rem;border-top:1px solid #374151}.artist-name-setup-container .modal-confirm-btn:disabled{opacity:0.5;cursor:not-allowed}.artist-name-setup-container .hidden{display:none !important}.personality-options-container{display:flex;flex-direction:column;gap:8px;margin-top:12px}.personality-option-btn{display:flex;flex-direction:column;align-items:flex-start;padding:10px 14px;background:var(--color-surface-elevated,#2d3748);border:1px solid var(--color-border,#4a5568);border-radius:8px;color:var(--color-text-primary,#e2e8f0);cursor:pointer;transition:all 0.2s ease;text-align:left}.personality-option-btn:hover{background:var(--color-active-highlight,#4a5568);border-color:var(--color-accent,#6366f1);transform:translateY(-1px)}.personality-option-btn.highlighted{background:var(--color-active-highlight,#4a5568);border-color:var(--color-accent,#6366f1)}.personality-label{font-weight:600;font-size:0.8075rem;margin-bottom:2px}.personality-desc{font-size:0.6375rem;color:var(--color-text-secondary,#a0aec0)}.ai-thinking-dots{color:#8b5cf6;font-weight:500}.ai-thinking-dots .dot{animation:thinkingDots 1.4s infinite;opacity:0}.ai-thinking-dots .dot:nth-child(2){animation-delay:0.2s}.ai-thinking-dots .dot:nth-child(3){animation-delay:0.4s}@keyframes thinkingDots{0%,80%,100%{opacity:0}40%{opacity:1}}.copilot-message-wrapper{display:flex;align-items:center;gap:0.5vw;padding:0.4vh 0.4vw;background-color:rgba(10,10,10,0.6);border-radius:0.5vh;margin-bottom:0.4vh;animation:fadeInCopilotMessage 0.5s ease forwards;transition:background-color 0.3s ease,box-shadow 0.3s;flex-shrink:0;min-height:clamp(40px,5vh,60px);box-shadow:0 0.2vh 0.4vw rgba(0,0,0,0.4);position:relative;width:100%;max-width:100%}@keyframes fadeInCopilotMessage{from{opacity:0;transform:translateY(1vh)}to{opacity:1;transform:translateY(0)}}.copilot-message-wrapper:hover{background-color:rgba(20,20,20,0.7)}.copilot-message-wrapper.wrapper-ai,.copilot-message-wrapper.wrapper-thinking{flex-direction:row;margin-right:auto;max-width:100%}.copilot-message-wrapper.wrapper-user{flex-direction:row-reverse;margin-left:auto;max-width:fit-content}.copilot-message-wrapper.wrapper-user .copilot-main{width:auto;max-width:fit-content}.copilot-text-header.user-right{flex-direction:row-reverse}.copilot-message-wrapper.wrapper-system{justify-content:center;flex-direction:row;max-width:100%;overflow:hidden}.copilot-user-area{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;width:clamp(24px,3vw,36px)}.copilot-user-pic{width:clamp(24px,3vw,36px);height:clamp(24px,3vw,36px);border-radius:50%;object-fit:cover;border:0.1vw solid rgba(255,255,255,0.2)}.copilot-user-area i.copilot-user-pic{display:flex;align-items:center;justify-content:center;font-size:clamp(20px,2.5vw,32px);color:#a855f7;background:transparent;border:none}.copilot-main{flex-grow:1;min-width:0;display:flex;flex-direction:column}.copilot-text-header{font-size:clamp(0.55rem,0.7vw,0.8rem);font-weight:600;color:#9ca3af;margin-bottom:0.15vh;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:baseline}.copilot-username{font-family:'Orbitron',sans-serif;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1;min-width:0;color:#a855f7;text-shadow:0 0 8px rgba(168,85,247,0.6),0 0 2px rgba(168,85,247,0.8);letter-spacing:0.5px;text-transform:uppercase}.copilot-timestamp{font-size:clamp(0.385rem,0.49vw,0.56rem);color:#9ca3af;margin-left:0.4vw;flex-shrink:0}.copilot-text{color:#f3f4f6;font-size:clamp(0.9rem,1.15vw,1.35rem);line-height:1.15;word-break:break-word}.copilot-message-wrapper .copilot-message,.copilot-message-wrapper .copilot-message-raw{display:block;width:auto;max-width:none;padding:0;background:transparent;border-radius:0;color:inherit;font-size:inherit;line-height:inherit}.copilot-message-wrapper.wrapper-system .copilot-main{width:100%}.copilot-message-wrapper.wrapper-system .copilot-text{text-align:center}#copilot-main-input-wrapper{transition:background-color 0.2s ease,box-shadow 0.2s ease}#copilot-main-input-wrapper:hover{filter:brightness(1.1)}#copilot-feed.chat-feed{transition:background-color 0.2s ease;position:relative;border-left:2px solid rgba(0,0,0,0.3);border-right:2px solid rgba(0,0,0,0.3)}#copilot-feed.chat-feed:hover{background-color:rgba(99,102,241,0.03)}#copilot-feed.chat-feed::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-radial-gradient( circle at 0 0,transparent 0,transparent 2px,rgba(255,255,255,0.02) 2px,rgba(255,255,255,0.02) 3px,transparent 3px ),repeating-radial-gradient( circle at 10px 10px,transparent 0,transparent 2px,rgba(255,255,255,0.02) 2px,rgba(255,255,255,0.02) 3px,transparent 3px );background-size:20px 20px;pointer-events:none;z-index:0}#copilot-feed.chat-feed > *{position:relative;z-index:1}#shows-content-container .shows-channel{background-color:transparent !important}.system-notification-content .shows-channel-title,.system-notification-content .shows-channel-title i{opacity:1 !important;color:#000000 !important;font-style:normal !important}#shows-content-container .system-notification-content .shows-channel-title{background-color:rgb(255,182,193) !important;opacity:1 !important}.copilot-message-wrapper.wrapper-analysis,.copilot-message-wrapper.wrapper-banner-grid{max-width:100%;align-self:center}.analysis-report{background-color:var(--color-background-windows);border-radius:0.375rem;box-shadow:inset 0 6px 12px rgba(0,0,0,0.8);padding:0.5rem;display:flex;flex-direction:column;gap:0.25rem}.analysis-title{font-size:0.578rem;font-weight:bold;color:var(--font-color-subheaders,#d1d5db);text-align:center;padding-bottom:0.25rem;border-bottom:1px solid var(--color-border-secondary,#4b5563);margin-bottom:0.25rem;text-shadow:0 1px 2px #000}.analysis-row{display:flex;align-items:center;gap:0.5rem}.analysis-scale{position:relative;width:100%;height:18px;border-radius:4px;border:1px solid #000;box-shadow:inset 0 2px 4px rgba(0,0,0,0.5);cursor:crosshair;background:linear-gradient(to right,#f87171 0%,#facc15 25%,#4ade80 50%,#facc15 75%,#f87171 100%);display:flex;align-items:center;justify-content:center}.analysis-unit{font-size:0.4675rem;font-weight:bold;color:white;text-shadow:0 1px 1px #000}.analysis-user-marker{position:absolute;top:-3px;bottom:-3px;width:3px;background-color:#fff;border:1px solid #000;border-radius:2px;box-shadow:0 0 4px #fff;transform:translateX(-50%);pointer-events:none;z-index:1}.analysis-user-marker::after{content:'▲';position:absolute;top:100%;left:50%;transform:translateX(-50%);color:#fff;font-size:8px;text-shadow:0 1px 2px #000}.analysis-tooltip{position:absolute;bottom:100%;left:50%;transform:translateX(-50%) translateY(-5px);background-color:rgba(0,0,0,0.8);color:#fff;padding:2px 5px;border-radius:3px;font-size:0.51rem;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity 0.2s;pointer-events:none;z-index:2}.analysis-scale:hover .analysis-tooltip{opacity:1;visibility:visible}.lottery-panel-header{font-size:0.578rem;font-weight:600;color:var(--font-color-subheaders);padding:0.5rem;text-align:center;border-bottom:1px solid var(--color-border-secondary);background-color:var(--color-background-console-input);flex-shrink:0}.lottery-song-list{flex-grow:1;overflow-y:auto;padding:0.5rem;background-color:rgba(0,0,0,0.2);border-radius:0.25rem;min-height:0}.lottery-song-list::-webkit-scrollbar{width:4px}.lottery-song-list::-webkit-scrollbar-thumb{background-color:var(--color-accent-highlight-1,#fbbf24);border-radius:2px}.lottery-list-item{display:flex;align-items:center;gap:0.75rem;padding:0.4rem;border-radius:0.25rem;transition:background-color 0.2s ease}.lottery-list-item:hover{background-color:rgba(255,255,255,0.05)}.selection-circle{width:24px;height:24px;border-radius:50%;border:2px solid #4b5563;flex-shrink:0;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center;font-size:0.578rem;font-weight:bold;color:white;cursor:pointer}.selection-circle.selected{background-color:var(--color-accent-main);border-color:#fff;box-shadow:0 0 5px var(--color-accent-main)}.lottery-list-item .song-title{flex-grow:1;font-size:0.6545rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.priority-percentage{font-size:0.6545rem;font-weight:bold;color:#9ca3af;padding:0.25rem 0.5rem;min-width:45px;text-align:center;user-select:none}.priority-percentage.active{color:white;cursor:ns-resize}.priority-percentage.active:hover{background-color:rgba(255,255,255,0.1);border-radius:4px}.lottery-actions{flex-shrink:0;display:flex;justify-content:flex-end;gap:0.5rem;padding-top:0.5rem;border-top:1px solid var(--color-border-secondary)}.lottery-action-btn{width:36px;height:36px}.lottery-action-btn.save:hover{background-color:#22c55e}.lottery-action-btn.clear:hover{background-color:#ef4444}.lottery-locked-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:2rem;text-align:center;color:#9ca3af;gap:1.5rem;background-color:rgba(0,0,0,0.4)}.lottery-locked-state .locked-icon{font-size:3rem;color:#ef4444;opacity:0.8;filter:drop-shadow(0 0 10px rgba(239,68,68,0.3))}.lottery-locked-state .locked-message{font-size:0.6885rem;line-height:1.5;font-weight:500}.jukebot-banner-grid-container{background-color:#374151;border-radius:0.5rem;padding:0.5rem;border:1px solid #4b5563;display:grid;grid-template-columns:repeat(2,minmax(0,140px));justify-content:center;gap:0.5rem;max-height:400px;overflow-y:auto}.jukebot-banner-grid-container::-webkit-scrollbar{width:5px}.jukebot-banner-grid-container::-webkit-scrollbar-track{min-height:100%}.jukebot-banner-grid-container::-webkit-scrollbar-thumb{background-color:var(--color-accent-highlight-1,#fbbf24);border-radius:2px;min-height:20px}.jukebot-banner-item{position:relative;aspect-ratio:100 / 24;border-radius:0.25rem;border:2px solid #4b5563;background-color:#374151;cursor:pointer;transition:all 0.2s ease-in-out;background-size:cover;background-position:center;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:0.85rem;color:#6b7280;font-weight:bold;gap:0.1rem;overflow:hidden}.jukebot-banner-item span{font-size:0.51rem}.jukebot-banner-item:hover{border-color:var(--color-accent-main);transform:scale(1.05)}.jukebot-banner-grid-container.selection-active .jukebot-banner-item:not(.selected)::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);transition:background-color 0.2s}.jukebot-banner-item.selected{border-color:var(--color-accent-main);box-shadow:0 0 8px var(--color-accent-main)}.jukebot-banner-item.selected::after{background-color:transparent}.banner-select-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;background-color:rgba(0,0,0,0.7);color:white;border:1px solid white;border-radius:50%;font-size:0.68rem;display:none;align-items:center;justify-content:center;cursor:pointer;z-index:5;transition:background-color 0.2s,transform 0.2s}.jukebot-banner-item.selected .banner-select-btn{display:flex}.banner-select-btn:hover{background-color:var(--color-accent-main);transform:translate(-50%,-50%) scale(1.1)}.view-fade-container{position:relative;width:100%;height:100%}.view-fade-container > *{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 0.3s ease-in-out;pointer-events:none;visibility:hidden}.view-fade-container > *.active{opacity:1;pointer-events:auto;visibility:visible}#jukebot-command-list{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;height:100%;padding:0;gap:0;background-color:var(--color-windows-bg);position:relative;opacity:0;transition:opacity 0.3s ease-in-out;pointer-events:none;visibility:hidden}#jukebot-command-list .command-builder-header{grid-column:1 / -1}#jukebot-command-list.active{opacity:1;pointer-events:auto;visibility:visible}#jukebot-command-list.ticket-active{z-index:100 !important;background-color:transparent !important}#jukebot-command-list.hidden{display:none !important}#command-list-tabs{grid-column:1 / 2;grid-row:2;display:flex;flex-direction:column;align-items:center;padding:0.75vh 0;gap:1vh;background-color:var(--color-console-main);border-right:0.1vw solid #000}.command-tab-btn{background-color:#374151;border:0.1vw solid #4b5563;color:#d1d5db;width:clamp(28px,3.2vw,36px);height:clamp(28px,3.2vw,36px);border-radius:var(--radius-sm);font-size:clamp(0.595rem,0.765vw,0.85rem);cursor:pointer;position:relative;transition:all 0.2s ease-in-out;display:flex;align-items:center;justify-content:center}.command-tab-btn:hover{transform:scale(1.1);border-color:var(--tab-color)}.command-tab-btn.active{background-color:var(--tab-color);color:white;box-shadow:0 0 1vw var(--tab-color)}.command-tab-btn.playback{--tab-color:#3B82F6}.command-tab-btn.live-show{--tab-color:#EC4899}.command-tab-btn.customization{--tab-color:#8B5CF6}.command-tab-btn.admin{--tab-color:#EF4444}#command-list-content{grid-column:1 / -1;grid-row:2;overflow-y:auto;padding:1vh 1vw;background-color:transparent;position:relative;box-sizing:border-box;width:100%}#command-list-content::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-radial-gradient( circle at 0 0,transparent 0,transparent 2px,rgba(255,255,255,0.02) 2px,rgba(255,255,255,0.02) 3px,transparent 3px ),repeating-radial-gradient( circle at 10px 10px,transparent 0,transparent 2px,rgba(255,255,255,0.02) 2px,rgba(255,255,255,0.02) 3px,transparent 3px );background-size:20px 20px;pointer-events:none;z-index:0}#command-list-content > *{position:relative;z-index:1}#command-list-content::-webkit-scrollbar{width:0.5vw}#command-list-content::-webkit-scrollbar-track{min-height:100%}#command-list-content::-webkit-scrollbar-thumb{background-color:var(--color-accent-highlight-1,#fbbf24);border-radius:0.2vw;min-height:2vh}.command-category{display:none;padding:0.75vh 0.75vw}.command-category.active{display:block}.command-category-banner{padding-bottom:0.5vh;margin-bottom:0.75vh;border-bottom:0.1vw solid var(--color-border-secondary);color:var(--color-text-secondary);font-weight:600;font-size:clamp(0.775rem,1vw,1.1rem)}.command-subheader{font-size:clamp(0.553rem,0.72vw,0.83rem);font-weight:bold;color:#9ca3af;text-transform:uppercase;letter-spacing:0.05em;margin-top:1vh;margin-bottom:0.35vh;padding:0 0.4vw}.command-category > .command-subheader:first-of-type{margin-top:0}.command-item{padding:0.4vh 0.4vw;border-radius:0.25vh;transition:background-color 0.2s ease;display:flex;align-items:center;gap:0.5vw;margin-bottom:0.5vh}.command-item:hover{background-color:rgba(255,255,255,0.05)}.command-text-wrapper{background-color:rgba(0,0,0,0.3);padding:0.25vh 0.5vw;border-radius:0.25vh;font-family:'Courier New',Courier,monospace;font-size:clamp(0.608rem,0.774vw,0.884rem);color:#f3f4f6;word-break:break-all;flex-grow:1;line-height:1.4}.placeholder{color:white;font-weight:bold;cursor:pointer;padding:0.26vh 0.78vw;border-radius:var(--radius-sm);transition:background-color 0.2s,color 0.2s;font-size:1.3em}.placeholder:not([data-type="color"]){background-color:rgba(255,255,255,0.1)}.placeholder:not([data-type="color"]):hover,.placeholder:not([data-type="color"]).is-active{background-color:rgba(255,255,255,0.2)}.placeholder[data-type="color"]{background-color:transparent;padding:0;margin:0 0.4vw;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.execute-btn{background:var(--color-button-default-bg);border:0.1vw solid rgba(0,0,0,0.4);color:var(--color-active-highlight);cursor:pointer;width:clamp(20px,2.4vw,28px);height:clamp(20px,2.4vw,28px);border-radius:var(--radius-sm);font-size:clamp(0.51rem,0.68vw,0.765rem);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:filter 0.2s ease}.execute-btn:hover{filter:brightness(1.2)}.inline-widget{margin:-0.25vh 0 0.5vh 0.4vw;padding:0.4vh 0.4vw;background-color:#111827;border:0.1vw solid #4b5563;border-radius:0.25vh}.color-picker-container{display:flex;gap:0.5vw;align-items:flex-start}.list-widget-item{font-size:clamp(0.663rem,0.829rem,0.939rem);color:#d1d5db;cursor:pointer;transition:color 0.2s ease}.list-widget-item:hover{color:var(--color-active-highlight);text-decoration:underline}.list-widget-separator{font-size:clamp(0.663rem,0.829rem,0.939rem);color:#6b7280}.color-swatch-preview{display:inline-block;width:clamp(12px,1.4vw,16px);height:clamp(12px,1.4vw,16px);border:0.1vw solid rgba(255,255,255,0.4);border-radius:0.3vw;vertical-align:middle;margin-right:0.4vw}.contact-header-center{display:flex;justify-content:center;align-items:center;gap:0.75vw;flex-grow:1;min-width:0}.mail-header-nav-btn{background:none;border:none;cursor:pointer;color:#333;font-size:clamp(0.595rem,0.765vw,0.85rem);padding:0.2vh 0.2vw;line-height:1;position:relative;flex-shrink:0}.mail-header-nav-btn:disabled{opacity:0.2;cursor:not-allowed}.mail-header-username{font-weight:bold;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2;font-size:clamp(0.595rem,0.765vw,0.85rem);cursor:pointer}.contact-header-play-btn{background-color:transparent;border:none;color:#333;cursor:pointer;font-size:clamp(0.5525rem,0.68vw,0.765rem);padding:0;margin:0;line-height:1;transition:color 0.2s ease,transform 0.2s ease}.contact-header-play-btn:hover{color:var(--color-accent-main);transform:scale(1.15)}.mail-header-placeholder{font-style:italic;font-weight:normal;font-size:clamp(0.51rem,0.6375vw,0.7225rem);color:#666}.message-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6);border-radius:1rem;display:flex;align-items:center;justify-content:center;gap:0.5vw;opacity:0;transition:opacity 0.2s ease-in-out;pointer-events:none}.action-icon{background-color:rgba(255,255,255,0.1);border:0.1vw solid rgba(255,255,255,0.2);color:white;cursor:pointer;width:clamp(24px,2.8vw,32px);height:clamp(24px,2.8vw,32px);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:clamp(0.5525rem,0.68vw,0.765rem);transition:background-color 0.2s}.action-icon.edit:hover{background-color:var(--color-accent-main)}.action-icon.remove:hover{background-color:#ef4444}#friends-list-panel{position:absolute;top:clamp(28px,3.5vh,40px);left:0;right:0;bottom:clamp(150px,18vh,200px);background-color:white;color:black;z-index:100;display:flex;flex-direction:column}#close-friends-list-btn{width:clamp(20px,2.4vw,28px);height:clamp(20px,2.4vw,28px);font-size:clamp(0.65rem,0.8vw,0.9rem)}#friends-list-content{flex-grow:1;overflow-y:auto;padding:0.5vh 0.5vw}.friend-list-item{padding:0.5vh 0.5vw;cursor:pointer;border-radius:0.25vh;position:relative;display:flex;align-items:center;justify-content:space-between}.friend-list-item:hover{background-color:#e5e7eb}.friend-list-placeholder{display:flex;height:100%;align-items:center;justify-content:center;color:#6b7280;font-style:italic}#console-content-socials{display:none;flex-direction:column;height:100%}#console-content-socials.active{display:flex}.socials-main-content{flex-grow:1;min-height:0;overflow-y:auto;padding:0.75vh 0.75vw;display:flex;flex-direction:column;gap:0.75vh}#socials-profile-header{display:flex;align-items:center;gap:0.75vw;padding-bottom:0.75vh;border-bottom:0.1vh solid var(--color-border-secondary);flex-shrink:0}#socials-pfp-container{position:relative;width:clamp(36px,4.8vw,60px);height:clamp(36px,4.8vw,60px);flex-shrink:0}#socials-pfp{width:100%;height:100%;border-radius:50%;object-fit:cover}.socials-bio-content{font-size:clamp(0.6rem,0.75vw,0.85rem);color:var(--font-color-subheaders);max-height:clamp(36px,4.8vh,60px);overflow-y:auto;padding-right:0.4vw}.socials-bio-content::-webkit-scrollbar{width:0.4vw}.socials-bio-content::-webkit-scrollbar-thumb{background-color:var(--color-accent-highlight-1,#fbbf24);border-radius:0.2vw}#socials-banner{background-color:var(--color-bg-secondary);color:var(--font-color-main);padding:0.5vh 0.75vw;font-size:clamp(0.65rem,0.85vw,0.95rem);font-weight:600;text-transform:uppercase;letter-spacing:0.05em;border-radius:var(--radius-sm);margin-bottom:0.25vh;border:0.1vw solid var(--color-border-secondary)}.socials-widget-container{display:flex;align-items:center;justify-content:center;gap:0.25vw;padding:0.25vh 0.25vw}#profile-socials-display-area{flex-grow:0;display:flex;justify-content:center;min-width:unset}.socials-icons-row{display:flex;gap:0.4vw;justify-content:center;align-items:center}.socials-nav-btn{background:none;border:none;color:var(--font-color-subheaders);cursor:pointer;font-size:clamp(0.8rem,1vw,1.2rem);padding:0.2vh 0.2vw;display:flex;align-items:center;justify-content:center;transition:color 0.2s ease}.social-icon-link{display:flex;align-items:center;justify-content:center;flex-shrink:0}.social-icon-link img{width:clamp(24px,3.2vw,36px) !important;height:clamp(24px,3.2vw,36px) !important}.socials-nav-btn:hover{color:var(--color-accent-main)}#ez-view-container{flex-shrink:0;height:clamp(140px,18vh,200px);border:0.1vw solid #000;border-top-color:#fff;border-left-color:#fff;border-radius:0 0 0.375rem 0.375rem;background-color:var(--color-windows-bg);box-shadow:inset 0 0.6vh 1.2vw rgba(0,0,0,0.8);display:flex;flex-direction:column;overflow:hidden}#ez-view-header{font-size:clamp(0.7rem,0.9vw,1rem);font-weight:600;color:var(--color-text-secondary);font-family:var(--font-sections,sans-serif);background-color:var(--color-background-header-banner);padding:0.4vh 0.75vw;border-bottom:0.1vh solid var(--color-border-secondary);background-image:linear-gradient( to bottom,rgba(255,255,255,0.2),rgba(0,0,0,0.25) );text-shadow:0 0.2vh 0.3vw rgba(0,0,0,0.7);box-shadow:0 0.3vh 0.6vw rgba(0,0,0,0.5);flex-shrink:0;display:flex;align-items:center;justify-content:space-between}.ez-view-title{text-align:center}.ez-view-btn{background:transparent;border:none;color:var(--color-text-secondary);opacity:0.5;cursor:pointer;font-size:clamp(0.85rem,1.1vw,1.3rem);transition:opacity 0.2s,color 0.2s,text-shadow 0.2s}.ez-view-btn.active{opacity:1;color:var(--color-active-highlight);text-shadow:0 0 0.5vw var(--color-active-highlight)}@keyframes pulse-green{0%{box-shadow:0 0 0 0 rgba(34,197,94,0.7)}70%{box-shadow:0 0 0 1vw rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}@keyframes pulse-red{0%{box-shadow:0 0 0 0 rgba(239,68,68,0.7)}70%{box-shadow:0 0 0 1vw rgba(239,68,68,0)}100%{box-shadow:0 0 0 0 rgba(239,68,68,0)}}#ez-view-notif-btn.pulse-green{color:#22c55e;border-radius:50%;animation:pulse-green 2s infinite}#ez-view-notif-btn.pulse-red{color:#ef4444;border-radius:50%;animation:pulse-red 2s infinite}#ez-view-content{flex-grow:1;min-height:0;font-size:clamp(0.6rem,0.75vw,0.85rem);line-height:1.4;position:relative}.ez-view-panel{display:none;position:absolute;top:0;left:0;width:100%;height:100%;overflow-y:auto;overflow-x:hidden}.ez-view-panel.active{display:flex;flex-direction:column}#ez-view-notifications-panel{background-color:#000000;color:#ffffff;padding:0.5vh 0.5vw}.notification-entry{padding:0.3vh 0.5vw;margin-bottom:0.3vh;border-radius:0.25vh;background-color:#27272a;display:flex;justify-content:space-between;align-items:center;gap:0.5vw;position:relative}.notification-entry.info{color:#ffffff;border-left:0.3vw solid #6b7280}.notification-entry.success{color:#a7f3d0;border-left:0.3vw solid #22c55e;cursor:pointer}.notification-entry.alert{color:#fca5a5;border-left:0.3vw solid #ef4444;cursor:pointer}.notification-text{flex-grow:1}.notification-remove-bubble{position:absolute;top:50%;right:0.5vw;transform:translateY(-50%);background-color:#4b5563;color:white;padding:0.2vh 0.6vw;border-radius:1vw;font-size:clamp(0.6rem,0.65vw,0.75rem);cursor:pointer;box-shadow:0 0.1vh 0.3vw rgba(0,0,0,0.5)}.notification-remove-bubble:hover{background-color:#ef4444}.notification-action-btn{background-color:#4b5563;color:#fff;border:none;padding:0.1vh 0.4vw;font-size:clamp(0.6rem,0.65vw,0.75rem);border-radius:0.25vh;cursor:pointer;flex-shrink:0;font-weight:bold;transition:background-color 0.2s ease}.notification-action-btn:hover{background-color:#6b7280}.notification-action-btn:disabled{opacity:0.5;cursor:not-allowed}.notification-entry.success .notification-action-btn{background-color:#166534}.notification-entry.success .notification-action-btn:hover{background-color:#15803d}#ez-view-tutorials-panel{background-color:#ffffff;color:#000000;padding:0}#ez-view-notifications-panel::-webkit-scrollbar,#tutorial-content-area::-webkit-scrollbar{width:0.4vw}#ez-view-notifications-panel::-webkit-scrollbar-thumb,#tutorial-content-area::-webkit-scrollbar-thumb{background-color:var(--color-accent-highlight-1,#fbbf24);border-radius:0.2vw}.ez-view-placeholder{display:flex;height:100%;align-items:center;justify-content:center;color:#6b7280;font-style:italic;padding:0.5vh 0.5vw}#tutorial-title{font-weight:bold;text-align:center;flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#tutorial-content-area{position:relative;flex-grow:1;overflow-y:auto;overflow-x:hidden;padding:0 0.5vw 0.5vh 0.5vw}.tutorial-page{position:absolute;width:calc(100% - 1vw);height:100%;top:0;left:0.5vw}@keyframes slideInFromRight{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideOutToLeft{from{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes slideInFromLeft{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes slideOutToRight{from{transform:translateX(0)}to{transform:translateX(100%)}}.slide-in-from-right{animation:slideInFromRight 0.3s ease-out forwards}.slide-out-to-left{animation:slideOutToLeft 0.3s ease-out forwards}.slide-in-from-left{animation:slideInFromLeft 0.3s ease-out forwards}.slide-out-to-right{animation:slideOutToRight 0.3s ease-out forwards}.theme-manager-widget{margin-top:0 !important;padding-top:0 !important;border-top:none !important;height:auto !important;margin-left:auto;margin-right:auto;display:flex;flex-direction:column;overflow:hidden;background:rgba(0,0,0,0.8);backdrop-filter:blur(5px);border-radius:4px;border:1px solid rgba(251,191,36,0.2) !important}.theme-manager-widget:not(#feed-theme-selector-container .theme-manager-widget){max-width:280px !important;width:90% !important}#feed-theme-selector-container .theme-manager-widget{width:100% !important;max-width:100% !important;height:100% !important;border-radius:0 !important}.theme-sections-container{display:flex;flex-direction:column;gap:4px;padding:4px;width:100%;flex:1;min-height:auto;overflow:hidden;border-radius:0 0 0 0}.theme-manager-header{display:flex;align-items:center;justify-content:center;padding:4px;border-bottom:1px solid rgba(255,255,255,0.1);border-right:none}.theme-list{display:flex;flex-direction:column;gap:4px;overflow-y:auto;flex:1;min-height:auto;scrollbar-width:thin;scrollbar-color:var(--color-accent-highlight-1,#fbbf24) transparent}.theme-list::-webkit-scrollbar{width:0.5vw}.theme-list::-webkit-scrollbar-thumb{background-color:var(--color-accent-highlight-1,#fbbf24);border-radius:0.2vw}.theme-list-item{padding:2px 6px;border-radius:4px;background:rgba(255,255,255,0.05);display:flex;align-items:center;gap:4px;font-size:0.65rem;white-space:nowrap;height:24px}.theme-list-item .icon-button{width:18px;height:18px;font-size:0.6rem;padding:0;display:flex;align-items:center;justify-content:center}.theme-list-item .icon-button i{font-size:0.6rem}.theme-list-item.active{background:var(--color-active-highlight)}.theme-list-item{color:white}.theme-list-item:hover{background:rgba(255,255,255,0.1)}.theme-name{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:white}.theme-actions{display:flex;gap:4px;opacity:0.6;transition:opacity 0.2s}.theme-list-item:hover .theme-actions{opacity:1}.icon-button.delete:hover{color:#f87171}.icon-button.is-default{color:var(--color-accent-highlight-1)}.icon-button.update-theme.active{color:var(--color-accent-highlight-2);background:rgba(255,255,255,0.1)}#theme-save-new-btn{padding:8px 11px !important;width:fit-content !important;height:auto !important;border-radius:8px !important}.theme-manager-title{font-weight:600;font-size:0.7rem;text-transform:uppercase;letter-spacing:1px;color:var(--color-text-primary)}.theme-manager-tabs{display:flex;gap:8px;padding:8px 12px;margin-bottom:8px;width:100%;box-sizing:border-box}.theme-tab-btn{font-size:0.65em;padding:6px 10px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:6px;color:rgba(255,255,255,0.7);cursor:pointer;transition:all 0.2s;display:flex;align-items:center;justify-content:center;gap:0;font-weight:500;min-width:32px;flex:1}.theme-tab-btn:hover{background:rgba(255,255,255,0.15);color:rgba(255,255,255,0.9)}.theme-tab-btn.active{background:rgba(251,191,36,0.2);border-color:rgba(251,191,36,0.4);color:#fbbf24}.theme-tab-btn i{font-size:0.9em}.theme-section-banner{display:flex;flex-direction:column;background:var(--color-accent-highlight-1,#fbbf24);border:1px solid var(--color-accent-highlight-1,#fbbf24);margin-bottom:8px;overflow:visible;height:auto;flex-shrink:0;box-sizing:border-box;width:100%;position:relative;padding:0}.theme-section-banner .section-label{font-size:0.7em;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#000;text-align:center;padding:8px 12px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;flex-shrink:0;width:100%}.theme-section-banner .filter-row{display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 12px;background:rgba(0,0,0,0.2);border-top:1px solid rgba(0,0,0,0.3);box-sizing:border-box;flex-shrink:0;width:100%}.theme-section-banner .filter-divider{width:1px;height:16px;background:rgba(255,255,255,0.2)}.theme-section-banner .sort-button{font-size:0.65em;padding:6px 10px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:6px;color:rgba(255,255,255,0.7);cursor:pointer;transition:all 0.2s;display:flex;align-items:center;justify-content:center;gap:0;font-weight:500;min-width:32px}.theme-section-banner .sort-button:hover{background:rgba(255,255,255,0.15);color:rgba(255,255,255,0.9)}.theme-section-banner .sort-button.active{background:rgba(251,191,36,0.2);border-color:rgba(251,191,36,0.4);color:#fbbf24}.theme-section-banner .sort-button i{font-size:0.6em}.theme-section-banner .refresh-button{font-size:0.65em;padding:6px 10px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:6px;color:rgba(255,255,255,0.7);cursor:pointer;transition:all 0.2s;font-weight:500;display:flex;align-items:center;justify-content:center;min-width:32px}.theme-section-banner .refresh-button:hover{background:rgba(255,255,255,0.15);color:rgba(255,255,255,0.9)}#help-mode-btn{background:none;border:none;cursor:pointer;font-size:clamp(0.7rem,1vw,0.9rem);color:rgba(255,255,255,0.6);padding:0.2rem 0.4rem;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all 0.2s ease}#help-mode-btn:hover{background-color:rgba(255,255,255,0.1);color:white}#help-mode-btn.active{background-color:rgba(255,255,255,0.15);color:#a78bfa}.ai-tools-banner{display:flex;align-items:center;gap:5px;padding:0.5rem;margin-bottom:10px;background:linear-gradient(180deg,var(--color-accent-highlight-2) 0%,color-mix(in srgb,var(--color-accent-highlight-2) 60%,var(--color-windows-bg)) 50%,color-mix(in srgb,var(--color-accent-highlight-2) 40%,var(--color-channel-content-bg)) 100%);border:1px solid var(--color-accent-highlight-2);box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),inset 0 -1px 0 rgba(0,0,0,0.2),0 2px 4px rgba(0,0,0,0.3),0 0 0 1px rgba(0,0,0,0.5),0 0 8px color-mix(in srgb,var(--color-accent-highlight-2) 30%,transparent);flex-shrink:0;z-index:10;border-radius:8px;min-height:clamp(40px,5vh,60px);min-width:0;position:relative}.ai-tools-banner::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient( 45deg,transparent,transparent 2px,rgba(255,255,255,0.07) 2px,rgba(255,255,255,0.07) 3px ),repeating-linear-gradient( -45deg,transparent,transparent 3px,rgba(255,255,255,0.05) 3px,rgba(255,255,255,0.05) 4px ),radial-gradient( circle at 20% 30%,rgba(255,255,255,0.05) 1px,transparent 1px ),radial-gradient( circle at 80% 70%,rgba(255,255,255,0.05) 1px,transparent 1px );pointer-events:none;z-index:0;border-radius:8px}.ai-tools-banner > *{position:relative;z-index:2}.ai-banner-side-col{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:clamp(36px,5vw,52px);height:100%}body.mobile-view-console .ai-banner-side-col{width:auto !important;min-width:0 !important;flex:0 0 auto !important;padding:0 0.5rem !important}#ai-banner-left-col #jukebot-btn-news,#ai-banner-right-col #jukebot-btn-profile{width:clamp(26px,3.2vw,38px) !important;height:clamp(26px,3.2vw,38px) !important;max-height:clamp(26px,3.2vw,38px) !important;font-size:clamp(22px,2.72vw,32px) !important;background:linear-gradient(180deg,var(--color-accent-highlight-2,rgba(99,102,241,0.8)) 0%,var(--color-top-windows-bg) 100%) !important;color:#000 !important;border-radius:8px !important;border:2px solid var(--color-accent-highlight-2,rgba(99,102,241,0.4)) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,0.15),0 2px 4px rgba(0,0,0,0.4),0 0 0 1px rgba(0,0,0,0.4),0 0 12px var(--color-accent-highlight-2,rgba(99,102,241,0.4)) !important}body.mobile-view-console #ai-banner-left-col #jukebot-btn-news,body.mobile-view-console #ai-banner-right-col #jukebot-btn-profile{width:clamp(24px,3vw,32px) !important;height:clamp(24px,3vw,32px) !important;max-height:clamp(24px,3vw,32px) !important;font-size:clamp(18px,2.4vw,28px) !important}#ai-banner-left-col #jukebot-btn-news i,#ai-banner-right-col #jukebot-btn-profile i{color:#000 !important;font-size:clamp(10px,1.3vw,15px) !important;line-height:1 !important}#ai-banner-left-col #jukebot-btn-news,#ai-banner-right-col #jukebot-btn-profile{font-size:clamp(10px,1.3vw,15px) !important;position:relative;overflow:hidden}#ai-banner-left-col #jukebot-btn-news::before,#ai-banner-right-col #jukebot-btn-profile::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,var(--color-accent-highlight-2,rgba(99,102,241,0.8)) 0%,var(--color-top-windows-bg) 100%);border-radius:inherit;opacity:0;transition:opacity 0.5s ease-out;z-index:0}#ai-banner-left-col #jukebot-btn-news:hover::before,#ai-banner-right-col #jukebot-btn-profile:hover::before{opacity:1;filter:brightness(1.5)}#ai-banner-left-col #jukebot-btn-news:hover,#ai-banner-right-col #jukebot-btn-profile:hover{background:linear-gradient(180deg,var(--color-accent-highlight-2,rgba(99,102,241,0.8)) 0%,var(--color-top-windows-bg) 100%) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,0.15),0 2px 4px rgba(0,0,0,0.4),0 0 0 1px rgba(0,0,0,0.4),0 0 12px var(--color-accent-highlight-2,rgba(99,102,241,0.4)) !important;transform:none !important}#ai-banner-left-col #jukebot-btn-news i,#ai-banner-right-col #jukebot-btn-profile i{position:relative;z-index:1}#ai-banner-left-col #jukebot-btn-news:hover i,#ai-banner-right-col #jukebot-btn-profile:hover i{color:#000 !important;text-shadow:none !important}#ai-banner-left-col #jukebot-btn-news.active i,#ai-banner-right-col #jukebot-btn-profile.active i{color:#000 !important;text-shadow:none !important}#ai-banner-left-col #jukebot-btn-news:active,#ai-banner-right-col #jukebot-btn-profile:active{transform:scale(0.95) !important}#ai-banner-right-col #jukebot-btn-profile.active{background:linear-gradient(180deg,rgba(99,102,241,0.95) 0%,var(--color-top-windows-bg) 100%) !important;border-color:var(--color-accent-highlight-2,rgba(99,102,241,0.4)) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,0.15),0 2px 4px rgba(0,0,0,0.4),0 0 0 1px rgba(0,0,0,0.4),0 0 12px var(--color-accent-highlight-2,rgba(99,102,241,0.4)) !important;color:#000 !important}#ai-banner-left-col #jukebot-btn-news.active{background:linear-gradient(180deg,rgba(99,102,241,0.95) 0%,var(--color-top-windows-bg) 100%) !important;border-color:var(--color-accent-highlight-2,rgba(99,102,241,0.4)) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,0.15),0 2px 4px rgba(0,0,0,0.4),0 0 0 1px rgba(0,0,0,0.4),0 0 12px var(--color-accent-highlight-2,rgba(99,102,241,0.4)) !important;color:#000 !important}#ai-banner-right-col #jukebot-btn-profile.inactive{background:linear-gradient(180deg,var(--color-accent-highlight-2,rgba(99,102,241,0.8)) 0%,var(--color-top-windows-bg) 100%) !important;border-color:var(--color-accent-highlight-2,rgba(99,102,241,0.4)) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,0.15),0 2px 4px rgba(0,0,0,0.4),0 0 0 1px rgba(0,0,0,0.4),0 0 12px var(--color-accent-highlight-2,rgba(99,102,241,0.4)) !important;color:#000 !important}#ai-banner-left-col #jukebot-btn-news.inactive{background:linear-gradient(180deg,var(--color-accent-highlight-2,rgba(99,102,241,0.8)) 0%,var(--color-top-windows-bg) 100%) !important;border-color:var(--color-accent-highlight-2,rgba(99,102,241,0.4)) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,0.15),0 2px 4px rgba(0,0,0,0.4),0 0 0 1px rgba(0,0,0,0.4),0 0 12px var(--color-accent-highlight-2,rgba(99,102,241,0.4)) !important;color:#000 !important}#ai-banner-left-col #jukebot-btn-news.active i,#ai-banner-left-col #jukebot-btn-news i{color:#000 !important;text-shadow:none !important}#ai-banner-left-col #jukebot-btn-news.active{color:#000 !important}#ai-banner-left-col #jukebot-btn-news{height:clamp(26px,3.2vw,38px) !important;max-height:clamp(26px,3.2vw,38px) !important;width:clamp(26px,3.2vw,38px) !important;color:#000 !important}#ai-banner-middle-col{display:flex;align-items:center;justify-content:center;gap:0;flex:1;flex-shrink:0;overflow:hidden;padding:0;position:relative;height:clamp(32px,4vh,48px);border-top:2px solid var(--color-accent-highlight-1);border-bottom:2px solid var(--color-accent-highlight-1);background:rgba(0,0,0,0.3)}body.mobile-view-console #ai-banner-middle-col{flex:1 1 0 !important;min-width:0 !important}#ai-banner-scroll-left{left:0}#ai-banner-scroll-right{right:0}@media (max-width:768px){body.mobile-view-console .ai-tools-banner{margin-bottom:0 !important;padding:0.5rem !important;min-width:0 !important;gap:5px !important}body.mobile-view-console #ai-banner-carousel-content{margin:0 clamp(12px,1.5vw,16px) !important}}#ai-banner-carousel-content{display:flex;align-items:center;gap:0;flex:1;flex-shrink:0;overflow:hidden;padding:0;position:relative;height:100%;margin:0 clamp(12px,1.5vw,16px);touch-action:pan-y}#ai-banner-visible-slots{display:flex;align-items:center;gap:0;width:100%;height:100%;flex-shrink:0;position:relative;min-height:100%;user-select:none;-webkit-user-select:none}#ai-banner-film-strip{display:flex;align-items:center;gap:0;position:absolute;left:0;top:0;height:100%;min-height:100%;transition:transform 0.3s cubic-bezier(0.4,0,0.2,1);will-change:transform}#ai-banner-film-strip .ai-tool-btn{flex-shrink:0;height:100%;width:auto;min-height:100%}#ai-banner-film-strip .ai-tool-btn{font-size:clamp(8px,1.2vw,14px) !important}.ai-tool-btn{background:var(--color-tertiary);border:1px solid rgba(255,255,255,0.1);border-radius:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;flex-shrink:0;min-width:clamp(14px,1.8vw,20px);min-height:clamp(14px,1.8vw,20px);box-shadow:inset 0 1px 0 rgba(255,255,255,0.08),inset 0 -1px 0 rgba(0,0,0,0.4),0 2px 4px rgba(0,0,0,0.5),0 4px 8px rgba(0,0,0,0.3),0 0 0 1px rgba(0,0,0,0.6);position:relative}.ai-tool-btn i{font-size:clamp(0.5rem,0.8vw,0.75rem);color:var(--color-text-secondary);transition:all 0.2s ease;line-height:1;display:inline-block;vertical-align:middle}.ai-tool-btn:hover{background:linear-gradient(180deg,var(--color-windows-inner-bg) 0%,var(--color-top-windows-bg) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.15),inset 0 -1px 0 rgba(0,0,0,0.2),0 3px 6px rgba(0,0,0,0.5),0 0 0 1px rgba(0,0,0,0.4),0 0 8px rgba(99,102,241,0.2);transform:translateY(-1px)}.ai-tool-btn:hover i{color:var(--color-text-main);text-shadow:0 0 2px rgba(0,0,0,0.8),0 0 4px rgba(0,0,0,0.6),0 0 6px currentColor}.ai-tool-btn:active{background:linear-gradient(180deg,var(--color-windows-bg) 0%,var(--color-top-windows-bg) 100%);transform:translateY(1px);box-shadow:inset 0 2px 4px rgba(0,0,0,0.3),0 0 0 1px rgba(0,0,0,0.4)}.ai-tool-btn.active{background:linear-gradient(180deg,var(--color-accent-highlight-2) 0%,var(--color-top-windows-bg) 100%);border-color:var(--color-accent-highlight-2);box-shadow:inset 0 1px 0 rgba(255,255,255,0.15),0 2px 4px rgba(0,0,0,0.4),0 0 0 1px rgba(0,0,0,0.4),0 0 12px var(--color-accent-highlight-2,rgba(99,102,241,0.4))}.ai-tool-btn.bell.active{color:#ef4444}.ai-tool-btn.help.active{color:#a78bfa}.ai-tool-btn.playlist.active{color:#22c55e}.ai-tool-btn.profile.active{color:#a78bfa}.ai-tool-btn.robot.active{color:#a78bfa}.ai-tool-btn.badge.active{color:#fbbf24}.ai-tool-btn.community.active{color:#3b82f6}.ai-tool-btn.shows.active{color:#ec4899}.ai-tool-btn.admin.active{color:#a78bfa}.ai-tool-btn.settings.active{color:#a78bfa}.ai-tool-btn.upload.active{color:#22c55e}.bubble-system .shows-channel-title,.bubble-system .shows-channel-title i{opacity:1 !important;color:#000000 !important}.ai-tool-btn.active i{text-shadow:0 0 3px rgba(0,0,0,0.9),0 0 6px rgba(0,0,0,0.7),0 0 10px currentColor}.ai-tool-btn.inactive{opacity:1}#shows-create-show-btn{position:relative;overflow:hidden}#shows-create-show-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(251,191,36,0.4),transparent);transition:left 0.5s ease}#shows-create-show-btn:hover::before{animation:inlineGlow 1.5s ease-in-out infinite}@keyframes inlineGlow{0%{left:-100%}50%{left:100%}100%{left:100%}}#chat-feed-container{display:flex;flex-direction:column;height:100%;overflow:hidden;overflow-x:hidden;position:relative;align-items:stretch;margin:0;padding:0;gap:0;border-top:none}#copilot-feed,#lounge-chat-feed,.dm-feed-wrapper{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--color-accent-highlight-1,#fbbf24) transparent}#copilot-feed::-webkit-scrollbar,#lounge-chat-feed::-webkit-scrollbar,.dm-feed-wrapper::-webkit-scrollbar{width:0.5vw}#copilot-feed::-webkit-scrollbar-track,#lounge-chat-feed::-webkit-scrollbar-track,.dm-feed-wrapper::-webkit-scrollbar-track{min-height:100%}#copilot-feed::-webkit-scrollbar-thumb,#lounge-chat-feed::-webkit-scrollbar-thumb,.dm-feed-wrapper::-webkit-scrollbar-thumb{background-color:var(--color-accent-highlight-1,#fbbf24);border-radius:0.2vw;min-height:2vh}#copilot-feed,#lounge-chat-feed,.dm-feed-wrapper{flex:1;min-width:0;width:100%;min-height:0;z-index:1;opacity:0;pointer-events:none}#copilot-feed.active,#lounge-chat-feed.active,.dm-feed-wrapper.active{display:flex;flex-direction:column;opacity:1;pointer-events:auto}#lounge-chat-feed.active{background-color:transparent}#copilot-feed.active{background-color:transparent}.chat-feed-underlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:0;pointer-events:none}.chat-feed-static-underlay,.chat-feed-scroll-content{display:none}div#copilot-feed.chat-feed.active::before,div#lounge-chat-feed.chat-feed.active::before{display:none}div#copilot-feed.chat-feed.active .dm-feed-content,div#copilot-feed.chat-feed.active .copilot-message-wrapper,div#lounge-chat-feed.chat-feed.active .dm-feed-content,div#lounge-chat-feed.chat-feed.active .copilot-message-wrapper{position:relative;z-index:1}.dm-feed-content{flex:1;overflow-y:auto;overflow-x:hidden;padding-bottom:1vh}.message-wrapper,.user-message-wrapper{margin-left:0 !important;padding-left:0 !important;padding-right:0 !important;max-width:100%}.copilot-message-wrapper{max-width:100%;margin-left:0;padding-left:0;padding-right:0}.message-wrapper,.user-message-wrapper,.copilot-message-wrapper,.dm-message-wrapper{width:100%;max-width:100%}.bubble,.user-bubble,.copilot-bubble{max-width:100% !important;word-wrap:break-word;overflow-wrap:break-word;text-align:left;display:block;width:100%}.user-message-wrapper{justify-content:flex-end}.user-message-wrapper .user-bubble{max-width:100%;margin-left:auto;width:auto;display:inline-block}#dm-icons-container{display:none !important}#console-sub-nav-tabs{display:flex !important;justify-content:center;flex:1}#chat-icon-sidebar{display:none !important}.chat-sidebar-btn{background-color:#374151;border:0.1vw solid #4b5563;color:#d1d5db;width:clamp(28px,3.2vw,36px);height:clamp(28px,3.2vw,36px);border-radius:var(--radius-sm);font-size:clamp(0.6rem,0.77vw,0.85rem);cursor:pointer;position:relative;transition:all 0.2s ease-in-out;display:flex;align-items:center;justify-content:center}.chat-sidebar-btn:hover{transform:scale(1.1);border-color:var(--tab-color,var(--color-accent-main))}.chat-sidebar-btn.active{background-color:var(--tab-color,var(--color-accent-main));color:white;box-shadow:0 0 1vw var(--tab-color,var(--color-accent-main))}.chat-sidebar-btn.inactive{opacity:0.5}.chat-sidebar-btn.state-notifications{--tab-color:#4ade80}.chat-sidebar-btn.state-suggestions{--tab-color:#fbbf24}#jukebot-sidebar-section,#copilot-sidebar-section{display:none !important}.sidebar-spacer{flex-grow:1;min-height:20px}.chat-sidebar-btn.fading{transition:opacity 1s ease-out,background-color 1s ease-out,box-shadow 1s ease-out;opacity:0.5;background-color:#374151 !important;box-shadow:none !important}.chat-sidebar-btn.fading i{transition:opacity 1s ease-out;opacity:0.6}#chat-sidebar-section{display:none;flex-direction:column;align-items:center;width:100%;height:100%;padding:0.5vh 0}#chat-sidebar-section.active{display:flex;justify-content:space-between}.dm-sidebar-item{background-color:#374151;border:0.1vw solid #4b5563;width:clamp(28px,3.2vw,36px);height:clamp(28px,3.2vw,36px);border-radius:var(--radius-sm);cursor:pointer;position:relative;transition:all 0.2s ease-in-out;display:flex;align-items:center;justify-content:center;overflow:hidden}.dm-sidebar-item:hover{transform:scale(1.1);border-color:var(--color-accent-main)}.dm-sidebar-item.active{border-color:var(--color-active-highlight);box-shadow:0 0 1vw rgba(251,191,36,0.4)}.dm-sidebar-item.unread{animation:dm-sidebar-unread-pulse 1.5s ease-in-out infinite}@keyframes dm-sidebar-unread-pulse{0%,100%{border-color:#4b5563;box-shadow:none}50%{border-color:#fbbf24;box-shadow:0 0 0.8vw rgba(251,191,36,0.5);transform:scale(1.05)}}.dm-sidebar-item img{width:100%;height:100%;object-fit:cover;border-radius:0.3vw}.dm-sidebar-item.placeholder{background-color:transparent !important;border:0.2vw dashed #4b5563 !important;cursor:default;pointer-events:none}.dm-sidebar-item.placeholder:hover{transform:none;border-color:#4b5563 !important}.dm-sidebar-item.placeholder span{font-size:clamp(0.34rem,0.47vw,0.55rem);color:var(--color-text-on-sidebar,#6b7280);font-weight:bold;letter-spacing:0.5px}.dm-sidebar-list{display:flex;flex-direction:column;align-items:center;gap:0.5vh;width:100%}.chat-sidebar-scroll-btn{background-color:#374151;border:0.1vw solid #4b5563;color:#d1d5db;width:clamp(24px,2.8vw,32px);height:clamp(14px,1.6vh,20px);border-radius:var(--radius-sm);font-size:clamp(0.47rem,0.6vw,0.68rem);cursor:pointer;transition:all 0.2s ease-in-out;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-sidebar-scroll-btn:hover:not(:disabled){background-color:#4b5563;color:white}.chat-sidebar-scroll-btn:disabled{opacity:0.3;cursor:not-allowed}.chat-sidebar-btn[title]::after,.dm-sidebar-item[title]::after{content:attr(title);position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:0.8vw;padding:0.4vh 0.8vw;background-color:#1f2937;color:white;font-size:clamp(0.5rem,0.65vw,0.75rem);border-radius:var(--radius-sm);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 0.2s;z-index:1000}.chat-sidebar-btn:hover[title]::after,.dm-sidebar-item:hover[title]::after{opacity:1}.ai-tools-banner{transition:filter 0.2s ease}.ai-tools-banner:hover{filter:none}.header-tab-btn.active{background-color:rgba(99,102,241,0.2);border-color:var(--color-active-highlight)}.header-tab-btn.active i{opacity:1}#console-sub-nav .icon-button{background:linear-gradient(180deg,#1f2937 0%,#111827 100%);border:1px solid rgba(255,255,255,0.1);border-radius:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;flex-shrink:0;width:clamp(18px,2.5vw,26px);height:clamp(18px,2.5vw,26px);box-shadow:inset 0 1px 0 rgba(255,255,255,0.08),inset 0 -1px 0 rgba(0,0,0,0.4),0 2px 4px rgba(0,0,0,0.5),0 4px 8px rgba(0,0,0,0.3),0 0 0 1px rgba(0,0,0,0.6)}@media (max-width:768px){#console-sub-nav .icon-button{width:clamp(23px,3.2vw,33px) !important;height:clamp(23px,3.2vw,33px) !important}}#console-sub-nav .icon-button i{font-size:clamp(0.6rem,0.9vw,0.85rem);color:var(--color-text-secondary);transition:all 0.2s ease;text-shadow:0 0 2px rgba(0,0,0,0.8),0 0 4px rgba(0,0,0,0.6)}#console-sub-nav .icon-button:hover{background:linear-gradient(180deg,var(--color-windows-inner-bg) 0%,var(--color-top-windows-bg) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.15),inset 0 -1px 0 rgba(0,0,0,0.2),0 3px 6px rgba(0,0,0,0.5),0 0 0 1px rgba(0,0,0,0.4),0 0 8px rgba(99,102,241,0.2);transform:translateY(-1px)}#console-sub-nav .icon-button:hover i{color:var(--color-text-main);text-shadow:0 0 2px rgba(0,0,0,0.8),0 0 4px rgba(0,0,0,0.6),0 0 6px currentColor}#console-sub-nav .icon-button:active{background:linear-gradient(180deg,var(--color-windows-bg) 0%,var(--color-top-windows-bg) 100%);transform:translateY(1px);box-shadow:inset 0 2px 4px rgba(0,0,0,0.3),0 0 0 1px rgba(0,0,0,0.4)}#console-sub-nav .icon-button.active{background:linear-gradient(180deg,var(--color-accent-highlight-2) 0%,var(--color-top-windows-bg) 100%);border-color:var(--color-accent-highlight-2);box-shadow:inset 0 1px 0 rgba(255,255,255,0.15),0 2px 4px rgba(0,0,0,0.4),0 0 0 1px rgba(0,0,0,0.4),0 0 12px var(--color-accent-highlight-2,rgba(99,102,241,0.4))}#console-sub-nav .icon-button.active i{color:var(--color-text-main);text-shadow:0 0 3px rgba(0,0,0,0.9),0 0 6px rgba(0,0,0,0.7),0 0 10px currentColor}#header-ai-stack{display:flex;flex-direction:column;width:100%;flex-shrink:0}#header-ai-stack #header-show-indicator{order:-1;width:100%;margin-bottom:0}#header-ai-stack .ai-tools-banner{order:1;width:100%}.jukebot-title-banner{display:flex;align-items:stretch;justify-content:space-between;background:linear-gradient(180deg,var(--color-tertiary) 0%,color-mix(in srgb,var(--color-tertiary) 60%,var(--color-windows-bg)) 50%,color-mix(in srgb,var(--color-tertiary) 40%,var(--color-channel-content-bg)) 100%);border:1px solid var(--color-tertiary);box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),inset 0 -1px 0 rgba(0,0,0,0.2),0 2px 4px rgba(0,0,0,0.3),0 0 0 1px rgba(0,0,0,0.5),0 0 8px color-mix(in srgb,var(--color-tertiary) 30%,transparent);flex-shrink:0;z-index:9;border-radius:0 0 0 0;height:clamp(14px,3vw,40px);box-sizing:border-box;width:100%}#command-console > .jukebot-title-banner{margin-bottom:0;margin-top:5px;border-radius:0 0 0 0;flex-shrink:0;width:100%}#command-console{display:flex;flex-direction:column}@media (min-width:769px){#command-console > .jukebot-title-banner{margin-top:5px}}@media (max-width:768px){.jukebot-title-banner{height:clamp(20px,3vw,60px) !important}.news-action-btn[data-action="upload"]{display:none !important}.news-action-item:has(.news-action-btn[data-action="upload"]){display:none !important}}.jukebot-title-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:clamp(0.24rem,0.64vw,0.48rem);padding:clamp(0.16rem,0.64vw,0.64rem) clamp(0.4rem,0.8vw,1.2rem);background:transparent;border:none;cursor:pointer;transition:all 0.2s ease;font-size:clamp(0.36rem,0.72vw,1.2rem);font-weight:750;color:var(--color-text-secondary);text-shadow:0 0 2px rgba(0,0,0,0.8),0 0 4px rgba(0,0,0,0.6);letter-spacing:0.5px;text-transform:uppercase;border-right:1px solid color-mix(in srgb,var(--color-windows-bg) 40%,transparent);border-radius:8px 0 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jukebot-title-btn:last-child{border-right:none;border-radius:0 8px 0 0}.jukebot-title-btn.hybrid{flex:0 0 auto;width:clamp(16px,2.4vw,48px);height:clamp(16px,2.4vw,48px);padding:0;gap:0;border-left:1px solid color-mix(in srgb,var(--color-windows-bg) 40%,transparent);border-right:1px solid color-mix(in srgb,var(--color-windows-bg) 40%,transparent);border-radius:0}.jukebot-title-btn.hybrid.active{border-radius:0}.jukebot-title-btn i{font-size:clamp(0.336rem,0.576vw,0.96rem)}.jukebot-title-btn.hybrid i{font-size:clamp(0.384rem,0.672vw,1.056rem)}@media (max-width:768px){.jukebot-title-btn.hybrid{display:none}}.jukebot-title-btn:hover{background:rgba(255,255,255,0.1);color:var(--color-text-main)}.jukebot-title-btn.active{background:rgba(255,255,255,0.3);color:var(--color-text-main);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-windows-bg) 40%,transparent),0 0 8px color-mix(in srgb,var(--color-windows-bg) 40%,transparent)}.chat-badge{background-color:#ef4444;color:white;font-size:10px;font-weight:bold;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 0 0 2px var(--color-windows-bg);animation:badge-pulse 2s ease-in-out infinite}@keyframes badge-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.console-community-filter-btn{transition:all 0.2s ease}.console-community-filter-btn:hover{filter:brightness(1.3);transform:scale(1.05)}.console-community-filter-btn.active{filter:brightness(1.1)}body.is-safari .copilot-message-wrapper.has-feedback-form .copilot-user-area{display:none}body.is-safari .copilot-message-wrapper.has-feedback-form .copilot-main{width:100%;max-width:100%}body.is-safari #copilot-input-area.notifications-expanded{flex-shrink:0 !important}body.is-safari .wrapper-system.type-success .bubble-system{border:1px solid #4ade80 !important}body.is-safari .wrapper-system.type-success .system-notification-content{color:#4ade80 !important}body.is-safari .wrapper-system.type-alert .bubble-system{border:1px solid #f87171 !important}body.is-safari .wrapper-system.type-alert .system-notification-content{color:#f87171 !important}body.is-safari .wrapper-system.type-info .bubble-system{border:1px solid #4ade80 !important}body.is-safari .wrapper-system.type-info .system-notification-content{color:#4ade80 !important}body.is-safari .wrapper-system.type-warning .bubble-system{border:1px solid #fbbf24 !important}body.is-safari .wrapper-system.type-warning .system-notification-content{color:#fbbf24 !important}body.is-safari .ai-tools-banner{background:linear-gradient(180deg,var(--color-accent-highlight-2,#6366f1) 0%,rgba(99,102,241,0.6) 50%,rgba(99,102,241,0.4) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),inset 0 -1px 0 rgba(0,0,0,0.2),0 2px 4px rgba(0,0,0,0.3),0 0 0 1px rgba(0,0,0,0.5),0 0 8px rgba(99,102,241,0.3)}body.is-safari #jukebot-title-banner{background:linear-gradient(180deg,var(--color-tertiary,#374151) 0%,rgba(55,65,81,0.6) 50%,rgba(55,65,81,0.4) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),inset 0 -1px 0 rgba(0,0,0,0.2),0 2px 4px rgba(0,0,0,0.3),0 0 0 1px rgba(0,0,0,0.5),0 0 8px rgba(55,65,81,0.3)}body.is-safari .jukebot-title-btn{border-right:1px solid rgba(55,65,81,0.6);border-left:1px solid rgba(55,65,81,0.6)}body.is-safari .jukebot-title-btn.active{box-shadow:inset 0 0 0 1px rgba(55,65,81,0.6),0 0 8px rgba(55,65,81,0.4)}body.is-safari .ai-banner-side-col{height:auto;align-self:stretch}body.is-safari #notifications-banner{background:linear-gradient(135deg,rgba(139,92,246,0.38) 0%,rgba(139,92,246,0.32) 100%);box-shadow:inset 0 0 0 1px rgba(139,92,246,0.55),inset 0 0 0 3px rgba(139,92,246,0.35),inset 0 0 0 5px rgba(139,92,246,0.28),0 2px 8px rgba(0,0,0,0.4),0 0 15px rgba(139,92,246,0.4)}body.is-safari #notifications-banner:hover{background:linear-gradient(135deg,rgba(139,92,246,0.18) 0%,rgba(139,92,246,0.12) 100%);box-shadow:inset 0 0 0 1px rgba(139,92,246,0.35),inset 0 0 0 3px rgba(139,92,246,0.15),inset 0 0 0 5px rgba(139,92,246,0.08),0 2px 8px rgba(0,0,0,0.4),0 0 15px rgba(139,92,246,0.2)}body.is-safari #notifications-manager:hover{box-shadow:inset 0 0 0 1px rgba(139,92,246,0.7),inset 0 0 0 3px rgba(139,92,246,0.5),inset 0 0 0 5px rgba(139,92,246,0.4),0 2px 8px rgba(0,0,0,0.4),0 0 20px rgba(139,92,246,0.55)}body.is-safari #notifications-banner{box-shadow:inset 0 0 0 1px rgba(139,92,246,0.55),inset 0 0 0 3px rgba(139,92,246,0.35),inset 0 0 0 5px rgba(139,92,246,0.28),0 2px 8px rgba(0,0,0,0.4),0 0 15px rgba(139,92,246,0.4)}body.is-safari .inline-feedback-textarea:focus,body.is-safari .inline-feedback-textarea:hover{background-color:rgba(168,85,247,0.1)}body.is-safari .jukebot-banner-item{aspect-ratio:unset;min-height:40px;height:40px}body.is-safari #chat-top-pane .chat-feed,body.is-safari #chat-bottom-pane .chat-feed{height:auto;top:0;bottom:0}body.is-safari .carousel-content-container{height:auto;top:0;bottom:0}body.is-safari #command-console{height:100%}body.is-safari #console-window-container{height:auto;-webkit-box-flex:1;flex:1 1 0;align-self:stretch}body.is-safari #console-window-container{position:relative}body.is-safari #chat-split-container{height:auto;-webkit-box-flex:1;flex:1 1 0;align-self:stretch}body.is-safari #chat-top-pane{-webkit-box-flex:0;flex:0 0 75%;height:auto;max-height:75%}body.is-safari.mobile-view-console #chat-top-pane,body.is-safari.mobile-view-screen #chat-top-pane,body.is-safari.mobile-view-song #chat-top-pane{flex:0 0 auto;height:auto;max-height:none}body.is-safari #chat-bottom-pane{height:auto;-webkit-box-flex:1;flex:1 1 0;align-self:stretch;min-height:0}body.is-safari.mobile-view-console #chat-bottom-pane,body.is-safari.mobile-view-screen #chat-bottom-pane{flex:1 1 0;height:auto}body.is-safari #copilot-input-area{-webkit-box-flex:0;flex-shrink:0;height:auto}body.is-safari #console-sub-nav-tabs{height:auto;align-self:stretch}body.is-safari .console-sub-nav-tab{height:auto;align-self:stretch}.channel{position:absolute;top:0;left:0;width:100%;height:100%;color:white;display:flex;flex-direction:column;opacity:0;pointer-events:none;transition:opacity 0.2s ease-in-out;background-color:var(--color-background-main-screen)}.active-channel{opacity:1;pointer-events:auto;z-index:1}.channel-content{flex-grow:1;padding:1.5vh 1.5vw;overflow-y:auto;overflow-x:hidden;min-height:0;background-color:var(--color-channel-content-bg);box-shadow:inset 0 0 0 2px var(--color-tertiary,#374151);border-radius:0.375rem;position:relative}.channel-content::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-radial-gradient( circle at 0 0,transparent 0,transparent 2px,rgba(255,255,255,calc(0.02 * var(--grid-opacity-multiplier,1))) 2px,rgba(255,255,255,calc(0.02 * var(--grid-opacity-multiplier,1))) 3px,transparent 3px ),repeating-radial-gradient( circle at 10px 10px,transparent 0,transparent 2px,rgba(255,255,255,calc(0.02 * var(--grid-opacity-multiplier,1))) 2px,rgba(255,255,255,calc(0.02 * var(--grid-opacity-multiplier,1))) 3px,transparent 3px );background-size:20px 20px;pointer-events:none;z-index:0}.channel-content > *{position:relative;z-index:1}#channel-customization .channel-content > *{background-color:transparent}#channel-customization .customization-layout,#channel-customization .customization-col-left,#channel-customization .customization-col-right,#channel-customization .customization-section{background-color:transparent;position:relative;z-index:1}@keyframes gleam-flash{0%,100%{filter:brightness(1) drop-shadow(0 0 0px rgba(255,255,255,0))}50%{filter:brightness(1.8) drop-shadow(0 0 15px rgba(255,255,255,0.8))}}#header-show-indicator{position:relative !important;display:flex !important;align-items:center !important;justify-content:center !important;overflow:visible !important;z-index:100 !important;border-radius:0 6px 6px 6px !important}html body #header-show-indicator.gleaming,html body #header-show-indicator.visible.gleaming,html body #header-show-indicator.visible.is-live.gleaming,html body #header-show-indicator.visible.is-live.is-disconnected.gleaming,#header-show-indicator.gleaming{animation:gleam-flash 1s cubic-bezier(0.4,0,0.2,1) forwards !important}.nav-item.live-indicator{border-radius:50%}.nav-item.live-indicator i{display:none}.header-connect-btn{display:none !important}.header-connect-btn:hover{transform:scale(1.02)}.header-connect-btn.connected{background:#ef4444}.header-connect-btn.connected:hover{background:#dc2626}#header-show-indicator.is-connected{background-color:rgba(34,197,94,0.2)}#header-show-indicator.is-connected[style*="background-image"]{background-color:rgba(34,197,94,0.2)}#header-show-indicator.is-connected .header-show-timer{color:#22c55e}#header-show-indicator.is-connected .header-show-port{background:#22c55e;box-shadow:0 0 8px rgba(34,197,94,0.6)}.form-input,.form-textarea,.form-select{width:100%;background-color:var(--color-console-main);border:0.1vw solid var(--color-border-secondary);border-radius:0.375rem;padding:0.375vh 0.375vw;color:var(--color-text-main);font-size:clamp(0.65rem,0.8vw,0.9rem);box-sizing:border-box;box-shadow:inset 0 0.4vh 0.7vw rgba(0,0,0,0.6)}.form-select.customized{display:none}.form-input::placeholder,.form-textarea::placeholder{color:#9ca3af;opacity:1}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:#93c5fd;box-shadow:0 0 0 0.2vw #3b82f6}.form-textarea{resize:vertical}#artist-name-input{background-color:transparent;border:none;padding-left:0;padding-right:0;font-size:clamp(0.8rem,1vw,1.2rem);box-shadow:none}#artist-name-input[readonly]{text-align:center;font-size:clamp(1rem,1.25vw,1.5rem);font-weight:600;padding:0;cursor:default}#artist-name-input:focus{box-shadow:none}.hidden{display:none !important}.visually-hidden-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border-width:0}.form-button{padding:0.5vh 1vw;border-radius:0.375rem;font-weight:600;cursor:pointer;transition:background-color 0.2s ease;border:none;display:inline-flex;align-items:center;justify-content:center;background-color:var(--color-buttons-general,#4b5563);color:white}.form-button:hover{filter:brightness(1.2)}.icon-button{background-color:var(--color-buttons-general,#4B5563);border:none;color:var(--color-icons-main,#9ca3af);cursor:pointer;padding:0;border-radius:50%;font-size:clamp(0.8rem,1vw,1.2rem);line-height:1;width:clamp(28px,3.2vw,36px);height:clamp(28px,3.2vw,36px);display:flex;align-items:center;justify-content:center;position:relative}.icon-button i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);line-height:1;margin:0}#copilot-send-btn i{transform:translate(-50%,-50%) translateY(0.05vh)}#copilot-emoji-btn i,#copilot-gif-btn i{transform:translate(-50%,-50%) translateY(0.15vh)}.icon-button:hover{color:#f3f4f6;background-color:#6b7280}.icon-button:disabled{opacity:0.5;cursor:not-allowed;filter:grayscale(50%)}.notification-badge{position:absolute;top:-0.4vh;right:-0.4vw;min-width:clamp(14px,1.8vw,20px);height:clamp(14px,1.8vw,20px);padding:0 0.5vw;border-radius:1.8vw;background-color:#ef4444;color:white;font-size:clamp(0.6rem,0.75vw,0.85rem);font-weight:bold;display:flex;align-items:center;justify-content:center;border:0.1vw solid #fff;box-shadow:0 0.1vh 0.3vw rgba(0,0,0,0.5);z-index:10;pointer-events:none}.arcade-button{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:12px 16px;border:none;border-radius:50%;color:white;font-weight:600;font-size:9px !important;cursor:pointer;position:relative;transition:all 0.1s ease;user-select:none;min-width:60px;min-height:60px}.arcade-button span{font-size:9px !important}.arcade-button::before{content:'';position:absolute;inset:0;border-radius:50%;box-shadow:0 3px 0 0 rgba(0,0,0,0.2),0 4px 0 0 rgba(0,0,0,0.15),0 5px 8px rgba(0,0,0,0.25);transition:all 0.1s ease;z-index:-1}.arcade-button::after{content:'';position:absolute;top:4px;left:10%;right:10%;height:40%;background:linear-gradient(180deg,rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.1) 100%);border-radius:50%;pointer-events:none;transition:all 0.1s ease}.arcade-button:active{transform:translateY(3px)}.arcade-button:active::before{box-shadow:0 0 0 0 rgba(0,0,0,0.2),0 1px 0 0 rgba(0,0,0,0.15),0 2px 4px rgba(0,0,0,0.2)}.arcade-button:active::after{top:6px;height:30%;opacity:0.6}.arcade-button.red{background:linear-gradient(180deg,#ef4444 0%,#dc2626 50%,#b91c1c 100%);box-shadow:inset 0 2px 4px rgba(255,255,255,0.3)}.arcade-button.red:hover{background:linear-gradient(180deg,#f87171 0%,#ef4444 50%,#dc2626 100%)}.arcade-button.purple{background:linear-gradient(180deg,#8b5cf6 0%,#7c3aed 50%,#6d28d9 100%);box-shadow:inset 0 2px 4px rgba(255,255,255,0.3)}.arcade-button.purple:hover{background:linear-gradient(180deg,#a78bfa 0%,#8b5cf6 50%,#7c3aed 100%)}.app-dropdown{position:relative;width:100%;user-select:none}.app-dropdown-selected{display:flex;align-items:center;gap:0.5vw;padding:0.25vh 0.375vw;background-color:#374151;border:0.1vw solid var(--color-border-secondary,#4b5563);border-radius:0.375rem;cursor:pointer;transition:border-color 0.2s,background-color 0.2s,opacity 0.2s,box-shadow 0.2s;color:var(--color-text-primary,#f3f4f6);font-size:clamp(0.65rem,0.8vw,0.9rem);background-image:linear-gradient(to bottom,rgba(0,0,0,0.15),rgba(255,255,255,0.1));box-shadow:inset 0 0.3vh 0.4vw rgba(0,0,0,0.6)}.app-dropdown.open .app-dropdown-selected,.app-dropdown-selected:hover{border-color:#93c5fd}.app-dropdown-text{flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-dropdown-chevron{transition:transform 0.2s ease-in-out}.app-dropdown.open .app-dropdown-chevron{transform:rotate(180deg)}.app-dropdown-options{position:absolute;top:calc(100% + 0.4vh);left:0;right:0;background-color:#374151;border:0.1vw solid #4b5563;border-radius:0.375rem;z-index:1010;max-height:clamp(120px,15vh,180px);overflow-y:auto;opacity:0;visibility:hidden;transform:translateY(-0.5vh);transition:opacity 0.2s ease,transform 0.2s ease,visibility 0.2s}.app-dropdown.open .app-dropdown-options{opacity:1;visibility:visible;transform:translateY(0)}.app-dropdown-option{padding:0.12vh 0.5vw;cursor:pointer;font-size:clamp(0.65rem,0.8vw,0.9rem)}.app-dropdown-option:hover{background-color:#4b5563}.app-dropdown-option.selected{background-color:#4b5563;color:white}.app-dropdown.disabled .app-dropdown-selected{cursor:not-allowed;background-color:#374151;opacity:0.6}.app-dropdown.disabled .app-dropdown-selected:hover{border-color:var(--color-border-secondary,#4b5563)}.app-dropdown.disabled .app-dropdown-chevron{opacity:0.6}.app-dropdown-option.unread{font-weight:bold;color:var(--color-accent-main,#3b82f6)}.ai-tool-dropdown-option span,.details-section-dropdown-option span,.feedback-section-option span{color:var(--color-dropdown-text,var(--color-text-main)) !important}.ai-tool-dropdown-option:hover,.details-section-dropdown-option:hover,.feedback-section-option:hover{filter:brightness(1.2)}.custom-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,0.7);display:flex;justify-content:center;align-items:center;z-index:9999;opacity:0;pointer-events:none;transition:opacity 0.3s ease}.custom-modal-content{background-color:var(--color-windows-bg);padding:0;border-radius:0.5rem;border:0.1vw solid var(--color-border-secondary);box-shadow:0 2.5vh 5vw rgba(0,0,0,0.8);width:90vw;max-width:clamp(280px,40vw,400px);transform:scale(0.9);transition:transform 0.3s ease;overflow:hidden;background-image:linear-gradient(to bottom,rgba(255,255,255,0.1),rgba(0,0,0,0.15))}.modal-title{background-color:var(--color-background-header-banner);color:var(--color-text-secondary);padding:0.5vh 1vw;font-size:clamp(0.8rem,1vw,1.2rem);font-weight:600;border-bottom:0.1vh solid var(--color-border-secondary);text-shadow:0 0.2vh 0.3vw rgba(0,0,0,0.6)}.modal-body-content{padding:1vh 1vw}.custom-modal-content input[type="text"]{margin-top:1vh}.custom-modal-actions{display:flex;justify-content:flex-end;gap:0.75vw;margin-top:1vh}.modal-button{padding:0.5vh 1.25vw;border:none;border-radius:0.375rem;font-weight:600;cursor:pointer;transition:filter 0.2s ease}.modal-confirm-btn{background-color:var(--color-active-highlight);color:white}.modal-confirm-btn:hover{filter:brightness(0.9)}.modal-cancel-btn{background-color:#4b5563;color:#f3f4f6}.modal-cancel-btn:hover{background-color:#6b7280}.modal-tertiary-btn{background-color:transparent;color:#9ca3af;border:0.1vw solid #4b5563}.modal-tertiary-btn:hover{background-color:#374151}.custom-modal-content.lottery-modal{max-width:clamp(300px,50vw,500px)}.lottery-modal .modal-body-content{padding:0}.lottery-modal-layout{display:flex;flex-direction:column}.lottery-panel-header{font-size:clamp(0.65rem,0.8vw,0.9rem);font-weight:600;color:#9ca3af;padding:0.5vh 0.5vw;text-align:center;border-bottom:0.1vh solid var(--color-border-secondary);background-color:#111827}.lottery-song-list{background-color:var(--color-console-main);height:clamp(200px,28vh,320px);overflow-y:auto;padding:0.5vh 0.5vw}.lottery-song-list::-webkit-scrollbar{width:0.5vw}.lottery-song-list::-webkit-scrollbar-thumb{background-color:var(--color-accent-highlight-1,#fbbf24);border-radius:0.3vw}.lottery-list-item{display:flex;align-items:center;gap:0.75vw;padding:0.4vh 0.4vw;border-radius:0.25vh;cursor:pointer;transition:background-color 0.2s ease}.lottery-list-item:hover{background-color:rgba(255,255,255,0.05)}.selection-circle{width:clamp(20px,2.4vw,28px);height:clamp(20px,2.4vw,28px);border-radius:50%;border:0.2vw solid #4b5563;flex-shrink:0;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center;font-size:clamp(0.65rem,0.8vw,0.9rem);font-weight:bold;color:white}.lottery-list-item:hover .selection-circle{border-color:var(--color-active-highlight)}.selection-circle.selected{background-color:var(--color-active-highlight);border-color:#fff;box-shadow:0 0 0.5vw var(--color-active-highlight)}.lottery-list-item .song-title{flex-grow:1;text-align:center;font-size:clamp(0.7rem,0.9vw,1rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lottery-actions{display:flex;justify-content:flex-end;gap:0.5vw;padding:0.5vh 0.5vw;border-top:0.1vh solid var(--color-border-secondary);background-color:#111827}.lottery-action-btn{background-color:#374151;border:0.1vw solid #4b5563;color:#d1d5db;width:clamp(28px,3.6vw,40px);height:clamp(28px,3.6vw,40px)}.lottery-action-btn:hover{background-color:#4b5563;color:#fff}.lottery-action-btn.save:hover{background-color:#22c55e}.lottery-action-btn.clear:hover{background-color:#ef4444}.name-setup-options{display:flex;gap:1vw;margin-bottom:1.25vh}.name-option-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:0.5vh;padding:1vh 1vw;background-color:#1f2937;border:0.1vw solid #374151;border-radius:0.5rem;color:#d1d5db;cursor:pointer;transition:all 0.2s ease}.name-option-btn:hover{background-color:#374151;border-color:var(--color-active-highlight)}.name-option-btn i{font-size:clamp(1.2rem,1.5vw,1.8rem);color:var(--color-active-highlight)}.name-option-btn span{font-size:clamp(0.7rem,0.9vw,1rem);font-weight:500}#name-suggestion-panel{margin-top:1vh}.vibe-words-section{margin-bottom:1vh}.vibe-words-section label{display:block;font-size:clamp(0.65rem,0.85vw,0.95rem);color:#9ca3af;margin-bottom:0.5vh}.vibe-words-section .hint-text{font-size:clamp(0.6rem,0.75vw,0.85rem);color:#6b7280;margin-top:0.25vh}.name-type-toggle{display:flex;justify-content:center;align-items:center;margin-bottom:1vh;gap:0}.name-type-toggle .toggle-label{display:none}.toggle-segmented{display:flex;background-color:#374151;border-radius:0.35rem;padding:0.3vh 0.3vw;gap:0.3vw}.toggle-segmented .toggle-btn{padding:0.4vh 1vw;font-size:clamp(0.65rem,0.85vw,0.95rem);border:none;background:transparent;color:#9ca3af;border-radius:0.25vh;cursor:pointer;transition:all 0.2s ease;font-weight:500}.toggle-segmented .toggle-btn:hover:not(.active){color:#d1d5db;background-color:rgba(255,255,255,0.05)}.toggle-segmented .toggle-btn.active{background-color:var(--color-active-highlight);color:white;box-shadow:0 0.1vh 0.3vw rgba(0,0,0,0.3)}.suggestions-section{margin-bottom:1vh}.suggestions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.5vh}.suggestions-header span{font-size:clamp(0.65rem,0.85vw,0.95rem);color:#9ca3af}.refresh-btn{background:none;border:none;color:var(--color-active-highlight);cursor:pointer;font-size:clamp(0.8rem,1vw,1.2rem);padding:0.25vh 0.25vw;transition:transform 0.2s ease}.refresh-btn:hover{transform:rotate(180deg)}.suggestions-list{display:flex;flex-wrap:wrap;gap:0.5vw}.suggestion-item{padding:0.4vh 0.8vw;background-color:#1f2937;border:0.1vw solid #374151;border-radius:0.25vh;color:#d1d5db;font-size:clamp(0.65rem,0.85vw,0.95rem);cursor:pointer;transition:all 0.2s ease}.suggestion-item:hover{background-color:#374151;border-color:var(--color-active-highlight)}.suggestion-item.selected{background-color:var(--color-active-highlight);border-color:#fff;color:white}.manual-entry-section{margin-top:1vh}.manual-entry-section label{display:block;font-size:clamp(0.65rem,0.85vw,0.95rem);color:#9ca3af;margin-bottom:0.5vh}.confirm-message{text-align:center;color:#d1d5db;line-height:1.6}.confirm-message strong{color:var(--color-active-highlight)}.hidden{display:none !important}.comment-feedback-tabs-header{display:flex;position:relative;background-color:#1f2937;border-bottom:0.1vh solid var(--color-border-secondary)}.comment-feedback-tab-indicator{position:absolute;bottom:0;height:0.2vh;background-color:var(--color-accent-highlight-2,#3b82f6);transition:left 0.3s ease,width 0.3s ease;border-radius:0.1vh 0.1vh 0 0}.comment-feedback-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:0.5vw;padding:0.75vh 1vw;background:transparent;border:none;color:#9ca3af;cursor:pointer;transition:all 0.2s ease;font-size:clamp(0.75rem,0.9vw,1rem);font-weight:500;position:relative;z-index:1}.comment-feedback-tab:hover{color:#d1d5db;background-color:rgba(255,255,255,0.05)}.comment-feedback-tab.active{color:var(--color-accent-highlight-2,#3b82f6)}.comment-feedback-tab.active i{color:var(--color-accent-highlight-2,#3b82f6)}.tab-content{display:none;padding:1.5vh 1.5vw}.tab-content.active{display:block}.feedback-section{margin-bottom:1.5vh;padding:1vh;background-color:rgba(0,0,0,0.2);border-radius:0.375rem;border:0.1vh solid rgba(255,255,255,0.05);transition:all 0.2s ease}.feedback-section.active-editing{border-color:var(--color-accent-highlight-2,#3b82f6);background-color:rgba(59,130,246,0.1)}.feedback-section-header{display:flex;align-items:center;gap:0.5vw;margin-bottom:0.75vh}.feedback-section-header > span:first-of-type{font-weight:600;color:#d1d5db;font-size:clamp(0.8rem,1vw,1.1rem)}.section-description{color:#6b7280;font-size:clamp(0.65rem,0.8vw,0.9rem);margin-left:auto}.star-rating-container{display:flex;align-items:center;gap:1vw;margin-bottom:0.75vh}.star-rating-wrapper{display:flex;gap:0.2vw}.star{width:clamp(18px,2.2vw,26px);height:clamp(18px,2.2vw,26px);position:relative;cursor:pointer;color:#4b5563;transition:color 0.15s ease}.star i{font-size:clamp(16px,2vw,24px)}.star:hover{color:#fbbf24}.star.filled{color:var(--color-accent-highlight-1,#fbbf24)}.star-half{position:absolute;top:0;left:0;width:50%;height:100%;overflow:hidden;color:var(--color-accent-highlight-1,#fbbf24)}.star-half i{position:absolute;left:0}.rating-display{font-weight:600;color:var(--color-accent-highlight-1,#fbbf24);font-size:clamp(0.8rem,1vw,1.1rem);min-width:3vw;text-align:right}.feedback-textarea{width:100%;background-color:#1f2937;border:0.1vh solid #374151;border-radius:0.375rem;color:#d1d5db;padding:0.75vh 1vw;font-size:clamp(0.75rem,0.9vw,1rem);resize:none;transition:border-color 0.2s ease}.feedback-textarea:focus{outline:none;border-color:var(--color-accent-highlight-2,#3b82f6)}.feedback-textarea.error{border-color:#ef4444}.word-count{font-size:clamp(0.65rem,0.8vw,0.9rem);color:#6b7280;text-align:right;margin-top:0.25vh}.word-count.valid{color:#22c55e}.word-count.error{color:#ef4444}#leave-comment-modal .custom-modal-content{max-height:85vh;display:flex;flex-direction:column}#leave-comment-modal .modal-body{flex:1;overflow-y:auto;padding:0}#leave-comment-modal .modal-body::-webkit-scrollbar{width:0.5vw}#leave-comment-modal .modal-body::-webkit-scrollbar-thumb{background-color:var(--color-accent-highlight-1,#fbbf24);border-radius:0.3vw}#feedback-tab-content{max-height:55vh;overflow-y:auto;padding:1.5vh 1.5vw}#feedback-tab-content::-webkit-scrollbar{width:0.5vw}#feedback-tab-content::-webkit-scrollbar-thumb{background-color:var(--color-accent-highlight-1,#fbbf24);border-radius:0.3vw}@media (max-width:768px){.custom-modal-content{width:95vw !important;max-width:95vw !important;max-height:90vh !important;border-radius:0.5rem !important}.modal-title{font-size:1.1rem !important;padding:1rem !important}.modal-body-content{padding:1rem !important}.modal-button{padding:0.75rem 1.5rem !important;font-size:1rem !important;min-height:44px !important}.custom-modal-content.lottery-modal{max-height:85vh !important}.lottery-song-list{height:40vh !important}.lottery-list-item{padding:0.75rem !important}.selection-circle{width:32px !important;height:32px !important;min-width:32px !important;min-height:32px !important}.name-setup-options{flex-direction:column !important;gap:0.75rem !important}.name-option-btn{padding:1rem !important}.feedback-section{padding:1rem !important;margin-bottom:1rem !important}.star{width:32px !important;height:32px !important;min-width:32px !important;min-height:32px !important}.star i{font-size:24px !important}.feedback-textarea{font-size:16px !important;padding:1rem !important;min-height:120px !important}.comment-feedback-tab{padding:1rem !important;font-size:1rem !important}::-webkit-scrollbar{width:8px !important;height:8px !important}::-webkit-scrollbar-thumb{border-radius:4px !important}}.custom-context-menu{position:fixed;z-index:3000;background-color:var(--color-background-panel,#1f2937);border:1px solid var(--color-border-secondary,#4b5563);border-radius:0.375rem;box-shadow:0 5px 15px rgba(0,0,0,0.5);padding:0.25rem;min-width:150px}.context-menu-item{padding:0.4rem 0.8rem;font-size:0.8rem;cursor:pointer;border-radius:0.25rem}.context-menu-item:hover{background-color:var(--color-accent-main,#3b82f6);color:white}.context-menu-item.delete{color:#f87171}.context-menu-item.delete:hover{background-color:#ef4444;color:white}.chat-input-container{flex-shrink:0;border-top:1px solid rgba(75,85,99,0.7)}#lounge-chat-input-area{display:flex;align-items:center;gap:0.5rem;padding:0.5rem;background-color:transparent}#lounge-chat-input-area .form-input{flex-grow:1}.emoji-panel{width:100%;height:clamp(22px,3.4vh,32px);background-color:var(--color-top-windows-bg);border-top:0.1vh solid var(--color-border-secondary);border-bottom-left-radius:8px;border-bottom-right-radius:8px;display:flex;align-items:center;position:relative;z-index:100}.emoji-content-wrapper{display:flex;align-items:center;gap:clamp(0.15rem,0.3vw,0.35rem);overflow-x:scroll;scroll-behavior:smooth;flex-grow:1;position:relative;z-index:100}.emoji-content-wrapper::-webkit-scrollbar{display:none}.emoji-content-wrapper{-ms-overflow-style:none;scrollbar-width:none}.emoji-item{background:none;border:none;cursor:pointer;font-size:clamp(0.7rem,1vw,1rem);border-radius:0.25rem;padding:0.05rem;line-height:1;flex-shrink:1;min-width:clamp(10px,1.3vw,15px);min-height:clamp(10px,1.3vw,15px)}.emoji-item:hover{background-color:var(--color-active-highlight)}.emoji-spacer{display:inline-block;width:clamp(0.72rem,1.08vw,1.2rem);height:clamp(0.72rem,1.08vw,1.2rem);flex-shrink:1;min-width:clamp(10px,1.2vw,14px);min-height:clamp(10px,1.2vw,14px);pointer-events:none;user-select:none}.emoji-scroll-arrow{position:absolute;top:50%;transform:translateY(-50%);width:clamp(10px,1.5vw,13px);height:clamp(10px,1.5vw,13px);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;visibility:hidden;z-index:200;background-color:rgba(255,255,255,0.25);border-radius:4px;transition:opacity 0.2s ease,visibility 0.2s ease}.emoji-scroll-arrow i{display:none !important}.emoji-scroll-arrow.left{left:clamp(1px,0.15vw,3px)}.emoji-scroll-arrow.right{right:clamp(1px,0.15vw,3px)}.emoji-panel:hover .emoji-scroll-arrow{opacity:1;visibility:visible}.emoji-scroll-arrow::before{content:'';width:0;height:0;border-style:solid}.emoji-scroll-arrow.left::before{border-width:clamp(3px,0.5vw,5px) clamp(4px,0.6vw,7px) clamp(3px,0.5vw,5px) 0;border-color:transparent black transparent transparent}.emoji-scroll-arrow.right::before{border-width:clamp(3px,0.5vw,5px) 0 clamp(3px,0.5vw,5px) clamp(4px,0.6vw,7px);border-color:transparent transparent transparent black}.emoji-input-wrapper{position:relative;flex-grow:1}.emoji-input-wrapper .form-input{width:100%;position:relative;z-index:1;background-color:transparent;color:var(--color-text-primary);caret-color:var(--color-text-primary);border-radius:0 !important;border-top-left-radius:0 !important;border-top-right-radius:0 !important}.emoji-suggestion-display{position:absolute;top:0;left:0;width:100%;height:100%;display:block;color:var(--color-text-primary);pointer-events:none;z-index:100;padding:0.375rem;box-sizing:border-box;font-size:0.75rem;white-space:pre;border-radius:0;border-top-left-radius:0;border-top-right-radius:0}.suggestion-text{color:#9ca3af}.suggestion-item{cursor:pointer;pointer-events:auto;padding:2px 4px;border-radius:3px;margin:0 1px;background-color:var(--color-windows-bg,#1e293b);border:1px solid rgba(255,255,255,0.1)}.suggestion-item.highlighted{background-color:var(--color-active-highlight);color:white;border-color:var(--color-active-highlight)}:root{}.form-button,.icon-button,.app-dropdown-selected,.playlist-control-btn,.playlist-section-header,#waveform-container,#socials-header,.song-item-action-btn,#copilot-main-input-wrapper,#copilot-emoji-panel,#user-banner-container,.music-bar-box,#command-console,#main-screen,#playlist-view-panel,#persistent-player-container,#lounge-presence-panel,.playlist-column,.account-section,.account-section-title-banner,.section-header,#daily-container,#achievements-container{position:relative;overflow:hidden;border-radius:var(--border-radius,8px);box-shadow:0 0 0 1px #363940;transition:box-shadow 0.3s ease,background-image 0.3s ease}.account-section-title-banner{border-radius:var(--radius-sm) var(--radius-sm) 0 0}.section-header,.account-section-title-banner{position:relative}.section-title-bubble,.account-section-title-banner{display:inline-block;background:rgba(0,0,0,0.6);color:#ffffff;padding:4px 16px;border-radius:9999px}.section-header h3,.account-section-title-banner{color:#ffffff;margin:0}#daily-container .section-header h3,#achievements-container .section-header h3{color:#ffffff}.account-section{border-radius:0 0 var(--radius-sm) var(--radius-sm)}.form-button::before,.icon-button::before,.app-dropdown-selected::before,.playlist-control-btn::before,.playlist-section-header::before,#waveform-container::before,#socials-header::before,.song-item-action-btn::before,#copilot-emoji-panel::before,#user-banner-container::before,.music-bar-box::before,#command-console::before,#main-screen::before,#playlist-view-panel::before,#persistent-player-container::before,#lounge-presence-panel::before,.playlist-column::before,.account-section::before,.account-section-title-banner::before,.section-header::before,#daily-container::before,#achievements-container::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1;opacity:0;transition:opacity 0.3s ease;border-radius:inherit}body[data-shading-level="1"] .form-button,body[data-shading-level="1"] .icon-button,body[data-shading-level="1"] .app-dropdown-selected,body[data-shading-level="1"] .playlist-control-btn,body[data-shading-level="1"] .playlist-section-header,body[data-shading-level="1"] .bucket-header,body[data-shading-level="1"] #waveform-container,body[data-shading-level="1"] #socials-header,body[data-shading-level="1"] .song-item-action-btn,body[data-shading-level="1"] #copilot-emoji-panel,body[data-shading-level="1"] #user-banner-container,body[data-shading-level="1"] .music-bar-box,body[data-shading-level="1"] #command-console,body[data-shading-level="1"] #main-screen,body[data-shading-level="1"] #playlist-view-panel,body[data-shading-level="1"] #persistent-player-container,body[data-shading-level="1"] #lounge-presence-panel,body[data-shading-level="1"] .playlist-column,body[data-shading-level="1"] .search-results-container,body[data-shading-level="1"] .account-section,body[data-shading-level="1"] .account-section-title-banner,body[data-shading-level="1"] .section-header,body[data-shading-level="1"] #daily-container,body[data-shading-level="1"] #achievements-container{box-shadow:inset 0 2px 4px rgba(0,0,0,0.4)}body[data-shading-level="2"] .form-button::before,body[data-shading-level="2"] .icon-button::before,body[data-shading-level="2"] .app-dropdown-selected::before,body[data-shading-level="2"] .playlist-control-btn::before,body[data-shading-level="2"] .playlist-section-header::before,body[data-shading-level="2"] .bucket-header::before,body[data-shading-level="2"] #waveform-container::before,body[data-shading-level="2"] #socials-header::before,body[data-shading-level="2"] .song-item-action-btn::before,body[data-shading-level="2"] #copilot-emoji-panel::before,body[data-shading-level="2"] #user-banner-container::before,body[data-shading-level="2"] .music-bar-box::before,body[data-shading-level="2"] #command-console::before,body[data-shading-level="2"] #main-screen::before,body[data-shading-level="2"] #playlist-view-panel::before,body[data-shading-level="2"] #persistent-player-container::before,body[data-shading-level="2"] #lounge-presence-panel::before,body[data-shading-level="2"] .playlist-column::before,body[data-shading-level="2"] .search-results-container::before,body[data-shading-level="2"] .account-section::before,body[data-shading-level="2"] .account-section-title-banner::before,body[data-shading-level="2"] .section-header::before,body[data-shading-level="2"] #daily-container::before,body[data-shading-level="2"] #achievements-container::before{background-image:linear-gradient(to bottom,rgba(255,255,255,0.15),transparent 50%,rgba(0,0,0,0.35));opacity:1;border-radius:inherit}body[data-shading-level="2"] .form-button,body[data-shading-level="2"] .icon-button,body[data-shading-level="2"] .app-dropdown-selected,body[data-shading-level="2"] .playlist-control-btn,body[data-shading-level="2"] .playlist-section-header,body[data-shading-level="2"] .bucket-header,body[data-shading-level="2"] #waveform-container,body[data-shading-level="2"] #socials-header,body[data-shading-level="2"] .song-item-action-btn,body[data-shading-level="2"] #copilot-emoji-panel,body[data-shading-level="2"] #user-banner-container,body[data-shading-level="2"] .music-bar-box,body[data-shading-level="2"] #command-console,body[data-shading-level="2"] #main-screen,body[data-shading-level="2"] #playlist-view-panel,body[data-shading-level="2"] #persistent-player-container,body[data-shading-level="2"] #lounge-presence-panel,body[data-shading-level="2"] .playlist-column,body[data-shading-level="2"] .search-results-container,body[data-shading-level="2"] .account-section,body[data-shading-level="2"] .account-section-title-banner,body[data-shading-level="2"] .section-header,body[data-shading-level="2"] #daily-container,body[data-shading-level="2"] #achievements-container{box-shadow:inset 0 2px 4px rgba(0,0,0,0.6)}body[data-shading-level="3"] .form-button::before,body[data-shading-level="3"] .icon-button::before,body[data-shading-level="3"] .app-dropdown-selected::before,body[data-shading-level="3"] .playlist-control-btn::before,body[data-shading-level="3"] .playlist-section-header::before,body[data-shading-level="3"] .bucket-header::before,body[data-shading-level="3"] #waveform-container::before,body[data-shading-level="3"] #socials-header::before,body[data-shading-level="3"] .song-item-action-btn::before,body[data-shading-level="3"] #copilot-emoji-panel::before,body[data-shading-level="3"] #user-banner-container::before,body[data-shading-level="3"] .music-bar-box::before,body[data-shading-level="3"] #command-console::before,body[data-shading-level="3"] #main-screen::before,body[data-shading-level="3"] #playlist-view-panel::before,body[data-shading-level="3"] #persistent-player-container::before,body[data-shading-level="3"] #lounge-presence-panel::before,body[data-shading-level="3"] .playlist-column::before,body[data-shading-level="3"] .search-results-container::before,body[data-shading-level="3"] .account-section::before,body[data-shading-level="3"] .account-section-title-banner::before,body[data-shading-level="3"] .section-header::before,body[data-shading-level="3"] #daily-container::before,body[data-shading-level="3"] #achievements-container::before{background-image:linear-gradient(to bottom,rgba(255,255,255,0.35),transparent 40%,rgba(0,0,0,0.35));opacity:1;border-radius:inherit}body[data-shading-level="3"] .form-button,body[data-shading-level="3"] .icon-button,body[data-shading-level="3"] .app-dropdown-selected,body[data-shading-level="3"] .playlist-control-btn,body[data-shading-level="3"] .playlist-section-header,body[data-shading-level="3"] .bucket-header,body[data-shading-level="3"] #waveform-container,body[data-shading-level="3"] #socials-header,body[data-shading-level="3"] .song-item-action-btn,body[data-shading-level="3"] #copilot-emoji-panel,body[data-shading-level="3"] #user-banner-container,body[data-shading-level="3"] .music-bar-box,body[data-shading-level="3"] #command-console,body[data-shading-level="3"] #main-screen,body[data-shading-level="3"] #playlist-view-panel,body[data-shading-level="3"] #persistent-player-container,body[data-shading-level="3"] #lounge-presence-panel,body[data-shading-level="3"] .playlist-column,body[data-shading-level="3"] .search-results-container,body[data-shading-level="3"] .account-section,body[data-shading-level="3"] .account-section-title-banner,body[data-shading-level="3"] .section-header,body[data-shading-level="3"] #daily-container,body[data-shading-level="3"] #achievements-container{box-shadow:inset 0 3px 6px rgba(0,0,0,0.75),0 2px 4px rgba(0,0,0,0.25)}body[data-shading-level="4"] .form-button::before,body[data-shading-level="4"] .icon-button::before,body[data-shading-level="4"] .app-dropdown-selected::before,body[data-shading-level="4"] .playlist-control-btn::before,body[data-shading-level="4"] .playlist-section-header::before,body[data-shading-level="4"] .bucket-header::before,body[data-shading-level="4"] #waveform-container::before,body[data-shading-level="4"] #socials-header::before,body[data-shading-level="4"] .song-item-action-btn::before,body[data-shading-level="4"] #copilot-emoji-panel::before,body[data-shading-level="4"] #user-banner-container::before,body[data-shading-level="4"] .music-bar-box::before,body[data-shading-level="4"] #command-console::before,body[data-shading-level="4"] #main-screen::before,body[data-shading-level="4"] #playlist-view-panel::before,body[data-shading-level="4"] #persistent-player-container::before,body[data-shading-level="4"] #lounge-presence-panel::before,body[data-shading-level="4"] .playlist-column::before,body[data-shading-level="4"] .search-results-container::before,body[data-shading-level="4"] .account-section::before,body[data-shading-level="4"] .account-section-title-banner::before,body[data-shading-level="4"] .section-header::before,body[data-shading-level="4"] #daily-container::before,body[data-shading-level="4"] #achievements-container::before{background-image:linear-gradient(to bottom,rgba(255,255,255,0.5) 0%,transparent 35%,rgba(0,0,0,0.5) 100%);opacity:1;border-radius:inherit}body[data-shading-level="4"] .form-button,body[data-shading-level="4"] .icon-button,body[data-shading-level="4"] .app-dropdown-selected,body[data-shading-level="4"] .playlist-control-btn,body[data-shading-level="4"] .playlist-section-header,body[data-shading-level="4"] .bucket-header,body[data-shading-level="4"] #waveform-container,body[data-shading-level="4"] #socials-header,body[data-shading-level="4"] .song-item-action-btn,body[data-shading-level="4"] #copilot-emoji-panel,body[data-shading-level="4"] #user-banner-container,body[data-shading-level="4"] .music-bar-box,body[data-shading-level="4"] #command-console,body[data-shading-level="4"] #main-screen,body[data-shading-level="4"] #playlist-view-panel,body[data-shading-level="4"] #persistent-player-container,body[data-shading-level="4"] #lounge-presence-panel,body[data-shading-level="4"] .playlist-column,body[data-shading-level="4"] .search-results-container,body[data-shading-level="4"] .account-section,body[data-shading-level="4"] .account-section-title-banner,body[data-shading-level="4"] .section-header,body[data-shading-level="4"] #daily-container,body[data-shading-level="4"] #achievements-container{box-shadow:inset 0 5px 12px rgba(0,0,0,0.85),0 3px 8px rgba(0,0,0,0.35)}#waveform-container{display:flex;flex-direction:column;height:100%;min-height:0;position:relative;background-color:var(--color-top-windows-bg);border-radius:12px;border:1px solid #6b7280;overflow:hidden;gap:0;box-shadow:inset 0 4px 8px rgba(0,0,0,0.6),inset 0 2px 4px rgba(0,0,0,0.4),0 1px 2px rgba(0,0,0,0.3)}body.is-safari #waveform-container{height:auto;flex:1}#waveform-row-top,#waveform-row-comment-input,#waveform-row-waveform,#waveform-row-visual,#waveform-row-controls{position:relative;min-height:0;width:100%;margin:0}body.is-safari #waveform-row-top,body.is-safari #waveform-row-comment-input,body.is-safari #waveform-row-controls{display:flex;flex-direction:column}#waveform-row-top{flex:20;background-color:var(--color-accent-highlight-2,#e08b3d);overflow:hidden;z-index:30;border-radius:12px 12px 0 0;display:flex;flex-direction:column}body.is-safari #waveform-row-top{min-height:0;flex:1 1 0;align-self:stretch}#waveform-row-waveform{flex:60;background-color:var(--color-waveform-bg);overflow:hidden;z-index:20;position:relative;padding:0;margin:0;flex-basis:0}body.is-safari #waveform-row-waveform{display:flex;flex-direction:column;min-height:0;flex:1 1 0;align-self:stretch}#waveform-row-waveform::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient( to bottom,transparent,transparent 2px,rgba(255,255,255,calc(0.07 * var(--grid-opacity-multiplier,1))) 2px,rgba(255,255,255,calc(0.07 * var(--grid-opacity-multiplier,1))) 3px ),linear-gradient( to bottom,rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.1125) 15%,rgba(0,0,0,0.075) 40%,rgba(0,0,0,0.1875) 70%,rgba(0,0,0,0.3) 100% );pointer-events:none;z-index:15}#waveform-row-comment-input{flex:0 0 auto;height:10px;background-color:rgba(255,255,255,0.25);z-index:25;padding:0;border-radius:0;display:flex;flex-direction:column}body.is-safari #waveform-row-comment-input{min-height:0}#waveform-row-visual{display:flex !important;flex:10;width:100%;height:100%;align-items:center;justify-content:center;cursor:pointer;transition:background-color 0.2s ease;position:relative;margin:0;padding:0;background-color:rgba(255,255,255,0.25)}body.is-safari #waveform-row-visual{height:auto;min-height:0;flex:1 1 0;align-self:stretch}#waveform-row-visual::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(255,255,255,0.25);z-index:29;pointer-events:none}#waveform-row-controls{display:flex !important;flex:15;min-height:0;overflow:hidden;width:100%;align-items:center;justify-content:center;padding:3px 4px;background-color:var(--color-accent-highlight-2,#e08b3d);z-index:30;border-radius:0 0 12px 12px;box-shadow:none !important;position:relative}body.is-safari #waveform-row-controls #player-controls-banner{flex:1 1 0;height:auto}#waveform-row-controls::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;background:repeating-linear-gradient( 90deg,transparent,transparent 2px,rgba(255,255,255,0.03) 2px,rgba(255,255,255,0.03) 4px ),repeating-linear-gradient( 0deg,transparent,transparent 2px,rgba(255,255,255,0.03) 2px,rgba(255,255,255,0.03) 4px );pointer-events:none;z-index:1}#waveform-row-controls > *{position:relative;z-index:2}#waveform-banner{display:flex;align-items:center;justify-content:center;padding:0;margin:0;width:100%;height:100%;position:relative;z-index:1;border-radius:12px 12px 0 0;box-shadow:none}body.is-safari #waveform-banner{flex:1 1 0;min-height:0;align-self:stretch}@media (min-width:769px){#waveform-banner{max-height:24px}}#waveform-banner::before{display:none}#waveform-banner .waveform-banner-text{color:#000;font-size:clamp(0.55rem,0.95vw,1rem);font-family:'Bungee Inline',cursive;font-weight:normal;letter-spacing:0.8px;text-align:center;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;margin:0;padding:0;position:relative;z-index:2}#comment-pin-area{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none;overflow:hidden}body.is-safari #comment-pin-area{height:auto;top:0;bottom:0}#waveform-comment-area{width:100%;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color 0.2s ease;position:relative;margin:0;padding:0;border-radius:0}body.is-safari #waveform-comment-area{height:auto;flex:1 1 0}#waveform-comment-area::before{content:'Leave a comment here';color:var(--color-waveform-comment-text,#000);font-size:clamp(0.44rem,0.76vw,0.8rem);font-family:'Bungee Inline',cursive;font-weight:normal;letter-spacing:0.8px;text-align:center;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;z-index:30;pointer-events:none}#waveform-comment-area::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(255,255,255,0.25);z-index:29;pointer-events:none}#waveform-bars-container{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;display:flex;align-items:center;pointer-events:none;z-index:10;min-height:100%}body.is-safari #waveform-bars-container{height:auto;justify-content:center;align-self:stretch;min-height:0}.waveform-bar{background-color:var(--waveform-bar-color,var(--color-accent-highlight-2,#f24763));flex:1;border-right:1px solid rgba(0,0,0,0.5);transition:height 0.1s ease-out,background-color 0.1s ease}#progress-overlay{position:absolute;top:0;left:0;bottom:0;width:0%;height:100%;background-color:rgba(255,255,255,0.15);z-index:6;pointer-events:none;transition:width 0.1s linear}#playhead{position:absolute;top:0;bottom:0;left:0%;width:2px;height:100%;background-color:var(--color-accent-highlight-1,#fbbf24);z-index:7;pointer-events:none;box-shadow:0 0 4px var(--color-accent-highlight-1,#fbbf24)}body.is-safari #progress-overlay,body.is-safari #playhead{height:auto}#player-controls-banner{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:0;overflow:hidden;padding:0;background-color:transparent;border-radius:0 0 12px 12px;box-shadow:none !important;line-height:1;position:relative;container-type:size;box-shadow:inset 2px 2px 4px rgba(0,0,0,0.8),inset -2px -2px 4px rgba(255,255,255,0.1),inset 0 4px 8px rgba(0,0,0,0.9),inset 0 -4px 8px rgba(0,0,0,0.9),1px 1px 2px rgba(0,0,0,0.5) !important}#player-controls-banner::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:0 0 12px 12px;background:repeating-linear-gradient( to bottom,transparent,transparent 2px,rgba(255,255,255,calc(0.07 * var(--grid-opacity-multiplier,1))) 2px,rgba(255,255,255,calc(0.07 * var(--grid-opacity-multiplier,1))) 3px ),linear-gradient( to bottom,rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.1125) 15%,rgba(0,0,0,0.075) 40%,rgba(0,0,0,0.1875) 70%,rgba(0,0,0,0.3) 100% );pointer-events:none;z-index:1}#player-controls-banner > #player-heart-container{display:flex;align-items:center;justify-content:center;z-index:2;height:100%}#volume-horizontal-container{position:relative;display:flex;align-items:center;gap:0;z-index:100;pointer-events:auto;width:100%;height:100%;min-height:0;box-sizing:border-box}#volume-horizontal-container::before{content:'Volume';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--color-volume-track-text,rgba(255,255,255,0.9));font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;pointer-events:none;z-index:0;text-shadow:0 0 4px rgba(0,0,0,0.8),0 0 8px rgba(0,0,0,0.6)}.volume-icon-btn{width:clamp(1.5rem,4vw,4rem) !important;height:100% !important;max-height:1.2rem;background:var(--color-accent-highlight-2);border:0.125rem solid var(--color-accent-highlight-1);border-radius:0.375rem !important;color:#ffffff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:0.5rem;transition:all 0.2s ease;padding:0;flex-shrink:0;z-index:2}#mute-button{display:none}.volume-icon-btn:hover{background:var(--color-accent-highlight-1);border-color:var(--color-accent-highlight-2);box-shadow:0 0 8px var(--color-accent-highlight-1)}#volume-horizontal-container #volume-slider-wrapper{position:relative;flex:1;height:100%;min-height:0;display:flex;align-items:center;pointer-events:auto;visibility:visible !important;opacity:1 !important;z-index:1;overflow:hidden}#volume-horizontal-container #volume-slider{-webkit-appearance:none;appearance:none;width:100% !important;height:auto;background:transparent !important;outline:none;cursor:pointer;pointer-events:auto;opacity:1 !important;visibility:visible !important;display:block !important}#volume-horizontal-container #volume-slider::-webkit-slider-runnable-track{width:100%;height:2.5px;background:#000 !important;border-radius:2px;cursor:pointer;margin:5px 0}#volume-horizontal-container #volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:2rem;height:0.75rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 16'%3E%3Cdefs%3E%3CradialGradient id='circleGrad' cx='50%25' cy='30%25' r='70%25'%3E%3Cstop offset='0%25' stop-color='%23ffffff' stop-opacity='0.4'/%3E%3Cstop offset='100%25' stop-color='currentColor' stop-opacity='0.9'/%3E%3C/radialGradient%3E%3ClinearGradient id='arrowGrad' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23ffffff' stop-opacity='0.3'/%3E%3Cstop offset='100%25' stop-color='currentColor' stop-opacity='0.85'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='28' cy='8' r='4' fill='url(%23circleGrad)' stroke='currentColor' stroke-width='0.8' stroke-opacity='0.5'/%3E%3Cpolygon points='12,8 17,5.5 17,10.5' fill='url(%23arrowGrad)' stroke='currentColor' stroke-width='0.8' stroke-opacity='0.5'/%3E%3Cpolygon points='44,8 39,5.5 39,10.5' fill='url(%23arrowGrad)' stroke='currentColor' stroke-width='0.8' stroke-opacity='0.5'/%3E%3C/svg%3E") center/contain no-repeat,linear-gradient(180deg,rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.2) 30%,transparent 50%,rgba(0,0,0,0.5) 70%,rgba(0,0,0,0.7) 100%),linear-gradient(90deg,rgba(0,0,0,0.4) 0%,transparent 20%,transparent 80%,rgba(0,0,0,0.4) 100%),var(--thumb-color,var(--color-accent-highlight-1,#fbbf24)) !important;border-radius:0.5rem;cursor:grab;box-shadow:var(--thumb-glow,0 0 6px var(--color-accent-highlight-1,#fbbf24)),inset 0 1px 0 rgba(255,255,255,0.4),inset 0 -1px 3px rgba(0,0,0,0.5),inset 0 1px 3px rgba(0,0,0,0.3),0 3px 6px rgba(0,0,0,0.5);transition:all 0.2s ease;margin-top:-0.3125rem;opacity:1 !important;visibility:visible !important;color:var(--color-windows-bg,#231b07)}#volume-horizontal-container #volume-slider::-webkit-slider-thumb:hover{box-shadow:0 0 10px var(--color-accent-highlight-1,#fbbf24),inset 0 1px 0 rgba(255,255,255,0.5),inset 0 -1px 2px rgba(0,0,0,0.3),0 2px 4px rgba(0,0,0,0.3)}#volume-horizontal-container #volume-slider::-webkit-slider-thumb:active{cursor:grabbing}#volume-horizontal-container #volume-slider::-moz-range-thumb{width:2rem;height:0.75rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 16'%3E%3Cdefs%3E%3CradialGradient id='circleGrad' cx='50%25' cy='30%25' r='70%25'%3E%3Cstop offset='0%25' stop-color='%23ffffff' stop-opacity='0.4'/%3E%3Cstop offset='100%25' stop-color='currentColor' stop-opacity='0.9'/%3E%3C/radialGradient%3E%3ClinearGradient id='arrowGrad' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23ffffff' stop-opacity='0.3'/%3E%3Cstop offset='100%25' stop-color='currentColor' stop-opacity='0.85'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='28' cy='8' r='4' fill='url(%23circleGrad)' stroke='currentColor' stroke-width='0.8' stroke-opacity='0.5'/%3E%3Cpolygon points='12,8 17,5.5 17,10.5' fill='url(%23arrowGrad)' stroke='currentColor' stroke-width='0.8' stroke-opacity='0.5'/%3E%3Cpolygon points='44,8 39,5.5 39,10.5' fill='url(%23arrowGrad)' stroke='currentColor' stroke-width='0.8' stroke-opacity='0.5'/%3E%3C/svg%3E") center/contain no-repeat,linear-gradient(180deg,rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.2) 30%,transparent 50%,rgba(0,0,0,0.5) 70%,rgba(0,0,0,0.7) 100%),linear-gradient(90deg,rgba(0,0,0,0.4) 0%,transparent 20%,transparent 80%,rgba(0,0,0,0.4) 100%),var(--thumb-color,var(--color-accent-highlight-1,#fbbf24)) !important;border-radius:0.5rem;cursor:grab;border:none;box-shadow:var(--thumb-glow,0 0 6px var(--color-accent-highlight-1,#fbbf24)),inset 0 1px 0 rgba(255,255,255,0.4),inset 0 -1px 3px rgba(0,0,0,0.5),inset 0 1px 3px rgba(0,0,0,0.3),0 3px 6px rgba(0,0,0,0.5);transition:all 0.2s ease;color:var(--color-windows-bg,#231b07)}#volume-horizontal-container #volume-slider::-moz-range-thumb:hover{box-shadow:0 0 10px var(--color-accent-highlight-1,#fbbf24),inset 0 1px 0 rgba(255,255,255,0.5),inset 0 -1px 2px rgba(0,0,0,0.3),0 2px 4px rgba(0,0,0,0.3)}#volume-horizontal-container #volume-slider::-moz-range-thumb:active{cursor:grabbing}#volume-horizontal-container .volume-tooltip{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:8px}#waveform-comment-area-bottom #plays-counter-slot-machine .slot-digit{padding:0 !important;margin:0 !important;display:inline-flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums;transform:scale(0.8)}#queue-controls-wrapper #plays-counter-slot-machine .slot-digit{font-size:clamp(0.78rem,1.31vw,1.57rem) !important;transform:scale(0.87) !important}#persistent-player-container{background-color:var(--color-player-bg);display:flex;flex-direction:row;padding:0.375rem;box-sizing:border-box;background-image:repeating-linear-gradient( 45deg,transparent,transparent 4px,rgba(255,255,255,calc(0.08 * var(--grid-opacity-multiplier,1))) 4px,rgba(255,255,255,calc(0.08 * var(--grid-opacity-multiplier,1))) 5px ),repeating-linear-gradient( -45deg,transparent,transparent 6px,rgba(255,255,255,calc(0.06 * var(--grid-opacity-multiplier,1))) 6px,rgba(255,255,255,calc(0.06 * var(--grid-opacity-multiplier,1))) 7px ),repeating-linear-gradient( 90deg,transparent,transparent 8px,rgba(255,255,255,calc(0.05 * var(--grid-opacity-multiplier,1))) 8px,rgba(255,255,255,calc(0.05 * var(--grid-opacity-multiplier,1))) 9px ),linear-gradient( to bottom,transparent 48%,rgba(255,255,255,calc(0.06 * var(--grid-opacity-multiplier,1))) 48%,rgba(255,255,255,calc(0.06 * var(--grid-opacity-multiplier,1))) 49%,transparent 49% ),linear-gradient( to bottom,transparent 51%,rgba(255,255,255,calc(0.06 * var(--grid-opacity-multiplier,1))) 51%,rgba(255,255,255,calc(0.06 * var(--grid-opacity-multiplier,1))) 52%,transparent 52% ),radial-gradient( circle at 10% 20%,rgba(255,255,255,calc(0.06 * var(--grid-opacity-multiplier,1))) 1px,transparent 1px ),radial-gradient( circle at 30% 50%,rgba(255,255,255,calc(0.06 * var(--grid-opacity-multiplier,1))) 1px,transparent 1px ),radial-gradient( circle at 50% 30%,rgba(255,255,255,calc(0.06 * var(--grid-opacity-multiplier,1))) 1px,transparent 1px ),radial-gradient( circle at 70% 60%,rgba(255,255,255,calc(0.06 * var(--grid-opacity-multiplier,1))) 1px,transparent 1px ),radial-gradient( circle at 90% 40%,rgba(255,255,255,calc(0.06 * var(--grid-opacity-multiplier,1))) 1px,transparent 1px )}#player-grid-layer,#record-carousel-container{background-color:var(--color-console-main)}.queue-wrapper{background-color:#000}#record-carousel-container{background-color:#000}#music-player-container{position:fixed !important;bottom:0 !important;left:0 !important;width:100vw !important;height:auto !important;max-height:100vh !important;padding:0 !important;margin:0 !important;border:none !important;border-radius:0 !important;box-shadow:none !important;background-color:transparent !important;z-index:1000;display:flex !important;flex-direction:column !important;overflow:hidden !important}.music-bar-box{width:clamp(85px,12.8vw,128px);height:clamp(85px,12.8vw,128px);flex-shrink:0;flex-grow:0;align-self:flex-start;position:relative;overflow:hidden;background-color:var(--color-playbar-accent-bg);border:1px solid #363940 !important;border-radius:8px !important;box-shadow:none !important;margin-bottom:10px}#player-description-box{padding:0;display:flex;flex-direction:column}#player-artist-box{display:flex;align-items:center;justify-content:center;padding:calc(0.5vh + 0.25vw);color:var(--color-text-secondary);font-style:italic;font-size:clamp(0.6rem,0.8vw,0.9rem);text-align:center;border-radius:0.5rem !important;background-color:#000 !important}.info-banner{position:absolute;left:0;width:100%;background-color:var(--color-tertiary);color:#fff;padding:0.2vh clamp(0.5rem,0.5vw,0.75rem);text-align:center;font-size:clamp(0.6rem,0.8vw,0.85rem);font-weight:600;z-index:10;box-sizing:border-box;display:flex !important;visibility:visible !important;opacity:1 !important;height:clamp(1.2rem,2vh,1.8rem);overflow:hidden}.info-banner.top{top:0;display:flex;align-items:center;justify-content:center;padding:0 calc(0.5rem,0.5vw,0.75rem);background-color:rgba(var(--color-tertiary-rgb,55,65,81),0.35) !important}.info-banner.top span{font-size:clamp(0.99rem,1.35vw,1.44rem);font-family:var(--font-name,sans-serif);font-weight:700;text-transform:uppercase;letter-spacing:0.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;line-height:1}.info-banner.bottom{display:none !important}#artist-bio-icons-container{display:none !important}.bio-overlay{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;background-color:transparent;color:#fff;overflow:hidden;z-index:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;font-size:clamp(0.72rem,0.9vw,0.99rem)}.bio-overlay .bio-artist-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:1}#player-description-box .info-banner.top{display:none !important}.bio-overlay .bio-black-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:1;cursor:pointer}.bio-overlay .bio-black-overlay:hover{background-color:rgba(99,102,241,0.3)}#player-artist-box{transition:background-color 0.2s ease,box-shadow 0.2s ease}#player-artist-box:hover{background-color:rgba(99,102,241,0.2) !important;box-shadow:0 0 8px rgba(99,102,241,0.5)}#player-artist-box .social-icon-link{cursor:pointer}.queue-banner{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:0 4px;background-color:var(--color-accent-highlight-2,#e08b3d);z-index:30;border-radius:inherit;box-shadow:none !important;position:relative;box-shadow:inset 2px 2px 4px rgba(0,0,0,0.4),inset -2px -2px 4px rgba(255,255,255,0.05),inset 0 4px 8px rgba(0,0,0,0.45),inset 0 -4px 8px rgba(0,0,0,0.45),1px 1px 2px rgba(0,0,0,0.25) !important}body.is-safari .queue-banner{flex:1 1 0;height:auto}#queue-top-banner::after,#queue-bottom-banner::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;background:repeating-linear-gradient( to bottom,transparent,transparent 2px,rgba(255,255,255,calc(0.07 * var(--grid-opacity-multiplier,1))) 2px,rgba(255,255,255,calc(0.07 * var(--grid-opacity-multiplier,1))) 3px ),linear-gradient( to bottom,rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.1125) 15%,rgba(0,0,0,0.075) 40%,rgba(0,0,0,0.1875) 70%,rgba(0,0,0,0.3) 100% );pointer-events:none;z-index:1}#queue-top-banner > *,#queue-bottom-banner > *{position:relative;z-index:2}#queue-top-banner{cursor:default}#queue-top-banner .queue-top-artist-banner{font-size:12px;font-family:'Architects Daughter',cursive;font-weight:700;letter-spacing:1.6px;color:white;display:flex;align-items:center;justify-content:center;width:100%;height:100%}#queue-bottom-banner{padding:3px 4px;border-radius:0 0 12px 12px}.queue-bottom-song-banner{color:white;font-size:12px;font-family:'Architects Daughter',cursive;font-weight:700;letter-spacing:1.6px;text-align:center;padding:0 8px;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;width:100%;min-width:0;box-sizing:border-box}.lead-in-active #queue-top-banner .queue-top-artist-banner,.lead-in-active .queue-bottom-song-banner{color:transparent}.record-carousel-container{transition:background-color 0.2s ease}.record-carousel-container:hover{background-color:rgba(99,102,241,0.05)}.record-item{cursor:pointer}.record-item .slot-action-btn,.record-item .record-play-overlay{cursor:pointer}.carousel-arrow,.carousel-random-btn{cursor:pointer}.bio-overlay p{position:relative;z-index:2;margin:0}.bio-overlay::-webkit-scrollbar{width:0.4vw}.bio-overlay::-webkit-scrollbar-thumb{background-color:var(--color-accent-highlight-1,#fbbf24);border-radius:0}.bio-overlay:empty::before,.bio-overlay p.bio-empty{content:'Enter your bio here!';color:rgba(255,255,255,0.4);font-style:italic}.bio-overlay p.bio-empty{display:block;margin:0}#player-main-panel{flex:0 0 65%;min-width:200px;height:100%;display:flex;flex-direction:column;gap:0;align-items:stretch}body.is-safari #player-main-panel{height:auto;align-self:stretch}#player-top-section{display:flex;flex-direction:column;height:100% !important;gap:0 !important;flex:1 !important;padding:0 !important;min-height:0 !important;overflow:visible !important}body.is-safari #player-top-section{height:auto !important;align-self:stretch}#player-top-section #waveform-container{order:1;min-height:0}#player-top-section #player-grid-layer{order:3;flex-shrink:0}.volume-tooltip{position:absolute;left:100%;top:50%;transform:translateY(-50%);background-color:var(--color-volume-tooltip-bg,rgba(0,0,0,0.9));border:1px solid rgba(255,255,255,0.3);border-radius:4px;padding:4px 6px;min-width:60px;z-index:100;display:flex;flex-direction:column;gap:2px;pointer-events:none}.volume-tooltip:not(.hidden){display:flex !important}.volume-tooltip .tooltip-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.volume-tooltip .tooltip-label{color:var(--color-volume-tooltip-label,#9ca3af) !important;font-size:10px}.volume-tooltip .tooltip-value{color:#ffffff;font-size:11px;font-weight:600}#waveform-container{flex-grow:1;height:100%;min-height:0;position:relative;background-color:var(--color-top-windows-bg);border-radius:12px;border:1px solid #6b7280;overflow:hidden}body.is-safari #waveform-container{height:auto;flex:1}#player-grid-layer{display:grid !important;grid-template-columns:1fr 1fr 1fr !important;grid-template-rows:auto auto !important;gap:0 !important;width:100% !important;height:auto !important;min-height:0 !important;flex-shrink:0 !important;padding:0 !important;align-items:center !important;justify-content:center !important;border:1px solid #6b7280;border-radius:4px}.player-grid-slot.slot-1,.player-grid-slot.slot-2{padding:0 !important;margin:0 !important;display:flex !important;align-items:center !important;justify-content:center !important}.player-grid-slot.slot-1{grid-column:1 !important;grid-row:1 !important;justify-content:flex-start !important;padding-left:0.5rem !important}.player-grid-slot.slot-2{grid-column:2 !important;grid-row:1 !important;justify-content:center !important}#player-heart-actions{display:flex;flex-direction:row;gap:4px;align-items:center;height:100%}#player-heart-actions .player-button{width:clamp(24px,3vw,35px) !important;height:clamp(24px,3vw,35px) !important;font-size:clamp(1rem,1.2vw,1.5rem) !important;padding:0 !important;background:transparent !important;border:none !important;box-shadow:none !important;color:var(--color-icon-default);display:flex;align-items:center;justify-content:center;position:relative;padding:0}#player-heart-actions .player-button.active{color:var(--color-active-highlight,#3b82f6)}#player-heart-actions .player-button.pushed{color:var(--color-active-highlight,#3b82f6)}.likes-count{position:absolute !important;background-color:rgba(0,0,0,0.9) !important;color:#ffffff !important;font-size:clamp(0.35rem,0.5vw,0.6rem) !important;font-weight:700 !important;padding:0.05vh 0.15vw !important;border-radius:0.25rem !important;line-height:1 !important;pointer-events:none !important;z-index:100 !important;min-width:0.6vw !important;text-align:center !important}#lounge-like-btn.pushed #lounge-player-likes-count,#lounge-like-btn #lounge-player-likes-count{position:absolute !important;top:0 !important;right:0 !important;left:auto !important;transform:translate(35%,-35%) !important;background:#ef4444 !important;color:#ffffff !important;font-size:0.74rem !important;font-weight:700 !important;min-width:1.5em !important;min-height:1.5em !important;height:auto !important;padding:0.1em 0.35em !important;border-radius:999px !important;line-height:1.3 !important;text-align:center !important;pointer-events:none !important;z-index:10 !important;box-shadow:0 1px 3px rgba(0,0,0,0.4) !important}#player-heart-container button#like-btn.likes-count,#player-heart-container .likes-count,#player-heart-container #player-likes-count{position:absolute !important;top:50% !important;left:50% !important;bottom:auto !important;right:auto !important;transform:translate(-50%,-50%) !important}#player-arp-row{display:flex !important;justify-content:center !important;align-items:center !important;padding:0 !important;margin:0 !important}#artist-playlist-btn{display:none !important}#player-timer-row{display:none !important}#progress-time-display{display:none !important;visibility:hidden !important;opacity:0 !important;pointer-events:none !important;position:absolute !important;height:0 !important;width:0 !important;overflow:hidden !important}#progress-time-display .current-time{color:var(--color-accent-highlight-2,#38e3d8)}#progress-time-display .total-time,#progress-time-display .separator{color:#fff}#plays-counter-slot-machine{display:flex !important;align-items:center;justify-content:flex-end;padding-right:0.5rem}.slot-digit.animating{animation:slot-slide-up 0.4s ease-out}@keyframes slot-slide-up{0%{transform:translateY(100%);opacity:0}50%{transform:translateY(-10%);opacity:1}100%{transform:translateY(0);opacity:1}}#player-actions-row{display:none}#player-elements-layer{display:none !important}.player-upload-btn{display:none !important}#player-octave11-label{font-family:'Pacifico',cursive;font-size:calc(clamp(0.7rem,0.95vw,1.05rem) * 2.15);color:var(--color-text-primary);text-shadow:0 0 12px rgba(96,165,250,0.6);white-space:nowrap}#header-center #player-octave11-label{font-family:'Pacifico',cursive;font-size:clamp(1.2rem,1.6vw,1.8rem);color:var(--color-text-primary);text-shadow:0 0 12px rgba(96,165,250,0.6);white-space:nowrap;display:inline-block}.player-show-indicator{width:clamp(180px,22vw,280px);min-height:clamp(45px,6vh,65px);height:auto;padding:0.8vh 0.6vw;border-radius:0.6vh;border:1px solid rgba(255,255,255,0.2);overflow:visible;cursor:pointer;transition:transform 0.2s ease,box-shadow 0.3s ease,border-color 0.3s ease;flex-shrink:0;position:relative;background:linear-gradient(135deg,rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.4) 100%);box-sizing:border-box;box-shadow:inset 0 0 8px rgba(59,130,246,0.3),inset 0 0 4px rgba(255,255,255,0.1)}.player-show-indicator:hover{transform:scale(1.02)}.player-show-indicator.visible{display:flex}.player-show-indicator .header-show-overlay{position:relative;top:0;left:0;right:0;bottom:0;background:transparent;display:flex;align-items:center;justify-content:flex-start;padding:0;gap:0.5vw;z-index:2}.player-show-indicator .header-show-port{width:clamp(10px,1.2vw,14px);height:clamp(10px,1.2vw,14px);border-radius:50%;background:#6b7280;border:2px solid #4b5563;transition:all 0.3s ease;flex-shrink:0;box-shadow:inset 0 0 3px rgba(0,0,0,0.5)}.player-show-indicator.is-connected .header-show-port{background:#22c55e;border-color:#16a34a;box-shadow:inset 0 0 6px rgba(34,197,94,0.6),inset 0 0 12px rgba(34,197,94,0.4)}.player-show-indicator .header-show-icon{font-size:clamp(0.7rem,0.9vw,1rem);color:#9ca3af;flex-shrink:0}.player-show-indicator.is-connected .header-show-icon{color:#e5e7eb}.player-show-indicator.is-live .header-show-icon{color:#ef4444;animation:live-icon-pulse 1.5s infinite;text-shadow:inset 0 0 6px rgba(239,68,68,0.8)}.player-show-indicator .header-show-title{font-size:clamp(0.6rem,0.75vw,0.85rem);font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 4px rgba(0,0,0,0.8);flex:1;min-width:0}.player-show-indicator .header-show-timer{font-size:clamp(0.55rem,0.7vw,0.8rem);color:#fbbf24;font-weight:600;white-space:nowrap;text-shadow:0 1px 4px rgba(0,0,0,0.8);flex-shrink:0}.player-show-indicator.is-live .header-show-timer{color:#ef4444;animation:live-timer-pulse 1s infinite;text-shadow:inset 0 0 6px rgba(239,68,68,0.8)}.player-show-indicator.is-registering{border-color:rgba(251,191,36,0.6);box-shadow:inset 0 0 10px rgba(251,191,36,0.4),inset 0 0 20px rgba(251,191,36,0.2)}.player-show-indicator.is-live{border-color:rgba(239,68,68,0.6);box-shadow:inset 0 0 12px rgba(239,68,68,0.5),inset 0 0 24px rgba(239,68,68,0.25)}.player-show-indicator.is-live.is-connected{border-color:rgba(34,197,94,0.6);box-shadow:inset 0 0 12px rgba(34,197,94,0.5),inset 0 0 24px rgba(34,197,94,0.25)}#player-heart-container{display:flex !important;align-items:center;justify-content:center;position:relative;z-index:31;padding:0 !important;margin:0 !important;height:100%}#player-heart-container .player-button.heart-btn{position:relative !important;width:70cqh !important;height:70cqh !important;font-size:55cqh !important;background:transparent !important;border:none !important;box-shadow:none !important;color:var(--color-icon-default);display:flex !important;align-items:center;justify-content:center;cursor:pointer;padding:0 !important;margin:0 !important;outline:none !important;transform:scale(0.9)}#player-heart-container .player-button.heart-btn:hover{transform:scale(0.9)}#player-heart-container .player-button.heart-btn.pushed i{color:#ef4444 !important}#player-heart-container .player-button.heart-btn i{color:var(--color-icon-default) !important;padding:0 !important;margin:0 !important;line-height:1 !important;filter:none;font-size:inherit !important;-webkit-text-stroke:none;display:flex;align-items:center;justify-content:center;transform:none}#player-heart-container .likes-count,#player-heart-container #player-likes-count{position:absolute !important;top:50% !important;left:50% !important;transform:translate(-50%,-50%) !important;background-color:transparent !important;color:#ffffff !important;font-size:0.675em !important;font-weight:700 !important;padding:0 !important;border-radius:0 !important;line-height:0 !important;pointer-events:none !important;z-index:10 !important;min-width:auto !important;text-align:center !important;text-shadow:0 0 4px rgba(0,0,0,0.8),0 0 8px rgba(0,0,0,0.6) !important;display:flex;align-items:center;justify-content:center}#player-heart-container .player-button.heart-btn.pushed .likes-count,#player-heart-container .player-button.heart-btn.pushed #player-likes-count{color:#000000 !important;text-shadow:0 0 2px rgba(255,255,255,0.5) !important}.heart-btn.heart-shatter-animating{pointer-events:none;z-index:30}.heart-btn.heart-shatter-animating i{animation:heart-pulse-anim 0.2s ease-in-out infinite}@keyframes heart-pulse-anim{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:0.8}100%{transform:scale(1);opacity:1}}.heart-pulse{animation:heart-pulse-effect 0.6s ease-in-out}@keyframes heart-pulse-effect{0%{transform:scale(1)}25%{transform:scale(1.3)}50%{transform:scale(1)}75%{transform:scale(1.2)}100%{transform:scale(1)}}.like-count-bump{animation:like-count-up 0.4s ease-out}@keyframes like-count-up{0%{transform:scale(1)}50%{transform:scale(1.4)}100%{transform:scale(1)}}#player-scrolling-description-container{position:absolute;bottom:0;left:0;width:100%;height:3vh;background:rgba(255,255,255,0.5);-webkit-backdrop-filter:blur(0.5vh);backdrop-filter:blur(0.5vh);border-radius:0;overflow:hidden;display:flex;align-items:center;border-top:1px solid rgba(255,255,255,0.1);padding:0 0.5vw;box-sizing:border-box;z-index:30;top:auto;margin-top:10px}#player-scrolling-description-container:hover #player-scrolling-description-text,#player-scrolling-description-container.hovering #player-scrolling-description-text{animation-play-state:paused !important;-webkit-animation-play-state:paused !important}#player-scrolling-description-text{white-space:nowrap;color:#ffffff !important;font-size:clamp(0.5rem,0.75vw,0.9rem);line-height:1.2;font-weight:500;display:flex;align-items:center;height:auto}.player-collaborator-link{color:inherit;text-decoration:none;cursor:default}.player-collaborator-link.verified{color:#c2410c;text-decoration:underline;font-weight:700;cursor:pointer}.player-collaborator-link.verified:hover{color:#ea580c}@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}@-webkit-keyframes marquee{0%{-webkit-transform:translateX(0)}100%{-webkit-transform:translateX(-100%)}}#mute-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.5);color:#fbbf24;font-family:'Orbitron',sans-serif;font-size:28pt;font-weight:bold;letter-spacing:2px;text-shadow:0 0 10px rgba(251,191,36,0.8),0 0 20px rgba(251,191,36,0.4);pointer-events:none;z-index:100}#waveform-img:not(#waveform-img-wrapper #waveform-img){width:100%;position:absolute;top:50%;left:0;transform:translateY(-50%);height:65%;max-height:34px;background-size:100% 230%;background-position:center center;background-repeat:no-repeat;opacity:0.8;z-index:26;mix-blend-mode:screen;pointer-events:none}#waveform-comment-area-bottom{position:absolute;bottom:clamp(24px,3vh,36px);left:0;width:100%;height:calc(50% - clamp(24px,3vh,36px));z-index:21;cursor:default;transition:background-color 0.2s ease;border:1px dotted rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;box-sizing:border-box}#waveform-comment-area-bottom::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);pointer-events:none}#waveform-comment-area-bottom:hover{background-color:rgba(255,255,255,0.2);filter:brightness(1.25)}#progress-overlay{position:absolute;height:100%;width:0%;background-color:transparent;mix-blend-mode:lighten;pointer-events:none;z-index:15}#playhead{position:absolute;top:0;bottom:0;width:0.2vw;background-color:var(--color-active-highlight);z-index:20;pointer-events:none;box-shadow:none}#lottery-spinner-marker{position:absolute;top:0;bottom:0;width:0;background-color:transparent !important;border-left:4px dashed var(--color-accent-highlight-2,#38e3d8) !important;opacity:1 !important;z-index:25 !important;pointer-events:none !important;left:40%;box-shadow:0 0 8px rgba(255,255,255,0.5) !important;animation:marker-flicker 0.15s ease-in-out infinite alternate}@keyframes marker-flicker{0%{opacity:1;box-shadow:0 0 8px rgba(255,255,255,0.4),0 0 0.2vw var(--color-accent-highlight-2,#38e3d8),0 0 0.4vw var(--color-accent-highlight-2,#38e3d8)}25%{opacity:1;box-shadow:0 0 12px rgba(255,255,255,0.6),0 0 0.5vw var(--color-accent-highlight-2,#38e3d8),0 0 1vw var(--color-accent-highlight-2,#38e3d8)}50%{opacity:1;box-shadow:0 0 10px rgba(255,255,255,0.5),0 0 0.3vw var(--color-accent-highlight-2,#38e3d8),0 0 0.5vw var(--color-accent-highlight-2,#38e3d8)}}.buffer-countdown-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:30;pointer-events:none}.buffer-countdown-circle{position:relative;width:80px;height:80px}.buffer-countdown-svg{width:100%;height:100%;transform:rotate(-90deg)}.buffer-countdown-progress{stroke-dashoffset:283;transform-origin:center}.buffer-countdown-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;font-weight:bold;color:#a78bfa;text-shadow:0 0 10px rgba(167,139,250,0.8)}#playhead.lottery-pulse{z-index:21 !important;animation:playhead-flicker 0.1s ease-in-out infinite alternate}@keyframes playhead-flicker{0%{opacity:0.7;box-shadow:0 0 0.3vw var(--color-active-highlight),0 0 0.6vw var(--color-active-highlight)}100%{opacity:1;box-shadow:0 0 0.5vw var(--color-active-highlight),0 0 1vw var(--color-active-highlight),0 0 1.5vw var(--color-active-highlight)}}#reply-markers-container{position:absolute;bottom:0;left:0;width:100%;height:20%;z-index:40;pointer-events:none}#player-controls-container{flex-grow:1;flex-shrink:1;display:flex;justify-content:space-between;align-items:center;padding:0 clamp(0.75rem,1vw,1.25rem) 0.5vh clamp(0.75rem,1vw,1.25rem);background-color:transparent !important;box-shadow:none !important;border:none !important;min-width:0;overflow:hidden}#player-controls-container > .playlist-controls{flex:1;display:flex}#player-controls-container > .playlist-controls{justify-content:flex-start}.player-button{color:var(--color-icon-default);background-color:transparent;border:none;cursor:pointer;font-size:1rem;padding:0.25vh 0.25vw}#play-pause-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#volume-horizontal-container #volume-slider{display:block !important}@media (max-width:768px){#music-player-container{position:relative !important}#volume-horizontal-container{display:none !important}#player-controls-banner{display:none !important}#waveform-row-controls{display:none !important}#waveform-row-top{flex:20 !important}#waveform-row-comment-input{flex:6 !important}#waveform-container{min-height:200px !important;height:200px !important}#waveform-row-waveform{min-height:100px !important;flex:1 !important;order:1;margin:0 !important;padding:0 !important}#waveform-row-comment-input{order:2;margin:0 !important;padding:0 !important}.waveform-bar{width:4px !important;margin-right:1px !important}#player-controls-container{padding:0.25vh !important;gap:0.5vw}#player-controls-container > .playlist-controls{gap:0.5vw}#player-actions-row{flex-wrap:wrap;justify-content:center}}@media (max-width:480px){.music-bar-box{height:calc(100% - 20px);width:auto;aspect-ratio:1 / 1;flex-shrink:0;flex-grow:0;position:relative;overflow:hidden;background-color:var(--color-playbar-accent-bg);border:1px solid #6b7280 !important;border-radius:8px !important;box-shadow:none !important;margin-top:5px}.bio-overlay{display:none !important}#player-controls-container{padding:0.15vh !important}.waveform-bar{width:5px !important;margin-right:1.5px !important}}#nav-filler #player-heart-container,.player-heart-container{display:flex !important;align-items:center;justify-content:center;flex-direction:column;gap:0;width:clamp(36px,4.8vw,54px)}#nav-filler .queue-plays-counter{display:flex !important;align-items:center;justify-content:center;width:100%}#nav-filler .queue-plays-counter #plays-counter-slot-machine{display:flex !important;justify-content:center !important;align-items:center !important;background:var(--color-accent-highlight-2,#e08b3d) !important;padding:3px !important;border-radius:2px}#nav-filler .queue-plays-counter .slot-digit{font-size:clamp(0.68rem,0.88vw,0.88rem) !important;color:#000 !important;padding:0;min-width:0.6em;text-align:center}#nav-filler .player-button.heart-btn,#nav-filler #like-btn,.player-button.heart-btn{position:relative !important;width:8% !important;height:8% !important;font-size:clamp(1.5rem,3vh,3rem) !important;background:transparent !important;border:none !important;box-shadow:none !important;color:var(--color-icon-default);display:flex !important;align-items:center;justify-content:center;cursor:pointer;padding:0 !important;margin:0 !important}#nav-filler .player-button.heart-btn i,#nav-filler #like-btn i{color:var(--color-icon-default) !important;text-shadow:-1px -1px 0 rgba(255,255,255,0.2),1px -1px 0 rgba(255,255,255,0.2),-1px 1px 0 rgba(255,255,255,0.2),1px 1px 0 rgba(255,255,255,0.2),0 0 4px rgba(255,255,255,0.1);transform:translateY(3px)}#nav-filler .player-button.heart-btn:hover,#nav-filler #like-btn:hover,.player-button.heart-btn:hover{transform:scale(1.1)}#nav-filler .player-button.heart-btn.pushed,#nav-filler #like-btn.pushed,.player-button.heart-btn.pushed,#player-controls-banner .player-button.heart-btn.pushed,#player-controls-banner #like-btn.pushed{animation:heart-shatter-burst 0.3s ease-out}#nav-filler .player-button.heart-btn.pushed i,#nav-filler #like-btn.pushed i,.player-button.heart-btn.pushed i,#player-controls-banner .player-button.heart-btn.pushed i,#player-controls-banner #like-btn.pushed i,#player-controls-banner #player-heart-container .player-button.heart-btn.pushed i,#player-controls-banner #player-heart-container #like-btn.pushed i{color:#ef4444 !important}#nav-filler .likes-count,#nav-filler #player-likes-count,.likes-count,#player-likes-count{position:absolute !important;top:50% !important;left:50% !important;transform:translate(-50%,-50%) !important;background-color:transparent !important;color:#ffffff !important;font-size:clamp(1rem,1.2vh,1.44rem) !important;font-weight:700 !important;padding:0 !important;border-radius:0 !important;line-height:1 !important;pointer-events:none !important;z-index:10 !important;min-width:auto !important;text-align:center !important;text-shadow:0 0 4px rgba(0,0,0,0.8),0 0 8px rgba(0,0,0,0.6) !important}#player-heart-container .likes-count,#player-heart-container #player-likes-count{background-color:transparent !important;text-shadow:none !important}#nav-filler .player-button.heart-btn.pushed .likes-count,#nav-filler .player-button.heart-btn.pushed #player-likes-count,#nav-filler #like-btn.pushed .likes-count,#nav-filler #like-btn.pushed #player-likes-count,.player-button.heart-btn.pushed .likes-count,.player-button.heart-btn.pushed #player-likes-count{color:#000000 !important;text-shadow:0 0 2px rgba(255,255,255,0.5) !important}#lounge-main-display #main-screen-toast-tabs{position:absolute;bottom:0;left:50%;transform:translateX(-50%);z-index:2000;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:1.5% 2%;gap:2%;width:90%;max-width:400px;pointer-events:auto;transition:all 0.3s ease}body.mobile-view-song #mobile-main-screen-toast-tabs{display:flex !important;flex-direction:row;align-items:center;justify-content:center;padding:1px;gap:10px}body:not(.mobile-view-song) #mobile-main-screen-toast-tabs{display:none !important}body.mobile-view-song #lounge-main-display #main-screen-toast-tabs{display:none !important}body.mobile-view-song #mobile-main-screen-toast-tabs .toast-tab{display:flex;flex-direction:column;align-items:center;gap:2px}body.mobile-view-song #mobile-main-screen-toast-tabs .player-button{width:18px !important;height:18px !important;border-radius:50% !important;display:flex !important;flex-direction:column !important;align-items:center;justify-content:center;gap:2px !important;font-size:12px !important;background:linear-gradient(180deg,#4b5563 0%,#374151 50%,#1f2937 100%) !important;border:none !important;color:white !important;font-weight:600 !important;cursor:pointer;transition:all 0.1s ease !important;position:relative;user-select:none}body.mobile-view-song #mobile-main-screen-toast-tabs .player-button::before{content:'';position:absolute;inset:0;border-radius:50%;box-shadow:0 2px 0 0 rgba(0,0,0,0.2),0 3px 0 0 rgba(0,0,0,0.15),0 4px 6px rgba(0,0,0,0.25);transition:all 0.1s ease;z-index:-1}body.mobile-view-song #mobile-main-screen-toast-tabs .player-button::after{content:'';position:absolute;top:3px;left:15%;right:15%;height:35%;background:linear-gradient(180deg,rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.1) 100%);border-radius:50%;pointer-events:none;transition:all 0.1s ease}body.mobile-view-song #mobile-main-screen-toast-tabs .player-button:active{transform:translateY(2px)}body.mobile-view-song #mobile-main-screen-toast-tabs .player-button:active::before{box-shadow:0 0 0 0 rgba(0,0,0,0.2),0 1px 0 0 rgba(0,0,0,0.15),0 2px 4px rgba(0,0,0,0.2)}body.mobile-view-song #mobile-main-screen-toast-tabs .player-button:active::after{top:4px;height:25%;opacity:0.6}body.mobile-view-song #mobile-main-screen-toast-tabs .player-button.pushed{background:linear-gradient(180deg,#ef4444 0%,#dc2626 50%,#b91c1c 100%) !important;color:white !important}body.mobile-view-song #mobile-main-screen-toast-tabs .player-button.pushed:hover{background:linear-gradient(180deg,#f87171 0%,#ef4444 50%,#dc2626 100%) !important;color:white !important}body.mobile-view-song #mobile-main-screen-toast-tabs .player-button.heart-btn.pushed i{color:white !important}body.mobile-view-song #mobile-main-screen-toast-tabs #mobile-toast-tab-add .player-button{background:linear-gradient(180deg,#22c55e 0%,#16a34a 50%,#15803d 100%) !important}body.mobile-view-song #mobile-main-screen-toast-tabs #mobile-toast-tab-add .player-button:hover{background:linear-gradient(180deg,#4ade80 0%,#22c55e 50%,#16a34a 100%) !important}body.mobile-view-song #mobile-main-screen-toast-tabs #mobile-toast-tab-share .player-button{background:linear-gradient(180deg,#3b82f6 0%,#2563eb 50%,#1d4ed8 100%) !important}body.mobile-view-song #mobile-main-screen-toast-tabs #mobile-toast-tab-share .player-button:hover{background:linear-gradient(180deg,#60a5fa 0%,#3b82f6 50%,#2563eb 100%) !important}body.mobile-view-song #mobile-main-screen-toast-tabs #player-likes-count{position:absolute !important;top:-3px !important;left:auto !important;right:-4px !important;transform:none !important;background-color:#1a1a1a !important;color:#e5e5e5 !important;font-size:7px !important;padding:1px 3px !important;border-radius:8px !important;min-width:12px !important;text-align:center !important}body.mobile-view-song #mobile-main-screen-toast-tabs .tab-label{font-size:9px;color:rgba(255,255,255,0.8);font-weight:500}#lounge-main-display .toast-tab{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:2%;flex:1;transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}#lounge-main-display .toast-tab .player-button{width:100% !important;aspect-ratio:1 !important;border-radius:50% !important;display:flex !important;flex-direction:column !important;align-items:center;justify-content:center;gap:2px !important;font-size:clamp(8px,2vmin,12px) !important;background:linear-gradient(180deg,#4b5563 0%,#374151 50%,#1f2937 100%) !important;border:none !important;color:white !important;font-weight:600 !important;cursor:pointer;transition:all 0.1s ease !important;position:relative;max-width:30px;min-width:30px;min-height:30px;user-select:none}#lounge-main-display .toast-tab .player-button::before{content:'';position:absolute;inset:0;border-radius:50%;box-shadow:0 2px 0 0 rgba(0,0,0,0.2),0 3px 0 0 rgba(0,0,0,0.15),0 4px 6px rgba(0,0,0,0.25);transition:all 0.1s ease;z-index:-1}#lounge-main-display .toast-tab .player-button::after{content:'';position:absolute;top:3px;left:15%;right:15%;height:35%;background:linear-gradient(180deg,rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.1) 100%);border-radius:50%;pointer-events:none;transition:all 0.1s ease}#lounge-main-display .toast-tab .player-button:active{transform:translateY(2px)}#lounge-main-display .toast-tab .player-button:active::before{box-shadow:0 0 0 0 rgba(0,0,0,0.2),0 1px 0 0 rgba(0,0,0,0.15),0 2px 4px rgba(0,0,0,0.2)}#lounge-main-display .toast-tab .player-button:active::after{top:4px;height:25%;opacity:0.6}#lounge-main-display .toast-tab .player-button.pushed{background:linear-gradient(180deg,#ef4444 0%,#dc2626 50%,#b91c1c 100%) !important;color:white !important}#lounge-main-display .toast-tab .player-button.pushed:hover{background:linear-gradient(180deg,#f87171 0%,#ef4444 50%,#dc2626 100%) !important;color:white !important}#lounge-main-display .toast-tab .player-button.heart-btn.pushed i{color:white !important}#lounge-main-display #toast-tab-add .player-button{background:linear-gradient(180deg,#22c55e 0%,#16a34a 50%,#15803d 100%) !important}#lounge-main-display #toast-tab-add .player-button:hover{background:linear-gradient(180deg,#4ade80 0%,#22c55e 50%,#16a34a 100%) !important}#lounge-main-display #toast-tab-share .player-button{background:linear-gradient(180deg,#3b82f6 0%,#2563eb 50%,#1d4ed8 100%) !important}#lounge-main-display #toast-tab-share .player-button:hover{background:linear-gradient(180deg,#60a5fa 0%,#3b82f6 50%,#2563eb 100%) !important}#lounge-main-display #main-screen-toast-tabs #player-likes-count{position:absolute !important;top:-5px !important;left:auto !important;right:-8px !important;transform:none !important;background-color:#1a1a1a !important;color:#e5e5e5 !important;font-size:8px !important;font-weight:700 !important;padding:1px 4px !important;border-radius:10px !important;border:1px solid rgba(255,255,255,0.2) !important;min-width:12px !important;text-align:center !important;box-shadow:0 2px 4px rgba(0,0,0,0.5) !important;line-height:1 !important;text-shadow:none !important;pointer-events:none !important;z-index:100 !important}#lounge-main-display .toast-tab .tab-label{display:none}.lounge-left-column{display:flex;flex-direction:column;height:100%;flex:1;overflow:hidden;min-width:0}.lounge-banner-row{display:flex;align-items:center;height:20px;min-height:20px;flex-shrink:0;background:linear-gradient(to right,transparent 15%,rgba(0,0,0,0.3) 25%,rgba(0,0,0,0.3) 75%,transparent 85%);position:relative;overflow:hidden;min-width:0;width:100%;max-width:100%}.lounge-banner-bottom{margin-top:auto}.lounge-left-column #lounge-main-display{flex:1 !important;min-height:0 !important;position:relative}.lounge-banner-top #plays-counter-slot-machine.lounge-play-counter{background:transparent !important;padding:0 !important;display:flex !important;align-items:center !important;justify-content:center !important;gap:8px !important;height:100% !important;font-family:'Bungee Inline',cursive !important;color:var(--color-queue-banner-text,#000) !important}.lounge-banner-top #plays-counter-slot-machine.lounge-play-counter i{font-size:clamp(0.35rem,0.56vw,0.63rem) !important}.lounge-banner-top #plays-counter-slot-machine.lounge-play-counter i.fas{font-size:clamp(0.35rem,0.56vw,0.63rem) !important}.lounge-banner-top #plays-counter-slot-machine.lounge-play-counter #plays-count{font-size:clamp(0.35rem,0.56vw,0.63rem) !important}.simple-play-counter{display:flex !important;align-items:center !important;justify-content:center !important;gap:4px !important;font-family:'Bungee Inline',cursive !important;color:var(--color-queue-banner-text,#000) !important;line-height:1 !important;position:relative !important}.simple-play-counter i{font-size:clamp(0.7rem,1.12vw,1.26rem) !important;line-height:1 !important;vertical-align:middle !important;position:static !important}.simple-play-counter #plays-count{font-size:clamp(0.7rem,1.12vw,1.26rem) !important;line-height:1 !important;vertical-align:middle !important;margin-left:0 !important}.lounge-banner-bottom #player-timer-container.lounge-timer-container{background:transparent !important;padding:0 !important;display:flex !important;align-items:center !important;justify-content:center !important;height:100% !important}.lounge-banner-bottom #player-timer-container.lounge-timer-container .slot-timer{color:var(--color-queue-banner-text,#000) !important;font-size:clamp(0.48rem,0.96vw,0.96rem) !important;font-weight:normal !important;line-height:1 !important;font-family:'Bungee Inline',cursive !important}#queue-bottom-banner .slot-timer{color:var(--color-queue-banner-text,#000) !important;font-size:clamp(0.48rem,0.96vw,0.96rem) !important;font-weight:normal !important;line-height:1 !important;font-family:'Bungee Inline',cursive !important}.lounge-banner-top .queue-top-artist-banner{font-family:'Architects Daughter',cursive !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;min-width:0;text-align:center;padding:0 8px;box-sizing:border-box}#waveform-row-visual #player-scrolling-description-container{position:relative !important;width:100% !important;height:100% !important;background:transparent !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important;border:none !important;margin:0 !important;padding:0 0.5vw !important;display:flex !important;align-items:center !important;overflow:hidden !important}body.is-safari #waveform-row-visual #player-scrolling-description-container{height:auto !important;flex:1 1 0;align-self:stretch}body.is-safari #lounge-main-display #main-screen-toast-tabs{padding:6px 8px}body.is-safari #lounge-main-display .toast-tab{-webkit-box-flex:1;flex:1 1 0}body.is-safari #lounge-main-display .toast-tab .player-button{aspect-ratio:unset !important;width:30px !important;height:30px !important;min-width:30px !important;min-height:30px !important;max-width:30px !important;-webkit-box-flex:0;flex:0 0 30px !important;-webkit-box-sizing:border-box;box-sizing:border-box}body.is-safari #lounge-main-display .toast-tab .player-button::before{top:0;right:0;bottom:0;left:0}body.is-safari.mobile-view-song #mobile-main-screen-toast-tabs .player-button{aspect-ratio:unset !important;width:18px !important;height:18px !important;min-width:18px !important;min-height:18px !important;flex:0 0 18px !important;box-sizing:border-box}body.is-safari.mobile-view-song #mobile-main-screen-toast-tabs .player-button::before{top:0;right:0;bottom:0;left:0}body.is-safari #lounge-album-art #lounge-visuals-editor{height:auto;top:0;bottom:0}body.is-safari #lounge-album-art .visuals-main-content,body.is-safari #lounge-album-art #lounge-animation-overlay{height:auto;top:0;bottom:0}#waveform-row-visual #player-scrolling-description-text{color:#000000 !important;font-weight:700}#artist-bio-icons-container{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:clamp(20px,4vw,40px);padding:clamp(6px,0.8vh,12px) clamp(10px,1vw,20px);background-color:rgba(0,0,0,0.6)}.artist-banner-btn{position:relative;background-color:transparent;color:var(--color-icon-default);border:none;border-radius:var(--radius-sm);padding:clamp(3px,0.4vh,8px);font-size:clamp(1rem,1.4vw,1.6rem) !important;cursor:pointer;z-index:10;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center}.artist-banner-btn:hover{background-color:rgba(0,0,0,0.3);color:var(--color-active-highlight);transform:scale(1.1)}.artist-banner-btn.active{color:var(--color-active-highlight)}.artist-banner-btn.left,.artist-banner-btn.right{position:relative;left:auto;right:auto}.artist-banner-btn i{pointer-events:none;font-size:clamp(1rem,1.4vw,1.6rem) !important}.comment-marker-icon{position:absolute;top:50%;transform:translate(-50%,-50%);width:auto;height:80%;aspect-ratio:1/1;border-radius:50%;border:0.2vh solid white;box-shadow:0 0.2vh 0.8vh rgba(0,0,0,0.8);cursor:pointer;z-index:10;pointer-events:auto;transition:transform 0.2s ease-in-out}.comment-marker-icon:hover{transform:translate(-50%,-50%) scale(1.3);z-index:11}.comment-marker-icon img{width:100%;height:100%;object-fit:cover;border-radius:50%}.comment-bubble{position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:0.3vmin;background-color:rgba(0,0,0,0.8);color:white;padding:0.1vmin 0.3vmin;line-height:1.1;border-radius:0.25vmin;font-size:clamp(0.6rem,0.75vmin,0.85rem);white-space:nowrap;opacity:0;visibility:hidden;transition:opacity 0.2s,visibility 0.2s;pointer-events:none}.comment-marker-icon:hover .comment-bubble,.comment-bubble.active{opacity:1;visibility:visible}#live-comments-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:clamp(400px,70vw,800px);height:85%;border-radius:0.5vh;display:flex;flex-direction:column;padding:0;box-sizing:border-box;z-index:20;pointer-events:none;gap:1.5vh}body.mobile-view-song #mobile-live-comments-wrapper{display:flex !important;flex-direction:column;padding:10px;gap:8px;width:100%;height:100%;position:absolute;top:0;left:0;z-index:150;pointer-events:auto}body:not(.mobile-view-song) #mobile-live-comments-wrapper{display:none !important}body.mobile-view-song #mobile-live-comments-container{display:flex;flex-direction:column;flex-grow:1;background-color:rgba(0,0,0,0.7);border-radius:0.5vh;border:0.1vw solid rgba(75,85,99,0.7);box-shadow:0 0.4vh 1.5vw rgba(0,0,0,0.6);padding:0.5vh 0.5vw;overflow-y:auto;scroll-behavior:smooth;z-index:21;position:relative;pointer-events:auto;gap:0.5vh;opacity:1;transition:opacity 0.75s ease-out}body.mobile-view-song #mobile-artist-note-container{flex-shrink:0;height:35%;background-color:rgba(0,0,0,0.7);border-radius:0.5vh;border:0.1vw solid rgba(75,85,99,0.7);box-shadow:0 0.4vh 1.5vw rgba(0,0,0,0.6);padding:0.3vh 0.3vw;display:flex;flex-direction:column;z-index:21;position:relative;pointer-events:auto;overflow-y:auto;gap:0.3vh}body.mobile-view-song #mobile-artist-note-container:empty{display:none}body.mobile-view-song #mobile-main-screen-toast-tabs{display:flex !important}#artist-note-container{flex-shrink:0;height:35%;background-color:rgba(0,0,0,0.7);border-radius:0.5vh;border:0.1vw solid rgba(75,85,99,0.7);box-shadow:0 0.4vh 1.5vw rgba(0,0,0,0.6);padding:0.3vh 0.3vw;display:flex;flex-direction:column;z-index:21;position:relative;pointer-events:auto;overflow-y:auto;gap:0.3vh}#artist-note-container::-webkit-scrollbar{width:0.6vw}#artist-note-container::-webkit-scrollbar-thumb{background-color:#4b5563;border-radius:0.3vw}#artist-note-container:empty{display:none}#artist-note-container .message-overlay,#artist-note-container .comment-actions{display:none !important}#live-comments-container{display:flex;flex-direction:column;flex-grow:1;background-color:rgba(0,0,0,0.7);border-radius:0.5vh;border:0.1vw solid rgba(75,85,99,0.7);box-shadow:0 0.4vh 1.5vw rgba(0,0,0,0.6);padding:0.5vh 0.5vw;overflow-y:auto;scroll-behavior:smooth;z-index:21;position:relative;pointer-events:auto;gap:0.5vh;opacity:1;transition:opacity 0.75s ease-out}#live-comments-container.fading-out{opacity:0}#live-comments-container.fading-out,#mobile-live-comments-container.fading-out,#mobile-live-comments-wrapper.fading-out{opacity:0;transition:opacity 0.5s ease-out}#live-comments-container.fading-in,#mobile-live-comments-container.fading-in,#mobile-live-comments-wrapper.fading-in{opacity:1;transition:opacity 0.5s ease-in-out}#live-comments-container::-webkit-scrollbar{width:0.6vw}#live-comments-container::-webkit-scrollbar-thumb{background-color:#4b5563;border-radius:0.3vw}.comment-list-entry{display:flex;align-items:flex-start;gap:8px;padding:8px 12px;background-color:rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.1);border-radius:0;margin-bottom:4px;animation:fadeInComment 0.5s ease forwards;transition:background-color 0.3s ease,order 0.5s ease,box-shadow 0.3s;flex-shrink:0;min-height:clamp(32px,4vh,48px);box-shadow:none;position:relative}.comment-list-entry.hidden{display:none !important}.comment-list-entry.reply-entry{margin-left:clamp(8px,1vw,12px);background-color:rgba(75,0,130,0.4);padding:2px 4px;border-radius:4px}.comment-list-entry.reply-entry::before{content:'↳ ';color:#a78bfa;font-weight:bold;margin-right:2px}.comment-list-entry.reply-entry .comment-user-area,.comment-list-entry.reply-entry .comment-text-header,.comment-list-entry.reply-entry .comment-actions{display:none !important}.comment-list-entry.reply-entry .comment-main{display:inline !important;flex-direction:row !important;align-items:baseline !important;gap:0 !important;padding:0 !important;margin:0 !important}.comment-list-entry.reply-entry .comment-text{display:inline !important;max-height:none !important;overflow:visible !important;background:transparent !important;padding:0 !important;margin:0 !important;color:#f3f4f6 !important;font-size:clamp(0.85rem,1.1vw,1.2rem) !important;line-height:1.15 !important}.comment-list-entry.hover-highlight{background-color:rgba(147,197,253,0.2)}.comment-list-entry.active-comment-highlight{background-color:rgba(var(--color-active-highlight-rgb,59,130,246),0.3);box-shadow:0 0 0.8vw var(--color-active-highlight)}.comment-user-area{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;width:clamp(28px,3.5vw,40px);cursor:pointer}.comment-list-entry .user-profile-pic{width:clamp(18px,2.2vw,24px);height:clamp(18px,2.2vw,24px);border-radius:50%;object-fit:cover;border:0.1vw solid rgba(255,255,255,0.2)}.comment-list-entry .comment-username{display:none}.comment-list-entry .comment-main{flex-grow:1;min-width:0;display:flex;flex-direction:column}.comment-text-header{font-size:clamp(0.5rem,0.6vw,0.7rem);font-weight:600;color:#9ca3af;margin-bottom:0.05vh;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:baseline}.comment-username-display{font-family:var(--font-name,sans-serif);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1;min-width:0}.comment-header-text{flex-shrink:0}.comment-timestamp{font-size:clamp(0.5rem,0.6vw,0.7rem);color:#9ca3af;margin-left:0.15vw}.comment-list-entry .comment-text{color:#f3f4f6;font-size:clamp(0.85rem,1.1vw,1.2rem);line-height:1.15;word-break:break-word;overflow-wrap:break-word;pointer-events:auto;font-family:'Trebuchet MS',sans-serif}.comment-list-entry .comment-text::-webkit-scrollbar{width:0.4vw}.comment-list-entry .comment-text::-webkit-scrollbar-thumb{background-color:#4b5563;border-radius:0.2vw}.comment-list-entry .comment-actions{flex-shrink:0;display:flex;align-items:center;justify-content:flex-end;min-width:0;width:0;overflow:hidden;gap:0.2vw}.comment-list-entry:hover .message-overlay,.comment-list-entry.overlay-active .message-overlay{opacity:1;pointer-events:auto}.comment-list-entry .message-overlay{position:absolute;top:0;right:0;height:100%;background:linear-gradient(to left,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.6) 50%,transparent 100%);display:flex;align-items:center;justify-content:flex-end;gap:0.2vw;padding:0 0.3vw;opacity:0;transition:opacity 0.2s ease;pointer-events:none}.comment-list-entry .message-overlay .action-icon{background:transparent !important;border:none !important;padding:0.3vw !important;margin:0 !important;color:rgba(255,255,255,0.7) !important;cursor:pointer;font-size:clamp(0.6rem,0.8vw,0.9rem);transition:color 0.2s ease,transform 0.2s ease;display:flex;align-items:center;justify-content:center}.comment-list-entry .message-overlay .action-icon:hover{color:#a78bfa !important;transform:scale(1.1)}.comment-list-entry .message-overlay .action-icon.remove:hover{color:#ef4444 !important}.comment-list-entry .message-overlay .action-icon.edit:hover{color:#3b82f6 !important}.comment-list-entry .message-overlay .action-icon.reply:hover{color:#10b981 !important}@keyframes fadeInComment{from{opacity:0;transform:translateY(1vh)}to{opacity:1;transform:translateY(0)}}#comment-char-count{font-size:clamp(0.6rem,0.75vw,0.85rem);color:#9ca3af;transition:color 0.2s ease}.no-comments-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:#6b7280;font-style:italic}.editor-active-parent #live-comments-container{visibility:hidden}.reply-marker{position:absolute;top:50%;transform:translate(-50%,-50%);width:clamp(16px,1.8vw,22px);height:clamp(16px,1.8vw,22px);border-radius:50%;border:0.15vw solid #a78bfa;background:linear-gradient(135deg,#1f2937 0%,#374151 100%);box-shadow:0 0.2vh 0.6vw rgba(0,0,0,0.8);cursor:pointer;z-index:49 !important;pointer-events:auto;transition:transform 0.2s ease-in-out,border-color 0.2s}.reply-marker:hover{transform:translate(-50%,-50%) scale(1.3);border-color:#c4b5fd;z-index:51 !important}.reply-bubble{background-color:rgba(75,0,130,0.9);border:0.1vw solid rgba(167,139,250,0.5);bottom:100%;top:auto;left:50%;transform:translateX(-50%);margin-bottom:4px}.reply-marker:hover .reply-bubble,.reply-bubble.active{opacity:1;visibility:visible}.comment-list-entry.delete-countdown-banner{position:relative !important;background-color:#000 !important;border:2px solid #dc2626 !important;min-height:40px}.comment-list-entry.delete-countdown-banner > *:not(.delete-countdown-overlay){visibility:hidden !important;display:none !important}.comment-list-entry .delete-countdown-overlay{position:absolute !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;display:flex !important;align-items:center !important;justify-content:center !important;gap:10px !important;background-color:#000 !important;z-index:10000 !important;cursor:pointer !important;padding:8px !important}.comment-list-entry .delete-countdown-overlay .delete-countdown-icon{color:#ef4444 !important;font-size:1.2rem !important;animation:trash-shake 0.5s ease-in-out infinite !important}.comment-list-entry .delete-countdown-overlay .delete-countdown-text{color:#ef4444 !important;font-size:0.75rem !important;font-weight:bold !important;white-space:nowrap !important}.comment-list-entry .delete-countdown-overlay.flash{animation:countdown-flash 0.3s ease-in-out !important}@keyframes countdown-flash{0%,100%{background-color:#000}50%{background-color:rgba(220,38,38,0.4)}}@keyframes trash-shake{0%,100%{transform:rotate(0deg)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.comment-list-entry.editing .comment-text{display:none}.comment-list-entry.editing .inline-edit-container{display:block}.comment-list-entry .inline-edit-container{display:none;width:100%}.comment-list-entry .inline-edit-textarea{width:100%;min-height:60px;max-height:150px;background-color:rgba(0,0,0,0.5);border:1px solid rgba(167,139,250,0.5);border-radius:4px;color:#f3f4f6;padding:8px;font-family:'Trebuchet MS',sans-serif;font-size:clamp(0.85rem,1.1vw,1.2rem);line-height:1.15;resize:vertical;box-sizing:border-box}.comment-list-entry .inline-edit-textarea:focus{outline:none;border-color:#a78bfa;box-shadow:0 0 0.3vw rgba(167,139,250,0.3)}.comment-list-entry .inline-edit-actions{display:flex;gap:8px;margin-top:6px;justify-content:flex-end}.comment-list-entry .inline-edit-btn{padding:4px 12px;border-radius:4px;font-size:clamp(0.7rem,0.85vw,0.9rem);cursor:pointer;transition:all 0.2s ease;border:none}.comment-list-entry .inline-edit-btn.save{background-color:#10b981;color:white}.comment-list-entry .inline-edit-btn.save:hover{background-color:#059669}.comment-list-entry .inline-edit-btn.cancel{background-color:#6b7280;color:white}.comment-list-entry .inline-edit-btn.cancel:hover{background-color:#4b5563}.comment-list-entry.replying{min-height:auto;height:auto}.comment-list-entry.replying .comment-main{overflow:visible}.comment-list-entry.replying .reply-typing-bar{display:flex}.comment-list-entry .reply-typing-bar{display:none;width:100%;margin-top:5px;flex-direction:column;align-items:stretch;position:relative}.comment-list-entry .reply-typing-input{display:block;width:100%;min-height:40px;max-height:100px;background-color:rgba(0,0,0,0.5);border:1px solid rgba(16,185,129,0.5);border-radius:4px;color:#f3f4f6;padding:8px;font-family:'Trebuchet MS',sans-serif;font-size:clamp(0.85rem,1.1vw,1.2rem);line-height:1.15;resize:vertical;box-sizing:border-box;margin-bottom:5px}.comment-list-entry .reply-typing-input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0.3vw rgba(16,185,129,0.3)}.comment-list-entry .reply-button-row{display:flex;justify-content:center;gap:8px;width:100%;margin-top:5px}.comment-list-entry .reply-emoji-btn{flex-shrink:0;padding:0;background-color:transparent;color:rgba(255,255,255,0.7);border:none;border-radius:0;font-size:clamp(0.7rem,0.85vw,0.9rem);cursor:pointer;transition:color 0.2s ease,transform 0.2s ease;width:auto;height:auto;display:flex;align-items:center;justify-content:center}.comment-list-entry .reply-emoji-btn:hover{color:#10b981;transform:scale(1.1)}.comment-list-entry .reply-emoji-btn.active{color:#10b981}.comment-list-entry .reply-cancel-btn{flex-shrink:0;padding:0;background-color:transparent;color:rgba(255,255,255,0.7);border:none;border-radius:0;font-size:clamp(0.7rem,0.85vw,0.9rem);cursor:pointer;transition:color 0.2s ease,transform 0.2s ease;width:auto;height:auto;display:flex;align-items:center;justify-content:center}.comment-list-entry .reply-cancel-btn:hover{color:#ef4444;transform:scale(1.1)}.comment-list-entry .reply-emoji-panel{width:100%;height:clamp(25.5px,3.6vh,36.4px);background-color:rgba(10,10,10,0.97);display:flex;align-items:center;border-radius:4px;border:1px solid rgba(255,255,255,0.15);margin-top:5px}.comment-list-entry .reply-emoji-panel.hidden{display:none}.comment-list-entry .reply-emoji-panel .emoji-content-wrapper{flex:1;display:flex;align-items:center;overflow-x:auto;padding:0 0.25rem;scrollbar-width:none}.comment-list-entry .reply-emoji-panel .emoji-content-wrapper::-webkit-scrollbar{display:none}.comment-list-entry .reply-emoji-panel .emoji-item{font-size:clamp(0.55rem,0.82vw,0.91rem);padding:0.05rem;flex-shrink:1;min-width:clamp(9.1px,1.1vw,12.7px);min-height:clamp(9.1px,1.1vw,12.7px);background:transparent;border:none;cursor:pointer;transition:transform 0.2s ease}.comment-list-entry .reply-emoji-panel .emoji-item:hover{transform:scale(1.2)}.comment-list-entry .reply-emoji-panel .emoji-scroll-arrow{width:clamp(9.1px,1.4vw,12.7px);height:clamp(9.1px,1.4vw,12.7px);background:rgba(255,255,255,0.1);border:none;border-radius:2px;color:white;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background 0.2s ease}.comment-list-entry .reply-emoji-panel .emoji-scroll-arrow:hover{background:rgba(255,255,255,0.2)}.comment-list-entry .reply-emoji-panel .emoji-spacer{flex-shrink:0;min-width:8px}#library-song-list{flex-grow:1;overflow-y:auto;min-height:0;display:flex;flex-direction:column;gap:0.25rem}#library-song-list::-webkit-scrollbar{width:4px}#library-song-list::-webkit-scrollbar-thumb{background-color:var(--color-accent-highlight-1,#fbbf24);border-radius:2px}.library-upload-item{position:relative;display:flex;align-items:center;justify-content:center;padding:0.25rem 0.375rem;border:1px dashed #fbbf24;border-radius:0.25rem;cursor:pointer;transition:background-color 0.2s ease,border-color 0.2s ease;color:#fbbf24 !important;font-size:0.8rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;width:100%;box-sizing:border-box}.library-upload-item::after{content:'\f093';font-family:'Font Awesome 6 Free';font-weight:900;position:absolute;right:0.75rem;font-size:0.9rem;opacity:0.7}.library-upload-item:hover{background-color:rgba(255,255,255,0.05);border-color:var(--color-active-highlight)}.library-song-item{display:flex;align-items:center;gap:0.5rem;padding:0.25rem;border-radius:0.25rem;cursor:pointer;transition:background-color 0.2s ease;border:1px solid transparent;position:relative;overflow:visible;min-height:40px}.library-song-item.dragging{opacity:0.5;background-color:rgba(255,255,255,0.1)}.library-song-item.drag-over-top{border-top:2px solid var(--color-active-highlight)}.library-song-item.drag-over-bottom{border-bottom:2px solid var(--color-active-highlight)}.library-song-item-banner{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.library-song-item-banner img{width:100%;height:100%;object-fit:cover;opacity:0.4}.library-song-item-banner::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.3) 100%)}.song-list-number,.library-song-item-art,.song-title-span,.song-item-actions{position:relative;z-index:1}.song-list-number{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--color-accent-highlight-2);font-size:0.75rem;border:1px solid var(--color-accent-highlight-2);border-radius:50%;background-color:rgba(0,0,0,0.3);cursor:grab;transition:none !important}.song-list-number:hover,.song-list-number:active,.song-list-number:focus{background-color:rgba(0,0,0,0.3) !important;border-color:var(--color-accent-highlight-2) !important;color:var(--color-accent-highlight-2) !important;box-shadow:none !important}.song-list-number .number-display{color:var(--color-accent-highlight-2)}.song-title-span{flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:0.8rem;text-shadow:0 1px 2px rgba(0,0,0,0.8);background-color:rgba(0,0,0,0.5);padding:2px 8px;border-radius:4px}.song-title-span:hover{cursor:text !important;text-decoration:underline}.library-song-item.active{border-color:var(--color-active-highlight)}.library-song-item.active .library-song-item-banner img{opacity:0.6}.library-song-item-art{width:32px;height:32px;flex-shrink:0;border-radius:2px;overflow:hidden;border:1px solid rgba(255,255,255,0.2);background-color:rgba(0,0,0,0.8);display:flex;align-items:center;justify-content:center}.library-song-item-art img{display:none}.song-item-play-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;display:flex;align-items:center;justify-content:center;color:white;opacity:1;transition:opacity 0.2s ease;cursor:pointer}.song-item-play-overlay i{color:white}.library-song-item-art:hover .song-item-play-overlay{opacity:0.6}.song-item-actions{display:flex;align-items:center;gap:0.5rem;margin-left:auto;padding-left:0.5rem}.song-item-action-btn{background-color:#000000;border:1px solid #4b5563;cursor:pointer;font-size:0.8rem;transition:all 0.2s ease;border-radius:0.375rem;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.details-tab-btn,.visuals-tab-btn,.download-song-btn,.delete-song-btn{color:var(--color-accent-highlight-2)}.song-item-action-btn:hover{filter:brightness(1.2);transform:scale(1.05)}.song-item-action-btn.delete-song-btn:hover{background-color:#ef4444}.song-item-action-btn.active{background-color:var(--color-accent-highlight-2);border-color:var(--color-accent-highlight-2);color:var(--color-accent-highlight-2);box-shadow:0 0 6px var(--color-accent-highlight-2)}.song-item-action-btn.active i{color:var(--color-accent-highlight-2) !important}.details-tab-btn i,.visuals-tab-btn i,.download-song-btn i,.delete-song-btn i{pointer-events:none}.inline-edit-input{width:100%;background-color:#1a1a2e !important;border:1px solid var(--color-active-highlight);color:white !important;padding:0;margin:0;font-size:inherit;font-family:inherit;opacity:1 !important;position:relative;z-index:100}.ap-unified-card .library-song-item .inline-edit-input{background-color:#000 !important;opacity:1 !important;color:#fff !important;z-index:1000 !important;position:relative !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;filter:none !important;box-shadow:0 0 0 1px rgba(99,102,241,0.5)}.ap-unified-card .library-song-item:has(.inline-edit-input){opacity:1 !important}.ap-unified-card .library-song-item:has(.inline-edit-input) .library-song-item-banner{opacity:0 !important;visibility:hidden !important}.library-song-details-panel{background:linear-gradient(180deg,rgba(26,26,46,0.95) 0%,rgba(15,15,35,0.98) 100%);border-top:1px solid rgba(99,102,241,0.2);border-bottom:2px solid rgba(99,102,241,0.3);box-shadow:inset 0 1px 0 rgba(255,255,255,0.05),0 4px 16px rgba(0,0,0,0.3);overflow:hidden;animation:slideDown 0.4s ease-out}@keyframes slideDown{from{max-height:0;opacity:0;transform:translateY(-10px)}to{max-height:none;opacity:1;transform:translateY(0)}}.library-song-details-panel.closing{animation:slideUp 0.4s ease-out forwards}@keyframes slideUp{from{max-height:500px;opacity:1;transform:translateY(0)}to{max-height:0;opacity:0;transform:translateY(-10px)}}.details-icon-tabs-header{display:flex;justify-content:center;align-items:center;gap:3px;padding:3px;background-color:#2a2a2a;border:1px solid #1a1a1a;position:relative;box-shadow:inset 2px 2px 4px rgba(0,0,0,0.8),inset -2px -2px 4px rgba(255,255,255,0.1),1px 1px 2px rgba(0,0,0,0.5);background-image:repeating-linear-gradient( 45deg,transparent,transparent 2px,rgba(64,64,64,0.3) 2px,rgba(64,64,64,0.3) 4px )}.details-tab-indicator{position:absolute;bottom:0;height:2px;background-color:var(--color-accent-highlight-2);border-radius:1px;transition:left 0.3s cubic-bezier(0.4,0,0.2,1),width 0.3s cubic-bezier(0.4,0,0.2,1);pointer-events:none}.details-tab-icon{display:flex;align-items:center;justify-content:center;width:auto;height:auto;border-radius:4px;background-color:#2a2a2a;border:1px solid #1a1a1a;color:rgba(255,255,255,0.7);cursor:pointer;transition:all 0.2s ease;font-size:0.85rem;padding:3px;position:relative;z-index:1;box-shadow:inset 2px 2px 4px rgba(0,0,0,0.8),inset -2px -2px 4px rgba(255,255,255,0.1),1px 1px 2px rgba(0,0,0,0.5);background-image:repeating-linear-gradient( 45deg,transparent,transparent 2px,rgba(128,128,128,0.05) 2px,rgba(128,128,128,0.05) 4px )}.details-tab-icon:hover{background:linear-gradient(145deg,rgb(52,52,52),rgb(36,36,36));color:rgb(255,255,255);box-shadow:rgba(0,0,0,0.3) 0px 2px 4px inset}.details-tab-icon.active{background:linear-gradient(145deg,rgb(42,42,42),rgb(26,26,26));border:1px solid rgba(255,255,255,0.1);color:var(--color-secondary) !important;box-shadow:rgba(0,0,0,0.3) 0px 2px 4px inset}.details-tab-icon.active i{color:var(--color-secondary) !important}.details-tab-content{position:relative;overflow:visible;background-color:var(--color-tertiary);min-height:auto;align-items:flex-start;height:auto;transition:height 0.3s ease}.details-sections-wrapper{display:flex;width:800%;transition:transform cubic-bezier(0.4,0,0.2,1),height 0.3s ease;will-change:transform;position:relative;left:0;align-items:flex-start;overflow:hidden;height:auto}.details-section{display:flex;flex-direction:column;gap:4px;position:relative;width:12.5%;flex-shrink:0;padding:0;box-sizing:border-box;left:0 !important;margin-left:0 !important;align-self:flex-start;height:auto}.animations-compact-container{display:flex;flex-direction:column;gap:12px;padding:8px}.animations-preview-box{position:relative;width:100%;height:200px;background:rgba(0,0,0,0.3);border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,0.1)}.animations-art-preview{position:absolute;top:0;left:0;width:100%;height:100%;background-size:contain;background-position:center;background-repeat:no-repeat;z-index:0}.animations-art-preview.fit-cover{background-size:cover !important}.animations-art-preview.fit-contain{background-size:contain !important}.animations-art-preview.fit-fill{background-size:100% 100% !important}.animations-animation-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.animations-animation-overlay .animation-layer{position:absolute !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;overflow:hidden !important;z-index:10;background:transparent}.animations-animation-overlay canvas{position:absolute !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;display:block !important}.animations-preview-controls{position:absolute;top:8px;left:8px;display:flex;gap:6px;z-index:3}.animations-control-btn{width:28px;height:28px;background:rgba(0,0,0,0.7);border:1px solid rgba(255,255,255,0.2);color:#fff;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:all 0.2s ease}.animations-control-btn:hover{background:rgba(0,0,0,0.9);border-color:rgba(255,255,255,0.4)}.animations-fit-controls{display:flex;gap:4px}.animations-fit-btn{width:28px;height:28px;background:rgba(0,0,0,0.7);border:1px solid rgba(255,255,255,0.2);color:rgba(255,255,255,0.6);border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:11px;transition:all 0.2s ease}.animations-fit-btn:hover{background:rgba(0,0,0,0.9);color:#fff}.animations-fit-btn.active{background:var(--color-accent-highlight-2,#3b82f6);border-color:var(--color-accent-highlight-2,#3b82f6);color:#fff}.animations-compact-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.animations-compact-btn{aspect-ratio:1;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);color:rgba(255,255,255,0.6);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:0.85rem;border-radius:6px;transition:all 0.2s ease;padding:0;pointer-events:auto}.animations-compact-btn:hover{background:rgba(255,255,255,0.15);border-color:rgba(255,255,255,0.3);color:#fff;transform:translateY(-1px)}.animations-compact-btn.active{background:var(--color-accent-highlight-2,#3b82f6);border-color:var(--color-accent-highlight-2,#3b82f6);color:#fff;box-shadow:0 0 10px var(--color-accent-highlight-2,#3b82f6)}.animations-options-section{display:flex;flex-direction:column;gap:10px;padding:8px;background:rgba(255,255,255,0.03);border-radius:6px}.animations-opacity-control{display:flex;flex-direction:column;gap:6px}.animations-label{font-size:11px;color:#aaa;font-weight:500}.animations-opacity-control input[type="range"]{width:100%;cursor:pointer;height:4px}.animations-opacity-values{display:flex;justify-content:space-between;font-size:9px;color:#888}.animations-preview-btn{font-size:11px;padding:6px 12px}.details-section-divider{width:0;flex-shrink:0;background-color:var(--color-accent-highlight-2);opacity:0;align-self:stretch;transition:opacity 0.2s ease}.details-sections-wrapper.animating .details-section-divider{opacity:0.7}.details-section.hidden{display:flex}.details-section .form-textarea{width:100%;min-height:70px;background-color:#000000;border:1px solid rgba(255,255,255,0.1);border-radius:6px;color:white;padding:10px;font-size:0.8rem;resize:none;transition:border-color 0.2s ease}.details-section .form-textarea.flash{animation:editorFlash 1s ease-in-out}@keyframes editorFlash{0%{background-color:#000000}25%{background-color:rgba(255,255,255,0.9)}50%{background-color:#000000}75%{background-color:rgba(255,255,255,0.9)}100%{background-color:#000000}}.details-section .form-textarea:focus{outline:none;border-color:rgba(99,102,241,0.6)}.details-section .form-input{width:100%;background-color:rgba(0,0,0,0.4);border:1px solid rgba(255,255,255,0.1);border-radius:6px;color:white;padding:8px 10px;font-size:0.8rem;transition:border-color 0.2s ease}.details-section .form-input:focus{outline:none;border-color:rgba(99,102,241,0.6)}.details-section .tag-display-container{display:flex;flex-wrap:wrap;gap:6px;min-height:24px}.tag-add-btn{width:48px;height:48px;border:none;background:linear-gradient(145deg,#2a2a2a,#1a1a1a);color:#fff;border-radius:8px;cursor:pointer;font-size:64px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;padding:0;box-shadow:0 2px 4px rgba(0,0,0,0.5),inset 0 1px 0 rgba(255,255,255,0.1)}.tag-add-btn:hover{background:linear-gradient(145deg,#3a3a3a,#2a2a2a);box-shadow:0 4px 8px rgba(0,0,0,0.6),inset 0 1px 0 rgba(255,255,255,0.15)}.tag-input-field{width:80px;height:24px;padding:0 8px;border:1px solid rgba(255,255,255,0.3);background:rgba(0,0,0,0.3);color:white;border-radius:4px;font-size:0.85rem;outline:none;transition:all 0.2s ease}.tag-input-field:focus{border-color:rgba(99,102,241,0.8);background:rgba(0,0,0,0.5);width:120px}.tag-input-field::placeholder{color:rgba(255,255,255,0.4)}.placeholder-text{color:#666;font-style:italic;display:flex;justify-content:center;align-items:center;width:100%;text-align:center}.color-themes-list{display:flex;flex-direction:column;gap:4px;max-height:200px;overflow-y:auto}.color-themes-empty{padding:12px;text-align:center;color:rgba(255,255,255,0.5);font-size:0.85rem;font-style:italic}.color-themes-empty .theme-name{color:rgba(255,255,255,0.5)}.feedback-entry{transform:none !important;position:relative;width:100%;box-sizing:border-box}.feedback-entry #feedback-icons-row{transform:none !important;position:relative;width:100%}.feedback-entry .feedback-tab-content-container{transform:none !important;position:relative;width:100%}.feedback-title-banner{background:linear-gradient(145deg,rgba(251,191,36,0.25),rgba(245,158,11,0.25));border-radius:2px;padding:4px 8px;display:flex;justify-content:center;align-items:center;width:100%}.feedback-title-text{font-weight:600;color:#fff;font-size:0.7rem;text-transform:uppercase}.feedback-score-banner{background:linear-gradient(145deg,rgba(251,191,36,0.25),rgba(245,158,11,0.25));border-radius:2px;padding:4px 8px;display:flex;justify-content:center;align-items:center;width:100%}.feedback-score-text{font-weight:700;color:#ffd700;font-size:0.7rem}.feedback-carousel-container{display:flex;flex-direction:column;gap:4px;width:100%}.feedback-thumbnail-strip{display:flex;align-items:center;gap:8px;padding:4px 8px;background:rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.1);border-radius:0}.feedback-nav-btn{width:32px;height:32px;border:none;background:linear-gradient(145deg,rgb(42,42,42),rgb(26,26,26));border:1px solid rgba(255,255,255,0.1);color:#fff;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;box-shadow:rgba(0,0,0,0.3) 0px 2px 4px}.feedback-nav-btn:hover:not(:disabled){background:linear-gradient(145deg,rgb(52,52,52),rgb(36,36,36))}.feedback-nav-btn:disabled{opacity:0.3;cursor:not-allowed}.feedback-thumbnails-wrapper{display:flex;gap:16px;flex:1;justify-content:center;overflow:hidden;padding:4px}.feedback-thumbnail{display:none}.feedback-thumbnail.active{display:block}.feedback-thumbnail{width:64px;height:64px;border-radius:50%;background-size:cover;background-position:center;cursor:pointer;position:relative;transition:all 0.3s ease;border:2px solid transparent;flex-shrink:0}.feedback-thumbnail-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.5);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px}.feedback-thumbnail-name{color:#fff;font-size:0.65rem;font-weight:600;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.feedback-thumbnail-score{color:#ffd700;font-size:0.7rem;font-weight:700}.feedback-thumbnail.active{width:72px;height:72px;border-color:#ffd700;box-shadow:0 0 12px rgba(255,215,0,0.5)}.feedback-content-display{display:flex;flex-direction:column;gap:4px;width:100%}.feedback-content-row-1{display:flex;justify-content:center;padding:4px}.feedback-tab-icons-row{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.feedback-tab-icon{width:32px;height:32px;padding:3px;background:linear-gradient(145deg,rgb(42,42,42),rgb(26,26,26));border:1px solid rgba(255,255,255,0.1);border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;transition:all 0.2s ease;box-shadow:rgba(0,0,0,0.3) 0px 2px 4px}.feedback-tab-icon:hover{background:linear-gradient(145deg,rgb(52,52,52),rgb(36,36,36))}.feedback-tab-icon.active{color:var(--color-secondary,rgb(202,56,56));box-shadow:rgba(0,0,0,0.3) 0px 2px 4px inset}.feedback-content-row-2{flex:1}.feedback-section-display{padding:12px;background-color:rgba(0,0,0,0.3);border-radius:0;border:1px solid rgba(255,255,255,0.1)}.feedback-section-header{display:flex;align-items:center;gap:6px;margin-bottom:8px}.feedback-section-header i{color:#9ca3af;font-size:0.8rem}.feedback-section-label{font-weight:600;color:#d1d5db;font-size:0.8rem;text-transform:uppercase}.feedback-section-score{margin-left:auto;font-weight:700;color:#ffd700;font-size:0.85rem}.feedback-section-text{color:rgba(255,255,255,0.7);font-size:0.8rem;line-height:1.4}.feedback-content-row-3{display:flex;justify-content:flex-end;padding:4px 8px}.feedback-timestamp{color:rgba(255,255,255,0.4);font-size:0.7rem;font-style:italic}.section-label{font-size:0.7rem !important;color:var(--color-text-secondary,#9ca3af) !important;text-transform:uppercase !important;letter-spacing:0.05em !important;font-weight:600 !important;text-align:center !important;display:block !important;margin:0 !important;padding:2px 6px !important;line-height:1 !important;background-color:rgba(0,0,0,0.6);border-radius:0}.tag-display-container{display:flex;flex-wrap:wrap;gap:0.15rem;min-height:18px;padding:2px 0;margin-bottom:5px}.tag-item-wrapper{background-color:#374151;border-radius:9999px;padding:1px 6px;font-size:0.65rem;display:inline-flex;align-items:center;gap:2px;line-height:1.2}.tag-item-wrapper.collaborator{background-color:#1e3a5f;border:1px solid rgba(96,165,250,0.3)}.tag-item-wrapper.collaborator.valid-user{background-color:#c2410c;border:1px solid rgba(249,115,22,0.5)}.tag-item-wrapper.genre{background-color:#3f2f4a;border:1px solid rgba(168,85,247,0.3)}.tag-item-wrapper .tag-remove-btn{cursor:pointer;opacity:0.6;transition:opacity 0.2s;font-size:0.6rem;padding:0;line-height:1;background:none;border:none;color:inherit}.tag-item-wrapper .tag-remove-btn:hover{opacity:1}.details-subsection{margin-bottom:1rem;padding:0.5rem}.subsection-title-banner{background:linear-gradient(145deg,rgba(251,191,36,0.25),rgba(245,158,11,0.25));border-radius:2px;padding:4px 8px;display:flex;justify-content:center;align-items:center;width:100%;margin-bottom:0.5rem}.subsection-title-text{font-weight:600;color:#fff;font-size:0.7rem;text-transform:uppercase}.details-box-placeholder{display:flex;height:100%;align-items:center;justify-content:center;color:#4b5563;font-style:italic;font-size:0.8rem}.visuals-layout{display:flex;width:100%;height:100%;min-width:0;overflow:hidden;flex-shrink:0}.visuals-sidebar{width:15%;min-width:60px;max-width:120px;background-color:#000000;display:flex;flex-direction:column;align-items:center;padding:0.5rem;gap:0.5rem;flex-shrink:0;flex-grow:0;overflow:hidden;outline:none}.visuals-sidebar .visuals-sidebar-section{width:100%;display:flex;flex-direction:column;align-items:center;flex-shrink:0}.visuals-sidebar .visuals-anim-tabs{width:100%;display:flex;flex-direction:column;flex-shrink:0}.visuals-sidebar .sidebar-label{font-size:0.65rem;text-transform:uppercase;letter-spacing:0.04em;color:#9ca3af;text-align:center}.visuals-anim-content{display:flex;flex-direction:column;width:100%;overflow-y:auto;flex-shrink:0}.visuals-anim-item{display:flex;width:100%;flex-shrink:0;padding:0;margin:0;background-color:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);cursor:pointer;transition:all 0.1s ease;box-sizing:border-box;pointer-events:auto;position:relative;z-index:1}.visuals-anim-item:hover{background-color:rgba(255,255,255,0.15)}.visuals-anim-item.active{background-color:var(--color-accent-highlight-2);border-color:var(--color-accent-highlight-2)}.visuals-anim-label{display:flex;align-items:center;justify-content:center;width:100%;font-size:0.55rem;color:rgba(255,255,255,0.8);text-align:center;text-transform:uppercase;padding:1px 0;margin:0}.visuals-anim-item.active .visuals-anim-label{color:white;font-weight:600}.visuals-anim-btn{display:none}.visuals-tool-btn{width:32px;height:32px;border-radius:8px;background-color:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);color:var(--color-icon-default);cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center;font-size:0.8rem}.visuals-tool-btn:hover{background-color:rgba(255,255,255,0.1)}.visuals-tool-btn.active{background-color:var(--color-active-highlight);border-color:var(--color-active-highlight);color:white;box-shadow:0 0 10px var(--color-active-highlight)}.visuals-main-content{flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative;min-width:0;overflow:hidden}#visuals-album-art{max-width:240px;width:100%;height:240px;min-width:100px;background-color:var(--color-input-bg);border:2px dashed #4b5563;border-radius:0.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;position:relative;transition:border-color 0.2s ease;flex-shrink:1}#visuals-album-art:hover{border-color:var(--color-active-highlight)}#song-art-preview{width:100%;height:100%;object-fit:cover;z-index:1}#song-art-placeholder{display:flex;flex-direction:column;align-items:center;color:#9ca3af;gap:0.5rem;z-index:2}#visuals-selection-box{position:absolute;border:2px dashed #3b82f6;background-color:rgba(59,130,246,0.2);z-index:20;pointer-events:none;display:none}#visuals-text-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:15;pointer-events:none}.visuals-text-wrapper{position:absolute;pointer-events:auto;cursor:move;z-index:15;transform-origin:center center;min-height:1.2em;display:flex;align-items:flex-start;justify-content:center}.visuals-text-wrapper.selected{outline:1px dashed #3b82f6}.visuals-text-block{user-select:text;line-height:1.2;white-space:pre-wrap;word-break:break-word;padding:4px;outline:none;min-width:40px;min-height:1.2em;box-sizing:border-box}.visuals-text-delete-icon{position:absolute;top:-10px;right:-10px;width:20px;height:20px;background:#ef4444;color:white;border-radius:50%;display:none;align-items:center;justify-content:center;font-size:10px;cursor:pointer;border:1px solid #b91c1c;z-index:21;box-shadow:0 2px 4px rgba(0,0,0,0.5)}.visuals-text-wrapper.selected .visuals-text-delete-icon{display:flex}.visuals-text-rotate-handle{position:absolute;top:-24px;left:50%;transform:translateX(-50%);width:16px;height:16px;background:#3b82f6;color:white;border-radius:50%;display:none;align-items:center;justify-content:center;font-size:8px;cursor:grab;border:1px solid #2563eb;z-index:22;box-shadow:0 2px 4px rgba(0,0,0,0.5)}.visuals-text-rotate-handle:hover{background:#2563eb}.visuals-text-rotate-handle:active{cursor:grabbing}.visuals-text-wrapper.selected .visuals-text-rotate-handle{display:flex}.visuals-editor-toolbar{position:absolute;top:4px;left:50%;transform:translateX(-50%);display:flex;gap:4px;z-index:25;background:rgba(0,0,0,0.7);padding:3px 6px;border-radius:4px;border:1px solid rgba(255,255,255,0.2)}.visuals-editor-toolbar.hidden{display:none}.visuals-editor-btn{width:20px;height:20px;min-width:20px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);color:#fff;border-radius:3px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:10px;transition:all 0.15s ease;padding:0}.visuals-editor-btn:hover{background:rgba(255,255,255,0.2)}.visuals-editor-btn:active{transform:scale(0.95)}.visuals-editor-btn.save{color:#22c55e}.visuals-editor-btn.save:hover{background:rgba(34,197,94,0.3)}.visuals-editor-btn.clear{color:#ef4444}.visuals-editor-btn.clear:hover{background:rgba(239,68,68,0.3)}.visuals-editor-btn:disabled{opacity:0.3;cursor:not-allowed}.visuals-text-rotate-line{position:absolute;top:-8px;left:50%;transform:translateX(-50%);width:2px;height:8px;background:#3b82f6;display:none;z-index:21}.visuals-text-wrapper.selected .visuals-text-rotate-line{display:block}.visuals-controls-panel{width:20%;min-width:100px;max-width:250px;background-color:#000000;padding:0.5rem;display:flex;flex-direction:column;gap:0.75rem;overflow-y:auto;flex-shrink:0;outline:none}.style-toggle-btn{flex:1;height:26px;background-color:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);color:#fff;border-radius:4px;cursor:pointer;font-size:0.7rem;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center}.style-toggle-btn:hover{background-color:rgba(255,255,255,0.1)}.style-toggle-btn.active{background-color:var(--color-active-highlight);border-color:var(--color-active-highlight);color:white}.visuals-controls-panel .style-toggle-btn{height:26px;font-size:0.7rem}.visuals-fit-btn-container{background-color:#000000;padding:4px;border-radius:4px;outline:none}div:has(.visuals-fit-btn){background-color:#000000 !important;outline:none !important}.visuals-fit-btn{flex:0 0 auto !important;background-color:#000000;border:1px solid rgba(255,255,255,0.2)}.visuals-fit-btn:hover{background-color:rgba(255,255,255,0.1)}.visuals-fit-btn.active{background-color:var(--color-active-highlight);border-color:var(--color-active-highlight)}#account-editor-container{flex-grow:1;min-width:0;display:flex;flex-direction:column;background-color:transparent;border:1px solid var(--color-border-secondary);border-radius:0.375rem;position:relative;z-index:1}#account-editor-tabs{display:flex;flex-shrink:0;justify-content:center;background:linear-gradient(to bottom,rgba(255,255,255,0.15) 0%,var(--color-accent-highlight-2) 15%,var(--color-accent-highlight-2) 85%,rgba(0,0,0,0.2) 100%);border-bottom:1px solid rgba(0,0,0,0.3);box-shadow:inset 0 1px 0 rgba(255,255,255,0.3),0 2px 4px rgba(0,0,0,0.3)}.account-editor-tab{padding:0.5rem 1rem;background-color:transparent;color:rgba(255,255,255,0.8);border:none;border-bottom:none;font-family:'Bungee Inline',cursive;font-size:0.75rem;letter-spacing:0.8px;cursor:pointer;transition:all 0.2s;text-shadow:0 1px 2px rgba(0,0,0,0.3)}.account-editor-tab:hover{color:#fff;background:rgba(255,255,255,0.1)}.account-editor-tab.active{color:#fff;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,0.5);background:linear-gradient(to bottom,rgba(255,255,255,0.25) 0%,rgba(255,255,255,0.15) 50%,rgba(0,0,0,0.05) 100%);box-shadow:inset 0 2px 4px rgba(255,255,255,0.3),0 -2px 4px rgba(0,0,0,0.2)}#account-editor-content{flex-grow:1;min-height:0;position:relative}.account-editor-panel{position:absolute;top:0;left:0;width:100%;height:100%;display:none;flex-direction:column;overflow-y:auto;padding:0.75rem}.account-editor-panel.active{display:flex}.settings-row{padding:0.25rem 0}.settings-label{font-size:0.8rem;color:#9ca3af}.settings-subsection-label{font-size:0.75rem;text-transform:uppercase;letter-spacing:0.5px}.toggle-switch{position:relative;display:inline-block;width:40px;height:20px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--color-secondary,#374151);transition:0.3s;border-radius:20px}.toggle-slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:white;transition:0.3s;border-radius:50%}.toggle-switch input:checked + .toggle-slider{background-color:var(--color-accent-highlight-2,#3b82f6)}.toggle-switch input:checked + .toggle-slider:before{transform:translateX(20px)}.danger-zone{padding-top:0.5rem}.danger-button{display:flex;align-items:center;justify-content:center;padding:0.5rem 1rem;background-color:#dc2626;color:white;border:1px solid #b91c1c;border-radius:0.375rem;cursor:pointer;font-size:0.75rem;font-weight:500;transition:all 0.2s ease}.danger-button:hover{background-color:#b91c1c;border-color:#991b1b}.danger-button:disabled{opacity:0.5;cursor:not-allowed}.settings-range-input{-webkit-appearance:none;appearance:none;width:80px;height:6px;background:var(--color-secondary,#374151);border-radius:3px;outline:none;cursor:pointer}.settings-range-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:var(--color-accent-highlight-2,#3b82f6);border-radius:50%;cursor:pointer;transition:transform 0.2s}.settings-range-input::-webkit-slider-thumb:hover{transform:scale(1.2)}.settings-range-input::-moz-range-thumb{width:14px;height:14px;background:var(--color-accent-highlight-2,#3b82f6);border-radius:50%;cursor:pointer;border:none}.lottery-mode-btn{padding:4px 8px;font-size:0.7rem;background-color:var(--color-secondary,#374151);color:#9ca3af;border:1px solid var(--color-border-secondary);border-radius:4px;cursor:pointer;transition:all 0.2s}.lottery-mode-btn:hover{background-color:rgba(255,255,255,0.1)}.lottery-mode-btn.active{background-color:var(--color-accent-highlight-2,#3b82f6);color:white;border-color:var(--color-accent-highlight-2,#3b82f6)}.visuals-points-label{font-family:monospace;min-width:40px}#animation-color-controls{padding-top:0.5rem;border-top:1px solid rgba(255,255,255,0.1)}.animation-color-box{width:32px;height:32px;border-radius:6px;cursor:pointer;border:2px solid rgba(255,255,255,0.2);transition:all 0.2s ease;position:relative}.animation-color-box:hover{transform:scale(1.1);border-color:rgba(255,255,255,0.5)}.animation-color-label{font-size:0.65rem;color:#9ca3af;text-align:center;margin-top:2px;width:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.animation-color-wrapper{display:flex;flex-direction:column;align-items:center;gap:2px}#login-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:100;background-color:#000000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;overflow:hidden}#login-container.hidden,#login-container:where(.hidden){display:none !important}#login-image-section{position:relative;width:min(250px,50vw);display:flex;align-items:center;justify-content:center}#login-image-section img{width:100%;height:auto;object-fit:contain}#login-logo-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:'Bebas Neue','Bangers','Righteous','Orbitron',sans-serif;font-size:clamp(2rem,8vw,4rem);font-weight:bold;text-transform:uppercase;letter-spacing:4px;color:#ffffff;text-shadow:0 0 10px rgba(139,92,246,0.8),0 0 20px rgba(139,92,246,0.6),0 0 30px rgba(139,92,246,0.4),2px 2px 0 #1f2937,3px 3px 0 rgba(0,0,0,0.3);pointer-events:none;white-space:nowrap;z-index:10}#login-buttons-section{width:min(280px,56vw);display:flex;flex-direction:column;gap:10px;max-height:40vh;overflow-y:auto}#login-buttons-section .form-button{width:100%;padding:10px 14px;font-size:12px;border-radius:6px;font-weight:600;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;cursor:pointer;border:1px solid #374151;background-color:#1f2937;color:white}#login-buttons-section .form-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.3)}.primary-button{background-color:#3b82f6 !important;border:none !important}.primary-button:hover{background-color:#2563eb !important}.email-button{background-color:#374151 !important}.email-button:hover{background-color:#4b5563 !important}.guest-button{background:linear-gradient(135deg,#10b981 0%,#059669 100%) !important;border:none !important}.guest-button:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%) !important}#email-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);display:none;justify-content:center;align-items:center;z-index:1000}#email-modal .custom-modal-content{max-width:400px;width:90%;padding:24px;background-color:#1f2937;border-radius:12px;border:1px solid #374151}#email-modal .modal-body input{width:100%;padding:12px 16px;border-radius:8px;border:1px solid #374151;background-color:#111827;color:white;font-size:14px}#email-modal .modal-body input:focus{outline:none;border-color:#60a5fa}#email-modal .custom-modal-actions{display:flex;gap:10px;justify-content:flex-end}#email-modal .modal-button{padding:10px 20px;border-radius:6px;font-weight:500;cursor:pointer;transition:all 0.2s ease}#email-modal .modal-confirm-btn{background-color:#3b82f6;border:none;color:white}#email-modal .modal-confirm-btn:hover{background-color:#2563eb}#email-modal .modal-cancel-btn{background-color:transparent;border:1px solid #4b5563;color:#9ca3af}#email-modal .modal-cancel-btn:hover{background-color:#374151;color:white}.auth-toggle-container{display:flex;gap:4px;margin-bottom:16px;background-color:#111827;border-radius:8px;padding:4px}.auth-toggle-btn{flex:1;padding:10px 16px;border:none;background-color:transparent;color:#9ca3af;font-size:14px;font-weight:500;border-radius:6px;cursor:pointer;transition:all 0.2s ease}.auth-toggle-btn:hover{color:white}.auth-toggle-btn.active{background-color:#3b82f6;color:white}.auth-toggle-btn.active:hover{background-color:#2563eb}.carousel-random-btn{position:absolute;top:2px;right:2px;width:clamp(20px,2.2vw,28px);height:clamp(20px,2.2vw,28px);border-radius:4px;background:rgba(139,92,246,0.25);border:1px solid rgba(139,92,246,0.5);color:#a78bfa;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;z-index:50;font-size:clamp(10px,1vw,14px);padding:0;margin:0}.carousel-random-btn:hover{background:rgba(139,92,246,0.4);border-color:rgba(139,92,246,0.7);color:#c4b5fd;transform:scale(1.1)}.carousel-random-btn i{margin:0}.queue-wrapper{display:flex;flex-direction:column;flex:0 0 40%;min-height:0;width:40%;align-items:stretch;box-sizing:border-box;position:relative;border:1px solid #6b7280;border-radius:12px;overflow:hidden}body.is-safari .queue-wrapper{height:auto;align-self:stretch}@media (max-width:768px){.queue-wrapper{flex:1;width:100%;min-height:200px;margin-top:0}}.queue-row-top{flex:15;min-height:0;position:relative;display:flex;flex-direction:column}.lottery-active .queue-row-top{display:flex}.queue-row-spacer-top{flex:0;min-height:0;display:none}.queue-row-tiles{flex:65;min-height:0;display:flex;align-items:center;justify-content:space-between;gap:4px;position:relative;overflow:visible;padding:0;box-sizing:border-box;background-color:rgba(0,0,0,0.3)}.queue-row-spacer-bottom{flex:0;min-height:0;display:none}.queue-row-bottom{flex:15;min-height:0;position:relative;display:flex;flex-direction:column;border-radius:0 0 12px 12px}.lottery-active .queue-row-bottom{display:flex}#record-carousel-container:has(.slot-machine-wrapper){background-color:transparent !important;padding:0}.queue-row-tiles:has(#record-carousel-container .slot-machine-wrapper){background-color:transparent !important}.queue-wrapper:has(#record-carousel-container .slot-machine-wrapper){background-color:#000 !important;overflow:visible !important}.playlist-view-wrapper{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;height:100%;width:100%;position:relative;align-items:center;overflow:hidden;padding-top:5px;padding-bottom:5px}#record-carousel-container{flex:1;display:flex;align-items:center;justify-content:space-evenly;min-width:clamp(40px,8vw,120px);min-height:clamp(40px,8vh,120px);padding:0;transition:transform 0.3s ease-out;overflow:visible;box-sizing:border-box;height:100%;align-self:stretch;container-type:size;container-name:record-carousel;position:relative;z-index:10}body.is-safari #record-carousel-container{height:auto;flex:1 1 0;align-self:stretch}#record-carousel-container::before{display:none}.record-item{position:relative;flex:0 0 auto;width:clamp(40px,8vh,120px);height:clamp(40px,8vh,120px);width:clamp(40px,min(25cqw,100cqh - 12px),120px);height:clamp(40px,min(25cqw,100cqh - 12px),120px);aspect-ratio:1 / 1;box-sizing:border-box;z-index:2;border-radius:var(--radius-sm);border:0.1vw solid rgba(128,128,128,0.5);box-shadow:0 1px 3px rgba(0,0,0,0.2);cursor:pointer;transition:transform 0.3s ease,box-shadow 0.2s ease,filter 0.2s ease;filter:brightness(0.8);overflow:visible;background-size:cover;background-position:center;background-repeat:no-repeat;display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:1fr;grid-template-areas:"top-banner" "center" "bottom-banner";align-content:start}.record-item:not([data-song-id]){background-image:none !important;background:radial-gradient(circle at 30% 30%,#fff 0%,#e8e8e8 100%) !important;border:1px solid rgba(0,0,0,0.15) !important;box-shadow:inset 4px 4px 8px rgba(0,0,0,0.4),inset -2px -2px 6px rgba(255,255,255,0.8),0 1px 3px rgba(0,0,0,0.2) !important;filter:brightness(1) !important}.record-item.slot-0::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:var(--radius-sm);border:2px solid var(--color-accent-highlight-1,#fbbf24);pointer-events:none;z-index:1}.record-item.featured{transform:scale(1.03);box-shadow:0 0.6vh 1.5vw rgba(0,0,0,0.6),0 0 1vw 0.2vw var(--color-accent-main);z-index:20;filter:brightness(1)}.record-item:hover{transform:scale(1.05);z-index:30}.record-item.featured:hover{transform:scale(1.03);z-index:20}.record-artist-banner{display:none}.record-song-banner{display:none}.record-item.featured.lottery-active,.record-item.lottery-active{transform:none !important;z-index:10 !important}.lottery-active .record-item{transform:none !important;transition:none !important;visibility:hidden;z-index:1}.lottery-active .record-item.spinner-end-tile{visibility:visible;z-index:10}#record-carousel-container:has(.slot-machine-wrapper)::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000;z-index:5;pointer-events:none}.slot-machine-wrapper{z-index:10}.winner-revealed .record-item{visibility:hidden}#record-carousel-container.lottery-active .record-item.featured{transform:none !important;filter:brightness(1);z-index:10}.record-item.winner-revealed{transform:none !important}.slot-machine-wrapper{display:flex;align-items:center;justify-content:space-evenly;width:100%;height:100%;max-width:100%;max-height:100%;overflow:visible;flex:0 0 auto;box-sizing:border-box;padding:0}.slot-wrapper{flex:0 0 auto;display:flex;align-items:center;justify-content:center;overflow:visible;width:clamp(40px,min(25cqw,100cqh - 12px),120px);height:clamp(40px,min(25cqw,100cqh - 12px),120px)}.record-item-spinner{width:100% !important;height:100% !important;aspect-ratio:1 / 1;box-sizing:border-box;border-radius:var(--radius-sm);border:0.1vw solid #000;box-shadow:0 0.4vh 0.8vw rgba(0,0,0,0.5);overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;z-index:10}.spinner-tile-inner{position:relative;width:100%;height:100%;overflow:hidden;box-sizing:border-box}.record-item .artist-logo-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48%;aspect-ratio:1;max-width:48%;max-height:48%;opacity:1;pointer-events:none;z-index:5;object-fit:cover;border-radius:50% !important;border:2px solid var(--color-accent-highlight-2,#f97316);box-shadow:0 2px 6px rgba(0,0,0,0.6),inset 0 1px 3px rgba(0,0,0,0.3)}.record-item.not-playable .artist-logo-overlay{width:36%;max-width:36%;max-height:36%}.record-play-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);color:white;display:flex;align-items:center;justify-content:center;font-size:clamp(0.8rem,1.5vw,1.5rem);border-radius:var(--radius-sm);opacity:0;pointer-events:none;transition:opacity 0.2s ease}.record-item:hover .record-play-overlay{opacity:1;pointer-events:auto}.record-item.not-playable:hover .record-play-overlay{opacity:0;pointer-events:none}.record-item.featured .record-play-overlay{opacity:1;pointer-events:auto}.carousel-arrow{background:none;border:none;color:var(--font-color-subheaders);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:clamp(0.8rem,1vw,1.2rem);padding:0.2vh 0.2vw;transition:color 0.2s ease}body.mobile-view-song .carousel-arrow,body.mobile-view-screen .carousel-arrow,body.mobile-view-artist .carousel-arrow,body.mobile-view-console .carousel-arrow{font-size:1.2rem !important;padding:0.3vh 0.3vw !important}body.mobile-view-screen .slot-0-play-row.slot-0-mobile-pause{transform:translate(-50%,-50%) scale(2)}.carousel-arrow i{display:flex;align-items:center;justify-content:center;pointer-events:none}.carousel-arrow:hover{color:var(--color-accent-main)}.carousel-arrow:disabled{opacity:0.3;cursor:not-allowed}.carousel-arrow.slide-out-left{opacity:0;pointer-events:none}.carousel-arrow.slide-out-right{opacity:0;pointer-events:none}.carousel-arrow.slide-in{opacity:1;pointer-events:auto}.record-song-actions{position:absolute;bottom:2%;left:0;right:0;display:flex;justify-content:center;gap:2%;padding:0 2%;z-index:20;pointer-events:auto}.slot-action-btn{background:transparent;border:none;color:var(--color-accent-highlight-2);cursor:pointer;padding:5.2% !important;font-size:clamp(0.52rem,0.78vw,0.78rem) !important;display:flex;align-items:center;justify-content:center;transition:transform 0.1s;min-width:0;min-height:0}.slot-action-btn i{text-shadow:3px 3px 6px rgba(0,0,0,1),-2px -2px 4px rgba(0,0,0,0.9),2px -2px 4px rgba(0,0,0,0.9),-2px 2px 4px rgba(0,0,0,0.9),0 0 8px rgba(0,0,0,0.8)}.slot-share-btn{position:absolute;bottom:2%;left:2%;z-index:20}.slot-add-btn{position:absolute;bottom:2%;right:2%;z-index:20}.slot-action-btn:hover{transform:scale(1.1)}.slot-action-btn:active{transform:scale(0.95)}.slot-action-btn i{margin:0}.record-song-featured{display:none}.record-item.featured .record-play-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent}.slot-timer{font-size:clamp(0.45rem,0.8vw,0.8rem) !important;font-family:'Arial Narrow','Roboto Condensed',Arial,sans-serif;color:#ffffff !important;background:transparent;border:none;border-radius:0;padding:0 !important;white-space:nowrap;text-align:center;pointer-events:none;display:block;box-sizing:border-box;line-height:1;box-shadow:none}.slot-action-row{grid-area:bottom-banner;position:static;display:flex;align-items:flex-end;justify-content:space-between;width:100%;padding:0 4%;overflow:hidden;min-height:clamp(24px,3vw,40px) !important;max-height:none !important;height:auto !important;box-sizing:border-box;padding:0 4% 6px !important}.slot-0-play-icon{font-size:clamp(0.6rem,1.6vw,1.6rem) !important;color:var(--color-accent-highlight-2);text-shadow:3px 3px 6px rgba(0,0,0,1),-2px -2px 4px rgba(0,0,0,0.9),2px -2px 4px rgba(0,0,0,0.9),-2px 2px 4px rgba(0,0,0,0.9),0 0 8px rgba(0,0,0,0.8)}@media (min-width:769px){.slot-0-play-icon{font-size:calc(clamp(0.6rem,1.6vw,1.6rem) * 1.35) !important}}@media (max-width:768px){body.mobile-view-song .slot-0-play-icon,body.mobile-view-artist .slot-0-play-icon{font-size:calc(clamp(0.6rem,1.6vw,1.6rem) * 2.5) !important}}@media (max-width:768px){body.mobile-view-console .slot-0-play-icon{font-size:calc(clamp(0.6rem,1.6vw,1.6rem) * 2.5) !important}}@media (max-width:768px){body.mobile-view-screen .slot-0-play-icon{font-size:calc(clamp(0.6rem,1.6vw,1.6rem) * 2.5) !important}}.slot-like-btn{position:relative;background:rgba(0,0,0,0.7);border:none;border-radius:4px;padding:2%;cursor:pointer;transition:transform 0.1s;display:flex;align-items:center;justify-content:center}.slot-like-btn:hover{transform:scale(1.1)}.slot-like-btn:active{transform:scale(0.95)}.slot-like-btn i{font-size:clamp(0.5rem,1vw,1rem);color:#fff !important;transform:translateY(3px)}.slot-like-btn.pushed i{color:#ef4444 !important}.slot-like-btn .like-count{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#000;font-size:clamp(0.3rem,0.5vw,0.5rem);font-weight:700;pointer-events:none}.record-artist-featured{font-size:clamp(0.2rem,0.4vw,0.4rem) !important;padding:1px 2px !important;text-align:center;line-height:1.2;min-height:clamp(12px,1.5vw,20px) !important;max-height:clamp(12px,1.5vw,20px) !important;height:clamp(12px,1.5vw,20px) !important;box-sizing:border-box}.record-artist-featured span{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#queue-bottom-controls{flex-shrink:0;height:16px;display:flex;align-items:center;justify-content:space-between;padding:0 2px;gap:4px;background:rgba(0,0,0,0.2);border-radius:4px;margin:2px 0 0 0}#queue-bottom-controls .queue-section-left{flex:0 0 auto;display:flex;justify-content:flex-start}#queue-bottom-controls .queue-section-center{flex:1;display:flex;align-items:center;justify-content:center}#queue-bottom-controls .queue-section-right{flex:0 0 auto;display:flex;justify-content:flex-end}#queue-normalize-btn{display:none !important}.queue-control-btn i{font-size:16px !important;color:var(--color-accent-highlight-2) !important;line-height:1 !important;margin:0 !important;padding:0 !important;display:flex;align-items:center;justify-content:center}.queue-control-btn:hover{color:var(--color-accent-highlight-1) !important}.queue-mute-btn,.queue-control-btn.queue-mute-btn{color:var(--color-accent-highlight-2) !important}.queue-mute-btn i,.queue-control-btn.queue-mute-btn i{color:var(--color-accent-highlight-2) !important}.queue-control-btn.queue-mute-btn.muted,.queue-control-btn.queue-mute-btn.active,#queue-mute-btn.muted,#queue-mute-btn.active{color:var(--color-accent-highlight-1) !important}.queue-control-btn.queue-mute-btn.muted i,.queue-control-btn.queue-mute-btn.active i,#queue-mute-btn.muted i,#queue-mute-btn.active i{color:var(--color-accent-highlight-1) !important}#queue-controls-wrapper #level-meter{flex:1;max-width:90px;min-width:60px;display:flex;align-items:center;justify-content:center;height:12px}#queue-normalize-btn{padding:0 !important;margin:0 !important;background:transparent !important;border:none !important;color:var(--color-accent-highlight-2) !important;display:flex !important;align-items:center !important;justify-content:center !important;vertical-align:middle !important;line-height:1 !important;height:100% !important;width:auto !important;min-width:unset !important;max-width:none !important}#queue-normalize-btn i{font-size:16px !important;color:var(--color-accent-highlight-2) !important;line-height:1 !important;margin:0 !important;padding:0 !important;display:flex;align-items:center;justify-content:center}#queue-normalize-btn:hover{color:var(--color-accent-highlight-1) !important}#queue-normalize-btn.active{color:var(--color-accent-highlight-1) !important}#queue-normalize-btn.active i{color:var(--color-accent-highlight-1) !important}#level-meter{position:relative;display:flex;align-items:center;justify-content:center;flex:1;max-width:75px;height:8px;min-height:8px;cursor:grab;touch-action:none;user-select:none}#level-meter:active{cursor:grabbing}#level-meter-top{position:relative;display:flex;align-items:center;justify-content:center;flex:1;max-width:75px;height:8px;min-height:8px;cursor:grab;touch-action:none;user-select:none}#level-meter-top:active{cursor:grabbing}.level-bars{display:flex;align-items:center;justify-content:center;gap:1px;height:100%;cursor:grab}.level-bar{width:1px;height:100%;min-height:6px;padding:0;border:none;background:color-mix(in srgb,var(--color-accent-highlight-2) 15%,transparent);border-radius:1px;cursor:grab;transition:background 0.1s ease,box-shadow 0.1s ease;touch-action:none;user-select:none}.level-bar:active{cursor:grabbing}.level-bar:hover{background:color-mix(in srgb,var(--color-accent-highlight-2) 40%,transparent)}.level-bar.lit{background:var(--color-accent-highlight-1,#fbbf24);box-shadow:0 0 6px var(--color-accent-highlight-1,#fbbf24)}.level-bar.lit.high{background:var(--color-accent-highlight-1,#fbbf24);box-shadow:0 0 6px var(--color-accent-highlight-1,#fbbf24)}#queue-top-controls{position:absolute;bottom:0;left:0;width:100%;flex-shrink:0;display:flex;align-items:center;justify-content:center;z-index:50;background-color:transparent;border-radius:0 !important;margin:0;padding:2px 4px}#queue-top-banner{display:flex !important;visibility:visible !important;top:0}.queue-top-song-banner{display:none !important}.hide-title-banner{display:none !important}.hide-title-banner span{display:none !important}.current-song-playing{animation:tile-pulse-bright 3s ease-in-out infinite;box-shadow:inset 0 0 0 2px rgba(255,255,255,0.6),inset 0 0 0 4px rgba(0,0,0,0.4),0 0.6vh 1.5vw rgba(0,0,0,0.6),0 0 1vw 0.2vw var(--color-accent-main)}@keyframes tile-pulse-bright{0%,100%{filter:brightness(1)}35%{filter:brightness(1.4)}50%{filter:brightness(0.85)}65%{filter:brightness(1.4)}}#waveform-container #nav-random-btn,#waveform-container .carousel-random-btn{display:none !important}.queue-wrapper .carousel-random-btn,.queue-wrapper #nav-random-btn{position:relative !important;top:auto !important;right:auto !important;background:transparent !important;border:none !important;padding:0 !important;font-size:13px !important;color:var(--color-accent-highlight-2) !important}.queue-wrapper .carousel-random-btn:hover,.queue-wrapper #nav-random-btn:hover{background:transparent !important;transform:scale(1.15);color:var(--color-accent-highlight-1) !important}.record-item::after{display:none}.spinner-tile-inner{position:relative;width:100%;height:100%;overflow:hidden;box-sizing:border-box}.spinner-tile-art{width:100%;height:100%;object-fit:cover;box-sizing:border-box}.spinner-tile-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48%;aspect-ratio:1;max-width:48%;max-height:48%;object-fit:contain;border-radius:50%;border:2px solid #000;box-shadow:0 2px 6px rgba(0,0,0,0.6);z-index:5}.spinner-tile-banner{position:absolute;top:0;left:0;right:0;background:rgba(0,0,0,0.75);color:white;text-align:center;font-size:0.7rem;padding:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:10;box-sizing:border-box}.spinner-tile-text{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,0.85));color:#fff;text-align:center;font-size:0.65rem;padding:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:10;box-sizing:border-box}.spinner-tile-text.winner{background:rgba(0,0,0,0.85);color:#fbbf24;font-weight:bold;display:flex;flex-direction:column;gap:2px}.record-item-spinner.winner-revealed{filter:brightness(1.2) grayscale(0) !important;z-index:20 !important;animation:winner-neon-flash 1.5s ease-in-out infinite !important}@keyframes winner-neon-flash{0%,100%{box-shadow:0 0 5px #fff,0 0 15px #3b82f6,0 0 35px #3b82f6,inset 0 0 0 3px #3b82f6}50%{box-shadow:0 0 8px #fff,0 0 25px #22c55e,0 0 50px #22c55e,inset 0 0 0 4px #22c55e}}.spinner-hide{display:none !important}#playlist-state-container{background:linear-gradient(135deg,color-mix(in srgb,var(--color-accent-highlight-2) 38%,transparent) 0%,color-mix(in srgb,var(--color-accent-highlight-2) 32%,transparent) 100%);border:1px solid rgba(34,197,94,0.5);border-radius:8px;padding:12px;box-sizing:border-box;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-accent-highlight-2) 55%,transparent),inset 0 0 0 3px color-mix(in srgb,var(--color-accent-highlight-2) 35%,transparent),inset 0 0 0 5px color-mix(in srgb,var(--color-accent-highlight-2) 28%,transparent),0 2px 8px rgba(0,0,0,0.4),0 0 15px color-mix(in srgb,var(--color-accent-highlight-2) 40%,transparent);position:relative;overflow:hidden}#playlist-state-container::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-radial-gradient( circle at 0 0,transparent 0,transparent 2px,rgba(255,255,255,calc(0.02 * var(--grid-opacity-multiplier,1))) 2px,rgba(255,255,255,calc(0.02 * var(--grid-opacity-multiplier,1))) 3px,transparent 3px ),repeating-radial-gradient( circle at 10px 10px,transparent 0,transparent 2px,rgba(255,255,255,calc(0.02 * var(--grid-opacity-multiplier,1))) 2px,rgba(255,255,255,calc(0.02 * var(--grid-opacity-multiplier,1))) 3px,transparent 3px );background-size:20px 20px;pointer-events:none;z-index:0;border-radius:8px}#playlist-state-container > *{position:relative;z-index:1}#playlist-state-container > div:first-child{display:flex;align-items:center;justify-content:center;gap:8px;font-size:0.75em;font-weight:700;color:#ffffff;text-transform:uppercase;letter-spacing:1.5px;text-shadow:0 0 10px rgba(34,197,94,0.5);margin-bottom:12px}#playlist-state-container > div:first-child i{color:#22c55e;font-size:1em;filter:drop-shadow(0 0 4px rgba(34,197,94,0.6))}#playlist-state-container > div:nth-child(2),#playlist-state-container > div:nth-child(3){background:rgba(0,0,0,0.4);border:1px solid rgba(34,197,94,0.3);border-radius:6px;padding:10px;margin-bottom:10px;backdrop-filter:blur(4px)}#playlist-state-container > div > div:first-child{display:flex;align-items:center;gap:6px;font-size:0.7em;font-weight:600;color:rgba(255,255,255,0.8);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:8px}#playlist-state-container > div > div:first-child i{color:#22c55e}#playlist-bucket-grid{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.playlist-bucket-song{width:40px;height:40px;border-radius:6px;overflow:hidden;background:rgba(34,197,94,0.15);border:1px solid rgba(34,197,94,0.3);cursor:grab;transition:transform 0.2s,box-shadow 0.2s,border-color 0.2s}.playlist-bucket-song:not(.is-dragging):hover{transform:scale(1.1);box-shadow:0 0 8px rgba(34,197,94,0.4);border-color:rgba(34,197,94,0.6)}.playlist-bucket-song img{width:100%;height:100%;object-fit:cover;pointer-events:none}#playlist-list-container{display:flex;flex-direction:column;gap:4px}.playlist-drop-target{display:flex;align-items:center;gap:8px;padding:8px 10px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.1);border-radius:6px;cursor:pointer;transition:all 0.2s ease}.playlist-drop-target:hover{background:rgba(34,197,94,0.2);border-color:rgba(34,197,94,0.4);transform:translateX(2px)}.playlist-drop-target[data-playlist-id="bucket"]{border:none !important;outline:none !important}.playlist-drop-target[data-playlist-id="bucket"]:hover{background:transparent !important;border-color:transparent !important;transform:none !important}.playlist-drop-target.playlist-expandable .playlist-expand-icon{color:#22c55e;font-size:0.6em;transition:transform 0.2s}.playlist-drop-target.playlist-expandable.expanded .playlist-expand-icon{transform:rotate(180deg)}.playlist-drop-target.playlist-expandable i:not(.playlist-expand-icon){color:#22c55e;font-size:0.8em}.playlist-drop-target span:first-of-type{flex:1;font-size:0.7em;color:#fff;font-weight:500}.playlist-drop-target span:last-of-type{font-size:0.65em;color:rgba(255,255,255,0.6)}.playlist-songs-expanded{display:none;padding-left:20px;padding-top:4px;padding-bottom:4px}.playlist-songs-expanded.expanded{display:block}#create-playlist-inline-btn{width:100%;margin-top:8px;padding:10px;background:rgba(34,197,94,0.15);border:1px dashed rgba(34,197,94,0.4);border-radius:6px;color:#22c55e;font-size:0.7em;font-weight:600;cursor:pointer;transition:all 0.2s ease;text-transform:uppercase;letter-spacing:0.5px}#create-playlist-inline-btn:hover{background:rgba(34,197,94,0.25);border-color:rgba(34,197,94,0.6);box-shadow:0 0 8px rgba(34,197,94,0.3)}#create-playlist-form{display:none;margin-top:8px;padding:12px;background:rgba(34,197,94,0.1);border-radius:6px;border:1px solid rgba(34,197,94,0.3)}#create-playlist-form.expanded{display:block}#new-playlist-name-input{width:100%;padding:10px;background:rgba(0,0,0,0.4);border:1px solid rgba(34,197,94,0.5);border-radius:4px;color:white;font-size:0.7em;margin-bottom:8px;box-sizing:border-box;outline:none}#new-playlist-name-input:focus{border-color:#22c55e;box-shadow:0 0 8px rgba(34,197,94,0.3)}#new-playlist-name-input::placeholder{color:rgba(255,255,255,0.5)}#create-playlist-form > div:last-child{display:flex;gap:6px}#confirm-create-playlist-btn,#cancel-create-playlist-btn{flex:1;padding:8px;border:none;border-radius:4px;font-size:0.65em;font-weight:600;cursor:pointer;transition:all 0.2s ease}#confirm-create-playlist-btn{background:#22c55e;color:white}#confirm-create-playlist-btn:hover{background:#16a34a;box-shadow:0 0 8px rgba(34,197,94,0.4)}#cancel-create-playlist-btn{background:rgba(255,255,255,0.1);color:rgba(255,255,255,0.7)}#cancel-create-playlist-btn:hover{background:rgba(255,255,255,0.2);color:rgba(255,255,255,0.9)}#mobile-play-queue-container{display:none !important}#mobile-play-queue-header-container{display:none !important}body.mobile-view-screen #mobile-play-queue-header-container,body.mobile-view-console #mobile-play-queue-header-container{display:flex !important;width:100%;height:70px;align-items:center;justify-content:center;flex-shrink:0;overflow:visible;box-sizing:border-box;padding:4px;position:relative;z-index:100;margin:0}body.mobile-view-song #mobile-play-queue-container{display:flex !important;width:100%;height:70px;align-items:center;justify-content:center;flex-shrink:0;overflow:visible;box-sizing:border-box;padding:4px;position:relative;z-index:100}body.mobile-view-artist #mobile-play-queue-container{display:flex !important;width:100%;height:70px;align-items:center;justify-content:center;flex-shrink:0;overflow:visible;box-sizing:border-box;padding:4px;position:relative;z-index:100}body.mobile-view-screen #mobile-play-queue-header-container .queue-row-tiles,body.mobile-view-console #mobile-play-queue-header-container .queue-row-tiles,body.mobile-view-song #mobile-play-queue-container .queue-row-tiles,body.mobile-view-artist #mobile-play-queue-container .queue-row-tiles{width:100%;height:100%;background-color:var(--color-carousel-bg,var(--color-windows-bg)) !important;border-radius:8px;box-shadow:inset 2px 2px 4px rgba(255,255,255,0.3),inset -2px -2px 4px rgba(0,0,0,0.3),0 4px 8px rgba(0,0,0,0.4);background-image:linear-gradient(135deg,rgba(255,255,255,0.15) 0%,transparent 50%,rgba(0,0,0,0.15) 100%),radial-gradient( circle,rgba(255,255,255,0.04) 1px,transparent 1px ),radial-gradient( circle,rgba(255,255,255,0.04) 1px,transparent 1px );background-size:10px 10px,20px 20px;background-position:0 0,5px 5px;padding:4px}body.mobile-view-screen #mobile-play-queue-header-container #record-carousel-container,body.mobile-view-console #mobile-play-queue-header-container #record-carousel-container,body.mobile-view-song #mobile-play-queue-container #record-carousel-container,body.mobile-view-artist #mobile-play-queue-container #record-carousel-container{background-color:transparent !important;touch-action:pan-x !important;cursor:grab}body.mobile-view-screen #mobile-play-queue-header-container #record-carousel-container:active,body.mobile-view-song #mobile-play-queue-container #record-carousel-container:active,body.mobile-view-artist #mobile-play-queue-container #record-carousel-container:active{cursor:grabbing}body.mobile-view-screen #mobile-play-queue-header-container .record-item,body.mobile-view-song #mobile-play-queue-container .record-item,body.mobile-view-artist #mobile-play-queue-container .record-item{box-shadow:0 2px 4px rgba(0,0,0,0.4),0 4px 8px rgba(0,0,0,0.2),inset 1px 1px 2px rgba(255,255,255,0.2)}body.mobile-view-screen #mobile-play-queue-header-container .record-item.slot-1,body.mobile-view-song #mobile-play-queue-container .record-item.slot-1,body.mobile-view-artist #mobile-play-queue-container .record-item.slot-1{box-shadow:0 6px 12px rgba(0,0,0,0.6),0 12px 24px rgba(0,0,0,0.4),inset 1px 1px 2px rgba(255,255,255,0.2) !important}body.mobile-view-screen #mobile-play-queue-header-container .record-item.slot-1.current-song-playing,body.mobile-view-song #mobile-play-queue-container .record-item.slot-1.current-song-playing,body.mobile-view-artist #mobile-play-queue-container .record-item.slot-1.current-song-playing{box-shadow:0 6px 12px rgba(0,0,0,0.6),0 12px 24px rgba(0,0,0,0.4),inset 0 0 0 2px rgba(255,255,255,0.6),inset 0 0 0 4px rgba(0,0,0,0.4),0 0 1vw 0.2vw var(--color-accent-main)}#mobile-scrolling-description-under-queue,#mobile-scrolling-description-under-queue-split{display:none !important}body.mobile-view-console #mobile-scrolling-description-under-queue,body.mobile-view-screen #mobile-scrolling-description-under-queue{display:flex !important;position:relative !important;width:100% !important;height:26px !important;min-height:26px !important;flex-shrink:0 !important;background-color:var(--color-frame,#1f2937) !important;border-top:1px solid var(--color-border-secondary,#374151) !important;border-bottom:1px solid var(--color-border-secondary,#374151) !important;overflow:hidden !important;z-index:100 !important;align-items:center !important;justify-content:flex-start !important;box-sizing:border-box !important}body.mobile-view-song #mobile-scrolling-description-under-queue-split,body.mobile-view-artist #mobile-scrolling-description-under-queue-split{display:flex !important;position:relative !important;width:100% !important;height:26px !important;min-height:26px !important;flex-shrink:0 !important;background-color:var(--color-frame,#1f2937) !important;border-top:1px solid var(--color-border-secondary,#374151) !important;border-bottom:1px solid var(--color-border-secondary,#374151) !important;overflow:hidden !important;z-index:100 !important;align-items:center !important;justify-content:flex-start !important;box-sizing:border-box !important}#mobile-scrolling-description-under-queue #player-scrolling-description-container,#mobile-scrolling-description-under-queue-split #player-scrolling-description-container{position:relative !important;width:100% !important;height:100% !important;top:auto !important;bottom:auto !important;left:auto !important;right:auto !important;background:transparent !important;border:none !important;padding:0 0.5rem !important;margin:0 !important;display:flex !important;align-items:center !important;overflow:hidden !important;z-index:1 !important}#mobile-scrolling-description-under-queue #player-scrolling-description-text,#mobile-scrolling-description-under-queue-split #player-scrolling-description-text{color:var(--color-text-secondary,#d1d5db) !important;font-size:0.75rem !important;font-weight:500 !important;white-space:nowrap !important}body.lead-in-active .record-item[data-slot="-1"],body.lead-in-active .record-item[data-slot="1"]{display:none !important}body.lead-in-active .record-item.slot-0 .record-play-overlay,body.lead-in-active .record-item[data-slot="0"] .record-play-overlay{display:none !important}body.lead-in-active .record-item.slot-0::before,body.lead-in-active .record-item[data-slot="0"]::before{display:none !important}body.mobile-view-console #mobile-play-queue-header-container,body.mobile-view-console #mobile-scrolling-description-under-queue{display:none !important}.playlist-controls{display:flex;justify-content:center;align-items:center;gap:0}.playlist-control-btn{width:24px;height:24px;padding:0;border:1px solid var(--color-border-secondary);background-color:var(--color-windows-bg) !important;color:var(--color-accent-highlight-1);font-family:var(--font-sections,sans-serif);font-size:0.65rem;font-weight:bold;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.15s ease-out;margin:0}#play-pause-icon.fa-pause,#play-pause-icon.fa-play{transition:transform 0.2s ease}.playlist-control-btn:not(:first-child){border-left:none}#artist-playlist-btn{border-radius:16px 0 0 16px}#random-playlist-btn{border-radius:0}#playlist-btn{border-radius:0 16px 16px 0}.playlist-control-btn:hover{filter:brightness(1.1)}.playlist-control-btn.pushed{background-color:var(--color-tertiary) !important;color:var(--color-accent-highlight-2,#3b82f6);border-color:rgba(0,0,0,0.5);box-shadow:inset 0 2px 4px rgba(0,0,0,0.4)}.playlist-panel-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:9998;opacity:0;transition:opacity 0.3s ease;pointer-events:none}.playlist-panel-overlay.active{opacity:1;pointer-events:auto}.playlist-panel{position:fixed;top:0;left:-400px;width:380px;height:100%;background:linear-gradient(180deg,#1a1a2e 0%,#16213e 100%);z-index:9999;transition:left 0.3s ease;display:flex;flex-direction:column;box-shadow:4px 0 20px rgba(0,0,0,0.5);border-right:1px solid rgba(255,255,255,0.1)}.playlist-panel.active{left:0}.playlist-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:rgba(0,0,0,0.3);border-bottom:1px solid rgba(255,255,255,0.1)}.playlist-panel-title{font-size:1.1rem;font-weight:600;color:white;display:flex;align-items:center;gap:8px}.playlist-panel-title i{color:var(--color-accent-main,#8b5cf6)}.playlist-panel-close{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,0.1);border:none;color:white;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.2s ease}.playlist-panel-close:hover{background:rgba(255,255,255,0.2)}.playlist-panel-content{flex:1;display:flex;flex-direction:column;padding:20px;overflow:hidden;position:relative}.playlist-pagination-nav{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;pointer-events:none;z-index:10}.playlist-pagination-arrow{width:36px;height:36px;border-radius:50%;background:rgba(0,0,0,0.6);border:1px solid rgba(255,255,255,0.2);color:white;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;pointer-events:auto}.playlist-pagination-arrow:hover:not(:disabled){background:var(--color-accent-main,#8b5cf6);border-color:var(--color-accent-main,#8b5cf6)}.playlist-pagination-arrow:disabled{opacity:0.3;cursor:not-allowed}.playlist-pagination-arrow.left{margin-left:-18px}.playlist-pagination-arrow.right{margin-right:-18px}.playlist-page-indicator{text-align:center;padding:8px 0;color:rgba(255,255,255,0.6);font-size:0.85rem}.playlist-panel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 30px;margin-top:8px}.playlist-card{aspect-ratio:1;border-radius:8px;overflow:hidden;position:relative;cursor:pointer;transition:transform 0.2s ease,box-shadow 0.2s ease;background-size:cover;background-position:center;border:1px solid rgba(255,255,255,0.1)}.playlist-card:hover{transform:scale(1.05);box-shadow:0 8px 20px rgba(0,0,0,0.4)}.playlist-card.no-image{background:linear-gradient(135deg,#2d3748 0%,#1a202c 100%);display:flex;align-items:center;justify-content:center}.playlist-card.no-image i{font-size:2rem;color:rgba(255,255,255,0.3)}.playlist-card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.3) 50%,rgba(0,0,0,0.8) 100%);display:flex;flex-direction:column;justify-content:space-between;padding:8px;opacity:0;transition:opacity 0.2s ease}.playlist-card:hover .playlist-card-overlay{opacity:1}.playlist-card-title{font-size:0.7rem;font-weight:600;color:white;text-align:center;line-height:1.2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.playlist-card-actions{display:flex;justify-content:center;gap:12px}.playlist-card-btn{width:32px;height:32px;border-radius:50%;background:linear-gradient(145deg,rgba(255,255,255,0.25),rgba(255,255,255,0.1));border:none;color:white;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s cubic-bezier(0.34,1.56,0.64,1);box-shadow:0 2px 4px rgba(0,0,0,0.3),0 4px 8px rgba(0,0,0,0.2),inset 0 1px 2px rgba(255,255,255,0.2),inset 0 -1px 2px rgba(0,0,0,0.1)}.playlist-card-btn:hover{background:linear-gradient(145deg,var(--color-accent-main,#8b5cf6),#7c3aed);transform:scale(1.15) translateY(-2px);box-shadow:0 4px 8px rgba(139,92,246,0.4),0 8px 16px rgba(139,92,246,0.3),inset 0 1px 2px rgba(255,255,255,0.3),inset 0 -1px 2px rgba(0,0,0,0.2)}.playlist-card-btn:active{transform:scale(1.05) translateY(1px);box-shadow:0 1px 2px rgba(0,0,0,0.3),0 2px 4px rgba(0,0,0,0.2),inset 0 2px 4px rgba(0,0,0,0.2)}.playlist-card-btn.delete:hover{background:linear-gradient(145deg,#f87171,#ef4444);box-shadow:0 4px 8px rgba(239,68,68,0.4),0 8px 16px rgba(239,68,68,0.3),inset 0 1px 2px rgba(255,255,255,0.3),inset 0 -1px 2px rgba(0,0,0,0.2)}.playlist-create-btn{margin-top:16px;padding:12px 20px;background:var(--color-accent-main,#8b5cf6);border:none;border-radius:8px;color:white;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all 0.2s ease}.playlist-create-btn:hover{background:#7c3aed;transform:translateY(-1px)}.playlist-empty-state{text-align:center;padding:40px 20px;color:rgba(255,255,255,0.5)}.playlist-empty-state i{font-size:3rem;margin-bottom:16px;color:rgba(255,255,255,0.2)}.playlist-empty-state p{margin-bottom:16px}.jukebot-playlist-panel{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;flex-direction:column;background:#0f172a;border-radius:0;overflow:hidden;padding-left:60px;box-sizing:border-box}.jukebot-playlist-panel.active{display:flex}.jukebot-playlist-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:rgba(30,41,59,0.8);border-bottom:1px solid rgba(255,255,255,0.1);position:relative}.jukebot-playlist-close{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,0.1);border:none;color:white;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.2s ease;font-size:0.8rem;flex-shrink:0}.jukebot-playlist-close:hover{background:rgba(239,68,68,0.8)}.jukebot-playlist-title{font-size:0.95rem;font-weight:600;color:white;display:flex;align-items:center;gap:8px}.jukebot-playlist-title i{color:#8b5cf6}.jukebot-playlist-view .playlist-detail-header{display:flex !important;flex-direction:row !important;align-items:center !important;justify-content:space-between !important;padding:6px 10px !important;background:rgba(30,41,59,0.95) !important;border-bottom:1px solid rgba(139,92,246,0.3) !important;flex-shrink:0 !important;height:44px !important;width:100% !important;box-sizing:border-box !important}.playlist-view-back{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,0.1);border:none;color:white;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;flex-shrink:0}.playlist-view-back:hover{background:rgba(139,92,246,0.6)}.playlist-detail-title{font-size:0.9rem;font-weight:600;color:white;flex:1;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 8px}.jukebot-playlist-content{flex:1;display:flex;flex-direction:column;padding:8px;overflow:hidden;min-height:0}.jukebot-playlist-pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 0}.jukebot-playlist-pagination-arrow{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);color:white;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;font-size:0.7rem}.jukebot-playlist-pagination-arrow:hover:not(:disabled){background:#8b5cf6;border-color:#8b5cf6}.jukebot-playlist-pagination-arrow:disabled{opacity:0.3;cursor:not-allowed}#jukebot-playlist-page-text{font-size:0.75rem;color:rgba(255,255,255,0.6)}.jukebot-playlist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:12px;padding:8px;overflow-y:auto;flex:1;min-height:0}.jukebot-playlist-card{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:transform 0.2s ease}.jukebot-playlist-card:hover{transform:scale(1.05)}.jukebot-playlist-grid .jukebot-playlist-card .jukebot-playlist-card-art{width:60px !important;height:60px !important;border-radius:8px !important;background-size:cover !important;background-position:center !important;background-color:#1e293b !important;position:relative !important;display:flex !important;align-items:center !important;justify-content:center !important;overflow:hidden !important;border:2px solid transparent !important;transition:border-color 0.2s ease !important}.jukebot-playlist-card:hover .jukebot-playlist-card-art{border-color:rgba(139,92,246,0.6)}.jukebot-playlist-card-art i{color:rgba(255,255,255,0.3);font-size:1.5rem}.jukebot-playlist-card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(139,92,246,0.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.2s ease}.jukebot-playlist-card:hover .jukebot-playlist-card-overlay{opacity:1}.jukebot-playlist-card-overlay i{color:white;font-size:1.8rem}.jukebot-playlist-card-name{margin-top:6px;color:rgba(255,255,255,0.8);font-size:0.75rem;text-align:center;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jukebot-playlist-card-header{flex-shrink:0;height:24px;background:rgba(0,0,0,0.7);border-bottom:1px solid rgba(139,92,246,0.3)}.jukebot-playlist-card-title-editable{font-size:0.65rem;font-weight:600;color:white;text-align:left;line-height:24px;padding:0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;height:100%}.jukebot-playlist-card-title-editable:hover{background:rgba(139,92,246,0.4);color:#c4b5fd}.jukebot-playlist-card-art{flex:1;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;min-height:0}.jukebot-playlist-card-art i{font-size:1.5rem;color:rgba(255,255,255,0.3)}.jukebot-playlist-card-footer{flex-shrink:0;height:32px;background:rgba(0,0,0,0.7);display:flex;align-items:center;justify-content:center;gap:16px;padding:0 8px}.jukebot-playlist-card-btn{width:26px;height:26px;border-radius:50%;background:linear-gradient(145deg,rgba(255,255,255,0.2),rgba(255,255,255,0.08));border:none;color:white;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s cubic-bezier(0.34,1.56,0.64,1);box-shadow:0 2px 4px rgba(0,0,0,0.3),0 4px 8px rgba(0,0,0,0.2),inset 0 1px 2px rgba(255,255,255,0.2),inset 0 -1px 2px rgba(0,0,0,0.1)}.jukebot-playlist-card-btn:hover{background:linear-gradient(145deg,#9d7aff,#8b5cf6);transform:scale(1.15) translateY(-2px);box-shadow:0 4px 8px rgba(139,92,246,0.4),0 8px 16px rgba(139,92,246,0.3),inset 0 1px 2px rgba(255,255,255,0.3),inset 0 -1px 2px rgba(0,0,0,0.2)}.jukebot-playlist-card-btn:active{transform:scale(1.05) translateY(1px);box-shadow:0 1px 2px rgba(0,0,0,0.3),0 2px 4px rgba(0,0,0,0.2),inset 0 2px 4px rgba(0,0,0,0.2)}.jukebot-playlist-card-btn.delete:hover{background:linear-gradient(145deg,#f87171,#ef4444);box-shadow:0 4px 8px rgba(239,68,68,0.4),0 8px 16px rgba(239,68,68,0.3),inset 0 1px 2px rgba(255,255,255,0.3),inset 0 -1px 2px rgba(0,0,0,0.2)}.jukebot-playlist-rename-input{font-size:0.65rem;font-weight:600;color:white;background:rgba(0,0,0,0.9);border:none;border-bottom:2px solid #8b5cf6;padding:0 8px;width:100%;height:100%;box-sizing:border-box}.jukebot-playlist-rename-input:focus{outline:none}.jukebot-playlist-create-btn{flex-shrink:0;margin-top:10px;padding:10px 16px;background:#8b5cf6;border:none;border-radius:6px;color:white;font-weight:600;font-size:0.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all 0.2s ease}.jukebot-playlist-create-btn:hover{background:#7c3aed;transform:translateY(-1px)}.jukebot-playlist-empty{grid-column:1 / -1;text-align:center;padding:30px 10px;color:rgba(255,255,255,0.5)}.jukebot-playlist-empty i{font-size:2rem;margin-bottom:10px;color:rgba(255,255,255,0.2)}.jukebot-playlist-empty p{margin:0;font-size:0.85rem}.jukebot-playlist-view{display:none;width:100%;height:100%;flex-direction:column}.jukebot-playlist-view.active{display:flex !important}.playlist-view-main{display:flex;flex:1;flex-direction:column;overflow:hidden}.playlist-logo-section{display:none}.playlist-logo-container{display:none}.playlist-logo-container:hover{border-color:rgba(139,92,246,0.6)}.playlist-logo-image{width:100%;height:100%;object-fit:cover}.playlist-logo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%)}.playlist-logo-placeholder i{font-size:2rem;color:rgba(255,255,255,0.3)}.playlist-logo-play-btn{position:absolute;bottom:6px;right:6px;width:32px;height:32px;border-radius:50%;background:linear-gradient(145deg,#9d7aff,#8b5cf6);border:none;color:white;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s cubic-bezier(0.34,1.56,0.64,1);box-shadow:0 2px 4px rgba(0,0,0,0.3),0 4px 8px rgba(139,92,246,0.3),inset 0 1px 2px rgba(255,255,255,0.3),inset 0 -1px 2px rgba(0,0,0,0.1)}.playlist-logo-play-btn:hover{transform:scale(1.15) translateY(-2px);background:linear-gradient(145deg,#a78bfa,#7c3aed);box-shadow:0 4px 8px rgba(139,92,246,0.4),0 8px 16px rgba(139,92,246,0.4),inset 0 1px 2px rgba(255,255,255,0.4),inset 0 -1px 2px rgba(0,0,0,0.2)}.playlist-logo-play-btn:active{transform:scale(1.05) translateY(1px);box-shadow:0 1px 2px rgba(0,0,0,0.3),0 2px 4px rgba(139,92,246,0.2),inset 0 2px 4px rgba(0,0,0,0.2)}.playlist-logo-song-count{font-size:0.7rem;color:rgba(255,255,255,0.6);text-align:center}.playlist-name-editor{display:none}.playlist-ai-art-btn{width:100%;padding:8px 12px;background:linear-gradient(145deg,rgba(139,92,246,0.2),rgba(139,92,246,0.1));border:1px solid rgba(139,92,246,0.4);border-radius:6px;color:#a78bfa;font-size:0.7rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all 0.2s ease}.playlist-ai-art-btn:hover{background:linear-gradient(145deg,rgba(139,92,246,0.3),rgba(139,92,246,0.2));border-color:rgba(139,92,246,0.6);color:#c4b5fd;transform:translateY(-1px)}.playlist-ai-art-btn:active{transform:translateY(0)}.playlist-ai-art-btn i{font-size:0.9rem}.playlist-queue-section{flex:1;display:flex;flex-direction:column;min-width:0;height:100%}.playlist-queue-header{display:flex;align-items:center;justify-content:space-between;padding:4px 6px;background:rgba(0,0,0,0.2);border-radius:4px;margin-bottom:4px;flex-shrink:0;min-height:28px}.playlist-queue-title{font-size:0.75rem;color:rgba(255,255,255,0.7)}.playlist-queue-hint{font-size:0.65rem;color:rgba(255,255,255,0.4)}.playlist-queue-list{flex:1 1 auto;display:flex;flex-direction:column;gap:4px;overflow-y:auto;min-height:0}.playlist-queue-footer{display:flex;align-items:center;justify-content:space-between;padding:4px 6px;background:rgba(0,0,0,0.2);border-radius:4px;margin-top:4px;flex-shrink:0;min-height:28px}.playlist-queue-slot{display:flex;align-items:center;gap:8px;padding:6px 8px;background:rgba(0,0,0,0.2);border-radius:4px;border:1px solid transparent;cursor:pointer;transition:background 0.2s,border-color 0.2s}.playlist-queue-slot:hover{background:rgba(0,0,0,0.3)}.playlist-queue-slot.dragging{opacity:0.5;border-style:dashed}.playlist-queue-slot.drag-over{border-color:#8b5cf6;background:rgba(139,92,246,0.1)}.playlist-queue-slot.current{background:rgba(139,92,246,0.2);border-color:#8b5cf6}.playlist-queue-slot.previous{opacity:0.6}.playlist-queue-slot.future{opacity:1}.playlist-slot-badge{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.65rem;font-weight:600;flex-shrink:0}.playlist-slot-info{flex:1;min-width:0}.playlist-slot-title{font-size:0.75rem;font-weight:500;color:white;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-queue-slot.previous .playlist-slot-title{color:rgba(255,255,255,0.7)}.playlist-queue-slot.current .playlist-slot-title{color:white;font-weight:600}.playlist-slot-drag{color:rgba(255,255,255,0.3);cursor:grab;padding:4px;transition:color 0.2s}.playlist-slot-drag:hover{color:rgba(255,255,255,0.6)}.playlist-slot-drag:active{cursor:grabbing}.playlist-slot-drag i{font-size:0.7rem}.playlist-song-row{display:flex;align-items:center;padding:8px 10px;background:rgba(0,0,0,0.2);border-radius:6px;border:1px solid transparent;cursor:pointer;transition:background 0.2s,border-color 0.2s;margin-bottom:4px}.playlist-song-row:hover{background:rgba(139,92,246,0.15);border-color:rgba(139,92,246,0.3)}.playlist-song-row.selected{background:rgba(139,92,246,0.25);border-color:#8b5cf6}.playlist-song-row-content{display:flex;align-items:center;justify-content:space-between;width:100%;gap:8px}.playlist-song-title{font-size:0.8rem;font-weight:500;color:white;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.playlist-song-actions{display:flex;align-items:center;gap:8px;opacity:0;transition:opacity 0.2s ease}.playlist-song-row:hover .playlist-song-actions{opacity:1}.playlist-song-play-btn,.playlist-song-edit-btn,.playlist-song-delete-btn{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,0.1);border:none;color:white;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;flex-shrink:0}.playlist-song-play-btn:hover{background:linear-gradient(145deg,#9d7aff,#8b5cf6)}.playlist-song-edit-btn:hover{background:linear-gradient(145deg,#60a5fa,#3b82f6)}.playlist-song-delete-btn:hover{background:linear-gradient(145deg,#f87171,#ef4444)}.playlist-song-play-btn i,.playlist-song-edit-btn i,.playlist-song-delete-btn i{font-size:0.7rem}.playlist-song-play-btn{width:28px;height:28px;border-radius:50%;background:linear-gradient(145deg,#9d7aff,#8b5cf6);border:none;color:white;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s cubic-bezier(0.34,1.56,0.64,1);flex-shrink:0;box-shadow:0 2px 4px rgba(0,0,0,0.3),0 4px 8px rgba(139,92,246,0.3),inset 0 1px 2px rgba(255,255,255,0.3),inset 0 -1px 2px rgba(0,0,0,0.1)}.playlist-song-play-btn:hover{background:linear-gradient(145deg,#a78bfa,#7c3aed);transform:scale(1.15) translateY(-2px);box-shadow:0 4px 8px rgba(139,92,246,0.4),0 8px 16px rgba(139,92,246,0.4),inset 0 1px 2px rgba(255,255,255,0.4),inset 0 -1px 2px rgba(0,0,0,0.2)}.playlist-song-play-btn:active{transform:scale(1.05) translateY(1px);box-shadow:0 1px 2px rgba(0,0,0,0.3),0 2px 4px rgba(139,92,246,0.2),inset 0 2px 4px rgba(0,0,0,0.2)}.playlist-song-play-btn i{font-size:0.7rem}.playlist-empty-state{text-align:center;padding:40px 20px;color:rgba(255,255,255,0.5)}.playlist-empty-state i{font-size:2.5rem;margin-bottom:12px;color:rgba(255,255,255,0.2)}.playlist-empty-state p{margin:0;font-size:0.85rem}.playlist-view-header{display:none !important}.playlist-view-back{width:32px;height:32px;border-radius:50%;background:linear-gradient(145deg,rgba(255,255,255,0.15),rgba(255,255,255,0.05));border:none;color:white;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s cubic-bezier(0.34,1.56,0.64,1);box-shadow:0 2px 4px rgba(0,0,0,0.3),0 4px 8px rgba(0,0,0,0.2),inset 0 1px 2px rgba(255,255,255,0.2),inset 0 -1px 2px rgba(0,0,0,0.1)}.playlist-view-back:hover{background:linear-gradient(145deg,#9d7aff,#8b5cf6);transform:scale(1.15) translateY(-2px);box-shadow:0 4px 8px rgba(139,92,246,0.4),0 8px 16px rgba(139,92,246,0.3),inset 0 1px 2px rgba(255,255,255,0.4),inset 0 -1px 2px rgba(0,0,0,0.2)}.banner-select-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;background-color:rgba(0,0,0,0.7);color:white;border:1px solid white;border-radius:50%;font-size:0.68rem;display:none;align-items:center;justify-content:center;cursor:pointer;z-index:5;transition:background-color 0.2s,transform 0.2s}.banner-select-btn:hover{background-color:var(--color-accent-main);transform:translate(-50%,-50%) scale(1.1)}.show-info-display{background:rgba(0,0,0,0.2);border-radius:6px;padding:12px 16px;margin-bottom:16px}.show-info-display p{margin:4px 0;font-size:0.9rem;color:rgba(255,255,255,0.8)}.show-info-display strong{color:white}.show-status-indicator{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:rgba(0,0,0,0.3);border-radius:6px;font-size:0.9rem;font-weight:600;color:rgba(255,255,255,0.8);border:1px solid rgba(255,255,255,0.1)}.show-status-indicator.status-live{color:#10b981;border-color:rgba(16,185,129,0.3);background:rgba(16,185,129,0.1);animation:pulse-live 2s ease-in-out infinite}@keyframes pulse-live{0%,100%{box-shadow:0 0 0 0 rgba(16,185,129,0.4)}50%{box-shadow:0 0 0 8px rgba(16,185,129,0)}}.playlist-scheduler-overlay{position:absolute !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;background:rgba(0,0,0,0.85) !important;display:flex !important;align-items:flex-start !important;justify-content:center !important;overflow-y:auto !important;overflow-x:hidden !important;padding:20px 10px !important;box-sizing:border-box !important;z-index:1000 !important}.playlist-scheduler-overlay::-webkit-scrollbar{width:10px !important}.playlist-scheduler-overlay::-webkit-scrollbar-track{background:rgba(0,0,0,0.3) !important;border-radius:5px !important}.playlist-scheduler-overlay::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--color-accent-highlight-1,#fbbf24),rgba(0,0,0,0.5)) !important;border-radius:5px !important;border:2px solid rgba(0,0,0,0.3) !important}.playlist-scheduler-overlay::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--color-accent-highlight-1,#fbbf24),var(--color-accent-highlight-1,#fbbf24)) !important}.playlist-scheduler-content{background:rgba(15,23,42,0.98) !important;border-radius:12px !important;border:1px solid rgba(139,92,246,0.3) !important;max-width:500px !important;width:100% !important;max-height:calc(100vh - 40px) !important;overflow-y:auto !important;overflow-x:hidden !important;box-shadow:0 8px 32px rgba(0,0,0,0.5) !important;margin:auto !important}.chat-banner-scheduler .playlist-scheduler-content{max-height:100% !important;height:auto !important}.playlist-scheduler-content::-webkit-scrollbar{width:8px !important}.playlist-scheduler-content::-webkit-scrollbar-track{background:rgba(0,0,0,0.2) !important;border-radius:4px !important}.playlist-scheduler-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--color-accent-highlight-1,#fbbf24),rgba(0,0,0,0.5)) !important;border-radius:4px !important;border:2px solid rgba(0,0,0,0.2) !important}.playlist-scheduler-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--color-accent-highlight-1,#fbbf24),var(--color-accent-highlight-1,#fbbf24)) !important}.playlist-show-scheduler-form #scheduler-playlist-select,.playlist-scheduler-body input[type="date"],.playlist-scheduler-body input[type="text"],.playlist-scheduler-body select,.playlist-scheduler-body textarea{color:black !important;background-color:white !important;margin:3px 0;width:100% !important;height:auto !important;opacity:1 !important;padding:6px 8px;transition:none !important}.playlist-scheduler-body .hidden{opacity:1 !important;transition:none !important}.playlist-show-scheduler-form #scheduler-playlist-select option,.playlist-scheduler-body select option{color:black !important;background-color:white !important}.scheduler-start-panel{margin-bottom:12px}.scheduler-section-label{font-size:0.78rem;font-weight:700;color:rgba(255,255,255,0.5);text-transform:uppercase;letter-spacing:0.8px;margin-bottom:8px;display:flex;align-items:center;gap:6px}.scheduler-leadin-toggle{display:flex;gap:4px;flex-wrap:wrap}.scheduler-leadin-btn{flex:1;min-width:36px;padding:6px 4px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);border-radius:5px;color:rgba(255,255,255,0.7);font-size:0.78rem;font-weight:600;cursor:pointer;text-align:center;transition:all 0.2s ease}.scheduler-leadin-btn:hover{background:rgba(139,92,246,0.2);border-color:rgba(139,92,246,0.4);color:#c4b5fd}.scheduler-leadin-btn.active{background:rgba(139,92,246,0.35);border-color:rgba(139,92,246,0.8);color:white;box-shadow:0 0 6px rgba(139,92,246,0.3)}.scheduler-field-hint{font-size:0.7rem;color:rgba(255,255,255,0.4);font-weight:400;display:block;margin-top:2px}.scheduler-banner-label{display:flex;align-items:center;justify-content:space-between;background:rgba(139,92,246,0.15);border:1px solid rgba(139,92,246,0.3);border-radius:6px;padding:3px;font-size:0.8rem;font-weight:600;color:#a78bfa;text-align:center;cursor:pointer;gap:6px;margin-bottom:3px}.scheduler-banner-label i{flex-shrink:0}.scheduler-banner-label .scheduler-section-arrow{font-size:0.7rem;color:rgba(167,139,250,0.7);transition:transform 0.2s ease;cursor:pointer}.scheduler-banner-label .scheduler-section-arrow:hover{color:#a78bfa}.scheduler-banner-label.collapsed .scheduler-section-arrow{transform:rotate(-90deg)}.scheduler-checkmark-circle{width:20px;height:20px;border-radius:50%;border:2px solid rgba(167,139,250,0.4);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all 0.2s ease}.scheduler-checkmark-circle i{font-size:10px;color:transparent;transition:color 0.2s ease}.scheduler-checkmark-circle.completed{background:rgba(167,139,250,0.3);border-color:#a78bfa}.scheduler-checkmark-circle.completed i{color:#a78bfa}#scheduler-emoji-panel{width:100%;max-width:300px;height:36px;background-color:rgba(10,10,10,0.97);display:flex;align-items:center;border-radius:4px;border:1px solid rgba(255,255,255,0.15);margin-bottom:8px;box-sizing:border-box}#scheduler-emoji-panel.hidden{display:none}#scheduler-emoji-panel .scheduler-emoji-content{flex:1;display:flex;align-items:center;overflow-x:auto;padding:0 0.25rem;scrollbar-width:none}#scheduler-emoji-panel .scheduler-emoji-content::-webkit-scrollbar{display:none}#scheduler-emoji-panel .emoji-item{font-size:14px;padding:2px;flex-shrink:1;min-width:20px;min-height:20px;background:transparent;border:none;cursor:pointer;transition:transform 0.2s ease}#scheduler-emoji-panel .emoji-item:hover{transform:scale(1.2)}#scheduler-emoji-panel .scheduler-emoji-scroll-left,#scheduler-emoji-panel .scheduler-emoji-scroll-right{width:20px;height:20px;background:rgba(255,255,255,0.1);border:none;border-radius:2px;color:rgba(255,255,255,0.6);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background 0.2s ease;cursor:pointer}#scheduler-emoji-panel .scheduler-emoji-scroll-left:hover,#scheduler-emoji-panel .scheduler-emoji-scroll-right:hover{background:rgba(255,255,255,0.2)}#scheduler-emoji-panel .emoji-spacer{flex-shrink:0;min-width:8px}.scheduler-summary-box{background:rgba(0,0,0,0.25);border:1px solid rgba(255,255,255,0.1);border-radius:8px;padding:10px 12px;margin-bottom:10px}.scheduler-conflict-banner{background:rgba(239,68,68,0.15);border:1px solid rgba(239,68,68,0.4);border-radius:6px;padding:8px 10px;color:#fca5a5;font-size:0.8rem;margin-bottom:8px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.scheduler-conflict-banner i{color:#f87171;flex-shrink:0}.scheduler-conflict-banner button{background:rgba(239,68,68,0.3);border:1px solid rgba(239,68,68,0.5);border-radius:4px;color:white;cursor:pointer;font-size:0.75rem;font-weight:600;padding:3px 8px;margin-left:4px;transition:background 0.2s}.scheduler-conflict-banner button:hover{background:rgba(239,68,68,0.5)}.scheduler-summary-row{display:flex;align-items:center;justify-content:space-between;padding:3px 0;font-size:0.8rem}.scheduler-summary-total{border-top:1px solid rgba(255,255,255,0.1);margin-top:4px;padding-top:6px}.ss-label{color:rgba(255,255,255,0.5);display:flex;align-items:center;gap:5px}.ss-label i{width:12px;text-align:center;font-size:0.72rem}.ss-value{color:rgba(255,255,255,0.85);text-align:right}.scheduler-summary-total .ss-value{color:white;font-size:0.85rem}.playlist-view-back i{font-size:0.9rem}.jukebot-playlist-selector{background:rgba(15,23,42,0.95);border-radius:12px;padding:16px;margin:10px 0;border:1px solid rgba(139,92,246,0.3)}.jukebot-playlist-selector-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,0.1)}.jukebot-playlist-selector-header i{color:#8b5cf6;font-size:1.2rem}.jukebot-playlist-selector-header span{color:white;font-weight:600;font-size:0.95rem}.jukebot-playlist-selector-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:12px}.jukebot-playlist-selector-item{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:transform 0.2s ease}.jukebot-playlist-selector-item:hover{transform:scale(1.05)}.jukebot-playlist-selector-art{width:70px;height:70px;border-radius:8px;background-size:cover;background-position:center;background-color:#1e293b;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border:2px solid transparent;transition:border-color 0.2s ease}.jukebot-playlist-selector-item:hover .jukebot-playlist-selector-art{border-color:rgba(139,92,246,0.6)}.jukebot-playlist-selector-art i{color:rgba(255,255,255,0.3);font-size:1.5rem}.jukebot-playlist-selector-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(139,92,246,0.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.2s ease}.jukebot-playlist-selector-item:hover .jukebot-playlist-selector-overlay{opacity:1}.jukebot-playlist-selector-overlay i{color:white;font-size:1.8rem;text-shadow:0 2px 4px rgba(0,0,0,0.3)}.jukebot-playlist-selector-name{margin-top:6px;font-size:0.7rem;color:rgba(255,255,255,0.8);text-align:center;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jukebot-playlist-selector-hint{margin-top:12px;text-align:center;font-size:0.75rem;color:rgba(255,255,255,0.5);font-style:italic}.jukebot-playlist-confirm{display:flex;align-items:center;gap:8px;padding:10px 16px;background:rgba(34,197,94,0.2);border:1px solid rgba(34,197,94,0.4);border-radius:8px;color:#4ade80;font-weight:500;margin-top:10px}.jukebot-playlist-confirm i{color:#4ade80}@media (max-width:768px){.playlist-panel{width:100% !important;left:-100% !important}.playlist-panel.active{left:0 !important}.playlist-panel-grid{grid-template-columns:repeat(2,1fr) !important;gap:8px !important;padding:0 10px !important}.jukebot-playlist-panel{padding-left:0 !important}.jukebot-playlist-grid{grid-template-columns:repeat(2,1fr) !important}.playlist-view-main{flex-direction:column !important}.playlist-logo-section{width:100% !important;min-width:100% !important;flex-direction:row !important;padding-right:0 !important;border-right:none !important;border-bottom:1px solid rgba(255,255,255,0.1);padding-bottom:8px;margin-bottom:8px}.playlist-logo-container{width:60px !important;height:60px !important;min-width:60px !important}.playlist-queue-section{flex:unset !important}}.scheduler-picker-container{position:relative;width:100%;min-height:360px;background:rgba(15,23,42,0.95);border:1px solid rgba(139,92,246,0.25);border-radius:8px;overflow:hidden}.scheduler-date-picker{width:100%;height:100%;padding:8px;box-sizing:border-box}.scheduler-date-picker input{display:none}.scheduler-date-picker .flatpickr-calendar{width:100% !important;max-width:100% !important;background:transparent !important;border:none !important;box-shadow:none !important;margin:0 auto !important}.scheduler-date-picker .flatpickr-months,.scheduler-date-picker .flatpickr-weekdays,.scheduler-date-picker .flatpickr-days{width:100% !important;max-width:100% !important}.scheduler-date-picker .dayContainer{width:100% !important;max-width:100% !important;min-width:0 !important}.scheduler-date-picker .flatpickr-day{color:#fff !important;border-radius:6px !important;line-height:32px !important;height:32px !important;flex:0 0 14.28% !important;max-width:14.28% !important}.scheduler-date-picker .flatpickr-day:hover{background:rgba(139,92,246,0.3) !important}.scheduler-date-picker .flatpickr-day.selected{background:rgba(139,92,246,0.6) !important;border-color:#8b5cf6 !important}.scheduler-date-picker .flatpickr-day.disabled{color:rgba(255,255,255,0.3) !important}.scheduler-time-slot-panel{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;background:rgba(15,23,42,0.98);z-index:2}.scheduler-time-slot-panel.hidden{display:none}.scheduler-slot-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-bottom:1px solid rgba(255,255,255,0.1);flex-shrink:0}.scheduler-back-btn{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);border-radius:6px;color:#fff;padding:4px 8px;font-size:0.75em;cursor:pointer;display:flex;align-items:center;gap:4px}.scheduler-back-btn:hover{background:rgba(139,92,246,0.3);border-color:#8b5cf6}.scheduler-selected-date-label{font-size:0.85em;font-weight:600;color:rgba(255,255,255,0.85);flex:1;text-align:center}.scheduler-ampm-toggle{display:flex;gap:4px}.scheduler-ampm-btn{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);border-radius:6px;color:rgba(255,255,255,0.7);padding:4px 10px;font-size:0.75em;font-weight:600;cursor:pointer}.scheduler-ampm-btn.active{background:rgba(139,92,246,0.4);border-color:#8b5cf6;color:#fff}.scheduler-time-slot-grid{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:4px}.scheduler-time-slot-grid::-webkit-scrollbar{width:6px}.scheduler-time-slot-grid::-webkit-scrollbar-track{background:rgba(0,0,0,0.2);border-radius:3px}.scheduler-time-slot-grid::-webkit-scrollbar-thumb{background:rgba(139,92,246,0.5);border-radius:3px}.scheduler-slot-row{position:relative;width:100%;min-height:32px;border-radius:6px;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:0.8em;border:1px solid rgba(255,255,255,0.1);box-sizing:border-box}.scheduler-slot-free{background:rgba(255,255,255,0.05);color:#fff;cursor:pointer;border:1px solid rgba(255,255,255,0.15);transition:all 0.15s ease}.scheduler-slot-free:hover:not(:disabled){background:rgba(139,92,246,0.25);border-color:#8b5cf6}.scheduler-slot-selected{background:rgba(139,92,246,0.45) !important;border-color:#a78bfa !important;box-shadow:0 0 8px rgba(139,92,246,0.4)}.scheduler-slot-past{opacity:0.5;cursor:not-allowed;background:rgba(255,255,255,0.03)}.scheduler-slot-time-free{color:#fff;font-weight:500}.scheduler-slot-time-past{color:rgba(255,255,255,0.4);text-decoration:line-through}.scheduler-slot-taken{background:rgba(0,0,0,0.4);position:relative;cursor:default}.scheduler-slot-taken-art{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0.5;z-index:1}.scheduler-slot-taken-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:2;background:rgba(0,0,0,0.35)}.scheduler-slot-taken-title{color:#fff;font-size:0.75em;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,0.8);padding:0 6px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.scheduler-slot-time{position:relative;z-index:3;color:rgba(255,255,255,0.7);font-size:0.75em;pointer-events:none}.scheduler-slot-taken .scheduler-slot-time{display:none}.scheduler-slot-message{display:flex;align-items:center;justify-content:center;gap:6px;color:rgba(255,255,255,0.7);font-size:0.85em;padding:24px 12px;text-align:center}#channel-playlists .channel-content{display:flex;flex-direction:column;padding:1rem;background-color:var(--color-channel-content-bg,var(--color-windows-bg));position:relative}#channel-playlists .channel-content::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-radial-gradient( circle at 0 0,transparent 0,transparent 2px,rgba(255,255,255,calc(0.02 * var(--grid-opacity-multiplier,1))) 2px,rgba(255,255,255,calc(0.02 * var(--grid-opacity-multiplier,1))) 3px,transparent 3px ),repeating-radial-gradient( circle at 10px 10px,transparent 0,transparent 2px,rgba(255,255,255,calc(0.02 * var(--grid-opacity-multiplier,1))) 2px,rgba(255,255,255,calc(0.02 * var(--grid-opacity-multiplier,1))) 3px,transparent 3px );background-size:20px 20px;pointer-events:none;z-index:0}#channel-playlists .channel-content > *{position:relative;z-index:1}.playlist-divider-arrow{display:flex;align-items:center;justify-content:center;color:#6b7280;font-size:1.5rem;padding:0 0.5rem}.playlist-column{flex:1 1 0;display:flex;flex-direction:column;gap:0;min-height:0;min-width:0;background-color:var(--color-windows-bg);border:1px solid #000;border-top-color:#fff;border-left-color:#fff;border-radius:0.375rem;box-shadow:inset 0 6px 12px rgba(0,0,0,0.8)}.playlist-section-header{font-size:0.9rem;font-weight:600;color:var(--color-text-secondary);font-family:var(--font-sections,sans-serif);background-color:var(--color-background-header-banner);padding:0.4rem 0.75rem;border-radius:0.375rem 0.375rem 0 0;display:flex;align-items:center;border-bottom:1px solid var(--color-border-secondary);background-image:linear-gradient(to bottom,rgba(255,255,255,0.2),rgba(0,0,0,0.25));text-shadow:0 2px 4px rgba(0,0,0,0.8);box-shadow:0 4px 8px rgba(0,0,0,0.6);flex-shrink:0;min-height:44px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-section-header{justify-content:center}#channel-playlists .playlist-controls{display:flex;gap:0.5rem;padding:0.5rem;background-color:var(--color-windows-bg);border-bottom:1px solid var(--color-border-secondary);align-items:center;flex-shrink:0}#channel-playlists .playlist-controls .dropdown-input-wrapper{flex-grow:1;min-width:0;position:relative}#channel-playlists .playlist-controls .form-input{position:absolute;top:0;left:0;width:100%;height:100%}.playlist-main-content{flex-grow:1;min-height:0;display:flex;flex-direction:column;position:relative}#playlist-songs-left{background-color:var(--color-console-main);padding:0.5rem;overflow-y:auto;height:100%}.playlist-songs-container{flex-grow:1;min-height:0;background-color:var(--color-console-main);border-radius:0 0 0.375rem 0.375rem;padding:0.5rem;overflow-y:auto;display:flex;flex-direction:column}.playlist-manager-song-entry{padding:0.2rem 0.5rem;background-color:#374151;border-radius:0.25rem;margin-bottom:0.5rem;cursor:grab;color:#d1d5db;transition:background-color 0.2s;background-image:linear-gradient(to bottom,rgba(255,255,255,0.15),rgba(0,0,0,0.2));box-shadow:inset 0 2px 2px rgba(0,0,0,0.6),inset 0 -1px 2px rgba(255,255,255,0.2),0 3px 5px rgba(0,0,0,0.5);border:1px solid rgba(0,0,0,0.5);font-size:0.8rem;flex-shrink:0}.playlist-manager-song-entry:hover{background-color:#4b5563}.playlist-manager-song-entry:active{cursor:grabbing}.drag-over-top{border-top:2px solid var(--color-active-highlight) !important}.drag-over-bottom{border-bottom:2px solid var(--color-active-highlight) !important}#playlist-editor-view{padding:0.5rem;height:100%;display:flex;flex-direction:column;gap:0.75rem}#playlist-editor-view.hidden{display:none !important}#playlist-description-textarea{flex-grow:1;resize:none}#playlist-tag-editor{flex-shrink:0}#playlist-tags-input{margin-bottom:0.5rem}#playlist-tags-display-container{display:flex;flex-wrap:wrap;gap:0.5rem;min-height:24px}#playlist-tag-editor .tag-item{background-color:#4b5563;padding:0.1rem 0.5rem;border-radius:0.25rem;font-size:0.75rem;cursor:pointer;transition:background-color 0.2s ease;white-space:nowrap}#playlist-tag-editor .tag-item:hover{background-color:#ef4444}#playlist-privacy-btn.is-public,#playlist-description-btn.active-icon{background-color:var(--color-active-highlight);color:white}#playlist-privacy-btn.is-public{color:#f3f4f6}.playlist-footer-actions{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:0.75rem 1.5rem 0 1.5rem;flex-shrink:0}.playlist-creation-area{display:flex;gap:0.5rem;justify-self:center}#playlist-lottery-ticket-btn{grid-column:3;justify-self:center;font-size:1.25rem;width:40px;height:40px;transition:all 0.2s ease-in-out}#playlist-lottery-ticket-btn:disabled{background-color:#374151;color:#6b7280;cursor:not-allowed;filter:grayscale(80%);box-shadow:inset 0 3px 6px rgba(0,0,0,0.6)}#playlist-lottery-ticket-btn:not(:disabled){color:#facc15;animation:ticket-pulse 2s infinite}@keyframes ticket-pulse{0%{box-shadow:0 0 0 0 rgba(250,204,21,0.4)}70%{box-shadow:0 0 0 10px rgba(250,204,21,0)}100%{box-shadow:0 0 0 0 rgba(250,204,21,0)}}#channel-playlists .playlist-controls .icon-button{width:32px;height:32px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center}.game-mode-wrapper{display:none;flex-direction:column;width:100%;height:100%;position:absolute;top:0;left:0;z-index:50}.game-mode-wrapper:not(.hidden){display:flex !important}.game-banner{display:flex;width:100%;height:40px;background:linear-gradient(135deg,var(--color-accent-highlight-1,#f59e0b) 0%,var(--color-accent-highlight-2,#3b82f6) 100%);border-radius:0;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,0.4);flex-shrink:0}.game-banner.hidden{display:none}#game-banner-top:not(.hidden){animation:slideInFromTop 0.5s cubic-bezier(0.4,0,0.2,1) forwards}@keyframes slideInFromTop{from{transform:translateY(-40px);opacity:0}to{transform:translateY(0);opacity:1}}#game-banner-bottom:not(.hidden){animation:slideInFromBottom 0.5s cubic-bezier(0.4,0,0.2,1) forwards}@keyframes slideInFromBottom{from{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.game-banner-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.game-banner-text{font-family:'Bungee Inline',cursive;font-size:clamp(0.48rem,0.9vw,0.72rem);font-weight:700;color:#ffffff;text-shadow:0 2px 4px rgba(0,0,0,0.8);letter-spacing:2px;z-index:2;animation:gameBannerTextGlow 1.5s ease-in-out infinite alternate}.game-banner-content::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:repeating-linear-gradient( 45deg,transparent,transparent 10px,rgba(255,255,255,0.1) 10px,rgba(255,255,255,0.1) 20px );animation:gameBannerPattern 20s linear infinite;z-index:1}@keyframes gameBannerTextGlow{0%{text-shadow:0 2px 4px rgba(0,0,0,0.8)}100%{text-shadow:0 2px 8px rgba(255,255,255,0.8),0 0 20px rgba(245,158,11,0.6)}}@keyframes gameBannerPattern{0%{transform:translate(0,0)}100%{transform:translate(50px,50px)}}#game-mode-container{display:none;flex:1;min-height:0;position:relative;border-radius:0;background-color:var(--color-tertiary);overflow:hidden;border:1px solid #d1d5db;box-shadow:0 4px 10px rgba(0,0,0,0.5);width:100%;height:100%;box-sizing:border-box;z-index:100}@media (max-width:768px){#game-mode-container{position:fixed !important;top:0 !important;left:0 !important;width:100vw !important;height:100vh !important;z-index:99999 !important}#game-mode-container:not(.hidden){display:flex !important}}#game-mode-container:not(.hidden){display:flex !important}#channel-sonic-lounge .channel-content{display:flex;padding:0.75rem;gap:0.375rem;height:100%;align-items:stretch;background-color:var(--color-channel-content-bg);position:relative;border-radius:0 0 0.375rem 0.375rem}#channel-sonic-lounge .channel-content.lounge-grid-layout{border-radius:0 0 0.375rem 0.375rem;display:grid !important}#channel-sonic-lounge .channel-content::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-radial-gradient( circle at 0 0,transparent 0,transparent 2px,rgba(255,255,255,calc(0.02 * var(--grid-opacity-multiplier,1))) 2px,rgba(255,255,255,calc(0.02 * var(--grid-opacity-multiplier,1))) 3px,transparent 3px ),repeating-radial-gradient( circle at 10px 10px,transparent 0,transparent 2px,rgba(255,255,255,calc(0.02 * var(--grid-opacity-multiplier,1))) 2px,rgba(255,255,255,calc(0.02 * var(--grid-opacity-multiplier,1))) 3px,transparent 3px );background-size:20px 20px;pointer-events:none;z-index:0}#channel-sonic-lounge .channel-content > *{position:relative;z-index:1}.lounge-grid-layout > *{position:relative;z-index:2}.lounge-grid-layout{display:grid;grid-template-columns:1fr 40%;grid-template-rows:auto 1fr;width:100%;height:100%;gap:0.75rem;background-color:var(--color-tertiary);box-shadow:inset 0 0 0 0.375rem var(--color-tertiary,#374151);border-radius:0;position:relative;overflow:hidden;min-width:0}.lounge-grid-layout .lounge-banner-top{grid-column:1 / -1;grid-row:1}.lounge-grid-layout .lounge-left-column{grid-column:1;grid-row:2;min-height:0;overflow:hidden;border-radius:0 0 0 0}.lounge-grid-layout #lounge-presence-panel-wrapper{grid-column:2;grid-row:2;min-height:0;width:100%;height:100%}.lounge-grid-layout::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-radial-gradient( circle at 0 0,transparent 0,transparent 2px,rgba(255,255,255,calc(0.02 * var(--grid-opacity-multiplier,1))) 2px,rgba(255,255,255,calc(0.02 * var(--grid-opacity-multiplier,1))) 3px,transparent 3px ),repeating-radial-gradient( circle at 10px 10px,transparent 0,transparent 2px,rgba(255,255,255,calc(0.02 * var(--grid-opacity-multiplier,1))) 2px,rgba(255,255,255,calc(0.02 * var(--grid-opacity-multiplier,1))) 3px,transparent 3px );background-size:20px 20px;pointer-events:none;z-index:1}#lounge-main-display{flex:0 0 calc(61% - 0.1875rem);min-width:0;position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:center;overflow:hidden;border-radius:8px 8px 0 0;border:none;background-color:var(--color-tertiary);box-shadow:0 4px 10px rgba(0,0,0,0.5);height:auto;margin-top:0;padding-top:0;border-right:0.4vw solid var(--color-border-secondary);gap:0;padding:0}@media (max-width:768px){.lounge-grid-layout{flex-direction:column !important;gap:0.5rem !important}}#lounge-album-art{width:100%;flex:1;min-height:0;position:relative;background-color:transparent;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:8px 8px 0 0;box-shadow:none;border:none;z-index:1;opacity:1;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer}#lounge-album-art:hover{filter:brightness(1.4) !important;transition:filter 0.2s ease !important}#mobile-lounge-album-art{cursor:pointer}#mobile-lounge-album-art:hover{filter:brightness(1.4) !important;transition:filter 0.2s ease !important}#animation-canvas{position:absolute !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;pointer-events:none;z-index:2}#lounge-album-art.song-art-visible{opacity:1;background-color:transparent !important}#lounge-album-art:not(.song-art-visible){opacity:0}#lounge-album-art.fade-enabled{transition:opacity 0.75s ease-out}@keyframes slice-slide-out-left{0%{transform:translateX(0);opacity:1}100%{transform:translateX(-100%);opacity:1}}@keyframes slice-slide-out-right{0%{transform:translateX(0);opacity:1}100%{transform:translateX(100%);opacity:1}}@keyframes slice-slide-in-left{0%{transform:translateX(-100%);opacity:1}100%{transform:translateX(0);opacity:1}}@keyframes slice-slide-in-right{0%{transform:translateX(100%);opacity:1}100%{transform:translateX(0);opacity:1}}.slice-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.album-slice{position:absolute;left:0;width:100%;height:5%;background-repeat:no-repeat;background-size:cover;will-change:transform}.album-slice.slide-out-left{animation:slice-slide-out-left 1s ease-out forwards}.album-slice.slide-out-right{animation:slice-slide-out-right 1s ease-out forwards}.album-slice.slide-in-left{animation:slice-slide-in-left 1s ease-out forwards}.album-slice.slide-in-right{animation:slice-slide-in-right 1s ease-out forwards}#lounge-album-art #visuals-album-art{position:absolute;top:0;left:0;width:100%;height:100%;max-width:none;min-width:0;border:none;border-radius:8px 8px 0 0;z-index:2}#lounge-album-art #visuals-album-art #lounge-song-art-preview,#lounge-album-art #visuals-album-art #song-art-preview{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover !important;background-position:center !important;background-repeat:no-repeat !important;z-index:1}#lounge-album-art.fit-cover,#song-art-preview.fit-cover,#mobile-lounge-album-art.fit-cover,#lounge-presence-panel .artist-card-bg.fit-cover{background-size:cover !important;object-fit:cover}#lounge-album-art.fit-contain,#song-art-preview.fit-contain,#mobile-lounge-album-art.fit-contain,#lounge-presence-panel .artist-card-bg.fit-contain{background-size:contain !important;object-fit:contain}#lounge-album-art.fit-fill,#song-art-preview.fit-fill,#mobile-lounge-album-art.fit-fill,#lounge-presence-panel .artist-card-bg.fit-fill{background-size:100% 100% !important;object-fit:fill !important;width:100% !important;height:100% !important}#song-starter-video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:20;pointer-events:none;opacity:0;background-color:#000;transition:opacity 0.5s ease-out}#song-starter-video-overlay.visible{opacity:1;background-color:#000}#song-starter-video-overlay.fading{opacity:0}#song-starter-video{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1s ease-out}#song-starter-video-overlay.visible #song-starter-video{opacity:1}#lounge-main-display #player-scrolling-description-container{position:absolute;bottom:0;left:0;width:100%;height:3vh;background:rgba(0,0,0,0.8);backdrop-filter:blur(0.5vh);border-radius:0;overflow:hidden;display:flex;align-items:center;border-top:1px solid rgba(255,255,255,0.1);padding:0 0.5vw;box-sizing:border-box;z-index:30;pointer-events:auto !important}#lounge-main-display #player-scrolling-description-container:hover #player-scrolling-description-text,#lounge-main-display #player-scrolling-description-container.hovering #player-scrolling-description-text{animation-play-state:paused !important;-webkit-animation-play-state:paused !important}#lounge-main-display #player-scrolling-description-text{white-space:nowrap;color:#ffffff !important;font-size:clamp(0.5rem,0.75vw,0.9rem);line-height:1.2;font-weight:500;padding-left:100%;animation:marquee 30s linear infinite;animation-delay:0.5s;opacity:0;display:flex;align-items:center;height:auto}@keyframes marquee{0%{transform:translateX(0);opacity:0}5%{opacity:1}10%{transform:translateX(0);opacity:1}90%{transform:translateX(-100%);opacity:1}95%{opacity:1}100%{transform:translateX(-100%);opacity:0}}.lounge-visuals-editor,#lounge-visuals-editor{position:absolute !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;z-index:50;flex-direction:column;background:transparent !important;backdrop-filter:none;transition:all 0.3s ease;border-radius:8px 8px 0 0;overflow:hidden}.lounge-visuals-editor.hidden,#lounge-visuals-editor.hidden{display:none !important;visibility:hidden !important;opacity:0 !important}.lounge-visuals-editor:not(.hidden),#lounge-visuals-editor:not(.hidden){display:flex !important;visibility:visible !important;opacity:1 !important}.lounge-visuals-editor.collapsed,#lounge-visuals-editor.collapsed{background:transparent !important;backdrop-filter:none}.lounge-visuals-editor.collapsed .editor-top-banner,.lounge-visuals-editor.collapsed .editor-main-content{opacity:0;pointer-events:none;transform:translateY(-20px)}.lounge-visuals-editor.collapsed .editor-bottom-banner{background:transparent;border-top:none}.editor-top-banner{height:39px;background:linear-gradient(to bottom,rgba(0,0,0,0.9),rgba(0,0,0,0.8));border-bottom:1px solid rgba(255,255,255,0.15);display:flex;align-items:center;justify-content:space-between;padding:0 10px;gap:8px;pointer-events:auto;transition:all 0.3s ease;position:relative;border-radius:7.5px 7.5px 0 0}.editor-banner-title{font-size:11px;font-weight:600;color:rgba(255,255,255,0.8);text-transform:uppercase;letter-spacing:1px}.editor-top-banner.flash{animation:editorFlash 1s ease-in-out}@keyframes editorFlash{0%{background:linear-gradient(to bottom,rgba(0,0,0,0.9),rgba(0,0,0,0.8))}25%{background:linear-gradient(to bottom,rgba(255,255,255,0.95),rgba(255,255,255,0.85))}50%{background:linear-gradient(to bottom,rgba(0,0,0,0.9),rgba(0,0,0,0.8))}75%{background:linear-gradient(to bottom,rgba(255,255,255,0.95),rgba(255,255,255,0.85))}100%{background:linear-gradient(to bottom,rgba(0,0,0,0.9),rgba(0,0,0,0.8))}}.editor-action-btn{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);color:#fff;cursor:pointer;padding:6px 9px;display:flex;align-items:center;justify-content:center;font-size:0.65rem;border-radius:5px;transition:all 0.2s ease;min-width:29px}.editor-action-btn:hover{background:rgba(255,255,255,0.2);border-color:rgba(255,255,255,0.4);transform:translateY(-1px);box-shadow:0 3px 8px rgba(0,0,0,0.3)}.editor-fit-controls{display:flex;gap:5px;justify-content:center}.editor-fit-btn{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);color:#fff;cursor:pointer;padding:6px 9px;display:flex;align-items:center;justify-content:center;font-size:0.62rem;border-radius:5px;transition:all 0.2s ease;min-width:29px}.editor-fit-btn:hover{background:rgba(255,255,255,0.2);border-color:rgba(255,255,255,0.4);transform:translateY(-1px)}.editor-fit-btn.active{background:var(--color-accent-highlight-1,#f59e0b);border-color:var(--color-accent-highlight-1,#f59e0b);box-shadow:0 0 8px var(--color-accent-highlight-1,#f59e0b)}.editor-toggle-btn{width:29px;height:29px;border-radius:50%;background:var(--color-accent-highlight-2,#3b82f6);border:2px solid rgba(255,255,255,0.3);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:0.47rem;transition:all 0.3s ease;box-shadow:0 3px 8px rgba(0,0,0,0.4)}.editor-toggle-btn:hover{background:var(--color-accent-highlight-2,#2563eb);border-color:rgba(255,255,255,0.5);transform:scale(1.1);box-shadow:0 4px 10px rgba(0,0,0,0.5)}.editor-bottom-banner{height:39px;background:linear-gradient(to top,rgba(0,0,0,0.9),rgba(0,0,0,0.8));border-top:1px solid rgba(255,255,255,0.15);display:flex;align-items:center;justify-content:center;padding:0 10px;pointer-events:auto;transition:all 0.3s ease;z-index:100;position:relative;border-radius:0 0 7.5px 7.5px}.editor-main-content{flex:1;display:flex;gap:12px;padding:20px;overflow:hidden;min-width:0;width:100%;max-width:100%;box-sizing:border-box;transition:all 0.3s ease}.editor-left-panel{flex:0 0 180px;display:flex;flex-direction:column;gap:12px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:16px;backdrop-filter:blur(5px);box-sizing:border-box}.editor-right-panel{flex:1;width:0;min-width:0;display:flex;flex-direction:column;gap:8px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:12px;backdrop-filter:blur(5px);overflow:hidden;box-sizing:border-box}.editor-section-title{font-size:0.55rem;font-weight:600;color:rgba(255,255,255,0.9);text-transform:uppercase;letter-spacing:0.5px;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,0.1);text-align:center}.editor-anim-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:10px;overflow-y:auto;padding:4px}.editor-anim-icon{aspect-ratio:1;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);color:rgba(255,255,255,0.7);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;border-radius:10px;transition:all 0.2s ease}.editor-anim-icon:hover{background:rgba(255,255,255,0.2);border-color:rgba(255,255,255,0.4);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.3)}.editor-anim-icon.active{background:var(--color-accent-highlight-2,#3b82f6);border-color:var(--color-accent-highlight-2,#3b82f6);color:#fff;box-shadow:0 0 16px var(--color-accent-highlight-2,#3b82f6)}.editor-color-controls{display:flex;flex-direction:column;gap:8px;overflow-y:auto;padding:4px;flex:1}.animation-color-wrapper{display:flex;align-items:center;gap:8px;padding:6px;background:rgba(255,255,255,0.05);border-radius:6px;transition:all 0.2s ease;min-height:auto;width:100%;position:relative}.animation-color-wrapper:hover{background:rgba(255,255,255,0.1)}.animation-opacity-slider{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:rgba(255,255,255,0.2);border-radius:2px;outline:none}.animation-opacity-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--color-accent-highlight-2,#3b82f6);cursor:pointer;box-shadow:0 0 8px var(--color-accent-highlight-2,#3b82f6)}.animation-opacity-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--color-accent-highlight-2,#3b82f6);cursor:pointer;border:none;box-shadow:0 0 8px var(--color-accent-highlight-2,#3b82f6)}.inline-widget.lounge-color-picker{margin:0 !important;padding:0 !important;background:#111827;border:0.1vw solid #4b5563;border-radius:0.25vh}.lounge-color-picker{display:flex;gap:4px;width:auto;height:90px;padding:4px;box-sizing:border-box}.lounge-color-picker .color-picker-main{position:relative;width:120px;height:90px;flex-shrink:0}.lounge-color-picker .color-pad-canvas{width:120px;height:90px;border-radius:0.2vh;display:block}.lounge-color-picker .color-picker-selector{position:absolute;width:8px;height:8px;border:2px solid white;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.lounge-color-picker .color-picker-hue-slider-wrapper{position:relative;width:16px;height:90px;flex-shrink:0}.lounge-color-picker .hue-slider-canvas{width:100%;height:100%;border-radius:0.2vh}.lounge-color-picker .hue-picker-selector{position:absolute;left:0;width:100%;height:4px;background:white;border:1px solid #000;transform:translateY(-50%);pointer-events:none}.animation-color-box{width:48px;height:48px;border-radius:8px;border:2px solid rgba(255,255,255,0.3);cursor:pointer;transition:all 0.2s ease;flex-shrink:0}.animation-color-box:hover{border-color:rgba(255,255,255,0.6);transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,0.3)}.animation-color-label{color:rgba(255,255,255,0.8);font-size:0.85rem;font-weight:500}#lounge-main-display:has(#lounge-visuals-editor:not(.hidden)) #live-comments-container,#lounge-main-display:has(#lounge-visuals-editor:not(.hidden)) #live-comments-wrapper,#lounge-main-display:has(#lounge-visuals-editor:not(.hidden)) .live-comments-container{display:none !important;visibility:hidden !important;opacity:0 !important;pointer-events:none !important}#lounge-main-display:has(#game-mode-container:not(.hidden)) #live-comments-container,#lounge-main-display:has(#game-mode-container:not(.hidden)) #live-comments-wrapper,#lounge-main-display:has(#game-mode-container:not(.hidden)) .live-comments-container{display:none !important;visibility:hidden !important;opacity:0 !important;pointer-events:none !important}#lounge-main-display:has(#game-mode-container:not(.hidden)) #lounge-album-art{display:none !important;visibility:hidden !important;opacity:0 !important;pointer-events:none !important}#lounge-main-display:has(#game-mode-container:not(.hidden)) #player-scrolling-description-container,#lounge-main-display:has(#game-mode-container:not(.hidden)) #song-starter-video-overlay,#lounge-main-display:has(#game-mode-container:not(.hidden)) #lounge-other-comments{display:none !important;visibility:hidden !important;opacity:0 !important;pointer-events:none !important}#lounge-main-display:has(#game-mode-container:not(.hidden)) .game-mode-wrapper{display:flex !important}#game-mode-container canvas{width:100%;height:100%}#game-mode-container iframe{overflow:hidden;scrollbar-width:none;-ms-overflow-style:none}#game-mode-container iframe::-webkit-scrollbar{display:none}#lounge-main-display:has(#lounge-visuals-editor:not(.hidden)) #player-scrolling-description-container{display:none !important;visibility:hidden !important;opacity:0 !important}.visuals-main-content{background:transparent !important;position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.animation-color-label{color:rgba(255,255,255,0.6);font-size:0.6rem}#lounge-animation-overlay{position:absolute !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;pointer-events:none;background:transparent !important;z-index:2}#lounge-animation-overlay canvas,#lounge-animation-overlay .animation-overlay-layer,#lounge-animation-overlay .animation-layer{position:absolute !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;overflow:hidden !important}#lounge-animation-overlay{position:absolute !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;pointer-events:none !important;z-index:200 !important;overflow:hidden !important}.visuals-main-content{background:transparent !important;position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}#lounge-presence-panel-wrapper{flex:0 0 auto;width:100%;max-width:100%;min-width:0;display:flex;flex-direction:column;height:100%;gap:6px;margin:0;padding:0;box-sizing:border-box;overflow:visible;position:relative}.wrapper-border{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;overflow:hidden;display:none;border-radius:0}#lounge-show-indicator{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;height:60px;min-height:60px;max-height:60px;overflow:hidden;cursor:pointer;transition:transform 0.2s ease;flex:0 0 auto;animation:connected-pulse 10s infinite !important;box-shadow:0 0 0px rgba(251,191,36,0),inset 0 0 0px rgba(251,191,36,0),0 2px 6px rgba(0,0,0,0.5) !important;clip-path:polygon(20px 0,calc(100% - 20px) 0,100% 20px,100% 100%,0 100%,0 20px)}#lounge-show-indicator .lounge-show-border{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5;filter:drop-shadow(0 0 4px var(--color-accent-highlight-1,#fbbf24)) drop-shadow(0 0 8px var(--color-accent-highlight-1,#fbbf24))}#lounge-show-indicator .header-show-overlay{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:clamp(4px,1vh,8px);background:rgba(0,0,0,0.5);overflow:hidden;padding:0 30px;box-sizing:border-box;border-radius:0 0 0 0}@keyframes reflection-sweep{0%,70%,100%{opacity:0;left:-100%}72%{opacity:0.4;left:-100%}79.8%{opacity:0.4;left:100%}81.8%{opacity:0;left:100%}}#lounge-show-indicator::before{content:'';position:absolute;top:0;left:-100%;width:30%;height:100%;background:linear-gradient( 90deg,transparent 0%,rgba(255,255,255,0.4) 50%,transparent 100% );animation:reflection-sweep 6.5s infinite;pointer-events:none;z-index:99999}#lounge-show-indicator{position:relative;box-shadow:inset 0 0 60px rgba(0,0,0,0.9) !important}#lounge-show-indicator::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,transparent 30%,rgba(0,0,0,0.7) 100%);pointer-events:none;z-index:99998}#lounge-show-indicator .header-show-overlay::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:url('data:image/svg+xml,%3Csvg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"%3E%3Cfilter id="noise"%3E%3CfeTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="3" stitchTiles="stitch"/%3E%3C/filter%3E%3Crect width="100%25" height="100%25" filter="url(%23noise)" opacity="1"/%3E%3C/svg%3E');opacity:0;pointer-events:none;z-index:1;transition:opacity 0.2s ease}#lounge-show-indicator .header-show-overlay:hover::before{opacity:0.25}#lounge-show-indicator .header-show-port{position:absolute;left:24px;top:50%;transform:translateY(-50%);width:clamp(9px,2.25vh,15px);height:clamp(9px,2.25vh,15px);border-radius:50%;background:#ef4444;border:2px solid #b91c1c;z-index:10}#lounge-show-indicator.is-disconnected .header-show-port{background:#ef4444 !important;border-color:#b91c1c !important}html body #lounge-show-indicator.is-connected,html body #lounge-show-indicator.connected,html body #lounge-show-indicator.visible.is-connected,html body #lounge-show-indicator.visible.is-live.is-connected,html body #lounge-show-indicator.visible.connected,html body #lounge-show-indicator.visible.is-live.connected{animation:connected-pulse 10s infinite !important;border:1px solid var(--color-accent-highlight-1,#fbbf24) !important;background-color:rgba(251,191,36,0.2) !important;box-shadow:0 0 0px rgba(251,191,36,0),0 2px 6px rgba(0,0,0,0.5) !important;transition:none !important}html body #lounge-show-indicator.is-connected .header-show-port,html body #lounge-show-indicator.connected .header-show-port{background:#22c55e !important;border-color:#16a34a !important;box-shadow:0 0 8px rgba(34,197,94,0.6) !important}@keyframes connected-pulse{0%{box-shadow:0 0 0px rgba(251,191,36,0),inset 0 0 0px rgba(251,191,36,0),0 2px 6px rgba(0,0,0,0.5) !important;border-color:rgba(251,191,36,0.3) !important}20%{box-shadow:0 0 10px rgba(251,191,36,0.4),inset 0 0 5px rgba(251,191,36,0.2),0 2px 6px rgba(0,0,0,0.5) !important;border-color:rgba(251,191,36,0.6) !important}40%{box-shadow:0 0 10px rgba(59,130,246,0.4),inset 0 0 5px rgba(59,130,246,0.2),0 2px 6px rgba(0,0,0,0.5) !important;border-color:rgba(59,130,246,0.6) !important}50%{box-shadow:0 0 25px rgba(59,130,246,0.8),inset 0 0 10px rgba(59,130,246,0.3),0 2px 6px rgba(0,0,0,0.5) !important;border-color:rgba(59,130,246,1) !important}60%{box-shadow:0 0 10px rgba(59,130,246,0.4),inset 0 0 5px rgba(59,130,246,0.2),0 2px 6px rgba(0,0,0,0.5) !important;border-color:rgba(59,130,246,0.6) !important}80%{box-shadow:0 0 10px rgba(251,191,36,0.4),inset 0 0 5px rgba(251,191,36,0.2),0 2px 6px rgba(0,0,0,0.5) !important;border-color:rgba(251,191,36,0.6) !important}100%{box-shadow:0 0 0px rgba(251,191,36,0),inset 0 0 0px rgba(251,191,36,0),0 2px 6px rgba(0,0,0,0.5) !important;border-color:rgba(251,191,36,0.3) !important}}#lounge-show-indicator .header-show-title{font-size:clamp(0.65rem,2.16vh,1.4rem);font-weight:700;color:#fff;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,0.8);line-height:1;margin:0;padding:0;display:block;text-align:center}#lounge-show-indicator .header-show-timer{font-size:0.7rem;color:#fbbf24;font-weight:600;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,0.8)}.presence-widget{display:flex;flex-direction:column;flex:1;min-height:0;width:100%;background-color:var(--color-frame);overflow:visible;position:relative;border-radius:0 0 0 0;border:1px solid rgba(255,255,255,0.1)}.pw-header{flex:0 0 20px;display:flex;align-items:center;justify-content:center;gap:2.4vmin;height:20px !important;max-height:20px !important;min-height:20px !important;width:100%;background:var(--color-frame);padding:0;margin:0;flex-shrink:0;overflow:hidden;border-radius:0 0 0 0 !important}.pw-tab-icon{color:rgba(255,255,255,0.4);font-size:14px;cursor:pointer;transition:color 0.2s ease}.pw-tab-icon#pw-tab-live.active{color:#22c55e}.pw-tab-icon#pw-tab-around.active{color:#3b82f6}.pw-tab-icon#pw-tab-away.active{color:#ffffff}@media (max-width:768px){.pw-tab-icon{font-size:16px}}.pw-pins-body{flex:1 1 auto;min-height:50px;height:50px;overflow:hidden;display:flex;flex-direction:column;width:100%;padding:0;margin:0;background-color:var(--color-windows-bg);border-radius:0 0 6px 6px}.pw-loading{color:rgba(255,255,255,0.5);font-size:0.85em;text-align:center;padding:4px 0}.pw-footer{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:0.8vmin;width:100%;background:linear-gradient(180deg,rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.4) 100%);padding:0;margin:0;margin-top:auto;box-shadow:inset 0 4px 8px rgba(0,0,0,0.5),inset 0 -2px 4px rgba(255,255,255,0.1);border-top:1px solid rgba(0,0,0,0.3);border-radius:0 0 6px 6px;flex-shrink:0;height:20px !important;max-height:20px !important;min-height:20px !important;overflow:hidden}.pw-count-btn{display:flex;align-items:center;gap:0.4vmin;padding:0.4vmin 0.8vmin;background:rgba(0,0,0,0.4);border:none;border-radius:0.5vmin;color:rgba(255,255,255,0.6);cursor:pointer;font-size:1.125em;transition:all 0.15s ease}.pw-count-btn:hover{background:rgba(255,255,255,0.15);color:rgba(255,255,255,0.8)}.pw-count-value{font-size:1.2vmin;font-weight:700;color:rgba(255,255,255,0.7);line-height:1}@media (max-width:768px){.pw-count-btn{padding:8px 15px;font-size:1.5em}}.artist-card-body{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;justify-content:center;width:100%;padding:0;margin:0;background-color:var(--color-windows-bg)}#song-starter-bg-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url('https://firebasestorage.googleapis.com/v0/b/f8lyss-music-app-63fb7.firebasestorage.app/o/OCT11LogoA.jpg?alt=media&token=acd0aef1-2ca1-4c78-ace8-d751502eba1f');background-size:cover;background-position:center center;background-repeat:no-repeat;z-index:100;pointer-events:none;transition:opacity 1s ease-out}.lounge-pins-main-container{background:var(--color-windows-bg);border:none;padding:0;position:relative;flex:1;min-height:0;width:100%;display:flex;align-items:stretch}.lounge-pins-surface{display:grid;grid-template-columns:repeat(auto-fit,50px);gap:0.3vmin;width:100%;max-width:100%;min-height:0;align-self:flex-start;padding:0;background:var(--color-windows-bg);border-radius:0;position:relative;box-sizing:border-box;z-index:50;box-shadow:0 3px 0 0 rgba(0,0,0,0.2),0 4px 0 0 rgba(0,0,0,0.15),0 5px 8px rgba(0,0,0,0.25)}.lounge-pins-surface::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(255,255,255,0.12) 0%,rgba(255,255,255,0.04) 100%);border-radius:0;pointer-events:none;z-index:1}.lounge-pins-surface::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient( to bottom,transparent,transparent 2px,rgba(255,255,255,calc(0.07 * var(--grid-opacity-multiplier,1))) 2px,rgba(255,255,255,calc(0.07 * var(--grid-opacity-multiplier,1))) 3px ),linear-gradient( to bottom,rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.1125) 15%,rgba(0,0,0,0.075) 40%,rgba(0,0,0,0.1875) 70%,rgba(0,0,0,0.3) 100% );border-radius:0;pointer-events:none;z-index:2}.lounge-pins-surface > *{position:relative;z-index:3}.lounge-pin-hole{aspect-ratio:1;width:50px !important;height:50px !important;max-width:50px !important;background:radial-gradient(circle at 30% 30%,#fff 0%,#e8e8e8 100%);border-radius:0;display:flex;align-items:center;justify-content:center;position:relative;transition:all 0.3s ease;box-sizing:border-box;box-shadow:inset 4px 4px 8px rgba(0,0,0,0.4),inset -2px -2px 6px rgba(255,255,255,0.8),0 1px 3px rgba(0,0,0,0.2);border:1px solid rgba(0,0,0,0.15)}.lounge-pin-hole.filled{background:#fff}.lounge-pins-pagination{flex:0 0 20px;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,0.4);height:50px;cursor:pointer;border:none;padding:0;margin:0}.lounge-pins-pagination:disabled{opacity:0.3;cursor:not-allowed}.lounge-pins-pagination:hover:not(:disabled){background-color:rgba(0,0,0,0.6)}.lounge-pins-arrow{width:12px;height:12px !important;border-radius:0 !important;background:transparent !important;border:none !important;color:#000000 !important;cursor:pointer;font-size:12px;transition:all 0.2s ease;padding:0 !important;box-shadow:none !important}.lounge-pins-arrow:hover:not(:disabled){background:rgba(255,255,255,0.2);color:#ffffff}.lounge-pins-arrow:disabled{opacity:0.3;cursor:not-allowed}.lounge-artist-card .lounge-pins-arrow{height:100% !important;border-radius:0 !important;margin:0 !important;padding:0 !important}.lounge-pin-hole .lounge-user-pin{width:50px !important;height:50px !important;border-radius:0 !important;border:2px solid #6b7280 !important;background-size:cover;position:relative;z-index:2;background-position:center;position:relative;cursor:pointer;overflow:hidden;padding:0;gap:0;box-sizing:border-box}.lounge-pin-hole .lounge-user-pin.status-offline{border-color:#6b7280 !important;box-shadow:none !important}.lounge-pin-hole .lounge-user-pin .lounge-pin-overlay{display:none}.lounge-pin-hole .lounge-user-pin .lounge-pin-name-row{display:none !important}.lounge-pin-hole .lounge-user-pin .lounge-pin-username{font-size:clamp(0.5rem,1.2vmin,0.8rem);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-align:center}.lounge-pin-hole .lounge-user-pin .lounge-pin-status-dot{width:0.8vmin;height:0.8vmin;flex-shrink:0}.lounge-pin-hole .lounge-user-pin .lounge-pin-ticket-icon{font-size:0.5rem;flex-shrink:0}.lounge-pin-hole.filled:hover{transform:none;box-shadow:0 0 8px rgba(255,255,255,0.5),inset 0 0 4px rgba(255,255,255,0.3)}.presence-widget .pw-pins-body p{font-size:0.65em;color:rgba(255,255,255,0.4);text-align:center;padding:12px 0;margin:0}.artist-card-footer .presence-mode-btn.active,.artist-card-footer button.presence-mode-btn.active,.presence-mode-btn.active{background:linear-gradient(135deg,rgba(var(--color-accent-highlight-1-rgb,251,191,36),0.5) 0%,rgba(var(--color-accent-highlight-2-rgb,59,130,246),0.5) 100%) !important;border:1px solid rgba(255,255,255,0.3) !important;color:#fff !important;box-shadow:0 0 8px rgba(251,191,36,0.3) !important}#lounge-presence-panel.lounge-artist-card{flex:1;min-height:0;display:flex;flex-direction:column;position:relative;overflow:visible;background-color:var(--color-windows-bg);border-radius:7.5px;border:none;box-shadow:0 4px 10px rgba(0,0,0,0.5) !important;min-width:150px;margin:0;clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,20px 100%,0 calc(100% - 20px))}.artist-card-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:var(--color-frame);z-index:0;border-radius:inherit}.artist-card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.7) 100%);z-index:1;border-radius:inherit}.artist-card-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:stretch;padding:0;gap:0;height:100%;min-height:0;justify-content:space-between;overflow:visible}.artist-card-name{width:100%;background:transparent;color:#000;padding:0;text-align:center;font-family:var(--font-name,'Righteous',sans-serif);font-size:12px !important;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;border-radius:0;border:none;box-shadow:none;margin:0;box-sizing:border-box;align-self:stretch;line-height:26px;height:26px;display:flex;align-items:center;justify-content:center;border-top:1px solid rgba(0,0,0,0.2);display:none}.artist-card-name span{display:inline-block;vertical-align:middle;font-size:15px !important;color:#ffffff;text-shadow:-0.5px -0.5px 0 #333,0.5px -0.5px 0 #333,-0.5px 0.5px 0 #333,0.5px 0.5px 0 #333}.artist-card-logo-wrapper{width:clamp(60px,8vw,90px);height:clamp(60px,8vw,90px);border-radius:50%;overflow:hidden;border:3px solid var(--color-accent-highlight-1,#30b2ba);box-shadow:0 0 0 2px rgba(0,0,0,0.5),0 0 10px var(--color-accent-highlight-1,rgba(48,178,186,0.4));background-color:#1a1a2e;flex-shrink:0}.artist-card-logo{width:100%;height:100%;object-fit:cover}.artist-card-bio{flex:1;width:100%;min-height:0;background-color:rgba(0,0,0,0.5);border-radius:0;padding:0;margin:0;overflow-y:auto;display:flex;align-items:center;justify-content:center;border:none}.artist-card-bio::-webkit-scrollbar{width:4px}.artist-card-bio::-webkit-scrollbar-track{background:rgba(0,0,0,0.3);border-radius:2px}.artist-card-bio::-webkit-scrollbar-thumb{background:var(--color-accent-highlight-1,#30b2ba);border-radius:2px}.artist-card-bio::-webkit-scrollbar-thumb:hover{background:var(--color-accent-highlight-1,#fbbf24)}.artist-card-bio p{color:#f5f5f5;font-size:clamp(0.75rem,0.98vw,0.98rem);text-align:center;line-height:1.4;font-style:italic;margin:0;padding:8px 4px}.artist-card-socials{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:0;background:transparent;border-top:1px solid rgba(0,0,0,0.2);box-shadow:none}.artist-card-socials .socials-nav-btn{background:rgba(0,0,0,0.4);border:1px solid rgba(255,255,255,0.2);color:#fff;width:48px;height:48px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;transition:all 0.2s ease;flex-shrink:0}.artist-card-socials .socials-nav-btn:hover{background:var(--color-accent-highlight-1,#30b2ba);color:#000}#socials-display-area{display:flex;align-items:center;justify-content:center;gap:8px;overflow:hidden;width:calc(100% - 120px);max-width:240px}#socials-display-area .social-icon-link{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px}#socials-display-area .social-icon-link img{width:30px;height:30px;object-fit:contain}.socials-placeholder{color:rgba(255,255,255,0.5);font-size:10px;font-style:italic}.mobile-songs-panel{width:100%;display:flex;flex-direction:column;align-items:stretch;background:rgba(0,0,0,0.55);border-radius:6px 6px 0 0;overflow:hidden;flex-shrink:0}.mobile-songs-nav-btn{width:100%;height:20px;background:linear-gradient(180deg,#c0c0c0 0%,#a8a8a8 25%,#e8e8e8 50%,#a8a8a8 75%,#909090 100%);border:none;border-bottom:1px solid rgba(0,0,0,0.3);color:#333;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:10px;flex-shrink:0;transition:all 0.2s ease;box-shadow:inset 0 1px 0 rgba(255,255,255,0.6),inset 0 -1px 0 rgba(0,0,0,0.2)}.mobile-songs-nav-btn:hover{background:linear-gradient(180deg,#d0d0d0 0%,#b8b8b8 25%,#f8f8f8 50%,#b8b8b8 75%,#a0a0a0 100%);color:#222;box-shadow:inset 0 1px 0 rgba(255,255,255,0.8),inset 0 -1px 0 rgba(0,0,0,0.3)}.mobile-songs-nav-btn:disabled{opacity:0.4;cursor:default;background:linear-gradient(180deg,#808080 0%,#707070 25%,#909090 50%,#707070 75%,#606060 100%);color:#555}#mobile-songs-next-btn{border-bottom:none;border-top:1px solid rgba(255,255,255,0.08)}.mobile-songs-display-area{display:flex;flex-direction:column;gap:0;overflow:hidden;flex-shrink:0;position:relative;height:90px}.mobile-songs-display-area .ac-song-slot{width:100%;height:30px}.mobile-songs-panel{display:none}body.mobile-view-artist .mobile-songs-panel{display:flex}#ac-songs-panel{width:100%;display:flex;flex-direction:column;align-items:stretch;background:rgba(0,0,0,0.55);border-radius:6px;flex-shrink:0}.ac-songs-nav-btn{width:100%;height:20px;background:linear-gradient(180deg,#c0c0c0 0%,#a8a8a8 25%,#e8e8e8 50%,#a8a8a8 75%,#909090 100%);border:none;border-bottom:1px solid rgba(0,0,0,0.3);color:#333;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:10px;flex-shrink:0;transition:all 0.2s ease;box-shadow:inset 0 1px 0 rgba(255,255,255,0.6),inset 0 -1px 0 rgba(0,0,0,0.2)}.ac-songs-nav-btn:hover{background:linear-gradient(180deg,#d0d0d0 0%,#b8b8b8 25%,#f8f8f8 50%,#b8b8b8 75%,#a0a0a0 100%);color:#222;box-shadow:inset 0 1px 0 rgba(255,255,255,0.8),inset 0 -1px 0 rgba(0,0,0,0.3)}.ac-songs-nav-btn:disabled{opacity:0.4;cursor:default;background:linear-gradient(180deg,#808080 0%,#707070 25%,#909090 50%,#707070 75%,#606060 100%);color:#555}#ac-songs-up-btn{border-radius:6px 6px 0 0}#ac-songs-down-btn{border-top:1px solid rgba(255,255,255,0.08);border-bottom:2px solid rgba(255,255,255,0.2) !important;border-radius:0 0 6px 6px !important;margin-bottom:1px}.ac-songs-list{display:flex;flex-direction:column;gap:0;overflow:hidden;flex-shrink:0;position:relative;height:126px}.ac-songs-track{display:flex;flex-direction:column;width:100%;will-change:transform}.ac-song-slot{position:relative;width:100%;height:42px;overflow:visible;background-color:rgba(0,0,0,0.4);background-size:cover;background-position:center;flex-shrink:0;cursor:pointer;border-bottom:1px solid rgba(0,0,0,0.3)}@keyframes slideUp{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{from{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.ac-song-slot:last-child{border-bottom:none}.ac-song-slot::after{content:'';position:absolute;inset:0;background:rgba(0,0,0,0.48);pointer-events:none;transition:background 0.2s ease}.ac-song-slot:hover::after{background:rgba(0,0,0,0.1)}.ac-song-slot{transition:filter 0.2s ease}.ac-song-slot:hover{filter:brightness(1.5) !important}.ac-song-slot:hover .ac-song-slot-inner{filter:brightness(0.667)}.ac-song-slot.current-song-playing,#ac-songs-list .ac-song-slot.current-song-playing,.mobile-songs-display-area .ac-song-slot.current-song-playing{animation:ac-slot-pulse 3s ease-in-out infinite;box-shadow:inset 0 0 0 2px rgba(255,255,255,1),inset 0 0 0 4px rgba(0,0,0,0.4),inset 0 0 40px 10px var(--color-accent-highlight-1,#fbbf24) !important;filter:brightness(1.5) !important}@keyframes ac-slot-pulse{0%,100%{filter:brightness(1.5) !important;box-shadow:inset 0 0 0 2px rgba(255,255,255,1),inset 0 0 0 4px rgba(0,0,0,0.4),inset 0 0 40px 10px var(--color-accent-highlight-1,#fbbf24) !important}50%{filter:brightness(1.8) !important;box-shadow:inset 0 0 0 2px rgba(255,255,255,1),inset 0 0 0 4px rgba(0,0,0,0.4),inset 0 0 60px 16px var(--color-accent-highlight-1,#fbbf24) !important}}.ac-song-waveform{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;align-items:flex-end;gap:2px;height:20px;z-index:3;opacity:0;transition:opacity 0.3s ease;padding:2px 4px;background:var(--color-waveform-bg,rgba(0,0,0,0.6));border-radius:3px;overflow:hidden}.ac-song-slot.current-song-playing.playing .ac-song-waveform{opacity:1}.ac-song-slot.current-song-playing .ac-song-slot-inner{filter:brightness(0.667)}.ac-waveform-bar{width:3px;background:var(--color-accent-highlight-1,#fbbf24);border-radius:1px;height:4px;transition:height 0.05s ease-out;box-shadow:0 0 2px rgba(0,0,0,0.8)}.ac-song-slot-inner{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;padding:0 8px}.ac-song-slot-play{position:absolute;left:8px;width:22px;height:22px;border-radius:50%;background:rgba(0,0,0,0.55);border:1px solid rgba(255,255,255,0.35);color:#fff;display:flex;align-items:center;justify-content:center;font-size:8px;flex-shrink:0;transition:background 0.15s ease,border-color 0.15s ease;padding-left:2px}.ac-song-slot:hover .ac-song-slot-play{background:#fff;color:#000}.ac-song-slot-title{flex:1;font-size:0.68rem;font-weight:500;color:#fff;white-space:nowrap;text-align:center;overflow:hidden;text-overflow:ellipsis;text-decoration:none;text-shadow:0 1px 3px rgba(0,0,0,0.8);pointer-events:none}.ac-song-slot.empty{background-color:rgba(0,0,0,0.2);cursor:default}.ac-song-slot.empty .ac-song-slot-inner{display:none}.artist-card-badge-completions{position:relative;width:100%;padding:8px 12px;background:rgba(0,0,0,0.3);border-top:1px solid rgba(0,0,0,0.2);box-sizing:border-box;overflow:hidden;display:flex;align-items:center;gap:8px}body.mobile-view-artist .artist-card-badge-completions{order:-1;border-top:none;border-bottom:1px solid rgba(0,0,0,0.2)}.badge-scroll-btn{display:none}.badge-completions-surface{display:flex;gap:4px;flex:1 1 0;min-width:0;width:0;height:40px;background:transparent;border-radius:4px;position:relative;box-sizing:border-box;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;cursor:grab !important;user-select:none}.badge-completions-surface:active{cursor:grabbing !important}.badge-completions-surface::-webkit-scrollbar{display:none}.badge-completion-hole{flex:0 0 24px;width:24px;min-width:24px;height:100%;cursor:grab !important}.badge-completions-surface::before,.badge-completions-surface::after{display:none}.badge-completions-surface > *{position:relative;z-index:3}.badge-completion-hole{flex:0 0 24px;width:24px;min-width:24px;height:100%;background:radial-gradient(circle at 30% 30%,#fff 0%,#e8e8e8 100%);border-radius:3px;display:flex;align-items:center;justify-content:center;position:relative;transition:all 0.3s ease;box-sizing:border-box;box-shadow:inset 3px 3px 6px rgba(0,0,0,0.4),inset -1px -1px 4px rgba(255,255,255,0.8),0 1px 2px rgba(0,0,0,0.2);border:1px solid rgba(0,0,0,0.15);padding:4px}.badge-completion-hole.filled{background:#fff}.badge-completion-hole i{font-size:12px !important;color:#000 !important}.artist-card-actions{width:100%;display:flex;justify-content:space-between;padding-top:6px;gap:8px}.artist-action-btn{flex:1;background-color:var(--color-windows-bg,#631834);border:1px solid rgba(255,255,255,0.2);color:#fff;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;gap:4px;transition:all 0.2s ease}.artist-action-btn:hover{background-color:var(--color-accent-highlight-2,#ce96cb);color:#000;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.3)}.artist-action-btn:active{transform:translateY(0)}#lounge-main-display #live-comments-container{position:absolute;width:100%;height:100%;top:0;left:0;transform:none;background-color:rgba(0,0,0,0.4);z-index:10;border-radius:0.375rem;padding:10px;box-sizing:border-box;display:flex;flex-direction:column}#lounge-other-comments{position:absolute;overflow-y:auto;bottom:0;left:0;right:0;max-height:0;height:0;background:rgba(0,0,0,0.6);border-radius:0 0 0.375rem 0.375rem;z-index:4;padding:0;display:none;overflow:hidden}#lounge-other-comments:has(.comment-list-entry){display:block;max-height:120px;height:auto;overflow:visible}#lounge-other-comments::-webkit-scrollbar{width:4px}#lounge-other-comments::-webkit-scrollbar-thumb{background-color:var(--color-accent-highlight-1,#fbbf24);border-radius:2px}#lounge-other-comments .comment-actions{display:none !important}#lounge-other-comments .message-overlay{display:none !important}#lounge-other-comments .comment-main{flex:1;min-width:0}#lounge-other-comments .comment-list-entry{background:rgba(30,30,30,0.8);border-radius:2px;margin-bottom:0;padding:2px;display:flex;align-items:flex-start;gap:2px}#lounge-other-comments .comment-list-entry:last-child{margin-bottom:0}#lounge-other-comments .comment-user-area{flex-shrink:0;width:16px}#lounge-other-comments .comment-user-area img{width:16px;height:16px;border-radius:50%}#lounge-other-comments .comment-main{flex-grow:1;min-width:0}#lounge-other-comments .comment-text-header{display:flex;align-items:center;gap:0;margin-bottom:0;font-size:8px}.comment-text-header{display:flex;align-items:center;gap:0;flex-wrap:wrap}.comment-edited-indicator{font-size:0.75em;font-style:italic;opacity:0.7;margin-left:4px;color:var(--color-accent-highlight-2,#ce96cb)}#lounge-other-comments .comment-text{font-size:9px;line-height:1.1;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;display:block;margin:0;padding:0}#lounge-presence-panel{flex:0 0 calc(35% - 0.375rem);display:flex;flex-direction:column;background-color:var(--color-windows-bg);border:1px solid #363940 !important;box-shadow:0 0 0 1px rgba(0,0,0,0.3),0 0 0 3px rgba(0,0,0,0.2),0 4px 10px rgba(0,0,0,0.5) !important;border-radius:7.5px;overflow:visible !important;height:auto;min-width:150px;margin-top:0.5rem}.lounge-presence-header{font-size:0.9rem;font-weight:600;color:#000;font-family:var(--font-sections,sans-serif);background-color:var(--color-top-windows-bg);padding:0.4rem 0.75rem;text-align:center;border-bottom:1px solid var(--color-border-secondary);background-image:none;text-shadow:none;box-shadow:none;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:6px}.presence-header-row{display:flex;align-items:center;gap:8px}.presence-header-row #presence-header-text{font-weight:600;color:var(--color-text-main);font-size:12px;text-transform:uppercase;letter-spacing:0.5px}.presence-count{font-size:10px;color:var(--color-text-muted);background:rgba(255,255,255,0.1);padding:2px 6px;border-radius:10px}.presence-mode-toggle{display:flex;gap:4px}.presence-mode-btn{background:rgba(255,255,255,0.9);border:1px solid rgba(255,255,255,0.3);color:rgba(0,0,0,0.8);padding:4px 6px;border-radius:4px 4px 0 0;cursor:pointer;transition:all 0.2s;font-size:10px}.presence-mode-btn:hover{background:rgba(255,255,255,1);color:rgba(0,0,0,1)}.presence-mode-btn.active{background:linear-gradient(135deg,rgba(var(--color-accent-highlight-1-rgb,251,191,36),0.5) 0%,rgba(var(--color-accent-highlight-2-rgb,59,130,246),0.5) 100%) !important;border-color:rgba(255,255,255,0.3) !important;color:#fff !important}.presence-mode-btn[data-mode="live"].active{background:linear-gradient(135deg,rgba(var(--color-accent-highlight-1-rgb,251,191,36),0.5) 0%,rgba(var(--color-accent-highlight-2-rgb,59,130,246),0.5) 100%) !important;border-color:rgba(255,255,255,0.3) !important;color:#fff !important}.presence-mode-btn[data-mode="around"].active{background:linear-gradient(135deg,rgba(var(--color-accent-highlight-1-rgb,251,191,36),0.5) 0%,rgba(var(--color-accent-highlight-2-rgb,59,130,246),0.5) 100%) !important;border-color:rgba(255,255,255,0.3) !important;color:#fff !important}.presence-mode-btn[data-mode="loggedin"].active{background:linear-gradient(135deg,rgba(var(--color-accent-highlight-1-rgb,251,191,36),0.5) 0%,rgba(var(--color-accent-highlight-2-rgb,59,130,246),0.5) 100%) !important;border-color:rgba(255,255,255,0.3) !important;color:#fff !important}.show-banner-state-text.live,.show-banner-timer.live{color:#ef4444;text-shadow:0 0 5px #ef4444;animation:live-pulse 1.5s infinite}@keyframes live-pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:0.8}}.live-pins-container{display:flex;flex-direction:column;width:100%;box-sizing:border-box;flex:1;min-height:0;overflow:hidden;box-shadow:inset 0 0 10px rgba(0,0,0,0.3),0 0 0 1px rgba(0,0,0,0.4)}.live-pins-content{flex:1;overflow-y:auto;padding:0.5rem;display:flex;flex-direction:column;gap:0.25rem;scrollbar-width:none;-ms-overflow-style:none}.live-pins-content::-webkit-scrollbar{display:none}.lounge-user-pin{display:flex;border:2px solid rgba(128,128,128,0.3) !important;box-sizing:border-box;align-items:center;justify-content:center !important;gap:0;padding:0;border-radius:4px;cursor:pointer;transition:background-color 0.2s ease;width:50px !important;height:50px !important;flex-shrink:0 !important;box-sizing:border-box;background-position:center center;background-size:cover}.lounge-user-pin .lounge-pin-name-row{display:none !important}.lounge-user-pin:hover{background-color:rgba(255,255,255,0.1)}.lounge-user-pin .lounge-pin-pfp{position:relative;width:24px;height:24px;flex-shrink:0}.lounge-user-pin .lounge-pin-pfp::before{display:none !important}.lounge-pin-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-right:4px;position:relative;z-index:100;background-color:#6b7280;box-shadow:0 0 4px rgba(107,114,128,0.5)}.lounge-user-pin:hover .lounge-pin-username{color:#fff;text-shadow:0 0 8px rgba(255,255,255,0.6),0 0 16px rgba(255,255,255,0.3)}.lounge-pin-status-dot.status-live{background-color:#22c55e;box-shadow:0 0 6px #22c55e}.lounge-pin-status-dot.status-around{background-color:#3b82f6;box-shadow:0 0 6px rgba(59,130,246,0.6)}.lounge-pin-status-dot.status-away{background-color:#ffffff;box-shadow:0 0 6px rgba(255,255,255,0.6)}.lounge-pin-status-dot.status-offline{background-color:#6b7280;box-shadow:none}.lounge-presence-section{margin-bottom:0;border-radius:0 !important}.lounge-presence-section-label{font-size:10px}.lounge-presence-empty-inline{font-size:0.75rem;color:#6b7280;padding:0;text-align:center}.lounge-presence-section-label{font-weight:600;text-transform:uppercase;letter-spacing:0.5px;padding:4px 0;margin-bottom:4px}.lounge-presence-section-label:empty{margin:0 !important;padding:0 !important;height:0 !important;min-height:0 !important}.live-section .lounge-presence-section-label{color:#22c55e}.around-section .lounge-presence-section-label{color:#3b82f6}.lounge-presence-section.live-section{background:linear-gradient(135deg,rgba(206,150,203,0.2) 0%,rgba(34,197,94,0.1) 50%,rgba(206,150,203,0.15) 100%);border-radius:0;padding:12px 14px 0;margin-bottom:0;border:none;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(206,150,203,0.3),inset 0 0 0 3px rgba(34,197,94,0.15),inset 0 0 0 5px rgba(206,150,203,0.1),0 0 20px rgba(206,150,203,0.15),0 0 40px rgba(34,197,94,0.08)}.lounge-presence-section.live-section::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent 0%,#ce96cb 15%,#22c55e 50%,#ce96cb 85%,transparent 100%);box-shadow:0 0 8px #ce96cb,0 0 16px rgba(34,197,94,0.6),0 0 24px rgba(206,150,203,0.4)}.lounge-presence-section.live-section::after{content:'';position:absolute;bottom:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(34,197,94,0.4),transparent)}.lounge-presence-section.around-section{background:linear-gradient(135deg,color-mix(in srgb,var(--color-accent-highlight-2) 18%,transparent) 0%,color-mix(in srgb,var(--color-accent-highlight-2) 10%,transparent) 50%,color-mix(in srgb,var(--color-accent-highlight-2) 12%,transparent) 100%);border-radius:0;padding:0 14px 8px;margin-bottom:10px;border:none;position:relative;overflow:hidden;width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-accent-highlight-2) 35%,transparent),inset 0 0 0 3px color-mix(in srgb,var(--color-accent-highlight-2) 15%,transparent),inset 0 0 0 5px color-mix(in srgb,var(--color-accent-highlight-2) 8%,transparent),0 0 20px color-mix(in srgb,var(--color-accent-highlight-2) 15%,transparent),0 0 40px color-mix(in srgb,var(--color-accent-highlight-2) 8%,transparent)}.lounge-presence-section.around-section::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent 0%,var(--color-accent-highlight-2) 50%,transparent 100%);box-shadow:0 0 8px var(--color-accent-highlight-2),0 0 16px color-mix(in srgb,var(--color-accent-highlight-2) 60%,transparent),0 0 24px color-mix(in srgb,var(--color-accent-highlight-2) 40%,transparent)}.lounge-presence-section.around-section::after{content:'';position:absolute;bottom:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--color-accent-highlight-2) 40%,transparent),transparent)}.lounge-presence-section-label{display:flex;align-items:center;gap:6px;font-family:var(--font-sections,'Righteous',sans-serif)}.live-section .lounge-presence-section-label{color:#ce96cb;font-size:11px;font-weight:600;text-shadow:0 0 8px rgba(206,150,203,0.5)}.around-section .lounge-presence-section-label{color:var(--color-accent-highlight-1);font-size:11px;font-weight:600;text-shadow:0 0 8px color-mix(in srgb,var(--color-accent-highlight-1) 50%,transparent)}.lounge-user-pin{display:flex;align-items:center;justify-content:center !important;position:relative;gap:0;padding:0;margin:0;border-radius:0;background-color:#1a1a1a;border:2px solid #808080 !important;box-shadow:inset 0 0 8px rgba(0,0,0,0.5) !important;transition:all 0.2s ease;cursor:pointer;width:50px !important;height:50px !important;box-sizing:border-box;overflow:hidden;align-self:stretch !important;background-position:center center;background-size:cover}.lounge-chat-replies{margin-top:4px;padding-left:0 !important;display:flex;flex-direction:column;gap:4px;width:100%}.lounge-chat-reply-row{display:flex;align-items:center;gap:6px;width:100%;padding:4px 0;position:relative;margin-left:0}.lounge-chat-reply-pin{width:20px;height:20px;min-width:20px;border-radius:50%;background-size:cover;background-position:center;background-repeat:no-repeat;border:1px solid rgba(255,255,255,0.2);box-shadow:0 0 4px rgba(0,0,0,0.3)}.lounge-chat-reply-arrow{color:rgba(156,163,175,0.8);font-size:14px;flex-shrink:0;font-weight:bold}.lounge-chat-reply-content{flex:1;display:flex;flex-direction:column;min-width:0}.lounge-chat-reply-header{display:flex;align-items:center;gap:4px;margin-bottom:2px}.lounge-chat-reply-text{font-size:12px;color:#e5e7eb;line-height:1.3;word-wrap:break-word}.lounge-chat-reply-username{display:none !important}.lounge-chat-message.has-replies{border-bottom:none;border-radius:0}.lounge-chat-message.has-replies .lounge-chat-text-wrapper{border:1px dotted rgba(255,255,255,0.15);border-radius:4px;padding:4px}.lounge-chat-text-header{width:100% !important;min-width:100% !important;max-width:100% !important;align-self:stretch !important;flex:1 !important}.lounge-pin-overlay{display:none}.lounge-pin-name-row{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:0;flex:1;min-width:0;width:100%}.lounge-pin-status-dot{position:absolute;left:8px;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;flex-shrink:0;z-index:10}.lounge-user-pin:hover .lounge-pin-status-dot{transform:translateY(-50%) scale(1.3);transition:transform 0.2s ease,box-shadow 0.2s ease}.lounge-user-pin.status-live:hover .lounge-pin-status-dot{box-shadow:0 0 12px #22c55e,0 0 20px rgba(34,197,94,0.6)}.lounge-user-pin.status-around:hover .lounge-pin-status-dot{box-shadow:0 0 12px #3b82f6,0 0 20px rgba(59,130,246,0.6)}.lounge-user-pin.status-away:hover .lounge-pin-status-dot{box-shadow:0 0 12px #9ca3af,0 0 20px rgba(156,163,175,0.6)}.lounge-user-pin.status-offline:hover .lounge-pin-status-dot{box-shadow:0 0 12px #6b7280,0 0 20px rgba(107,114,128,0.6)}.lounge-user-pin::before,.lounge-user-pin::after,.lounge-user-pin .lounge-pin-pfp::before,.lounge-user-pin .lounge-pin-pfp::after,.lounge-pin-name-row::before,.lounge-pin-name-row::after,.lounge-pin-username::before,.lounge-pin-username::after{display:none !important}.lounge-user-pin,.lounge-user-pin .lounge-pin-pfp,.lounge-user-pin .lounge-pin-pfp-img,.lounge-user-pin .lounge-pin-name-row,.lounge-user-pin .lounge-pin-username{border:none !important;box-shadow:none !important}.lounge-user-pin .lounge-pin-pfp{position:relative;flex-shrink:0;padding:4px}.lounge-user-pin .lounge-pin-pfp-img{width:28px;height:28px;border-radius:50%;object-fit:cover;border:none;transition:all 0.25s ease}.lounge-user-pin .lounge-pin-status-indicator{position:absolute;bottom:2px;right:2px;width:10px;height:10px;border-radius:50%;border:2px solid #1a1a1a;z-index:10}.status-live .lounge-pin-status-indicator{background-color:#22c55e;box-shadow:0 0 6px #22c55e}.status-around .lounge-pin-status-indicator{background-color:#3b82f6;box-shadow:0 0 6px #3b82f6}.lounge-pin-name-row{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;min-width:0}.lounge-pin-username{font-size:0.8rem;font-weight:500;color:var(--color-text-primary,#f5f5f5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-names,'Righteous',sans-serif);text-align:center !important;width:100%;display:flex !important;align-items:center !important;justify-content:center !important;cursor:pointer;text-shadow:1px 1px 0 rgba(0,0,0,0.8),2px 2px 0 rgba(0,0,0,0.6),-1px -1px 0 rgba(255,255,255,0.1)}.lounge-user-pin:hover .lounge-pin-username{color:#fff}.lounge-pin-ticket-icon{display:inline-flex;align-items:center;justify-content:center;color:#ce96cb;font-size:12px;text-shadow:0 0 8px rgba(206,150,203,0.6);animation:ticketPulse 2s ease-in-out infinite}@keyframes ticketPulse{0%,100%{opacity:0.9;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.lounge-user-pin:hover .lounge-pin-pfp-img{transform:scale(1.1);box-shadow:0 0 12px rgba(255,255,255,0.2)}.lounge-user-pin.status-live:hover .lounge-pin-pfp-img{border:none;box-shadow:0 0 10px rgba(34,197,94,0.4)}.lounge-user-pin.status-around:hover .lounge-pin-pfp-img{border:none;box-shadow:0 0 10px color-mix(in srgb,var(--color-accent-highlight-1) 40%,transparent)}@keyframes presencePinEnter{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.lounge-user-pin{animation:presencePinEnter 0.3s ease-out forwards}.lounge-presence-section .lounge-user-pin:nth-child(1){animation-delay:0ms}.lounge-presence-section .lounge-user-pin:nth-child(2){animation-delay:50ms}.lounge-presence-section .lounge-user-pin:nth-child(3){animation-delay:100ms}.lounge-presence-section .lounge-user-pin:nth-child(4){animation-delay:150ms}.lounge-presence-section .lounge-user-pin:nth-child(5){animation-delay:200ms}.lounge-presence-section .lounge-user-pin:nth-child(6){animation-delay:250ms}.lounge-presence-section .lounge-user-pin:nth-child(7){animation-delay:300ms}.lounge-presence-section .lounge-user-pin:nth-child(8){animation-delay:350ms}.lounge-presence-empty-inline{font-size:0.75rem;color:rgba(255,255,255,0.4);padding:12px 0;text-align:center;font-style:italic}.lounge-live-users-grid{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.lounge-around-users-grid{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%}.lounge-user-pin img,.lounge-user-pin .lounge-pin-pfp-img,.lounge-chat-message .lounge-pin-pfp img{width:100%;height:100%;border-radius:0;object-fit:cover;position:relative;z-index:1}.lounge-user-pin .lounge-pin-username{font-size:0.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex !important;align-items:center !important;justify-content:center !important;gap:4px;width:100%;text-align:center !important}.lounge-pin-name-row{display:flex !important;align-items:center !important;justify-content:center !important;gap:4px;width:100% !important;text-align:center !important}.lounge-pin-ticket-icon{color:#ef4444;font-size:0.7rem;flex-shrink:0}.lounge-pin-ticket{color:#a78bfa;font-size:0.65rem;margin-left:2px;animation:ticket-glow 2s infinite}.lounge-current-user-wrapper .lounge-pin-ticket{color:#22c55e}@keyframes ticket-glow{0%,100%{opacity:0.7}50%{opacity:1}}.lounge-presence-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px;color:#6b7280;font-size:0.85rem}.lounge-presence-empty i{font-size:1.5rem;opacity:0.5}.lounge-date-separator{display:flex;justify-content:center;align-items:center;width:100%;margin:1rem 0;padding:0.5rem 0;position:relative;background-color:#2a2a2a;font-family:Georgia,serif;font-size:11px;font-weight:400;font-style:italic;color:rgba(255,255,255,0.6);letter-spacing:0.5px}.lounge-date-separator::before,.lounge-date-separator::after{content:'';flex:1;height:1px;background:rgba(255,255,255,0.3);margin:0 1rem}.lounge-chat-message{display:flex;flex-direction:row;align-items:stretch;margin-bottom:1.5vh;animation:fadeInChatMessage 0.5s ease forwards;transition:all 0.2s ease;flex-shrink:0;border:none !important;box-shadow:none !important;box-sizing:border-box;border-radius:0;position:relative}.lounge-chat-message:nth-child(even){background-color:#0d0d0d}@keyframes fadeInChatMessage{from{opacity:0;transform:translateY(1vh)}to{opacity:1;transform:translateY(0)}}.lounge-chat-message:hover{border-color:rgba(128,128,128,0.7) !important;background-color:rgba(255,255,255,0.3) !important}.lounge-chat-message.wrapper-me,.lounge-chat-message.wrapper-them{flex-direction:column;margin:0 auto;width:100%;max-width:100%;align-items:flex-start}.lounge-chat-user-area{display:none}.lounge-chat-message-pin{width:20px !important;height:20px !important;min-width:20px !important;max-width:20px !important;min-height:20px !important;max-height:20px !important;border-radius:50% !important;border:1px solid rgba(255,255,255,0.2) !important;box-shadow:0 0 4px rgba(0,0,0,0.3) !important;flex:0 0 auto !important;align-self:flex-start !important;padding:0 !important;background-size:cover !important;background-position:center !important;background-repeat:no-repeat !important;display:block !important;margin-top:2px !important;position:relative !important}.lounge-chat-message-pin.status-live::before,.lounge-chat-message-pin.status-around::before,.lounge-chat-message-pin.status-away::before,.lounge-chat-message-pin.status-offline::before{content:'';position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border-radius:50%;border:2px solid;display:block !important;z-index:5}.lounge-chat-message-pin.status-live::before{border-color:#22c55e}.lounge-chat-message-pin.status-around::before{border-color:#3b82f6}.lounge-chat-message-pin.status-away::before{border-color:#ffffff}.lounge-chat-message-pin.status-offline::before{border-color:#6b7280}.lounge-chat-message-pin .lounge-pin-overlay{display:none !important}.lounge-chat-message-pin .lounge-pin-name-row,.lounge-chat-message-pin .lounge-pin-status-dot,.lounge-chat-message-pin .lounge-pin-username{display:none !important}.lounge-chat-content{flex:1;min-width:0;display:flex;flex-direction:row;align-items:flex-start;gap:8px;padding:8px 12px 4px 12px}.lounge-chat-text-wrapper{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.lounge-chat-message-header{width:100%;display:block}.lcm-name{font-family:var(--font-names,'Righteous',sans-serif);font-size:0.8rem;font-weight:500;color:var(--color-text-primary,#f5f5f5)}.lcm-meta{font-family:Georgia,serif !important;font-size:0.4rem !important;font-weight:400 !important;font-style:italic !important;color:rgba(255,255,255,0.6) !important}.lounge-chat-username:hover{color:#fff;text-shadow:0 0 8px rgba(255,255,255,0.6),0 0 16px rgba(255,255,255,0.3)}.lounge-chat-message .lounge-pin-status-dot{position:absolute;left:8px;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;flex-shrink:0;z-index:10}.lounge-chat-message .lounge-pin-status-dot{left:8px;right:auto}.lounge-chat-timestamp{font-size:0px !important;color:transparent;flex-shrink:0;cursor:default}.lounge-chat-timestamp:hover::after{content:attr(title);font-size:10px;color:#9ca3af;position:absolute;background:rgba(0,0,0,0.9);padding:4px 8px;border-radius:4px;white-space:nowrap;z-index:1000;pointer-events:none}.lounge-chat-message{position:relative}.lounge-chat-message:hover,.lounge-chat-message:has(.lounge-chat-text:hover){background:rgba(255,255,255,0.3)}.lounge-chat-text-header:hover ~ .lounge-chat-text{background:rgba(0,0,0,0.25)}p.lounge-chat-text,.lounge-chat-text{color:#f3f4f6;font-size:clamp(0.9775rem,1.265vw,1.38rem);line-height:1.15;word-wrap:break-word;background:transparent;padding:4px 8px 2px 8px;margin:0 !important;text-align:left !important;display:block !important;width:100% !important;box-sizing:border-box !important;position:relative;z-index:2}.lounge-chat-actions{position:absolute;right:4px;top:4px;display:flex;align-items:center;gap:4px;opacity:0;pointer-events:none;transition:opacity 0.15s ease;z-index:100}.lounge-chat-message:hover .lounge-chat-actions{opacity:1 !important;pointer-events:auto !important}.lounge-chat-message.actions-visible .lounge-chat-actions{opacity:1 !important;pointer-events:auto !important}.lounge-chat-message.actions-visible{background:var(--color-accent-highlight-2,rgba(99,102,241,0.3)) !important}.lounge-chat-reply-row.actions-visible .lounge-chat-reply-actions{opacity:1 !important;pointer-events:auto !important}.lounge-chat-reply-row.actions-visible{background:var(--color-accent-highlight-2,rgba(99,102,241,0.3)) !important}.lounge-chat-message:has(.lounge-chat-replies:hover) .lounge-chat-actions{opacity:0 !important;pointer-events:none !important}.lounge-chat-actions:hover{opacity:1 !important;pointer-events:auto !important}.lounge-chat-reply-actions{position:absolute;right:4px;top:4px;display:flex;align-items:center;gap:2px;opacity:0;pointer-events:none;transition:opacity 0.15s ease;z-index:5}.lounge-chat-reply-row:hover .lounge-chat-reply-actions{opacity:1 !important;pointer-events:auto !important}.lounge-chat-reply-row:hover{background:rgba(255,255,255,0.3)}.lounge-chat-reply-action-btn{background:rgba(0,0,0,0.7);border:1px solid rgba(255,255,255,0.2);border-radius:3px;padding:3px 5px;cursor:pointer;color:#fff;font-size:0.65rem;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center}.lounge-chat-reply-action-btn:hover{background:rgba(0,0,0,0.9);transform:scale(1.1);border-color:rgba(255,255,255,0.4)}.lounge-chat-reply-action-btn.delete:hover{color:#ef4444;border-color:#ef4444}.lounge-chat-reply-action-btn.reply:hover{color:#22c55e;border-color:#22c55e}.lounge-chat-timestamp{position:absolute;right:8px;bottom:4px;font-size:0px !important;color:transparent;flex-shrink:0;cursor:default;opacity:0;transition:opacity 0.2s ease;z-index:5}.lounge-chat-message:hover .lounge-chat-timestamp{font-size:10px !important;color:rgba(255,255,255,0.6);opacity:1}.lounge-chat-message.wrapper-me .lounge-chat-actions{left:auto;right:4px}.lounge-chat-action-btn{background:rgba(0,0,0,0.7);border:1px solid rgba(255,255,255,0.2);border-radius:4px;padding:6px 8px;cursor:pointer;color:#fff;font-size:0.75rem;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center;position:relative;z-index:100}.lounge-chat-action-btn:hover{background:rgba(0,0,0,0.9);transform:scale(1.1);border-color:rgba(255,255,255,0.4)}.lounge-chat-action-btn.delete:hover{color:#ef4444;border-color:#ef4444}.lounge-chat-action-btn.edit:hover{color:#3b82f6;border-color:#3b82f6}.lounge-chat-action-btn.reply:hover{color:#22c55e;border-color:#22c55e}.lounge-chat-action-btn.mention:hover{color:#a855f7;border-color:#a855f7}.lounge-chat-action-btn.view-profile:hover{color:#60a5fa;border-color:#60a5fa;background:rgba(96,165,250,0.3)}.lounge-pin-username,.lounge-chat-pin-username{cursor:default !important}.lounge-chat-message.wrapper-system-no-icon{justify-content:center;margin:0.25rem 0;width:100%}.lounge-chat-message.wrapper-system-no-icon .system-notification-content{display:flex;align-items:center;gap:0.5rem;justify-content:center;width:100%}.lounge-chat-message.wrapper-system-no-icon:has(.type-success) .system-notification-content{border-left:3px solid #22c55e}.lounge-chat-message.wrapper-system-no-icon:has(.type-alert) .system-notification-content{border-left:3px solid #ef4444}.lounge-chat-message.wrapper-system-no-icon:has(.type-info) .system-notification-content{border-left:3px solid #22c55e}.lounge-chat-message.wrapper-system-no-icon:has(.type-warning) .system-notification-content{border-left:3px solid #fbbf24}#copilot-feed .bubble-system,.chat-feed .bubble-system{background-color:var(--color-chat-bubble-bg,#27272a) !important;color:var(--color-chat-bubble-text,#a7f3d0) !important;border-radius:0.5rem;padding:0.35rem 0.5rem;font-size:0.9rem;font-style:italic;box-shadow:0 2px 4px rgba(0,0,0,0.3)}#copilot-feed .wrapper-system,.chat-feed .wrapper-system{justify-content:center}.lounge-chat-message.overlay-active .message-overlay{opacity:1;pointer-events:auto}.slot-machine-wrapper{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:100%}#channel-sonic-lounge #record-carousel-container:has(.slot-machine-wrapper){display:flex !important;align-items:center;justify-content:center;overflow:visible;padding:0;position:relative;height:auto;min-height:0;flex-shrink:1}.playlist-view-wrapper{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;overflow:hidden;position:relative}.particle{position:absolute;border-radius:50%;pointer-events:none;z-index:9999}#console-sub-nav{display:flex;align-items:center;padding:0 clamp(6px,1vw,12px);gap:clamp(8px,1.5vw,16px);background:var(--color-windows-bg);border-bottom:0.1vh solid var(--color-border-main,#374151);height:clamp(32px,5vh,48px)}#console-sub-nav-tabs{display:flex;align-items:center;gap:12px;flex-grow:1;height:100%}.console-sub-nav-tab{height:100%;display:flex;align-items:center;padding:0 12px;background:none;border:none;color:var(--color-text-secondary,#9ca3af);font-size:0.85rem;font-weight:600;cursor:pointer;transition:color 0.2s,border-bottom 0.2s;border-bottom:2px solid transparent}.console-sub-nav-tab.active{color:var(--color-active-highlight,#fbbf24);border-bottom-color:var(--color-active-highlight,#fbbf24)}.dm-icons-container{display:flex;align-items:center;gap:clamp(4px,0.8vw,10px);background:rgba(0,0,0,0.3);padding:2px 8px;border-radius:clamp(12px,2vw,24px);border:0.1vw solid rgba(139,92,246,0.2);height:clamp(26px,4vh,38px);margin-left:auto}.dm-icons-carousel{display:flex;align-items:center;position:relative;height:clamp(18px,3vh,28px);width:clamp(60px,10vw,100px);overflow:hidden;gap:clamp(4px,0.6vw,8px)}.dm-artist-icon{width:clamp(20px,3.5vw,32px);height:clamp(20px,3.5vw,32px);border-radius:50%;border:0.1vw solid var(--color-bg-main,#000);object-fit:cover;position:static;flex-shrink:1;transition:transform 0.3s ease,z-index 0.3s ease;cursor:pointer;background:#1f2937}.dm-artist-icon:hover{transform:scale(1.1);z-index:10 !important}.dm-artist-icon.active:not(.help-highlight){border-color:var(--color-accent-highlight-1,#fbbf24);box-shadow:0 0 8px rgba(251,191,36,0.4)}.dm-artist-icon[data-index="0"]{left:0px;z-index:3}.dm-artist-icon[data-index="1"]{left:14px;z-index:2}.dm-artist-icon[data-index="2"]{left:28px;z-index:1}.dm-scroll-btn{background:none;border:none;color:var(--color-text-muted,#9ca3af);cursor:pointer;font-size:0.65rem;padding:0 2px;transition:color 0.2s;display:flex;align-items:center;justify-content:center;opacity:1 !important}.dm-scroll-btn:hover{color:var(--color-accent-highlight-1,#fbbf24)}#user-banner-container{position:relative;width:100% !important;height:clamp(30px,5vh,60px);background-color:transparent;display:block !important;overflow:hidden;flex-shrink:1;flex-grow:0}#user-banner-img{width:100% !important;height:100%;object-fit:cover;display:block !important;position:absolute;top:0;left:0;z-index:1}#user-banner-name{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;display:flex !important;align-items:center;justify-content:center;font-family:var(--font-name,sans-serif);color:var(--font-color-subheaders,#d1d5db);font-size:clamp(1.1rem,1.8vw,1.85rem);font-weight:bold;text-shadow:0 2px 4px rgba(0,0,0,0.9),0 0 12px var(--mood-glow-color,transparent),0 0 5px var(--mood-glow-color,transparent);pointer-events:auto;background:none;border:none;padding:0;margin:0;transition:text-shadow 0.3s ease,color 0.3s ease;z-index:10;text-align:center;white-space:nowrap}#console-lottery-ticket-btn{font-size:1.8rem !important;color:var(--color-accent-highlight-1,#fbbf24);transition:transform 0.2s,opacity 0.2s;background:none;border:none;cursor:pointer;z-index:100;white-space:nowrap}.chat-feed.dm-feed-wrapper{display:none;flex-direction:column;height:100%;position:absolute;left:48px;width:calc(100% - 48px);z-index:1}.chat-feed.dm-feed-wrapper.active{display:flex}.chat-feed.dm-feed-wrapper:has(.dm-background-layer){left:0;width:100%}.dm-message-wrapper{display:flex;flex-direction:column;width:100%;margin:3px 0;position:relative}.dm-message-wrapper.wrapper-me{align-items:flex-end}.dm-message-wrapper.wrapper-them{align-items:flex-start}.dm-bubble{max-width:80%;word-wrap:break-word;overflow-wrap:break-word;display:block;width:fit-content;padding:8px 12px;border-radius:12px;position:relative}.dm-actions{display:flex;flex-direction:row;gap:4px;opacity:0;transition:opacity 0.15s ease 0.1s;align-items:center;position:absolute;top:50%;transform:translateY(-50%);pointer-events:none;z-index:10;padding:4px;margin:-4px}.dm-message-wrapper:hover .dm-actions,.dm-bubble:hover .dm-actions,.dm-actions:hover{opacity:1;pointer-events:auto;transition-delay:0s}.dm-action-btn{background:rgba(0,0,0,0.6);border:none;border-radius:4px;padding:4px 6px;cursor:pointer;color:#fff;font-size:0.6rem;transition:background-color 0.2s,transform 0.1s;display:flex;align-items:center;justify-content:center}.dm-action-btn:hover{background:rgba(0,0,0,0.8);transform:scale(1.1)}.dm-action-btn.delete:hover{color:#ef4444}.dm-action-btn.edit:hover{color:#3b82f6}.copilot-message-wrapper:has(.ap-unified-card),.copilot-message-wrapper:has(.analysis-report),.copilot-message-wrapper:has(.state-community),.copilot-message-wrapper:has(.state-playlist),.copilot-message-wrapper:has(.state-settings),.copilot-message-wrapper:has(.state-theme),.copilot-message-wrapper:has(.state-admin),.copilot-message-wrapper:has(.state-badge),.copilot-message-wrapper:has(.state-leaderboards),.copilot-message-wrapper:has(.state-news),.copilot-message-wrapper:has(.state-shows),.copilot-message-wrapper:has(.state-suggestions){width:100% !important;max-width:100% !important;margin-left:0 !important;margin-right:0 !important;padding:0 !important;overflow:visible !important}.copilot-message-wrapper.playlist-at-top{padding:0 !important;margin:0 !important;width:100% !important;max-width:100% !important}.chat-feed:has(.playlist-at-top),#copilot-feed:has(.playlist-at-top){padding:0 !important}.copilot-main:has(.playlist-at-top){padding:0 !important}#copilot-window:has(.playlist-at-top){padding:0 !important}.copilot-message-wrapper.playlist-at-top .bubble-system{padding:0 !important;margin:0 !important;width:100% !important}.copilot-message-wrapper.playlist-at-top .copilot-message{padding:0 !important;margin:0 !important;width:100% !important}.copilot-message-wrapper.playlist-at-top .system-notification-content{padding:0 !important;margin:0 !important;width:100% !important}.state-community,.state-playlist,.state-settings,.state-theme,.state-admin,.state-badge,.state-leaderboards,.state-news,.state-shows,.state-suggestions{align-items:center !important;margin-bottom:0 !important}.copilot-message-wrapper .ap-unified-card{width:100% !important;max-width:100% !important;margin-left:0 !important;margin-right:0 !important;padding:0 !important;border-radius:0 !important;box-sizing:border-box !important;overflow:visible !important;pointer-events:auto !important;position:relative !important;z-index:100 !important}.copilot-message-raw .ap-unified-card::-webkit-scrollbar{width:14px !important;height:14px !important;background-color:#1f2937 !important}.copilot-message-raw .ap-unified-card::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--color-accent-highlight-1,#fbbf24),rgba(0,0,0,0.5)) !important;border-radius:7px !important;border:3px solid #1f2937 !important;box-shadow:inset 0 1px 0 rgba(255,255,255,0.2) !important}.copilot-message-raw .ap-unified-card::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--color-accent-highlight-1,#fbbf24),var(--color-accent-highlight-1,#fbbf24)) !important}.copilot-message-raw .ap-unified-card::-webkit-scrollbar-track{background:#1f2937 !important;border-radius:7px !important}#copilot-feed.active:has(.ap-unified-card){overflow-y:auto !important;pointer-events:auto !important}.copilot-message-wrapper:has(.ap-unified-card){pointer-events:auto !important;overflow:visible !important}.copilot-message-raw{pointer-events:auto !important;overflow:visible !important}.ap-unified-card{background:#000;border-radius:12px;border:3px solid var(--color-accent-highlight-1,rgba(99,102,241,0.4));max-width:100%;padding:0;font-size:0.75rem}.ap-unified-card .ap-name-banner{border-radius:0;margin-bottom:0}.ap-unified-card .ap-name-banner{padding:15px}.ap-unified-card .ap-logo-ring{padding:3px;border-width:2.25px}.ap-unified-card .ap-songs-header-banner{display:flex;justify-content:center;align-items:center;gap:0;padding:6px 12px;background:rgba(15,15,25,0.5);border-top:1px solid rgba(99,102,241,0.15);border-bottom:1px solid rgba(99,102,241,0.15);position:relative;overflow:hidden;cursor:default !important}.ap-unified-card .ap-songs-header-banner::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(99,102,241,0.08),transparent);pointer-events:none}.ap-unified-card .ap-songs-header-stat{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:4px 12px;position:relative;z-index:1;flex-wrap:nowrap;min-width:max-content;cursor:default !important}.ap-unified-card .ap-songs-header-stat > *{display:inline-flex;align-items:center;flex-shrink:0;cursor:default !important}.ap-unified-card .ap-songs-header-stat:not(:last-child)::after{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:60%;background:linear-gradient(180deg,transparent,rgba(99,102,241,0.4),transparent)}.ap-unified-card .ap-songs-header-value{font-family:var(--font-name,'Orbitron',sans-serif);font-size:clamp(0.65rem,1.5vw,0.9rem);font-weight:700;color:#f1f5f9;text-shadow:0 0 8px rgba(99,102,241,0.5);line-height:1.2}.ap-unified-card .ap-bio{font-size:0.6375rem;padding:9px 15px;text-align:center}.ap-unified-card .ap-section{margin-bottom:10.5px}.ap-unified-card .ap-upload-btn{width:21px;height:21px;font-size:0.5625rem}.ap-unified-card .ap-socials{gap:7.5px;padding:6px 8px}.ap-unified-card .ap-songs-list{gap:0.1875rem}.ap-unified-card .library-song-item{padding:0.1875rem;min-height:30px}.ap-unified-card .song-list-number{width:18px;height:18px;font-size:0.5625rem}.ap-unified-card .library-song-item-art{width:24px;height:24px}.ap-unified-card .song-title-span{font-size:0.6rem;padding:1.5px 6px}.ap-unified-card .song-item-actions{gap:0.375rem;padding-left:0.375rem}.ap-unified-card .song-item-action-btn{width:18px;height:18px;font-size:0.6rem}.ap-unified-card .song-item-action-btn i{color:#fff !important}.ap-unified-card .handle-display{font-size:0.675rem;display:none !important}body.profile-modal-open #jukebot-btn-profile.active{color:#a78bfa !important}body.profile-modal-open #jukebot-btn-profile.active i{color:#a78bfa !important;text-shadow:0 0 2px rgba(0,0,0,0.8),0 0 4px rgba(0,0,0,0.6) !important}.ap-unified-card .ap-action-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:20px;border:1px solid rgba(255,255,255,0.2);background:rgba(0,0,0,0.3);color:#fff;font-size:0.7rem;font-weight:600;cursor:pointer;transition:all 0.2s ease}.ap-unified-card .ap-action-btn i{font-size:0.8rem}.ap-unified-card .ap-action-play{border-color:rgba(34,197,94,0.4)}.ap-unified-card .ap-action-play i{color:#4ade80}.ap-unified-card .ap-action-play:hover{background:rgba(34,197,94,0.3);border-color:#22c55e;transform:scale(1.05)}.ap-unified-card .ap-action-btn:active{transform:scale(0.98)}.ap-unified-card .ap-socials{display:flex;justify-content:center;gap:10px;padding:10px 16px;background:linear-gradient(180deg,rgba(15,15,35,0.6),rgba(26,26,46,0.4));border-top:1px solid rgba(45,58,92,0.3)}.ap-unified-card .ap-socials{display:flex;flex-direction:column;gap:6px;padding:6px 8px;background:linear-gradient(180deg,rgba(15,15,35,0.6),rgba(26,26,46,0.4));border-top:1px solid rgba(45,58,92,0.3)}.ap-unified-card .ap-social-row,.ap-unified-card .ap-social-edit-row{display:flex;align-items:center;gap:8px;width:100%;box-sizing:border-box}.ap-unified-card .ap-social-favicon{width:16px;height:16px;object-fit:contain;border-radius:4px;flex-shrink:0}.ap-unified-card .ap-social-url{flex:1;font-size:0.7rem;color:#60a5fa;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color 0.2s ease}.ap-unified-card .ap-social-url:hover{color:#93c5fd;text-decoration:underline}.ap-unified-card .ap-socials-edit-container{display:flex;flex-direction:column;gap:6px;width:100%}.ap-unified-card .ap-social-edit-row{display:flex;align-items:center;gap:8px}.ap-unified-card .ap-social-input{flex:1;min-width:0;background:transparent;border:1px solid rgba(75,85,99,0.5);border-radius:4px;color:#e5e7eb;font-size:0.7rem;padding:4px 8px;outline:none;transition:border-color 0.2s ease}.ap-unified-card .ap-social-input:focus{border-color:#3b82f6}.ap-unified-card .ap-social-input::placeholder{color:#6b7280}.ap-unified-card .ap-social-delete-btn{background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;flex-shrink:0;transition:all 0.2s ease;font-size:0.7rem}.ap-unified-card .ap-social-delete-btn:hover{color:#ef4444}.ap-unified-card .ap-add-social-btn{background:rgba(99,102,241,0.2);border:1px dashed rgba(99,102,241,0.5);border-radius:8px;color:#818cf8;cursor:pointer;padding:8px 16px;font-size:0.7rem;font-weight:600;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center}.ap-unified-card .ap-add-social-btn:hover{background:rgba(99,102,241,0.3);border-color:#6366f1;color:#a5b4fc}.ap-unified-card .ap-add-social-btn i{margin-right:6px}.ap-unified-card .ap-social-link-wrap{display:flex;align-items:center;gap:8px;text-decoration:none;color:inherit;flex:1;min-width:0}.ap-unified-card .ap-social-link-wrap:hover .ap-social-favicon{transform:scale(1.1)}.ap-unified-card .ap-social-link-wrap:hover .ap-social-url{color:#93c5fd;text-decoration:underline}.ap-unified-card .song-list-number{width:auto;height:auto;min-width:16px;border-radius:0;background:transparent;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ap-unified-card .song-list-number .number-display{font-size:0.65rem;font-weight:700;color:#fff !important}.ap-name-banner{background:var(--color-tertiary,#1a1a2e);padding:20px;border-radius:0;border-bottom:2px solid var(--color-border-secondary,#2d3a5c);display:flex;align-items:center;justify-content:space-between;position:relative;overflow:visible;margin-bottom:0;border:3px solid var(--color-accent-highlight-1,#fbbf24)}.ap-info-button{position:absolute;right:20px;top:50%;transform:translateY(-50%);background-color:#ffffff;border:1px solid #4b5563;cursor:pointer;font-size:0.8rem;transition:all 0.2s ease;border-radius:0.375rem;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:#000000}.ap-font-info-button{position:absolute;left:20px;top:50%;transform:translateY(-50%);background-color:#ffffff;border:1px solid #4b5563;cursor:pointer;font-size:0.8rem;transition:all 0.2s ease;border-radius:0.375rem;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:#000000}.ap-font-info-button:hover{filter:brightness(1.2);transform:translateY(-50%) scale(1.05)}.ap-font-info-button.active{background:var(--color-accent-highlight-2,#3b82f6);border-color:var(--color-accent-highlight-2,#3b82f6);color:#fff;box-shadow:0 0 8px var(--color-accent-highlight-2,#3b82f6)}.ap-info-button:hover{filter:brightness(1.2);transform:translateY(-50%) scale(1.05)}.ap-info-button.active{background:var(--color-accent-highlight-2,#3b82f6);border-color:var(--color-accent-highlight-2,#3b82f6);color:#fff;box-shadow:0 0 8px var(--color-accent-highlight-2,#3b82f6)}.ap-info-button i{pointer-events:none}.ap-edit-name-btn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;transition:all 0.2s ease;background:linear-gradient(145deg,#2d3a5c,#1a1a2e);border:2px solid var(--color-accent-highlight-2,#6366f1);box-shadow:0 3px 6px rgba(0,0,0,0.5),0 0 0 1px #0f0f23,0 0 0 3px #1a1a2e,inset 0 1px 2px rgba(255,255,255,0.1),0 0 8px var(--color-accent-highlight-2,rgba(99,102,241,0.3));cursor:pointer;color:var(--color-text-primary,#f1f5f9)}.ap-edit-name-btn i{font-size:0.9rem;color:var(--color-accent-highlight-2,#6366f1);text-shadow:0 1px 2px rgba(0,0,0,0.5)}.ap-edit-name-btn:hover{background:linear-gradient(145deg,#3d4a7c,#2a2a4e);box-shadow:0 5px 10px rgba(0,0,0,0.6),0 0 0 1px #0f0f23,0 0 0 3px #1a1a2e,inset 0 2px 4px rgba(255,255,255,0.15),0 0 15px var(--color-accent-highlight-2,rgba(99,102,241,0.5));transform:translateY(-2px)}.ap-edit-name-btn:hover i{color:#fff}.ap-edit-name-btn:active{transform:translateY(1px);box-shadow:0 1px 2px rgba(0,0,0,0.5),0 0 0 1px #0f0f23,0 0 0 3px #1a1a2e,inset 0 2px 4px rgba(0,0,0,0.3)}.ap-font-options-container{display:flex;justify-content:center;padding:6px;background:rgba(0,0,0,0.3);border-radius:0;margin-top:4px}.ap-font-options-row{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;max-width:100%}.ap-font-option-btn{width:28px;height:28px;border-radius:4px;border:1px solid rgba(255,255,255,0.2);background:rgba(255,255,255,0.1);color:rgba(255,255,255,0.7);cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center;font-size:0.85rem}.ap-font-option-btn:hover{background:rgba(255,255,255,0.2);border-color:rgba(255,255,255,0.3);color:#fff}.ap-font-option-btn.selected{background:var(--color-accent-highlight-2,#3b82f6);border-color:var(--color-accent-highlight-2,#3b82f6);color:#fff;box-shadow:0 0 8px var(--color-accent-highlight-2,#3b82f6)}.ap-name-edit-input{background:rgba(0,0,0,0.3);border:2px solid rgba(139,92,246,0.6);border-radius:6px;padding:6px 10px;color:#fff;font-size:inherit;font-family:inherit;text-align:center;outline:none;min-width:120px}.ap-name-edit-input:focus{border-color:rgba(139,92,246,1);box-shadow:0 0 8px rgba(139,92,246,0.4)}.ap-logo-ring{padding:4px;background:linear-gradient(135deg,#1a1a2e,#0f0f23);border-radius:50%;border:3px solid var(--color-accent-highlight-2,#6366f1);box-shadow:0 0 0 2px #0f0f23,0 0 0 5px #1a1a2e,0 0 20px var(--color-accent-highlight-2,rgba(99,102,241,0.6))}.ap-logo-upload-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,0.5);border-radius:50%;opacity:0;transition:opacity 0.2s ease;z-index:10}.ap-bio-editable{cursor:pointer;padding:8px;border-radius:4px;min-height:40px;transition:background-color 0.2s ease}.ap-bio-editable:hover{background-color:rgba(255,255,255,0.05)}.ap-bio-editable:focus{outline:none;background-color:rgba(255,255,255,0.1)}.ap-bio-editing{background-color:rgba(202,56,56,0.15) !important;border:1px solid rgba(202,56,56,0.5);box-shadow:0 0 8px rgba(202,56,56,0.3)}.ap-bio-empty::before{content:attr(data-placeholder);color:rgba(255,255,255,0.3);pointer-events:none}.ap-logo-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:rgba(0,0,0,0.6);color:rgba(255,255,255,0.8);border-radius:50%;font-size:0.5rem;text-align:center;line-height:1.2;gap:4px;z-index:10}.ap-logo-placeholder i{font-size:1rem;margin-bottom:2px}.ap-logo-upload-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,0.5);border-radius:50%;opacity:0;transition:opacity 0.2s ease;z-index:10}.ap-logo-upload-overlay i{color:white;font-size:1.5rem}.ap-bio{font-size:0.85rem;line-height:1.5;color:#cbd5e1;margin:0;padding:12px 20px;background:rgba(45,58,92,0.2);border:none;font-style:italic;text-align:center}.ap-name-banner{position:relative;height:40px;background-color:#000;display:flex;align-items:center;justify-content:center;margin-bottom:12px;overflow:hidden;border-radius:0;border:none;box-shadow:none}.ap-name-text{position:relative;z-index:1;font-size:1.1rem;font-weight:600;color:white;text-transform:uppercase;letter-spacing:1px;font-family:var(--font-name,sans-serif);border-radius:0}.ap-section{margin-bottom:14px}.ap-upload-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.3);border-radius:50%;color:#fff;font-size:0.75rem;cursor:pointer;transition:all 0.2s ease}.ap-upload-btn:hover{background:rgba(99,102,241,0.6);border-color:rgba(255,255,255,0.6);transform:scale(1.1)}.ap-songs-list{display:flex;flex-direction:column;gap:0;overflow:visible}.ap-no-songs{font-size:0.8rem;color:#6b7280;font-style:italic;text-align:center;padding:16px}.ap-socials{display:flex;gap:10px;flex-wrap:wrap;padding-top:14px;border-top:2px solid #2d3a5c;justify-content:center}.artist-profile-modal-overlay{background:linear-gradient(180deg,#1a1a2e 0%,#16213e 50%,#0f0f23 100%);border-radius:12px;padding:20px;margin-top:12px;border:2px solid #2d3a5c;box-shadow:0 0 0 1px #1a1a2e,0 0 0 3px #0d1b2a,0 0 0 5px #1a1a2e,0 0 20px rgba(99,102,241,0.3),0 0 40px rgba(99,102,241,0.15),inset 0 1px 0 rgba(255,255,255,0.05);max-width:100%}.artist-profile-header{display:flex;align-items:center;gap:16px;margin-bottom:16px;padding-bottom:16px;border-bottom:2px solid #2d3a5c}.artist-profile-logo-frame{position:relative;flex-shrink:0}.artist-profile-logo-frame::before{content:'';position:absolute;top:-6px;left:-6px;right:-6px;bottom:-6px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6,#6366f1);animation:logo-glow-rotate 3s linear infinite;z-index:0}@keyframes logo-glow-rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.artist-profile-logo-border{padding:3px;background:linear-gradient(135deg,#1a1a2e,#0f0f23);border-radius:50%;border:3px solid #2d3a5c;box-shadow:0 0 0 1px #0f0f23,0 0 0 3px #1a1a2e,0 0 15px rgba(99,102,241,0.4),inset 0 2px 4px rgba(0,0,0,0.5);position:relative;z-index:1}.artist-profile-logo{width:64px;height:64px;border-radius:50%;object-fit:cover;display:block;border:2px solid #3d4a6c}.artist-profile-info{flex:1;min-width:0}.artist-profile-name{font-family:var(--font-name,'Orbitron',sans-serif);font-size:1.25rem;font-weight:700;color:#f1f5f9;margin:0 0 10px 0;text-shadow:0 0 10px rgba(99,102,241,0.5),0 2px 4px rgba(0,0,0,0.5);letter-spacing:1px}.artist-profile-stats{display:flex;gap:12px;flex-wrap:wrap}.artist-profile-section{margin-bottom:14px}.artist-profile-section-title{display:flex;align-items:center;gap:8px;font-size:0.85rem;font-weight:600;color:#6366f1;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid #2d3a5c;text-transform:uppercase;letter-spacing:1px}.artist-profile-section-title i{font-size:0.75rem}.artist-profile-bio{margin-bottom:14px}.artist-profile-bio-text{font-size:0.85rem;line-height:1.5;color:#cbd5e1;margin:0;font-style:italic}.artist-profile-songs-list{display:flex;flex-direction:column;gap:6px}.artist-profile-song-item{display:flex;align-items:center;gap:10px;padding:8px 10px;background:linear-gradient(90deg,rgba(15,15,35,0.8),rgba(26,26,46,0.6));border-radius:8px;border:1px solid #1a1a2e;transition:all 0.2s ease}.artist-profile-song-item:hover{background:linear-gradient(90deg,rgba(99,102,241,0.15),rgba(26,26,46,0.8));border-color:#6366f1;transform:translateX(4px)}.song-title{display:block;font-size:0.85rem;font-weight:600;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.artist-profile-no-songs{font-size:0.8rem;color:#6b7280;font-style:italic;text-align:center;padding:16px}.artist-profile-more-songs{font-size:0.75rem;color:#6366f1;text-align:center;margin-top:6px;padding-top:6px;border-top:1px dashed #2d3a5c}.artist-profile-social-links{display:flex;gap:10px;flex-wrap:wrap}.artist-profile-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.85);z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.25s ease;backdrop-filter:blur(8px)}.artist-profile-modal{position:relative;width:min(420px,90vw);max-height:min(85vh,700px);background:linear-gradient(180deg,#1a1a2e 0%,#16213e 50%,#0f0f23 100%);border-radius:12px;padding:24px;overflow-y:auto;opacity:0;transform:translate(-50%,-50%) scale(0.9);transition:all 0.3s cubic-bezier(0.34,1.56,0.64,1);border:2px solid #2d3a5c;box-shadow:0 0 0 1px #1a1a2e,0 0 0 3px #0d1b2a,0 0 0 5px #1a1a2e,0 0 20px rgba(99,102,241,0.3),0 0 40px rgba(99,102,241,0.15),inset 0 1px 0 rgba(255,255,255,0.05);scrollbar-width:thin;scrollbar-color:#2d3a5c #0f0f23}.artist-profile-modal::-webkit-scrollbar{width:6px}.artist-profile-modal::-webkit-scrollbar-track{background:#0f0f23;border-radius:3px}.artist-profile-modal::-webkit-scrollbar-thumb{background:var(--color-accent-highlight-1,#fbbf24);border-radius:3px}.artist-profile-modal::-webkit-scrollbar-thumb:hover{background:var(--color-accent-highlight-1,#fbbf24)}.artist-profile-close{position:absolute;top:12px;right:12px;width:32px;height:32px;background:linear-gradient(135deg,#2d3a5c,#1a1a2e);border:1px solid #3d4a6c;border-radius:8px;color:#9ca3af;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;z-index:10}.artist-profile-close:hover{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef4444;color:white;transform:rotate(90deg)}.artist-profile-header{text-align:center;margin-bottom:20px;padding-bottom:20px;border-bottom:2px solid #2d3a5c;box-shadow:inset 0 -2px 0 #1a1a2e,0 2px 4px rgba(0,0,0,0.3)}.artist-profile-logo-frame{position:relative;display:inline-block;margin-bottom:16px}.artist-profile-logo-frame::before{content:'';position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6,#6366f1);animation:logo-glow-rotate 3s linear infinite;z-index:-1}@keyframes logo-glow-rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.artist-profile-logo-border{padding:4px;background:linear-gradient(135deg,#1a1a2e,#0f0f23);border-radius:50%;border:3px solid #2d3a5c;box-shadow:0 0 0 1px #0f0f23,0 0 0 3px #1a1a2e,0 0 15px rgba(99,102,241,0.4),inset 0 2px 4px rgba(0,0,0,0.5)}.artist-profile-logo{width:80px;height:80px;border-radius:50%;object-fit:cover;display:block;border:2px solid #3d4a6c}.artist-profile-name{font-family:var(--font-name,'Orbitron',sans-serif);font-size:1.5rem;font-weight:700;color:#f1f5f9;margin:0 0 12px 0;text-shadow:0 0 10px rgba(99,102,241,0.5),0 2px 4px rgba(0,0,0,0.5);letter-spacing:1px}.artist-profile-stats{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.artist-profile-section-title{display:flex;align-items:center;gap:8px;font-size:0.9rem;font-weight:600;color:#6366f1;margin:0 0 12px 0;padding-bottom:8px;border-bottom:1px solid #2d3a5c;text-transform:uppercase;letter-spacing:1px}.artist-profile-section-title i{font-size:0.8rem}.artist-profile-bio{margin-bottom:20px;padding:16px;background:linear-gradient(180deg,rgba(45,58,92,0.3),rgba(26,26,46,0.5));border-radius:10px;border:1px solid #2d3a5c;box-shadow:inset 0 1px 0 rgba(255,255,255,0.03),0 2px 8px rgba(0,0,0,0.2)}.artist-profile-bio-text{font-size:0.9rem;line-height:1.6;color:#cbd5e1;margin:0;font-style:italic}.artist-profile-songs{margin-bottom:20px;padding:16px;background:linear-gradient(180deg,rgba(45,58,92,0.3),rgba(26,26,46,0.5));border-radius:10px;border:1px solid #2d3a5c;box-shadow:inset 0 1px 0 rgba(255,255,255,0.03),0 2px 8px rgba(0,0,0,0.2)}.artist-profile-songs-list{display:flex;flex-direction:column;gap:8px}.artist-profile-song-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:linear-gradient(90deg,rgba(15,15,35,0.8),rgba(26,26,46,0.6));border-radius:8px;border:1px solid #1a1a2e;transition:all 0.2s ease}.artist-profile-song-item:hover{background:linear-gradient(90deg,rgba(99,102,241,0.15),rgba(26,26,46,0.8));border-color:#6366f1;transform:translateX(4px)}.song-title{display:block;font-size:0.9rem;font-weight:600;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.artist-profile-no-songs{font-size:0.85rem;color:#6b7280;font-style:italic;text-align:center;padding:20px}.artist-profile-more-songs{font-size:0.8rem;color:#6366f1;text-align:center;margin-top:8px;padding-top:8px;border-top:1px dashed #2d3a5c}.artist-profile-socials{padding:16px;background:linear-gradient(180deg,rgba(45,58,92,0.3),rgba(26,26,46,0.5));border-radius:10px;border:1px solid #2d3a5c;box-shadow:inset 0 1px 0 rgba(255,255,255,0.03),0 2px 8px rgba(0,0,0,0.2)}.artist-profile-social-links{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.dm-bubble{max-width:100%;padding:3px 5px !important;border-radius:4px !important;font-size:1rem !important;line-height:1.2 !important;position:relative;box-shadow:0 1px 2px rgba(0,0,0,0.2);display:inline-block !important;white-space:pre-wrap;word-break:break-word}.dm-sender-name{display:inline;font-size:1rem;font-weight:bold;margin-bottom:0;opacity:0.8;text-transform:uppercase;letter-spacing:0.5px}.dm-text{margin:0;word-break:break-word;white-space:pre-wrap;font-size:0.85rem !important;line-height:1.4 !important}#copilot-feed,#lounge-chat-feed,.dm-feed-content,.chat-feed{font-size:0.85rem !important;line-height:1.4 !important}#copilot-feed *:not(.lcm-meta):not(.lcm-name),#lounge-chat-feed *:not(.lcm-meta):not(.lcm-name),.dm-feed-content *:not(.lcm-meta):not(.lcm-name),.chat-feed *:not(.lcm-meta):not(.lcm-name){font-size:0.85rem !important}#lounge-chat-feed .lcm-meta,.chat-feed .lcm-meta{font-size:9.5px !important}#lounge-chat-feed .lcm-name,.chat-feed .lcm-name{font-size:13.6px !important}#lounge-chat-feed{border-left:3px solid var(--color-accent-highlight-2);border-right:3px solid var(--color-accent-highlight-2);border-bottom:3px solid var(--color-accent-highlight-2)}.dm-pagination-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0;background:transparent;border-top:none;margin-top:0;width:100%}.dm-pagination-row{display:flex;align-items:center;justify-content:center;flex-grow:1;gap:10px;padding:2px 0}.dm-page-number{font-size:0.65rem;color:var(--color-text-muted,#9ca3af);white-space:nowrap;margin:0 10px;text-align:center}.dm-pagination-btn{background:none;border:none;color:var(--color-text-muted,#9ca3af);cursor:pointer;font-size:0.8rem;transition:color 0.2s;display:flex;align-items:center;justify-content:center}.dm-pagination-btn:hover:not(:disabled){color:var(--color-accent-highlight-1,#fbbf24)}.dm-pagination-btn:disabled{opacity:0.3;cursor:not-allowed}.dm-return-live-btn{font-size:0.7rem;text-transform:uppercase;letter-spacing:1px;font-weight:bold;color:var(--color-accent-purple,#8b5cf6)}.dm-feed-wrapper{display:flex;flex-direction:column;height:100%}.dm-feed-content{flex-grow:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:4px}.dm-feed-wrapper,.chat-feed.dm-feed-wrapper{position:relative !important;background-size:100% 100% !important;background-position:center !important;background-repeat:no-repeat !important;background-color:transparent !important}.dm-background-layer{position:absolute !important;top:0;left:0;right:0;bottom:0;background-size:100% 100% !important;background-position:center !important;background-repeat:no-repeat !important;opacity:0.30;pointer-events:none;z-index:0}.dm-feed-content{position:relative;z-index:1}.dm-artist-pin{flex-shrink:0;width:20px;height:20px;position:relative;cursor:pointer;margin-right:4px}.dm-artist-pin::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:50%;border:2px solid #6b7280;transition:all 0.3s ease;z-index:2}.dm-artist-pin:hover::before{border-color:var(--color-accent-highlight-1,#fbbf24)}.dm-artist-pin-img{width:100%;height:100%;border-radius:50%;object-fit:cover;position:relative;z-index:1}.dm-message-wrapper.wrapper-them{flex-direction:row;align-items:flex-start}.dm-message-wrapper.wrapper-them .dm-artist-pin{order:1}.dm-message-wrapper.wrapper-them .dm-bubble{order:2}.dm-message-wrapper.wrapper-me .dm-bubble{order:1}#channel-sonic-lounge .dm-message-wrapper,.dm-message-wrapper{display:flex;align-items:center;gap:0.5vw;padding:0.4vh 0.4vw;background-color:rgba(10,10,10,0.6);border-radius:0.5vh;margin-bottom:0.4vh;transition:background-color 0.3s ease;flex-shrink:0;min-height:clamp(40px,5vh,60px);position:relative}.dm-message-wrapper.wrapper-me{flex-direction:row-reverse;margin-left:auto;max-width:90%}.dm-message-wrapper.wrapper-them{flex-direction:row;margin-right:auto;max-width:90%}.dm-message-wrapper.wrapper-me .dm-text{text-align:right}#mail-chat-feed-container .dm-message-wrapper.wrapper-me .dm-text{text-align:right}#mail-chat-feed-container .dm-message-wrapper.wrapper-me{flex-direction:row-reverse;margin-left:auto;max-width:90%}#mail-chat-feed-container .dm-message-wrapper.wrapper-them{flex-direction:row;margin-right:auto;max-width:90%}#channel-account .account-layout{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:12px;padding:12px;background-color:transparent;height:100%;box-sizing:border-box;border:1px solid var(--color-border-secondary);border-radius:15px;position:relative;z-index:1}#channel-account .account-section{border:1px solid var(--color-border-secondary);border-radius:12px;display:flex;flex-direction:column;min-height:0;height:100%;background-color:var(--color-tertiary);overflow:hidden}#channel-account .account-section-title-banner{width:100%;height:28px;display:flex;align-items:center;justify-content:center;background-color:var(--color-top-windows-bg,var(--color-frame));border-bottom:1px solid var(--color-border-secondary);font-size:0.75rem;font-weight:700;font-family:'Bungee Inline',cursive;color:var(--color-text-title);letter-spacing:0.8px;text-transform:uppercase;letter-spacing:0.5px;flex-shrink:0}#channel-account #section-banners .account-section-content{flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;gap:2px;padding:4px;overflow-y:auto}#channel-account #section-banners{display:flex !important;flex-direction:column !important}#channel-account #section-banners .art-row{flex:0 1 auto !important;display:flex !important;flex-direction:row !important;align-items:center !important;justify-content:center !important;gap:6px !important;width:100% !important;min-height:0 !important;padding:0 4px !important}#channel-account #section-banners .upload-btn,#channel-account #section-backgrounds .upload-btn{flex-shrink:0;width:48px;height:32px;display:flex;align-items:center;justify-content:center}#account-stock-banner-container{flex:1 1 auto;max-width:min(348px,100%);display:flex;flex-direction:row;align-items:center;justify-content:center;gap:4px;flex-wrap:nowrap;min-width:0}#account-stock-background-container{flex:1 1 auto;max-width:min(270px,100%);display:flex;flex-direction:row;align-items:center;justify-content:center;gap:4px;flex-wrap:nowrap;min-width:0}#account-stock-banner-container .account-stock-banner-option{height:28px !important;width:auto !important;aspect-ratio:3/1 !important;border-radius:4px !important;flex-shrink:0;object-fit:cover;transition:transform 0.2s,border-color 0.2s}#account-stock-banner-container .account-stock-banner-option:hover{transform:scale(1.05)}#account-stock-background-container .account-background-option{width:29px !important;height:29px !important;border-radius:50% !important;flex-shrink:0;border:1px solid #4b5563;cursor:pointer;object-fit:cover}#account-stock-background-container .account-background-option:hover{border-color:var(--color-accent-highlight-1,#fbbf24);transform:scale(1.1)}#account-banner-preview-container.selected{border-color:var(--color-accent-highlight-2,#3b82f6) !important;box-shadow:0 0 8px var(--color-accent-highlight-2,rgba(59,130,246,0.6))}#account-background-preview-container.selected{border-color:var(--color-accent-highlight-2,#3b82f6) !important;box-shadow:0 0 8px var(--color-accent-highlight-2,rgba(59,130,246,0.6))}#channel-account .account-section-content{flex-grow:1;flex-shrink:1;overflow-y:auto;padding:12px;min-height:0;display:flex;flex-direction:column}#channel-account #section-image-upload{grid-column:1;grid-row:1}#channel-account #section-name{grid-column:2;grid-row:1}#channel-account #section-theme{grid-column:3;grid-row:1}#channel-account #section-banners{grid-column:1 / span 2;grid-row:2}#channel-account #section-socials{grid-column:3;grid-row:2}#channel-account .account-section-content::-webkit-scrollbar{width:6px}#channel-account .account-section-content::-webkit-scrollbar-track{background:transparent}#channel-account .account-section-content::-webkit-scrollbar-thumb{background:var(--color-accent-highlight-1,#fbbf24);border-radius:3px}#channel-account .account-section-content::-webkit-scrollbar-thumb:hover{background:var(--color-accent-highlight-1,#fbbf24)}#account-stock-banner-container::-webkit-scrollbar{display:none;width:0;height:0}#account-stock-banner-container{-ms-overflow-style:none;scrollbar-width:none}.auto-hide-message{transition:opacity 0.3s ease-out,transform 0.3s ease-out}.auto-hide-message.hiding{opacity:0;transform:translateY(-10px);pointer-events:none}#lounge-leaderboard-container{padding:0.5rem;border-bottom:1px solid var(--color-border-secondary)}.leaderboard-title{font-size:0.75rem;font-weight:600;color:var(--color-text-main);flex-grow:1}.leaderboard-toggle{background:none;border:1px solid var(--color-border-secondary);border-radius:4px;padding:2px 6px;font-size:0.65rem;font-weight:bold;color:var(--color-text-muted);cursor:pointer;transition:all 0.2s}.leaderboard-toggle:hover{border-color:var(--color-accent-highlight-1);color:var(--color-accent-highlight-1)}.leaderboard-toggle.active{background:var(--color-accent-highlight-1);border-color:var(--color-accent-highlight-1);color:#000}.leaderboard-loading{font-size:0.65rem;color:var(--color-text-muted);text-align:center;padding:0.5rem}.leaderboard-empty{font-size:0.65rem;color:var(--color-text-muted);text-align:center;padding:0.5rem}.leaderboard-item{display:flex;align-items:center;gap:0.4rem;padding:0.25rem;border-radius:4px;cursor:pointer;transition:background-color 0.2s}.leaderboard-item:hover{background-color:rgba(255,255,255,0.1)}.leaderboard-rank{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.6rem;font-weight:bold;flex-shrink:0}.leaderboard-rank.rank-other{background:var(--color-border-secondary);color:var(--color-text-muted)}.leaderboard-pin{width:20px;height:20px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1px solid var(--color-border-secondary)}.leaderboard-info{flex-grow:1;min-width:0}.leaderboard-name{font-size:0.7rem;font-weight:600;color:var(--color-text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leaderboard-points{font-size:0.65rem;color:var(--color-accent-highlight-1);font-weight:bold}.leaderboard-play-btn{background:none;border:none;color:var(--color-accent-highlight-1);cursor:pointer;padding:4px;border-radius:4px;font-size:0.7rem;transition:all 0.2s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.leaderboard-play-btn:hover{background:var(--color-accent-highlight-1);color:#000;transform:scale(1.1)}.leaderboard-play-btn i{margin:0}#account-customize-panel .account-layout{grid-template-columns:40fr 60fr !important;grid-template-rows:1fr !important}#account-customize-panel #section-theme{grid-column:1 !important;grid-row:1 !important}#account-customize-panel #section-banners{grid-column:2 !important;grid-row:1 !important;display:flex !important;flex-direction:column !important}#account-customize-panel #section-backgrounds{display:none !important}#account-profiles-panel .account-layout{grid-template-columns:1fr 1fr 1fr !important;grid-template-rows:1fr !important}#account-profiles-panel #section-image-upload{grid-column:1 !important;grid-row:1 !important}#account-profiles-panel #section-name{grid-column:2 !important;grid-row:1 !important}#account-profiles-panel #section-socials{grid-column:3 !important;grid-row:1 !important}#live-show-banner-container.show-welcome-card .show-banner-entry-count,#live-show-banner-container.show-welcome-card .show-banner-timer{display:none !important}#live-show-banner-container.show-welcome-card{border-color:var(--color-border-secondary,#374151) !important;box-shadow:none !important;animation:none !important;background:#1f2937 !important;min-height:200px !important;padding:0 !important}#live-show-banner-container.show-welcome-card .show-banner-registration-overlay{display:none !important}#live-show-banner-container.show-welcome-card .show-banner-art,#live-show-banner-container.show-welcome-card .show-banner-overlay-title{display:none !important}#mail-window{display:none;flex-direction:column;width:100%;height:100%;background:var(--color-frame,#1a1a2e)}#mail-window.active{display:flex;flex-direction:column;width:100%;height:100%}#mail-dm-icons-container{flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative;background:rgba(0,0,0,0.3);padding:0;margin:0;border-bottom:1px solid var(--color-border-main,#374151);min-height:0;height:auto;width:100%}#mail-dm-icons-carousel{display:flex;align-items:center;justify-content:flex-start;width:100%;overflow-x:auto;overflow-y:hidden;gap:4px;padding:4px;margin:0;scroll-snap-type:x mandatory;scroll-behavior:smooth}#mail-dm-icons-carousel::-webkit-scrollbar{display:none}#mail-dm-icons-carousel .dm-icon-container{flex-shrink:0;width:calc(33.333% - 4px);height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;scroll-snap-align:start;padding:4px;border-radius:8px;transition:all 0.3s ease}#mail-dm-icons-carousel .dm-icon-container.active{background:rgba(255,255,0,0.3) !important;box-shadow:0 0 20px 6px #ffff00,0 0 40px 10px rgba(255,255,0,0.6);border-radius:8px}#mail-dm-icons-carousel .dm-pin-label{width:90%;background:rgba(0,0,0,0.7);color:#fff;font-family:var(--font-name,sans-serif);font-size:0.6rem;padding:1px 2px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:3px;flex-shrink:0}#mail-dm-icons-carousel .dm-icon-container.active .dm-pin-label{background:rgba(255,255,0,0.8);color:#000;font-weight:bold}#mail-dm-icons-carousel .dm-icon-item{width:60%;aspect-ratio:1;border-radius:50%;background:#1f2937;border:3px solid var(--color-bg-main,#000);cursor:pointer;transition:transform 0.3s ease,border-color 0.3s ease,box-shadow 0.3s ease;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;flex-shrink:0}#mail-dm-icons-carousel .dm-icon-container.active .dm-icon-item{border-color:#ffff00 !important;border-width:4px !important;box-shadow:0 0 15px 4px #ffff00,0 0 30px 8px rgba(255,255,0,0.6)}@keyframes dm-active-pulse{0%,100%{opacity:1}50%{opacity:0.7}}#mail-dm-icons-carousel .dm-icon-container.active{animation:dm-active-pulse 1.5s ease-in-out infinite}#mail-dm-icons-carousel .dm-icon-item:hover{transform:scale(1.15)}#mail-dm-icons-carousel .dm-icon-item.active{border-color:var(--color-accent-highlight-1,#fbbf24);box-shadow:0 0 8px rgba(251,191,36,0.4)}#mail-dm-icons-carousel .dm-icon-item.unread{border-color:#ef4444;animation:dm-unread-pulse 1.5s ease-in-out infinite}#mail-dm-icons-carousel .dm-icon-item img{width:100%;height:100%;object-fit:cover}#mail-dm-icons-carousel .dm-icon-placeholder{font-size:0.65rem;font-weight:600;color:#fff}#mail-dm-scroll-left,#mail-dm-scroll-right{background:none;border:none;cursor:pointer;padding:4px;opacity:1;transition:opacity 0.2s;flex-shrink:0;display:flex;align-items:center;justify-content:center;align-self:center}#mail-dm-scroll-left:hover,#mail-dm-scroll-right:hover{background:rgba(0,0,0,0.9)}#mail-dm-scroll-left i,#mail-dm-scroll-right i{font-size:0.6rem;color:var(--color-text-secondary)}#mail-dm-scroll-left:hover i,#mail-dm-scroll-right:hover i{color:var(--color-accent-highlight-1)}#mail-chat-feed-container{flex:1;display:flex;flex-direction:column;min-height:0;overflow-y:auto;padding:8px;gap:4px;background:var(--color-windows-bg)}#mail-chat-feed-container .dm-message-wrapper{display:flex;flex-direction:column;width:100%;margin:3px 0;position:relative}#mail-chat-feed-container .dm-message-wrapper.wrapper-me{align-items:flex-end}#mail-chat-feed-container .dm-message-wrapper.wrapper-them{align-items:flex-start}#mail-chat-feed-container .dm-bubble{max-width:80%;padding:4px 8px;border-radius:12px;position:relative;font-size:0.85rem;line-height:1.4;display:inline-block;white-space:pre-wrap;word-break:break-word}#mail-chat-feed-container .dm-sender-name{display:block;font-size:0.7rem;font-weight:600;margin-bottom:2px;opacity:0.8;text-transform:uppercase;letter-spacing:0.5px}#mail-chat-feed-container .dm-text{margin:0;word-break:break-word;white-space:pre-wrap;text-align:right}#mail-chat-feed-container .dm-icon-item{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:#1f2937;border:0.1vw solid var(--color-bg-main,#000);cursor:pointer;transition:transform 0.3s ease,border-color 0.3s ease;display:flex;align-items:center;justify-content:center;overflow:hidden}#mail-chat-feed-container .dm-icon-item:hover{transform:scale(1.15)}#mail-chat-feed-container .dm-icon-item.active{border-color:var(--color-accent-highlight-1,#fbbf24);box-shadow:0 0 8px rgba(251,191,36,0.4)}#mail-chat-feed-container .dm-icon-item.unread{border-color:#ef4444;animation:dm-unread-pulse 1.5s ease-in-out infinite}@keyframes dm-unread-pulse{0%,100%{box-shadow:0 0 0 0 rgba(239,68,68,0.4)}50%{box-shadow:0 0 0 4px rgba(239,68,68,0)}}#mail-chat-feed-container .dm-icon-item img{width:100%;height:100%;object-fit:cover}#mail-chat-feed-container .dm-icon-placeholder{font-size:0.65rem;font-weight:600;color:#fff}#account-customize-panel #section-banners #account-fonts-container{flex-grow:1;min-height:80px;padding-top:0.25rem}#account-font-preview-name{height:50px;font-size:1.8rem;font-weight:bold;display:flex;align-items:center;justify-content:center;color:var(--color-text-main,#e5e7eb);margin:0;padding:0}#account-font-options{flex-wrap:wrap;gap:4px}.font-option-btn{width:28px;height:28px;border-radius:4px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);color:#9ca3af;cursor:pointer;font-size:0.7rem;font-weight:600;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center}.font-option-btn:hover{background:rgba(255,255,255,0.1);border-color:var(--color-accent-highlight-1,#fbbf24);color:#fff}.font-option-btn.selected{background:var(--color-active-highlight);border-color:var(--color-active-highlight);color:white;box-shadow:0 0 8px var(--color-active-highlight)}.lounge-pin-status-indicator.status-inactive{background-color:#eab308;box-shadow:0 0 6px #eab308}.lounge-pin-status-indicator.status-away{background-color:#ffffff;box-shadow:0 0 6px #ffffff}.presence-mode-btn[data-mode="loggedin"].active{background:linear-gradient(135deg,rgba(var(--color-accent-highlight-1-rgb,251,191,36),0.5) 0%,rgba(var(--color-accent-highlight-2-rgb,59,130,246),0.5) 100%);border-color:rgba(255,255,255,0.3);color:#fff}.lounge-user-pin.status-inactive{border-color:rgba(234,179,8,0.15);background:rgba(234,179,8,0.05)}.lounge-user-pin.status-inactive:hover{background:rgba(234,179,8,0.12);border-color:rgba(234,179,8,0.4);box-shadow:0 0 12px rgba(234,179,8,0.25),inset 0 0 8px rgba(234,179,8,0.1);transform:translateX(4px) scale(1.02)}.lounge-user-pin.status-inactive:hover .lounge-pin-pfp-img{border-color:#eab308;box-shadow:0 0 10px rgba(234,179,8,0.4)}.lounge-pin-status-indicator.status-offline{background-color:#6b7280}.lounge-user-pin.status-offline{border-color:rgba(107,114,128,0.15);background:rgba(107,114,128,0.03)}.lounge-user-pin.status-offline:hover{background:rgba(107,114,128,0.1);border-color:rgba(107,114,128,0.35);box-shadow:0 0 12px rgba(107,114,128,0.2),inset 0 0 8px rgba(107,114,128,0.08);transform:translateX(4px) scale(1.02)}.lounge-user-pin.status-offline:hover .lounge-pin-pfp-img{border-color:#6b7280;box-shadow:0 0 10px rgba(107,114,128,0.4)}.lounge-inactive-users-grid,.lounge-offline-users-grid{display:flex;flex-direction:column;align-items:center;gap:4px}.lounge-presence-section.offline-section{background:linear-gradient(135deg,rgba(107,114,128,0.08) 0%,rgba(75,85,99,0.05) 100%);border-radius:8px;padding:10px 14px 8px;margin-bottom:12px;border:1px solid rgba(107,114,128,0.2)}.lounge-presence-section.offline-section::before{background:linear-gradient(90deg,transparent,#6b7280 20%,#6b7280 50%,#6b7280 80%,transparent)}.lounge-chat-text .chat-mention{background-color:rgba(59,130,246,0.3);color:#93c5fd;font-weight:500;padding:2px 6px;border-radius:4px;cursor:pointer;transition:all 0.15s ease}.lounge-chat-text .chat-mention:hover{background-color:rgba(59,130,246,0.5)}.lounge-chat-text .chat-mention.registered{background-color:#c2410c;color:#fff;font-weight:600}.lounge-chat-text .chat-mention.registered:hover{background-color:#ea580c}.lounge-chat-username{cursor:pointer;transition:color 0.15s ease,text-shadow 0.15s ease}.lounge-chat-username:hover{color:#60a5fa;text-shadow:0 0 8px rgba(96,165,250,0.5)}.lounge-chat-user-area{cursor:pointer}.lounge-chat-user-area:hover .lounge-chat-user-pic{box-shadow:0 0 12px rgba(96,165,250,0.6);transform:scale(1.05)}.mention-chip{background-color:rgba(59,130,246,0.3);color:#93c5fd;font-weight:600;padding:4px 10px;border-radius:12px;font-size:0.8rem;cursor:pointer;transition:all 0.15s ease;border:1px solid transparent}.mention-chip:hover{background-color:rgba(59,130,246,0.5);transform:scale(1.05)}.mention-chip.selected{background-color:#c2410c;color:#fff;border-color:#fb923c;box-shadow:0 0 8px rgba(194,65,12,0.5)}.lounge-chat-text .chat-mention.locked-mention{background-color:#c2410c;color:#fff;padding:2px 6px;border-radius:4px;font-weight:600}.lounge-chat-text .chat-embedded-image{max-width:100%;max-height:clamp(128px,19.2vh,256px);width:auto;height:auto;border-radius:8px;margin-top:8px;margin-bottom:8px;display:block}.mention-chip{display:inline-flex;align-items:center;background-color:rgba(59,130,246,0.3);color:#93c5fd;font-weight:600;padding:4px 12px;margin:0 4px;border-radius:12px;font-size:0.85rem;cursor:pointer;transition:all 0.1s ease;border:1px solid rgba(59,130,246,0.4);white-space:nowrap}.mention-chip:hover{background-color:rgba(59,130,246,0.5);border-color:rgba(59,130,246,0.6)}.mention-chip.selected{background-color:#c2410c;color:#fff;border-color:#fb923c;box-shadow:0 0 8px rgba(194,65,12,0.5)}#mention-chip-container{pointer-events:auto !important}@media (max-width:768px){.lounge-fit-buttons .visuals-fit-btn{width:32px;height:32px}}body.is-safari .lounge-left-column #lounge-main-display{flex:1 1 0;width:100%;max-width:100%;min-height:0}body.is-safari #lounge-album-art{height:auto;-webkit-box-flex:1;flex:1 1 0;align-self:stretch;min-height:0}body.is-safari #lounge-presence-panel-wrapper{flex:0 0 40%;width:40%;max-width:40%}body.is-safari #lounge-show-indicator{flex:none;height:25%;min-height:60px;max-height:100px;-webkit-clip-path:polygon(7% 0,93% 0,100% 15%,100% 100%,0 100%,0 15%);clip-path:polygon(7% 0,93% 0,100% 15%,100% 100%,0 100%,0 15%)}body.is-safari #lounge-show-indicator .header-show-overlay{position:absolute;top:0;left:0;right:0;bottom:0;height:auto}body.is-safari #lounge-presence-panel.lounge-artist-card{-webkit-clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,20px 100%,0 calc(100% - 20px));clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,20px 100%,0 calc(100% - 20px));overflow:hidden}body.is-safari .artist-card-content{height:100%}body.is-safari .artist-card-bg,body.is-safari .artist-card-overlay{height:auto;top:0;bottom:0}body.is-safari .presence-widget .pw-pins-body{-webkit-box-flex:1;flex:1 1 0;height:auto;min-height:0;align-self:stretch}body.is-safari .presence-widget .pw-header,body.is-safari .presence-widget .pw-footer{flex-shrink:0}body.is-safari .artist-card-bio{height:auto;-webkit-box-flex:1;flex:1 1 0;align-self:stretch;min-height:40px}body.is-safari .artist-card-socials .socials-nav-btn{height:48px;-webkit-box-flex:0;flex-shrink:0;flex-grow:0}body.is-safari .badge-completion-hole i{font-size:12px !important;position:relative;z-index:1}.show-mini-card[data-show-status="live"]:hover{filter:brightness(1.15);border-color:rgba(16,185,129,0.7) !important}.show-mini-card[data-show-status="live"]:active{filter:brightness(0.95)}.show-mini-card .show-mini-stop-btn:hover{background:rgba(239,68,68,0.6) !important;color:#fff !important}.lead-in-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:50;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:inherit}.lead-in-bg{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat}.lead-in-overlay::before{content:'';position:absolute;inset:0;background:rgba(0,0,0,0.45);z-index:1}.lead-in-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px 15px;text-align:center;max-width:90%;height:auto;max-height:100%;box-sizing:border-box;overflow:hidden}.lead-in-title-section{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%}.lead-in-title{font-family:'Permanent Marker',cursive;font-size:1.5rem;font-weight:700;color:white;text-shadow:0 4px 20px rgba(0,0,0,0.8),0 0 40px rgba(255,255,255,0.2);line-height:1.2;letter-spacing:2px;text-transform:uppercase;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lead-in-artist{font-family:'Inter',sans-serif;font-size:0.75rem;font-weight:600;color:rgba(255,255,255,0.9);text-transform:uppercase;letter-spacing:2px;text-shadow:0 2px 10px rgba(0,0,0,0.8);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lead-in-description{font-family:'Inter',sans-serif;font-size:0.7rem;font-weight:400;color:rgba(255,255,255,0.85);line-height:1.3;max-width:100%;max-height:2.6em;text-shadow:0 2px 8px rgba(0,0,0,0.6);margin:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.lead-in-starting-song{font-family:'Inter',sans-serif;font-size:0.7rem;font-weight:400;color:rgba(255,255,255,0.9);line-height:1.3;max-width:100%;text-shadow:0 2px 8px rgba(0,0,0,0.6);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lead-in-starting-label{display:block;font-size:0.55rem;font-weight:600;color:rgba(255,255,255,0.7);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:2px}.lead-in-countdown-section{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:3%;animation:lead-in-pulse 2s ease-in-out infinite}.lead-in-label{font-family:'Inter',sans-serif;font-size:0.75rem;color:rgba(255,255,255,0.8);text-transform:uppercase;letter-spacing:3px;font-weight:600;text-shadow:0 2px 8px rgba(0,0,0,0.6)}.lead-in-timer{font-family:'Permanent Marker',cursive;font-size:3rem;font-weight:700;color:#fbbf24;text-shadow:0 4px 20px rgba(0,0,0,0.8),0 0 30px rgba(251,191,36,0.5);line-height:1;letter-spacing:3px}.lead-in-sublabel{font-family:'Inter',sans-serif;font-size:0.85rem;color:rgba(255,255,255,0.9);text-transform:uppercase;letter-spacing:2px;font-weight:600;text-shadow:0 2px 8px rgba(0,0,0,0.6)}@keyframes lead-in-pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:0.9}}#ac-songs-list .lead-in-countdown-section{margin:auto;padding:8px 16px;background:rgba(0,0,0,0.6);border-radius:8px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.1);text-align:center;width:fit-content;max-width:90%;max-height:100%;overflow:hidden;display:flex;flex-direction:column;gap:4px}#ac-songs-list .lead-in-label{font-size:0.6rem;letter-spacing:1.5px;margin:0}#ac-songs-list .lead-in-timer{font-size:1.8rem;letter-spacing:1.5px;line-height:1;margin:0}#ac-songs-list .lead-in-sublabel{font-size:0.65rem;letter-spacing:1px;margin:0}@media (max-width:768px){.lead-in-content{padding:15px 12px;gap:12px}.lead-in-title-section{margin-top:5%}.lead-in-title{font-size:1.5rem;letter-spacing:1px}.lead-in-artist{font-size:0.75rem;letter-spacing:1.5px}.lead-in-description{font-size:0.85rem;max-width:90%;margin:8px 0}.lead-in-countdown-section{margin-bottom:5%;gap:6px}.lead-in-label{font-size:0.65rem;letter-spacing:2px}.lead-in-timer{font-size:2.2rem;letter-spacing:2px}.lead-in-sublabel{font-size:0.75rem;letter-spacing:1.5px}}.library-song-item.delete-countdown-banner,.show-card.delete-countdown-banner{position:relative !important;background-color:#000 !important;border:2px solid #dc2626 !important;min-height:40px}.library-song-item.delete-countdown-banner > *:not(.delete-countdown-overlay),.show-card.delete-countdown-banner > *:not(.delete-countdown-overlay){visibility:hidden !important;display:none !important}.delete-countdown-overlay{position:absolute !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;display:flex !important;align-items:center !important;justify-content:center !important;gap:10px !important;background-color:#000 !important;z-index:10000 !important;cursor:pointer !important;padding:8px !important}.delete-countdown-overlay .delete-countdown-icon{color:#ef4444 !important;font-size:1.2rem !important;animation:trash-shake 0.5s ease-in-out infinite !important}.delete-countdown-overlay .delete-countdown-text{color:#ef4444 !important;font-size:0.75rem !important;font-weight:bold !important;white-space:nowrap !important}.delete-countdown-overlay.flash{animation:countdown-flash 0.3s ease-in-out !important}@keyframes countdown-flash{0%,100%{background-color:#000}50%{background-color:rgba(220,38,38,0.4)}}@keyframes trash-shake{0%,100%{transform:rotate(0deg)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.delete-countdown-message{display:flex;align-items:center;gap:8px;padding:8px 12px;background:rgba(220,38,38,0.2);border:1px solid rgba(220,38,38,0.4);border-radius:8px;color:#fca5a5;font-size:0.85rem}.delete-countdown-icon{color:#ef4444;animation:trash-shake 0.5s ease-in-out infinite}.delete-countdown-text{flex:1}.delete-countdown-message.flash{animation:countdown-flash 0.3s ease-in-out}@keyframes countdown-flash{0%,100%{background:rgba(220,38,38,0.2)}50%{background:rgba(220,38,38,0.5)}}@keyframes trash-shake{0%,100%{transform:rotate(0deg)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.delete-complete-message{display:flex;align-items:center;gap:8px;padding:8px 12px;background:rgba(34,197,94,0.2);border:1px solid rgba(34,197,94,0.4);border-radius:8px;color:#86efac;font-size:0.85rem;animation:complete-fade-in 0.3s ease-out}.delete-complete-icon{color:#22c55e}@keyframes complete-fade-in{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}#notifications-wrapper{display:flex;flex-direction:column;width:100%;flex-shrink:0;transition:all 0.3s ease-in-out;margin:0}#notifications-manager{position:relative;width:100%;min-height:23px;max-height:23px;height:23px;margin:0 0 5px 0;flex-shrink:0;background:linear-gradient(135deg,color-mix(in srgb,var(--color-accent-highlight-2) 38%,transparent) 0%,color-mix(in srgb,var(--color-accent-highlight-2) 32%,transparent) 100%);border-bottom:1px solid rgba(139,92,246,0.5);padding:0;box-sizing:border-box;z-index:100;overflow:hidden;display:flex;flex-direction:column;border-radius:0;cursor:pointer;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-accent-highlight-2) 55%,transparent),inset 0 0 0 3px color-mix(in srgb,var(--color-accent-highlight-2) 35%,transparent),inset 0 0 0 5px color-mix(in srgb,var(--color-accent-highlight-2) 28%,transparent),0 2px 8px rgba(0,0,0,0.4),0 0 15px color-mix(in srgb,var(--color-accent-highlight-2) 40%,transparent);transition:all 0.3s ease-in-out}.notif-expand-btn{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.3);border:none;border-left:2px solid rgba(0,0,0,0.3);border-right:2px solid rgba(0,0,0,0.3);border-bottom:2px solid rgba(0,0,0,0.3);border-radius:0;color:#000000;font-size:0.7em;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity 0.2s ease,background 0.2s ease;z-index:10;padding:0;opacity:0}#notifications-manager:hover .notif-expand-btn,#notifications-manager.hover-sync-active .notif-expand-btn{opacity:1;filter:brightness(1.4)}#notifications-manager.viewer-active .notif-expand-btn,#notifications-manager.viewer-active .notif-viewer-header,#notifications-manager.viewer-active .notif-nav-arrow{opacity:0 !important;pointer-events:none !important}#notifications-manager.viewer-active .notif-viewer{background:transparent !important;padding:0 !important;margin-top:0 !important}.notif-expand-btn i{color:#ffffff;opacity:1}.notif-category-carousel::-webkit-scrollbar-thumb{opacity:1}.notif-expand-btn i{transition:transform 0.2s ease;margin:0}.notif-expand-btn.expanded i{transform:rotate(180deg)}#notif-expanded-container{height:0;max-height:0;opacity:0;overflow:hidden;width:100%;visibility:hidden;pointer-events:none;transition:height 0.3s ease-in-out,max-height 0.3s ease-in-out,opacity 0.3s ease-in-out,visibility 0.3s ease-in-out}#notifications-wrapper.expanded .notif-expanded-container{height:auto;max-height:200px;opacity:1;visibility:visible;pointer-events:auto}#notifications-wrapper:not(.expanded) .notif-expanded-container{height:0;max-height:0;opacity:0;visibility:hidden;pointer-events:none}.notif-expanded-slide-wrapper{transition:transform 0.5s cubic-bezier(0.4,0,0.2,1),opacity 0.5s cubic-bezier(0.4,0,0.2,1);transform-origin:top;will-change:transform,opacity}.notif-expanded-content{display:block;transform:translateY(-100%) scale(0.95);opacity:0;max-height:0;margin-top:0;visibility:hidden;pointer-events:none;transition:transform 0.5s cubic-bezier(0.34,1.56,0.64,1),opacity 0.4s cubic-bezier(0.4,0,0.2,1),max-height 0.5s cubic-bezier(0.4,0,0.2,1),visibility 0.5s cubic-bezier(0.4,0,0.2,1);transform-origin:top center;will-change:transform,opacity,max-height,visibility;overflow:hidden}#notifications-wrapper.expanded .notif-expanded-content{transform:translateY(0) scale(1);opacity:1;max-height:500px;margin-top:3px;visibility:visible;pointer-events:auto;overflow-y:auto;height:100%;position:relative;background:linear-gradient(135deg,rgba(var(--color-windows-bg-rgb),0.3) 0%,rgba(var(--color-windows-bg-rgb),0.15) 50%,rgba(var(--color-windows-bg-rgb),0.3) 100%);border-radius:0;padding:3px;box-sizing:border-box}#notifications-wrapper:not(.expanded) .notif-expanded-slide-wrapper{transform:translateY(-20px);opacity:0;max-height:0;overflow:hidden}#notifications-wrapper.expanded .notif-expanded-slide-wrapper{transform:translateY(0);opacity:1;max-height:200px;overflow:visible}#copilot-input-area:has(#notifications-wrapper.expanded){flex-shrink:0 !important}#notifications-banner{display:none !important}#notifications-banner:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--color-accent-highlight-2) 18%,transparent) 0%,color-mix(in srgb,var(--color-accent-highlight-2) 12%,transparent) 100%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-accent-highlight-2) 35%,transparent),inset 0 0 0 3px color-mix(in srgb,var(--color-accent-highlight-2) 15%,transparent),inset 0 0 0 5px color-mix(in srgb,var(--color-accent-highlight-2) 8%,transparent),0 2px 8px rgba(0,0,0,0.4),0 0 15px color-mix(in srgb,var(--color-accent-highlight-2) 20%,transparent)}.notif-ez-view-banner{width:100%;height:7px;background:transparent;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0;margin:0;border-top:1px solid rgba(0,0,0,0.2);border-radius:0;cursor:default;pointer-events:none}.notif-ez-view-banner .notif-ez-view-label{display:none}#notifications-manager.hover-sync-active,#notifications-manager:hover{filter:brightness(1.15);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-accent-highlight-2) 70%,transparent),inset 0 0 0 3px color-mix(in srgb,var(--color-accent-highlight-2) 50%,transparent),inset 0 0 0 5px color-mix(in srgb,var(--color-accent-highlight-2) 40%,transparent),0 2px 8px rgba(0,0,0,0.4),0 0 20px color-mix(in srgb,var(--color-accent-highlight-2) 55%,transparent)}.notif-ez-view-banner::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.05),transparent);pointer-events:none}.notif-ez-view-label{display:flex;align-items:center;gap:6px;font-size:0.65em;font-weight:700;color:#ffffff;text-transform:uppercase;letter-spacing:1.5px;text-shadow:0 0 8px rgba(255,255,255,0.3)}.notif-ez-view-label i{color:rgba(255,255,255,0.8);font-size:0.85em}.notif-viewer-main{flex:1;min-width:0;overflow:hidden;scroll-behavior:smooth;display:flex;align-items:center;justify-content:flex-start;padding:0 3px;background:rgba(255,255,255,0.03);border-radius:6px;font-size:0.7em;color:rgba(255,255,255,0.9);box-sizing:border-box;position:relative}.notif-item-content{white-space:nowrap;width:auto;display:inline-block;will-change:transform;padding-left:16px;line-height:normal;text-align:left}.notif-close-btn{display:none !important}.notif-category-carousel::-webkit-scrollbar{display:none}.notif-category-btn{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;min-width:48px;background:rgba(60,60,60,0.8);border:1px solid rgba(255,255,255,0.08);border-radius:8px;cursor:pointer;transition:all 0.15s ease;flex-shrink:0}.notif-category-btn:hover{background:rgba(80,80,80,0.9);border-color:rgba(139,92,246,0.4);transform:translateY(-2px)}.notif-category-btn.active{background:rgba(100,100,100,0.9);border-color:rgba(139,92,246,0.6);box-shadow:0 0 12px rgba(139,92,246,0.3)}.notif-category-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:0.9em}.notif-category-icon i{font-size:1em}.notif-category-label{font-size:0.5em;color:rgba(255,255,255,0.9);text-transform:uppercase;letter-spacing:0.5px;white-space:nowrap}.notif-category-badge{position:absolute;top:2px;right:2px;min-width:14px;height:14px;background:#ef4444;border-radius:7px;font-size:0.55em;font-weight:700;color:white}body.mobile-view-console .notif-viewer,body.mobile-view-screen .notif-viewer{margin-top:0 !important;padding:0 !important}body.mobile-view-screen .notif-category-carousel{padding:0 !important;margin:0 !important}body.mobile-view-screen .notif-default-status{margin:0 !important}body.mobile-view-screen .notif-viewer{margin:0 !important;padding:0 !important}body.mobile-view-screen #copilot-input-area{gap:0 !important}body.mobile-view-screen #copilot-main-input-wrapper{margin-top:0 !important}body.mobile-view-screen .copilot-message-wrapper{margin-bottom:0 !important}.notif-viewer{position:relative;margin-top:3px;padding:3px;background:rgba(0,0,0,0.3);border:1px solid rgba(139,92,246,0.2);border-radius:8px}.notif-viewer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:3px;padding-bottom:3px;border-bottom:1px solid rgba(255,255,255,0.06)}.notif-viewer-type{display:flex;align-items:center;gap:6px;font-size:0.65em;font-weight:600;color:rgba(255,255,255,0.8)}.notif-viewer-type i{font-size:0.9em}.notif-viewer-counter{font-size:0.6em;color:rgba(255,255,255,0.5)}.notif-viewer-content{display:flex;align-items:center;gap:3px}.notif-nav-arrow{width:24px;height:24px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:6px;color:rgba(255,255,255,0.5);font-size:0.7em;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.15s ease;flex-shrink:0}.notif-nav-arrow:hover{background:rgba(139,92,246,0.3);border-color:rgba(139,92,246,0.5);color:white}.notif-nav-arrow:disabled{opacity:0.3;cursor:not-allowed}.notif-nav-arrow:disabled:hover{background:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.1);color:rgba(255,255,255,0.5)}.notif-item-content .notif-amount{color:#10b981;font-weight:600;margin-left:4px}.notif-item-content .notif-preview{display:block;margin-top:4px;color:rgba(255,255,255,0.6);font-style:italic}.notif-empty-state{text-align:center;padding:12px;color:rgba(255,255,255,0.4);font-size:0.65em}.notif-category-btn[data-type="coins"] .notif-category-icon i{color:#fbbf24}.notif-category-btn[data-type="tickets"] .notif-category-icon i{color:#f472b6}.notif-category-btn[data-type="likes"] .notif-category-icon i{color:#ef4444}.notif-category-btn[data-type="comments"] .notif-category-icon i{color:#60a5fa}.notif-category-btn[data-type="mentions"] .notif-category-icon i{color:#a78bfa}.notif-item-inline{padding:0 !important;background:transparent !important;border:none !important;box-shadow:none !important;margin-bottom:0 !important;border-radius:0 !important}.notif-expanded-section{cursor:pointer;transition:background 0.15s ease,border-color 0.15s ease,transform 0.25s ease-in-out}.notif-expanded-section:hover,.notif-expanded-section.active{background:rgba(139,92,246,0.2) !important;border-color:rgba(139,92,246,0.4) !important}.notif-expanded-breakdown{padding:8px 10px;background:rgba(0,0,0,0.4);border:none;border-radius:6px;margin-bottom:6px}.notif-clear-banner{display:flex;align-items:center;justify-content:center;padding:4px 8px;background:rgba(139,92,246,0.15);border-bottom:1px solid rgba(139,92,246,0.2);margin-bottom:6px;cursor:pointer;transition:background 0.15s ease,opacity 0.15s ease}.notif-clear-banner:hover{background:var(--color-accent-highlight-2,rgba(149,7,105,0.25))}.notif-clear-banner:active{opacity:0.7}.notif-expanded-breakdown-item{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-bottom:1px solid rgba(255,255,255,0.05)}.notif-expanded-breakdown-item:last-child{border-bottom:none}.notif-breakdown-source{color:#ffffff;font-size:0.65em}.notif-breakdown-amount{color:#10b981;font-size:0.65em;font-weight:600}#toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast-notification{display:flex;align-items:center;gap:12px;padding:14px 18px;background:linear-gradient(135deg,rgba(30,25,40,0.98) 0%,rgba(20,15,30,0.99) 100%);border-radius:10px;box-shadow:0 8px 32px rgba(0,0,0,0.5),0 2px 8px rgba(0,0,0,0.3),inset 0 1px 0 rgba(255,255,255,0.1);min-width:280px;max-width:400px;pointer-events:auto;animation:toast-slide-in 0.3s ease-out forwards;position:relative;overflow:hidden}.toast-notification::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px}.toast-notification.toast-success::before{background:linear-gradient(180deg,#10b981,#059669)}.toast-notification.toast-error::before{background:linear-gradient(180deg,#ef4444,#dc2626)}.toast-notification.toast-warning::before{background:linear-gradient(180deg,#f59e0b,#d97706)}.toast-notification.toast-info::before{background:linear-gradient(180deg,#3b82f6,#2563eb)}.toast-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast-icon i{font-size:1em}.toast-success .toast-icon{background:rgba(16,185,129,0.2);color:#10b981}.toast-error .toast-icon{background:rgba(239,68,68,0.2);color:#ef4444}.toast-warning .toast-icon{background:rgba(245,158,11,0.2);color:#f59e0b}.toast-info .toast-icon{background:rgba(59,130,246,0.2);color:#3b82f6}.toast-content{flex:1;min-width:0;overflow:hidden;position:relative}.toast-title{font-size:0.8em;font-weight:600;color:#ffffff;margin-bottom:2px;line-height:1.3}.toast-message{font-size:0.7em;color:rgba(255,255,255,0.7);line-height:1.4;white-space:nowrap;display:inline-block;will-change:transform}.toast-close{width:24px;height:24px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:6px;color:rgba(255,255,255,0.5);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.15s ease;flex-shrink:0}.toast-close:hover{background:rgba(239,68,68,0.2);border-color:rgba(239,68,68,0.3);color:#ef4444}.toast-close i{font-size:0.7em}.toast-progress{position:absolute;bottom:0;left:0;height:3px;background:rgba(255,255,255,0.3);border-radius:0 0 10px 10px;animation:toast-progress-shrink linear forwards}@keyframes toast-slide-in{0%{opacity:0;transform:translateX(100px)}100%{opacity:1;transform:translateX(0)}}@keyframes toast-slide-out{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(100px)}}@keyframes toast-progress-shrink{0%{width:100%}100%{width:0%}}.toast-notification.toast-exit{animation:toast-slide-out 0.3s ease-in forwards}.toast-notification:hover .toast-progress{animation-play-state:paused}@media (max-width:480px){#toast-container{top:10px;right:10px;left:10px}.toast-notification{min-width:auto;max-width:none}}#animation-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;overflow:hidden;background:transparent}.editor-active-parent #animation-canvas{visibility:hidden}@keyframes swayAndFloat{0%{transform:translateY(0) translateX(0);opacity:1}25%{transform:translateY(-30vh) translateX(var(--sway-1))}50%{transform:translateY(-60vh) translateX(var(--sway-2))}75%{transform:translateY(-90vh) translateX(var(--sway-3))}100%{transform:translateY(-120vh) translateX(var(--sway-4));opacity:0}}.bubble{position:absolute;bottom:-10vh;background-color:color-mix(in srgb,var(--bubble-color,#93c5fd) 17.3%,transparent);border:0.1vw solid color-mix(in srgb,var(--bubble-color,#93c5fd) 23%,transparent);border-radius:50%;animation-name:swayAndFloat;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes calmFlicker{0%{transform:scale(0.8);opacity:0}20%{transform:scale(1.1);opacity:0.8}80%{transform:scale(0.9);opacity:0.6}100%{transform:scale(0.5);opacity:0}}.flame{position:absolute;border-radius:50%;box-shadow:inset 0 0 0.3vw 0.1vw rgba(255,235,153,0.8),0 0 0.6vw 0.4vw rgba(255,165,0,0.6);animation-name:calmFlicker;animation-timing-function:ease-out;animation-iteration-count:1;will-change:transform,opacity}@keyframes move-spotlight-1{0%{cx:20;cy:15}25%{cx:90;cy:50}50%{cx:50;cy:90}75%{cx:10;cy:40}100%{cx:20;cy:15}}@keyframes move-spotlight-2{0%{cx:80;cy:88}25%{cx:10;cy:60}50%{cx:40;cy:10}75%{cx:90;cy:30}100%{cx:80;cy:88}}@keyframes move-spotlight-3{0%{cx:50;cy:50}25%{cx:90;cy:10}50%{cx:10;cy:90}75%{cx:20;cy:50}100%{cx:50;cy:50}}#spotlight-circle-1{animation:move-spotlight-1 11.4s infinite ease-in-out alternate}#spotlight-circle-2{animation:move-spotlight-2 10.3s infinite ease-in-out alternate}#spotlight-circle-3{animation:move-spotlight-3 13.1s infinite ease-in-out alternate}.spotlight-overlay{position:absolute;top:0;left:0;width:100%;height:100%}.spotlight-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent}.spotlight-light{position:absolute;border-radius:50%;opacity:0.9}.spotlight-light-1{width:25%;height:25%;top:15%;left:20%;background:radial-gradient(circle,var(--light-color-1,#ffffff) 0%,var(--light-color-1,#ffffff) 20%,transparent 70%);box-shadow:0 0 60px 30px var(--light-color-1,#ffffff),0 0 100px 60px var(--light-color-1,#ffffff);animation:spotlight-move-1 12s infinite ease-in-out alternate}.spotlight-light-2{width:22%;height:22%;top:45%;right:15%;background:radial-gradient(circle,var(--light-color-2,#fbbf24) 0%,var(--light-color-2,#fbbf24) 20%,transparent 70%);box-shadow:0 0 50px 25px var(--light-color-2,#fbbf24),0 0 80px 50px var(--light-color-2,#fbbf24);animation:spotlight-move-2 10s infinite ease-in-out alternate}.spotlight-light-3{width:20%;height:20%;bottom:15%;left:50%;transform:translateX(-50%);background:radial-gradient(circle,var(--light-color-3,#60a5fa) 0%,var(--light-color-3,#60a5fa) 20%,transparent 70%);box-shadow:0 0 50px 25px var(--light-color-3,#60a5fa),0 0 80px 50px var(--light-color-3,#60a5fa);animation:spotlight-move-3 14s infinite ease-in-out alternate}@keyframes spotlight-move-1{0%{top:5%;left:10%;transform:scale(1)}25%{top:60%;left:70%;transform:scale(1.2)}50%{top:30%;left:40%;transform:scale(0.9)}75%{top:70%;left:20%;transform:scale(1.1)}100%{top:5%;left:10%;transform:scale(1)}}@keyframes spotlight-move-2{0%{top:70%;right:5%;transform:scale(1.1)}25%{top:10%;right:60%;transform:scale(0.8)}50%{top:40%;right:30%;transform:scale(1.3)}75%{top:80%;right:70%;transform:scale(0.9)}100%{top:70%;right:5%;transform:scale(1.1)}}@keyframes spotlight-move-3{0%{bottom:5%;left:30%;transform:translateX(-50%) scale(1)}25%{bottom:60%;left:70%;transform:translateX(-50%) scale(1.2)}50%{bottom:30%;left:20%;transform:translateX(-50%) scale(0.85)}75%{bottom:70%;left:60%;transform:translateX(-50%) scale(1.15)}100%{bottom:5%;left:30%;transform:translateX(-50%) scale(1)}}.visuals-anim-tabs{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%}.visuals-anim-toggle-wrapper{display:flex;justify-content:center}.visuals-anim-toggle-track{width:25px;height:12px;background:rgba(0,0,0,0.4);border-radius:6px;position:relative;cursor:pointer;transition:background 0.2s ease}.visuals-anim-toggle-track:hover{background:rgba(0,0,0,0.6)}.visuals-anim-toggle-track.spec{background:rgba(96,165,250,0.5)}.visuals-anim-toggle-thumb{width:10px;height:10px;background:#60a5fa;border-radius:50%;position:absolute;top:1px;left:1px;transition:transform 0.2s ease,background 0.2s ease}.visuals-anim-toggle-track.spec .visuals-anim-toggle-thumb{transform:translateX(13px);background:#a855f7}.visuals-anim-label-row{display:none}.visuals-anim-content{display:flex;flex-direction:column;width:100%;overflow-y:auto}.visuals-anim-content.hidden{display:none}#header-right{display:flex;align-items:center;gap:0.4vw;margin-left:auto;flex-shrink:0}.header-nav-container{display:flex;align-items:center;justify-content:center;gap:0;flex-shrink:0;min-width:auto;border-radius:0.5vh;overflow:hidden;background:transparent;box-shadow:none;border:none;padding:2px}.header-controls-container{display:flex;align-items:stretch;justify-content:space-between;gap:0;flex-shrink:0;width:100%;padding:0;background:transparent;border:none;border-radius:0;box-shadow:none;position:relative}#command-console .header-controls-container{margin-top:4px;margin-bottom:4px}.header-controls-container .header-tab-btn{position:relative;z-index:2;flex:1;border-radius:0}.header-tab-btn.coins{display:flex;align-items:center;justify-content:center;text-align:center;gap:clamp(3px,0.4vw,6px);padding:clamp(4px,0.6vh,8px) clamp(2px,0.3vw,4px);background:linear-gradient(180deg,#d4a84b 0%,#c9a227 50%,#a88a1f 100%);border:none;border-right:1px solid rgba(0,0,0,0.2);color:#1a1a2e;cursor:pointer;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);font-size:clamp(0.5rem,0.7vw,0.65rem);font-weight:700;font-family:'Righteous',sans-serif;border-radius:8px 0 0 8px;box-shadow:inset 0 1px 0 rgba(255,255,255,0.4),inset 0 -1px 0 rgba(0,0,0,0.2);text-transform:uppercase;letter-spacing:0.3px;height:clamp(24px,3vh,32px);min-width:clamp(60px,8vw,80px)}.header-tab-btn.coins:hover{background:linear-gradient(180deg,#e0b85c 0%,#d4a84b 50%,#c9a227 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.5),inset 0 -1px 0 rgba(0,0,0,0.2),0 0 10px rgba(212,168,75,0.4)}.header-tab-btn.coins:active{background:linear-gradient(180deg,#c9a227 0%,#a88a1f 50%,#8b7318 100%)}.header-tab-btn.coins.active{background:linear-gradient(180deg,#f5e0a0 0%,#e8c874 50%,#d4a84b 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.7),inset 0 -1px 0 rgba(0,0,0,0.2),0 0 25px rgba(212,168,75,1)}.header-tab-btn.coins.active .icon{filter:drop-shadow(0 0 4px rgba(0,0,0,0.5));animation:paperFlip 0.6s cubic-bezier(0.4,0,0.2,1) infinite}.header-tab-btn.coins.active:hover .icon{animation:paperFlip 0.6s cubic-bezier(0.4,0,0.2,1) infinite}.header-tab-btn.coins .icon{font-size:0.9rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,0.2))}.header-tab-btn.coins:hover .icon{animation:paperFlip 0.6s cubic-bezier(0.4,0,0.2,1)}.header-tab-btn.coins .count{font-weight:700;font-size:0.7rem;letter-spacing:0.3px}.header-tab-btn.tickets{display:flex;align-items:center;justify-content:center;text-align:center;gap:clamp(3px,0.4vw,6px);padding:clamp(4px,0.6vh,8px) clamp(2px,0.3vw,4px);background:linear-gradient(180deg,#c4762e 0%,#b86b21 50%,#9a5a1a 100%);border:none;border-left:1px solid rgba(255,255,255,0.15);color:#000;cursor:pointer;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);font-size:clamp(0.5rem,0.7vw,0.65rem);font-weight:700;font-family:'Righteous',sans-serif;border-radius:0 8px 8px 0;box-shadow:inset 0 1px 0 rgba(255,255,255,0.3),inset 0 -1px 0 rgba(0,0,0,0.2);text-transform:uppercase;letter-spacing:0.3px;height:clamp(24px,3vh,32px);min-width:clamp(60px,8vw,80px)}.header-tab-btn.tickets:hover{background:linear-gradient(180deg,#d48a3a 0%,#c4762e 50%,#b86b21 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.4),inset 0 -1px 0 rgba(0,0,0,0.2),0 0 10px rgba(196,118,46,0.4)}.header-tab-btn.tickets:active{background:linear-gradient(180deg,#b86b21 0%,#9a5a1a 50%,#7d4a15 100%)}.header-tab-btn.tickets.active{background:linear-gradient(180deg,#f5b070 0%,#e09a50 50%,#c4762e 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.6),inset 0 -1px 0 rgba(0,0,0,0.2),0 0 25px rgba(196,118,46,1)}.header-tab-btn.tickets.active .icon{filter:drop-shadow(0 0 4px rgba(255,255,255,0.5));animation:paperFlip 0.6s cubic-bezier(0.4,0,0.2,1) infinite}.header-tab-btn.tickets.active:hover .icon{animation:paperFlip 0.6s cubic-bezier(0.4,0,0.2,1) infinite}.header-tab-btn.tickets .icon{font-size:0.9rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,0.3))}.header-tab-btn.tickets:hover .icon{animation:paperFlip 0.6s cubic-bezier(0.4,0,0.2,1)}.header-tab-btn.tickets .count{font-weight:700;font-size:0.7rem;letter-spacing:0.3px}@keyframes paperFlip{0%{transform:rotateY(0deg) scale(1)}50%{transform:rotateY(180deg) scale(0.8)}100%{transform:rotateY(360deg) scale(1)}}.header-tab-btn.robot{color:#a78bfa}.header-tab-btn.robot:hover{background:rgba(167,139,250,0.1)}.header-tab-btn.robot.active{background:rgba(167,139,250,0.2);color:#a78bfa}.header-tab-btn.megaphone{color:#22c55e}.header-tab-btn.megaphone:hover{background:rgba(34,197,94,0.1)}.header-tab-btn.megaphone.active{background:rgba(34,197,94,0.2);color:#22c55e}.header-tab-btn.light{color:#fbbf24}.header-tab-btn.light:hover{background:rgba(251,191,36,0.1)}.header-tab-btn.light.active{background:rgba(251,191,36,0.3);color:#fbbf24}.header-tab-btn.bell{color:#60a5fa}.header-tab-btn.bell:hover{background:rgba(96,165,250,0.1)}.header-tab-btn.bell.active{background:rgba(96,165,250,0.3);color:#60a5fa}.header-big-icons{position:relative;display:flex;align-items:center}.header-big-icons .icon{font-size:clamp(0.95rem,1.35vw,1.35rem) !important}.header-big-icons .count{font-size:clamp(0.6rem,0.9vw,0.9rem) !important;font-weight:700}.header-icon-btn{background:transparent;border:0.1vw solid transparent;color:#9ca3af;font-size:clamp(0.65rem,0.85vw,0.95rem);padding:0.3vh 0.5vw;border-radius:0.4vh;cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;gap:0.25vw}.header-icon-btn:hover{background:rgba(255,255,255,0.05)}.header-icon-btn .icon{font-size:clamp(0.7rem,0.9vw,1rem)}.header-icon-btn .count{font-size:clamp(0.55rem,0.7vw,0.8rem);font-weight:600}#header-points-btn.help-highlight{outline:3px solid rgba(139,92,246,0.9);outline-offset:2px;box-shadow:0 0 0 3px rgba(139,92,246,0.9),0 0 20px rgba(139,92,246,0.5),0 0 40px rgba(139,92,246,0.3)}#header-points-btn.help-highlight.help-selected{animation:helpSelectedPulse 1.5s ease-in-out infinite !important;box-shadow:0 0 0 3px rgba(139,92,246,1),0 0 25px rgba(139,92,246,0.7),0 0 50px rgba(139,92,246,0.4),inset 0 0 15px rgba(139,92,246,0.2)}#header-right #help-mode-btn{background:none;border:none;color:rgba(255,255,255,0.6);font-size:clamp(0.7rem,1vw,0.9rem);padding:0.2rem 0.4rem;border-radius:var(--radius-sm);cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center}#header-right #help-mode-btn:hover{background-color:rgba(255,255,255,0.1);color:white}#header-right #help-mode-btn.active{background-color:rgba(255,255,255,0.15);color:#a78bfa}#header-right #help-mode-btn.active:hover{background-color:rgba(255,255,255,0.2)}#header-ticket-btn.help-highlight{outline:3px solid rgba(139,92,246,0.9);outline-offset:2px;box-shadow:0 0 0 3px rgba(139,92,246,0.9),0 0 20px rgba(139,92,246,0.5),0 0 40px rgba(139,92,246,0.3)}#header-ticket-btn.help-highlight.help-selected{animation:helpSelectedPulse 1.5s ease-in-out infinite !important;box-shadow:0 0 0 3px rgba(139,92,246,1),0 0 25px rgba(139,92,246,0.7),0 0 50px rgba(139,92,246,0.4),inset 0 0 15px rgba(139,92,246,0.2)}@keyframes helpSelectedPulse{0%,100%{box-shadow:0 0 0 3px rgba(139,92,246,1),0 0 25px rgba(139,92,246,0.7),0 0 50px rgba(139,92,246,0.4),inset 0 0 15px rgba(139,92,246,0.2)}50%{box-shadow:0 0 0 4px rgba(167,139,250,1),0 0 35px rgba(139,92,246,0.8),0 0 60px rgba(139,92,246,0.5),inset 0 0 20px rgba(139,92,246,0.3)}}#header-points-dropdown{position:absolute;top:100%;right:0;margin-top:0.4vh;background:linear-gradient(135deg,#1f2937 0%,#111827 100%);border:0.1vw solid rgba(251,191,36,0.3);border-radius:0.6vh;min-width:clamp(140px,18vw,200px);box-shadow:0 0.8vh 2vw rgba(0,0,0,0.5);animation:dropdown-appear 0.15s ease-out;z-index:1000}@keyframes dropdown-appear{from{opacity:0;transform:translateY(-0.3vh)}to{opacity:1;transform:translateY(0)}}.badge-mode-btn{background:transparent;border:none;color:#9ca3af;font-size:clamp(0.85rem,1.1vw,1.3rem);padding:0.4vh 0.4vw;border-radius:0.4vh;cursor:pointer;transition:all 0.2s ease}.badge-mode-btn:hover{color:#fbbf24;background:rgba(251,191,36,0.1)}#ticket-panel{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;pointer-events:none;flex-direction:column;background:#1a1a2e;z-index:100;transition:opacity 0.3s ease-in-out,visibility 0.3s ease-in-out}#ticket-panel.active{opacity:1;visibility:visible;pointer-events:auto;display:flex}#ticket-panel-container.console-window{background:#000 !important;background-image:none !important;border:2px solid rgba(249,115,22,0.4);box-shadow:0 0 20px rgba(249,115,22,0.2);z-index:10001}#ticket-panel-container.active{opacity:1 !important;visibility:visible !important;pointer-events:auto !important;display:flex !important}#comment-feedback-window{background:#000 !important;background-image:none !important;border:2px solid rgba(147,51,234,0.4);box-shadow:0 0 20px rgba(147,51,234,0.2);z-index:10001}#comment-feedback-window.active{opacity:1 !important;visibility:visible !important;pointer-events:auto !important;display:flex !important}#comment-feedback-content{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;padding:12px;box-sizing:border-box}.feedback-window-header{display:flex;justify-content:space-between;align-items:center;padding:clamp(7px,0.84vw,11px) clamp(8px,0.98vw,14px);background:linear-gradient(135deg,#2d1a2d 0%,#1a0f1a 100%);border-bottom:2px solid rgba(147,51,234,0.5);position:relative;flex-shrink:0}.feedback-window-header::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(147,51,234,0.8),transparent)}.feedback-window-header-left{display:flex;align-items:center;gap:clamp(7px,0.84vw,10px)}.feedback-window-icon-wrapper{width:clamp(25px,3.15vw,34px);height:clamp(25px,3.15vw,34px);background:linear-gradient(135deg,#9333ea 0%,#7c3aed 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(147,51,234,0.4)}.feedback-window-icon-wrapper i{color:#fff;font-size:clamp(0.7rem,0.91vw,1rem)}.feedback-window-header-text{display:flex;flex-direction:column;gap:2px}.feedback-window-title{font-size:clamp(0.72rem,0.97vw,1.05rem);font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,0.3)}#gif-panel{background:linear-gradient(180deg,#1a1a2e 0%,#0f0f1a 100%);border:2px solid var(--color-accent-highlight-1,rgba(147,51,234,0.4));border-radius:0;box-shadow:0 0 20px var(--color-accent-highlight-1,rgba(147,51,234,0.2));overflow:hidden;overflow-x:hidden;max-width:100%;width:100%;box-sizing:border-box;min-width:0;flex-shrink:1}.gif-panel-header{display:flex;justify-content:space-between;align-items:center;padding:0 15px;background:var(--color-accent-highlight-1,rgba(251,191,36,0.2));border-bottom:1px solid var(--color-accent-highlight-1,rgba(251,191,36,0.3));position:relative;height:32px;width:100%;box-sizing:border-box;min-width:0;flex-shrink:1}.gif-panel-header .gif-pagination{display:flex;justify-content:center;align-items:center;gap:0;flex:1;min-width:0;overflow:hidden}.gif-page-number{color:#fff;font-size:18px;font-weight:bold;text-shadow:2px 2px 4px rgba(0,0,0,0.8);min-width:16px;text-align:center;margin:0 2px}.gif-pagination-btn{background:var(--color-accent-highlight-1,rgba(147,51,234,0.3));border:1px solid var(--color-accent-highlight-1,rgba(147,51,234,0.5));color:#fff;padding:0 4px;border-radius:4px;cursor:pointer;font-size:20px;font-weight:bold;transition:all 0.2s ease;text-shadow:2px 2px 4px rgba(0,0,0,0.8);margin:0;line-height:1;height:24px;min-width:24px;max-width:40px;flex-shrink:0}.gif-pagination-btn:hover:not(:disabled){background:var(--color-accent-highlight-1,rgba(147,51,234,0.5));border-color:var(--color-accent-highlight-1,rgba(147,51,234,0.7))}.gif-pagination-btn:disabled{opacity:0.4;cursor:not-allowed}.close-gif-panel{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;z-index:100;pointer-events:auto;padding:0;line-height:1;position:absolute;right:15px;top:50%;transform:translateY(-50%)}.gif-panel-content{padding:15px;color:#fff;display:flex;flex-direction:column;gap:15px;max-height:calc(100vh - 100px);overflow-y:auto;width:100%;box-sizing:border-box;min-width:0}.gif-placeholder{display:flex;justify-content:center;align-items:center;color:rgba(255,255,255,0.5);font-size:18px;font-weight:500;padding:40px 20px;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto}.gif-placeholder.hidden{display:none}.gif-search-input{width:100%;padding:10px 15px;background:rgba(255,255,255,0.1);border:1px solid rgba(147,51,234,0.3);border-radius:8px;color:#fff;font-size:14px;outline:none;box-sizing:border-box}.gif-search-input::placeholder{color:rgba(255,255,255,0.5)}.gif-search-input:focus{border-color:rgba(147,51,234,0.6);background:rgba(255,255,255,0.15)}.gif-results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-height:300px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-accent-highlight-1,rgba(147,51,234,0.5)) rgba(255,255,255,0.1)}.gif-results-grid::-webkit-scrollbar{width:8px}.gif-results-grid::-webkit-scrollbar-track{background:rgba(255,255,255,0.1);border-radius:4px}.gif-results-grid::-webkit-scrollbar-thumb{background:var(--color-accent-highlight-1,rgba(147,51,234,0.5));border-radius:4px}.gif-results-grid::-webkit-scrollbar-thumb:hover{background:var(--color-accent-highlight-1,rgba(147,51,234,0.7))}.gif-result-item{border-radius:8px;overflow:hidden;cursor:pointer;background:rgba(255,255,255,0.05);border:2px solid transparent;transition:all 0.2s ease;height:100px;display:flex;align-items:center;justify-content:center}.gif-result-item:hover{box-shadow:0 0 8px rgba(147,51,234,0.5)}.gif-result-item img{width:100%;height:100%;object-fit:cover}.gif-loading{text-align:center;color:rgba(255,255,255,0.7);font-size:14px;display:none}.gif-loading.active{display:block}@media (max-width:768px){#gif-panel{max-width:100%;width:100%;min-width:0}.gif-panel-header{padding:0 10px;height:auto;min-height:28px;width:100%;box-sizing:border-box;min-width:0;flex-wrap:wrap}.gif-panel-header .gif-pagination{flex:1;min-width:0;overflow:hidden}.gif-page-number{font-size:14px}.gif-pagination-btn{font-size:16px;height:20px;min-width:20px;padding:0 3px}.close-gif-panel{font-size:20px;right:10px;position:static;margin-left:auto}.gif-panel-content{padding:10px;gap:10px;width:100%;box-sizing:border-box;min-width:0}.gif-placeholder{font-size:14px;padding:20px 10px;width:100%;box-sizing:border-box;min-width:0}.gif-search-input{font-size:12px;padding:8px 12px;width:100%;box-sizing:border-box;min-width:0}.gif-results-grid{grid-template-columns:repeat(2,1fr);gap:8px;max-height:250px;width:100%;box-sizing:border-box;min-width:0;overflow-y:auto}.gif-result-item{width:100%;min-width:0;height:80px}}@media (max-width:480px){.gif-panel-header{padding:0 8px;height:auto;min-height:26px;width:100%;box-sizing:border-box;min-width:0;flex-wrap:wrap}.gif-page-number{font-size:12px;margin:0 1px}.gif-pagination-btn{font-size:14px;height:18px;min-width:18px;padding:0 2px}.close-gif-panel{font-size:18px;right:8px;position:static;margin-left:auto}.gif-panel-content{padding:8px;gap:8px;width:100%;box-sizing:border-box;min-width:0}.gif-placeholder{font-size:12px;padding:15px 8px;width:100%;box-sizing:border-box;min-width:0}.gif-search-input{font-size:11px;padding:6px 10px;width:100%;box-sizing:border-box;min-width:0}.gif-results-grid{grid-template-columns:repeat(1,1fr);gap:6px;max-height:200px;width:100%;box-sizing:border-box;min-width:0;overflow-y:auto}.gif-result-item{width:100%;min-width:0;height:60px}}.ticket-header{display:flex;justify-content:space-between;align-items:center;padding:clamp(7px,0.84vw,11px) clamp(8px,0.98vw,14px);background:linear-gradient(135deg,#2d1a0a 0%,#1a0f05 100%);border-bottom:2px solid rgba(249,115,22,0.5);position:relative;flex-shrink:0}.ticket-header::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(249,115,22,0.8),transparent)}.ticket-header-left{display:flex;align-items:center;gap:clamp(7px,0.84vw,10px)}.ticket-icon-wrapper{width:clamp(25px,3.15vw,34px);height:clamp(25px,3.15vw,34px);background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(249,115,22,0.4)}.ticket-icon-wrapper i{color:#fff;font-size:clamp(0.7rem,0.91vw,1rem)}.ticket-header-text{display:flex;flex-direction:column;gap:2px}.ticket-title{font-size:clamp(0.72rem,0.97vw,1.05rem);font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,0.3)}.ticket-cost-hint{font-size:clamp(0.45rem,0.56vw,0.61rem);color:rgba(255,255,255,0.6)}.ticket-close-btn{width:clamp(22px,2.45vw,28px);height:clamp(22px,2.45vw,28px);background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:10px;color:rgba(255,255,255,0.6);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease}.ticket-close-btn:hover{background:rgba(249,115,22,0.3);border-color:rgba(249,115,22,0.6);color:#f97316;transform:scale(1.05)}.ticket-buy-btn{display:flex;align-items:center;gap:clamp(3px,0.35vw,6px);padding:clamp(6px,0.7vw,8px) clamp(10px,1.26vw,14px);background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);border:none;border-radius:10px;color:#fff;font-size:clamp(0.46rem,0.6vw,0.63rem);font-weight:600;cursor:pointer;transition:all 0.2s ease;box-shadow:0 4px 12px rgba(34,197,94,0.3);flex-shrink:0}.ticket-buy-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(34,197,94,0.5)}.ticket-status-indicators{display:flex;align-items:center;justify-content:center;gap:clamp(6px,0.7vw,8px);padding:clamp(7px,0.84vw,10px) clamp(7px,0.84vw,11px);background:rgba(249,115,22,0.1);border-bottom:1px solid rgba(249,115,22,0.2)}.status-dot{width:clamp(7px,0.84vw,8px);height:clamp(7px,0.84vw,8px);background:#f97316;border-radius:50%;box-shadow:0 0 10px rgba(249,115,22,0.6);animation:status-pulse 2s infinite}.status-dot.met{background:#22c55e;box-shadow:0 0 10px rgba(34,197,94,0.6)}@keyframes status-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.7;transform:scale(0.9)}}.status-text{font-size:clamp(0.56rem,0.72vw,0.72rem);color:rgba(255,255,255,0.7)}.status-text.connected{color:#22c55e;font-weight:600}.ticket-content-area{flex:1;display:flex;flex-direction:column;padding:clamp(8px,0.98vw,13px);gap:clamp(7px,0.84vw,10px);overflow-y:auto}.ticket-section-label{display:flex;align-items:center;gap:clamp(4px,0.56vw,7px);font-size:clamp(0.53rem,0.69vw,0.69rem);color:rgba(255,255,255,0.5);font-weight:500}.ticket-section-label i{color:#f97316}.ticket-song-list{display:flex;flex-direction:column;gap:clamp(4px,0.5vw,6px)}.ticket-song-item{display:flex;align-items:center;gap:clamp(7px,0.84vw,10px);padding:clamp(7px,0.84vw,10px);background:rgba(0,0,0,0.3);border-radius:10px;cursor:pointer;transition:all 0.2s ease}.ticket-song-item:hover{background:rgba(249,115,22,0.15)}.ticket-song-item.selected{background:rgba(249,115,22,0.25);border:1px solid rgba(249,115,22,0.5)}.ticket-song-check{width:clamp(15px,1.75vw,20px);height:clamp(15px,1.75vw,20px);border:2px solid rgba(249,115,22,0.4);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all 0.2s ease}.ticket-song-item.selected .ticket-song-check{background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);border-color:#f97316;box-shadow:0 0 10px rgba(249,115,22,0.6)}.ticket-song-check i{color:#fff;font-size:clamp(0.39rem,0.49vw,0.53rem)}.ticket-song-info{flex:1;min-width:0}.ticket-song-title{font-size:clamp(0.53rem,0.67vw,0.67rem);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-loading,.ticket-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(6px,0.7vw,8px);padding:clamp(17px,2.45vw,34px);color:rgba(255,255,255,0.3)}.ticket-loading i,.ticket-empty i{font-size:clamp(0.98rem,1.26vw,1.26rem);color:#f97316}.ticket-actions-area{padding:clamp(6px,0.7vw,10px);background:linear-gradient(180deg,rgba(249,115,22,0.05) 0%,rgba(0,0,0,0.4) 100%);border-top:2px solid rgba(249,115,22,0.3);display:flex;flex-direction:row;align-items:center;justify-content:center;gap:clamp(4px,0.5vw,6px);flex-shrink:0}.ticket-abstain-btn{display:flex;align-items:center;gap:clamp(3px,0.35vw,5px);padding:clamp(6px,0.7vw,8px) clamp(8px,1vw,12px);background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:8px;cursor:pointer;transition:all 0.2s ease}.ticket-abstain-btn:hover{background:rgba(255,255,255,0.1)}.ticket-abstain-toggle{display:flex;align-items:center;cursor:pointer;user-select:none}.ticket-abstain-toggle input[type="checkbox"]{display:none}.ticket-abstain-toggle .abstain-slider{position:relative;width:clamp(20px,2.5vw,28px);height:clamp(10px,1.2vw,12px);background-color:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:10px;transition:all 0.3s ease}.ticket-abstain-toggle .abstain-slider::before{content:'';position:absolute;top:1px;left:1px;width:clamp(6px,0.8vw,8px);height:clamp(6px,0.8vw,8px);background-color:rgba(255,255,255,0.4);border-radius:50%;transition:all 0.3s ease}.ticket-abstain-toggle input[type="checkbox"]:checked + .abstain-slider{background:linear-gradient(135deg,#8b5cf6 0%,#6d28d9 100%);border-color:#8b5cf6}.ticket-abstain-toggle input[type="checkbox"]:checked + .abstain-slider::before{transform:translateX(clamp(9px,1.1vw,12px));background-color:#fff}.ticket-abstain-label{font-size:clamp(0.38rem,0.48vw,0.5rem);color:rgba(255,255,255,0.5)}.ticket-action-divider{width:1px;height:clamp(16px,2vw,24px);background:rgba(255,255,255,0.15)}.ticket-submit-btn{flex:1;display:flex;align-items:center;justify-content:center;padding:clamp(6px,0.7vw,8px) clamp(10px,1.2vw,14px);background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);border:none;border-radius:8px;color:#fff;font-size:clamp(0.42rem,0.55vw,0.58rem);font-weight:600;cursor:pointer;transition:all 0.2s ease;box-shadow:0 2px 8px rgba(249,115,22,0.4)}.ticket-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(249,115,22,0.5)}.ticket-submit-btn:disabled{opacity:0.4;cursor:not-allowed;transform:none;background:linear-gradient(135deg,#6b7280 0%,#4b5563 100%)}.ticket-submit-btn:disabled:hover{transform:none;box-shadow:0 2px 8px rgba(107,114,128,0.3)}.ticket-submit-icon{flex:1;display:flex;align-items:center;justify-content:center;font-size:clamp(1.2rem,1.5vw,1.8rem);color:#f97316;cursor:pointer;transition:opacity 0.2s ease;opacity:0.5}.ticket-submit-icon:hover{opacity:0.8}.ai-suggestions-box{display:none;background:linear-gradient(135deg,#1f2937 0%,#111827 100%);border:0.1vw solid rgba(251,191,36,0.3);border-radius:0.6vh;min-width:clamp(200px,26vw,340px);max-width:clamp(240px,30vw,360px);box-shadow:0 0.8vh 2vw rgba(0,0,0,0.5);animation:dropdown-appear 0.15s ease-out;z-index:1000}@keyframes dropdown-appear{from{opacity:0;transform:translateY(-0.3vh)}to{opacity:1;transform:translateY(0)}}.badge-mode-btn{background:transparent;border:none;color:#9ca3af;font-size:clamp(0.85rem,1.1vw,1.3rem);padding:0.4vh 0.4vw;border-radius:0.4vh;cursor:pointer;transition:all 0.2s ease}.badge-mode-btn:hover{color:#fbbf24;background:rgba(251,191,36,0.1)}#header-coins-display.help-highlight{outline:3px solid rgba(139,92,246,0.9);outline-offset:2px;box-shadow:0 0 0 3px rgba(139,92,246,0.9),0 0 20px rgba(139,92,246,0.5),0 0 40px rgba(139,92,246,0.3)}#header-coins-display.help-highlight.help-selected{animation:helpSelectedPulse 1.5s ease-in-out infinite !important;box-shadow:0 0 0 3px rgba(139,92,246,1),0 0 25px rgba(139,92,246,0.7),0 0 50px rgba(139,92,246,0.4),inset 0 0 15px rgba(139,92,246,0.2)}#header-show-indicator{position:relative;display:flex;flex-direction:row;align-items:center;width:100%;height:auto;padding:2px 8px;overflow:hidden;border-radius:0 6px 6px 6px !important;cursor:pointer;transition:transform 0.2s ease;background:linear-gradient(135deg,rgba(30,30,50,0.95) 0%,rgba(20,20,35,0.95) 100%);border:1px solid rgba(251,191,36,0.4);box-shadow:0 0 10px rgba(251,191,36,0.15);animation:banner-shimmer 10s infinite}#header-show-indicator:hover{transform:scale(1.03)}#header-show-indicator.visible{display:flex}@keyframes banner-shimmer{0%,92%,100%{box-shadow:0 0 15px rgba(251,191,36,0.2),0 4px 12px rgba(0,0,0,0.4);border-color:rgba(251,191,36,0.4)}94%{box-shadow:0 0 30px rgba(251,191,36,0.6),0 0 50px rgba(251,191,36,0.3);border-color:rgba(251,191,36,0.8)}96%{box-shadow:0 0 25px rgba(251,191,36,0.4),0 0 40px rgba(251,191,36,0.2);border-color:rgba(251,191,36,0.6)}}#header-show-indicator.is-connected,html body div#header-live-connector-container #header-show-indicator.is-connected,#header-live-connector-container #header-show-indicator.is-connected{background-color:rgba(251,191,36,0.2) !important;animation:connected-pulse 10s infinite !important;border:1px solid var(--color-accent-highlight-1,#fbbf24) !important;box-shadow:0 0 0px rgba(251,191,36,0),0 2px 6px rgba(0,0,0,0.5) !important}#header-live-connector-container #header-show-indicator.is-connected[style*="background-image"],html body div#header-live-connector-container #header-show-indicator.is-connected[style*="background-image"]{background-color:rgba(251,191,36,0.15) !important}#header-show-indicator.is-connected .header-show-port,html body #header-show-indicator.is-connected .header-show-port{background:#22c55e !important;border:2px solid #16a34a !important;box-shadow:0 0 8px rgba(34,197,94,0.8) !important}#header-show-indicator.is-live,html body #header-show-indicator.is-live{animation:live-pulse 1.5s infinite !important;border:1px solid rgba(239,68,68,0.5) !important}@keyframes live-pulse{0%,100%{box-shadow:0 0 5px rgba(239,68,68,0.3),0 2px 6px rgba(0,0,0,0.5) !important;border-color:rgba(239,68,68,0.4) !important}50%{box-shadow:0 0 10px rgba(239,68,68,0.5),0 2px 6px rgba(0,0,0,0.5) !important;border-color:rgba(239,68,68,0.7) !important}}#header-show-indicator.is-connected,html body #header-show-indicator.is-connected{animation:connected-pulse 10s infinite !important;border:1px solid var(--color-accent-highlight-1,#fbbf24) !important;background-color:rgba(251,191,36,0.2) !important}#header-show-indicator.is-connected[style*="background-image"],html body #header-show-indicator.is-connected[style*="background-image"]{background-color:rgba(251,191,36,0.15) !important}@keyframes connected-pulse{0%{box-shadow:0 0 0px rgba(251,191,36,0),0 2px 6px rgba(0,0,0,0.5) !important;border-color:rgba(251,191,36,0.3) !important}20%{box-shadow:0 0 10px rgba(251,191,36,0.4),0 2px 6px rgba(0,0,0,0.5) !important;border-color:rgba(251,191,36,0.6) !important}40%{box-shadow:0 0 10px rgba(59,130,246,0.4),0 2px 6px rgba(0,0,0,0.5) !important;border-color:rgba(59,130,246,0.6) !important}50%{box-shadow:0 0 25px rgba(59,130,246,0.8),0 2px 6px rgba(0,0,0,0.5) !important;border-color:rgba(59,130,246,1) !important}60%{box-shadow:0 0 10px rgba(59,130,246,0.4),0 2px 6px rgba(0,0,0,0.5) !important;border-color:rgba(59,130,246,0.6) !important}80%{box-shadow:0 0 10px rgba(251,191,36,0.4),0 2px 6px rgba(0,0,0,0.5) !important;border-color:rgba(251,191,36,0.6) !important}100%{box-shadow:0 0 0px rgba(251,191,36,0),0 2px 6px rgba(0,0,0,0.5) !important;border-color:rgba(251,191,36,0.3) !important}}#header-show-indicator{position:relative;z-index:11}#header-live-connector-container{display:flex;flex-direction:column;align-items:stretch;gap:0}#header-live-connector-container .ai-tools-banner{margin-top:4px;border-radius:6px}#header-live-connector-container > #header-show-indicator{flex-shrink:1}#header-live-connector-container > .ai-tools-banner{flex-shrink:0}#header-show-indicator.is-registering{animation:banner-shimmer 10s infinite,registering-flash 2s infinite}@keyframes registering-flash{0%,100%{border-color:rgba(251,191,36,0.5)}50%{border-color:rgba(251,191,36,1);box-shadow:0 0 20px rgba(251,191,36,0.5)}}.header-show-overlay{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;height:auto;padding:0 8px;gap:6px;z-index:3;width:100%;box-shadow:0 1px 1px rgba(255,255,255,0.1) inset,0 -1px 2px rgba(0,0,0,0.3) inset,0 4px 8px rgba(0,0,0,0.4),0 8px 16px rgba(0,0,0,0.2);background:linear-gradient(180deg,rgba(255,255,255,0.08) 0%,rgba(0,0,0,0.1) 100%);border-radius:6px}.header-show-folded-corner{position:absolute;top:0;left:0;width:30px;height:30px;background:linear-gradient(135deg,transparent 50%,var(--color-frame) 50%);z-index:4;pointer-events:none}.header-show-left{display:flex;align-items:center;gap:8px;flex:0 0 auto;white-space:nowrap}.header-show-right{display:flex;align-items:center;gap:8px;flex:0 0 auto;white-space:nowrap}.header-show-port-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:1;filter:drop-shadow(0 0 8px rgba(239,68,68,0.8));animation:port-pulse-glow 2s infinite}.header-show-port{width:8px;height:8px;border-radius:50%;background:#ef4444;border:1px solid #dc2626;flex-shrink:1;box-shadow:0 0 6px rgba(239,68,68,0.5),0 2px 4px rgba(0,0,0,0.4),inset 0 1px 1px rgba(255,255,255,0.3),inset 0 -1px 2px rgba(0,0,0,0.3);transition:all 0.3s ease;position:relative;z-index:10;background:radial-gradient(circle at 30% 30%,#f87171,#dc2626 60%,#991b1b)}@keyframes port-pulse-glow{0%,100%{filter:drop-shadow(0 0 8px rgba(239,68,68,0.8))}50%{filter:drop-shadow(0 0 20px rgba(239,68,68,1))}}#header-show-indicator.is-connected .header-show-port{background:#22c55e;border-color:#16a34a}#header-show-indicator.is-connected .header-show-port-wrapper{animation:port-pulse-connected-glow 2s infinite}@keyframes port-pulse-connected-glow{0%,100%{filter:drop-shadow(0 0 12px rgba(34,197,94,0.9))}50%{filter:drop-shadow(0 0 24px rgba(34,197,94,1))}}.header-show-icon{font-size:0.85rem;color:#fbbf24;flex-shrink:0}#header-show-indicator.is-connected .header-show-icon{color:#22c55e}#header-show-indicator.is-live .header-show-icon{color:#ef4444;animation:live-icon-pulse 1s infinite}@keyframes live-icon-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}.header-show-title{font-size:0.9rem;font-weight:600;color:#fff;white-space:normal;overflow:hidden;font-family:'Permanent Marker',cursive,sans-serif;text-overflow:ellipsis;text-shadow:0 1px 0 rgba(255,255,255,0.2),0 -1px 0 rgba(0,0,0,0.8),0 2px 4px rgba(0,0,0,0.5),0 4px 8px rgba(0,0,0,0.3);flex:1 1 auto;min-width:0;line-height:1.1;position:relative;top:-1px}#header-show-indicator{display:inline-flex;flex:0 0 auto;width:auto;height:auto;border-radius:8px 8px 0 0}#header-show-indicator[style*="background-image"] .header-show-overlay{background:rgba(0,0,0,0.5);border-radius:0 6px 6px 6px}.header-show-timer{font-size:0.7rem;color:#fbbf24;font-weight:600;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,0.8);flex-shrink:0}#header-show-indicator.is-live .header-show-timer{color:#ef4444;animation:live-timer-pulse 0.8s infinite}@keyframes live-timer-pulse{0%,100%{opacity:1}50%{opacity:0.8}}.header-live-badge{display:inline-flex;align-items:center;gap:2px;background:rgba(239,68,68,0.9);color:#fff;font-size:0.65rem;font-weight:700;padding:2px 6px;border-radius:3px;text-transform:uppercase;letter-spacing:0.03em;box-shadow:0 0 6px rgba(239,68,68,0.5)}#coins-panel.console-window,#coins-panel-container.console-window{background:#000 !important;background-image:none !important;border:2px solid rgba(251,191,36,0.4);box-shadow:0 0 20px rgba(251,191,36,0.2);z-index:10001}#coins-panel.active,#coins-panel-container.active{opacity:1 !important;visibility:visible !important;pointer-events:auto !important;display:flex !important}.coins-header{display:flex;justify-content:space-between;align-items:center;padding:clamp(7px,0.84vw,11px) clamp(8px,0.98vw,14px);background:linear-gradient(135deg,#2d2a1a 0%,#1a1a0f 100%);border-bottom:2px solid rgba(251,191,36,0.5);position:relative;flex-shrink:0}.coins-header::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(251,191,36,0.8),transparent)}.coins-header-left{display:flex;align-items:center;gap:clamp(7px,0.84vw,10px)}.coins-icon-wrapper{width:clamp(25px,3.15vw,34px);height:clamp(25px,3.15vw,34px);background:linear-gradient(135deg,#fbbf24 0%,#d97706 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(251,191,36,0.4)}.coins-icon-wrapper i{color:#fff;font-size:clamp(0.7rem,0.91vw,1rem)}.coins-header-text{display:flex;flex-direction:column;gap:2px}.coins-title{font-size:clamp(0.72rem,0.97vw,1.05rem);font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,0.3)}.coins-cost-hint{font-size:clamp(0.45rem,0.56vw,0.61rem);color:rgba(255,255,255,0.6)}.coins-stats-row{display:flex;align-items:center;gap:clamp(6px,0.7vw,10px)}.coins-stat-item{display:flex;align-items:center;gap:clamp(3px,0.35vw,5px);padding:clamp(4px,0.5vw,6px) clamp(6px,0.7vw,10px);background:rgba(251,191,36,0.15);border-radius:6px}.coins-stat-item i{font-size:clamp(0.5rem,0.65vw,0.7rem);color:#fbbf24}.coins-stat-value{font-size:clamp(0.5rem,0.65vw,0.7rem);font-weight:600;color:#fff}.coins-content-area{flex:1;display:flex;flex-direction:column;padding:clamp(8px,0.98vw,13px);gap:clamp(7px,0.84vw,10px);overflow-y:auto}.coins-breakdown-list{display:flex;flex-direction:column;gap:clamp(4px,0.5vw,6px)}.coins-breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:clamp(7px,0.84vw,10px);background:rgba(0,0,0,0.3);border-radius:10px}.coins-breakdown-label{display:flex;align-items:center;gap:clamp(4px,0.5vw,6px);font-size:clamp(0.53rem,0.67vw,0.67rem);color:#fff}.coins-breakdown-label i{color:#fbbf24;font-size:clamp(0.6rem,0.75vw,0.75rem)}.coins-breakdown-value{font-size:clamp(0.53rem,0.67vw,0.67rem);font-weight:600}.coins-breakdown-value.earned{color:#4ade80}.coins-breakdown-value.spent{color:#ef4444}.coins-breakdown-item.all-time{background:rgba(251,191,36,0.15);border:1px solid rgba(251,191,36,0.3);margin-top:clamp(4px,0.5vw,8px)}.coins-breakdown-item.all-time .coins-breakdown-label{color:#fbbf24}.coins-breakdown-item.all-time .coins-breakdown-value{color:#fbbf24}.coins-breakdown-list{display:flex;flex-direction:column;gap:0.5vh}.coins-breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:0.6vh 0.75vw;background:rgba(255,255,255,0.03);border-radius:0.35vh}.coins-breakdown-label{display:flex;align-items:center;gap:0.5vw;font-size:clamp(0.55rem,0.7vw,0.8rem);color:#fff}.coins-breakdown-label i{font-size:clamp(0.6rem,0.75vw,0.85rem);color:#fbbf24;width:1em}.coins-breakdown-value{font-size:clamp(0.6rem,0.75vw,0.85rem);font-weight:700}.coins-breakdown-value.earned{color:#4ade80}.coins-breakdown-value.spent{color:#f87171}.coins-breakdown-item.all-time{background:rgba(251,191,36,0.1);border:0.1vw solid rgba(251,191,36,0.2)}.coins-breakdown-item.all-time .coins-breakdown-label{color:#fbbf24;font-weight:600}.coins-breakdown-item.all-time .coins-breakdown-value{color:#fbbf24}.coins-purchase-link{color:#60a5fa;text-decoration:underline;cursor:pointer;transition:color 0.15s}.coins-purchase-link:hover{color:#93c5fd}.coins-topup-btn{display:flex;align-items:center;justify-content:center;gap:0.4vw;width:100%;padding:0.8vh 1vw;margin:1vh 0;background:linear-gradient(135deg,#4ade80 0%,#22c55e 100%);border:none;border-radius:0.5vh;color:#000;font-size:clamp(0.65rem,0.85vw,0.95rem);font-weight:700;cursor:pointer;transition:all 0.2s ease}.coins-topup-btn:hover{transform:scale(1.02);box-shadow:0 0 1.5vw rgba(74,222,128,0.5)}.coins-topup-btn i{font-size:clamp(0.6rem,0.8vw,0.9rem)}.ticket-purchase-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.9);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;border-radius:inherit;padding:0.7rem}.ticket-purchase-question{text-align:center;margin-bottom:0.7rem}.ticket-purchase-question h4{color:#fbbf24;font-size:clamp(0.7rem,0.91vw,0.91rem);margin-bottom:0.18rem;display:flex;align-items:center;justify-content:center;gap:0.35rem}.ticket-purchase-question h4 i{color:#a78bfa}.ticket-purchase-question p{color:#9ca3af;font-size:clamp(0.6rem,0.77vw,0.77rem)}.ticket-purchase-buttons{display:flex;gap:0.53rem;flex-wrap:wrap;justify-content:center}.ticket-purchase-buttons button{padding:0.35rem 0.7rem;border:none;border-radius:0.5rem;font-size:clamp(0.6rem,0.77vw,0.77rem);font-weight:600;cursor:pointer;transition:all 0.2s ease}.ticket-purchase-buttons .btn-yes{background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);color:white}.ticket-purchase-buttons .btn-yes:hover{transform:scale(1.05);box-shadow:0 0 15px rgba(34,197,94,0.5)}.ticket-purchase-buttons .btn-no{background:linear-gradient(135deg,#6b7280 0%,#4b5563 100%);color:white}.ticket-purchase-buttons .btn-no:hover{background:linear-gradient(135deg,#9ca3af 0%,#6b7280 100%)}.ticket-purchase-buttons .btn-multiple{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);color:white}.ticket-purchase-buttons .btn-multiple:hover{transform:scale(1.05);box-shadow:0 0 15px rgba(59,130,246,0.5)}.ticket-multiple-input{text-align:center;margin:0.7rem 0}.ticket-multiple-input label{display:block;color:#9ca3af;font-size:clamp(0.6rem,0.77vw,0.77rem);margin-bottom:0.35rem}.ticket-multiple-input input{width:56px;padding:0.35rem;border:2px solid #4b5563;border-radius:0.5rem;background:#1f2937;color:white;font-size:clamp(0.7rem,0.91vw,0.91rem);text-align:center}.ticket-multiple-input input:focus{outline:none;border-color:#3b82f6}.ticket-confirm-multi{text-align:center;margin:0.7rem 0}.ticket-confirm-multi p{color:#fbbf24;font-size:clamp(0.7rem,0.91vw,0.91rem);font-weight:600}.ticket-confirm-multi .cost-preview{color:#9ca3af;font-size:clamp(0.6rem,0.77vw,0.77rem);margin-top:0.18rem}.ticket-confirm-multi .cost-preview span{color:#ef4444;font-weight:600}.ticket-purchase-loading{display:flex;align-items:center;gap:0.35rem;color:#fbbf24}.ticket-purchase-loading i{animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}#header-coins-display,#header-ticket-btn{position:absolute !important;top:50% !important;transform:translateY(-50%) !important;background:transparent !important;border:none !important;box-shadow:none !important;border-radius:0 !important;padding:0 !important;min-width:auto !important;height:auto !important;cursor:pointer !important;z-index:10 !important}#header-coins-display{left:8px !important}#header-ticket-btn{right:8px !important}@media (min-width:769px){.desktop-coins-tickets-banner #header-coins-display{left:auto !important;right:auto !important}.desktop-coins-tickets-banner #header-ticket-btn{left:auto !important;right:auto !important}#header-coins-display{left:10px !important}#header-ticket-btn{right:10px !important}}.desktop-coins-tickets-banner{display:flex !important;visibility:visible !important;opacity:1 !important;justify-content:space-between;align-items:center;gap:5px;padding:0.5rem;background:linear-gradient(180deg,var(--color-accent-highlight-2) 0%,color-mix(in srgb,var(--color-accent-highlight-2) 60%,var(--color-windows-bg)) 50%,color-mix(in srgb,var(--color-accent-highlight-2) 40%,var(--color-channel-content-bg)) 100%);border:1px solid var(--color-accent-highlight-2);box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),inset 0 -1px 0 rgba(0,0,0,0.2),0 2px 4px rgba(0,0,0,0.3),0 0 0 1px rgba(0,0,0,0.5),0 0 8px color-mix(in srgb,var(--color-accent-highlight-2) 30%,transparent);flex-shrink:0;z-index:10;border-radius:0 0 8px 8px;min-height:clamp(40px,5vh,60px);min-width:200px;position:relative;outline:none !important}.desktop-coins-tickets-banner::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient( 45deg,transparent,transparent 2px,rgba(255,255,255,0.07) 2px,rgba(255,255,255,0.07) 3px ),repeating-linear-gradient( -45deg,transparent,transparent 3px,rgba(255,255,255,0.05) 3px,rgba(255,255,255,0.05) 4px ),radial-gradient( circle at 20% 30%,rgba(255,255,255,0.05) 1px,transparent 1px ),radial-gradient( circle at 80% 70%,rgba(255,255,255,0.05) 1px,transparent 1px );pointer-events:none;z-index:0;border-radius:0 0 8px 8px}.desktop-coins-tickets-banner > *{position:relative;z-index:1}.desktop-coins-tickets-banner::after{display:none;color:var(--color-accent-highlight-2,#3b82f6);pointer-events:none;z-index:1}.desktop-coins-tickets-banner #header-coins-display,.desktop-coins-tickets-banner #header-ticket-btn{outline:none !important}.desktop-coins-tickets-banner #header-coins-display:focus,.desktop-coins-tickets-banner #header-ticket-btn:focus{outline:none !important;box-shadow:none !important}.desktop-coins-tickets-banner #header-coins-display,.desktop-coins-tickets-banner #header-ticket-btn{position:relative !important;left:auto !important;top:auto !important;transform:none !important;margin:0 4px !important;height:auto !important;padding:0.4rem 0.8rem !important;min-height:0 !important;flex:1 1 auto !important;display:flex !important;visibility:visible !important;opacity:1 !important;align-items:center !important;justify-content:center !important;gap:6px !important;border:1px solid rgba(255,255,255,0.1);border-radius:0;cursor:pointer;transition:all 0.2s ease;flex-shrink:0;min-width:80px;max-width:120px;box-shadow:inset 0 1px 0 rgba(255,255,255,0.08),inset 0 -1px 0 rgba(0,0,0,0.4),0 2px 4px rgba(0,0,0,0.5),0 4px 8px rgba(0,0,0,0.3),0 0 0 1px rgba(0,0,0,0.6)}.desktop-coins-tickets-banner #header-coins-display,.desktop-coins-tickets-banner #header-ticket-btn{background:var(--color-tertiary) !important;border:1px solid rgba(255,255,255,0.1) !important;border-radius:0 !important;cursor:pointer;display:flex !important;align-items:center !important;justify-content:center !important;transition:all 0.2s ease;flex-shrink:0;position:relative;box-shadow:inset 0 1px 0 rgba(255,255,255,0.08),inset 0 -1px 0 rgba(0,0,0,0.4),0 2px 4px rgba(0,0,0,0.5),0 4px 8px rgba(0,0,0,0.3),0 0 0 1px rgba(0,0,0,0.6) !important}.desktop-coins-tickets-banner #header-coins-display .icon,.desktop-coins-tickets-banner #header-ticket-btn .icon{font-size:clamp(0.5rem,0.8vw,0.75rem);color:var(--color-text-secondary);transition:all 0.2s ease;line-height:1;display:inline-block;vertical-align:middle}.desktop-coins-tickets-banner #header-coins-display .count,.desktop-coins-tickets-banner #header-ticket-btn .count{color:var(--color-text-secondary);transition:all 0.2s ease}.desktop-coins-tickets-banner #header-coins-display:hover,.desktop-coins-tickets-banner #header-ticket-btn:hover{background:linear-gradient(180deg,var(--color-windows-inner-bg) 0%,var(--color-top-windows-bg) 100%) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,0.15),inset 0 -1px 0 rgba(0,0,0,0.2),0 3px 6px rgba(0,0,0,0.5),0 0 0 1px rgba(0,0,0,0.4),0 0 8px rgba(99,102,241,0.2) !important;transform:translateY(-1px)}.desktop-coins-tickets-banner #header-coins-display:hover .icon,.desktop-coins-tickets-banner #header-ticket-btn:hover .icon,.desktop-coins-tickets-banner #header-coins-display:hover .count,.desktop-coins-tickets-banner #header-ticket-btn:hover .count{color:var(--color-text-main);text-shadow:0 0 2px rgba(0,0,0,0.8),0 0 4px rgba(0,0,0,0.6),0 0 6px currentColor}.desktop-coins-tickets-banner #header-coins-display:active,.desktop-coins-tickets-banner #header-ticket-btn:active{background:linear-gradient(180deg,var(--color-windows-bg) 0%,var(--color-top-windows-bg) 100%) !important;transform:translateY(1px);box-shadow:inset 0 2px 4px rgba(0,0,0,0.3),0 0 0 1px rgba(0,0,0,0.4) !important}.desktop-coins-tickets-banner #header-coins-display.active,.desktop-coins-tickets-banner #header-ticket-btn.active{background:linear-gradient(180deg,var(--color-accent-highlight-2) 0%,var(--color-top-windows-bg) 100%) !important;border-color:var(--color-accent-highlight-2) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,0.15),0 2px 4px rgba(0,0,0,0.4),0 0 0 1px rgba(0,0,0,0.4),0 0 12px var(--color-accent-highlight-2,rgba(99,102,241,0.4)) !important}.desktop-coins-tickets-banner #header-coins-display.active .icon,.desktop-coins-tickets-banner #header-ticket-btn.active .icon,.desktop-coins-tickets-banner #header-coins-display.active .count,.desktop-coins-tickets-banner #header-ticket-btn.active .count{text-shadow:0 0 3px rgba(0,0,0,0.9),0 0 6px rgba(0,0,0,0.7),0 0 10px currentColor}.desktop-coins-tickets-banner #header-coins-display.inactive,.desktop-coins-tickets-banner #header-ticket-btn.inactive{background:linear-gradient(180deg,var(--color-accent-highlight-2,rgba(99,102,241,0.8)) 0%,var(--color-top-windows-bg) 100%) !important;border-color:var(--color-accent-highlight-2,rgba(99,102,241,0.4)) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,0.15),0 2px 4px rgba(0,0,0,0.4),0 0 0 1px rgba(0,0,0,0.4),0 0 12px var(--color-accent-highlight-2,rgba(99,102,241,0.4)) !important;opacity:1}.desktop-coins-tickets-banner #header-coins-display:hover .icon,.desktop-coins-tickets-banner #header-ticket-btn:hover .icon{animation:paperFlip 0.6s cubic-bezier(0.4,0,0.2,1)}.desktop-coins-tickets-banner #header-coins-display.active .icon,.desktop-coins-tickets-banner #header-ticket-btn.active .icon{filter:drop-shadow(0 0 4px rgba(0,0,0,0.5));animation:paperFlip 0.6s cubic-bezier(0.4,0,0.2,1) infinite}.desktop-coins-tickets-banner #header-coins-display.active:hover .icon,.desktop-coins-tickets-banner #header-ticket-btn.active:hover .icon{animation:paperFlip 0.6s cubic-bezier(0.4,0,0.2,1) infinite}.desktop-coins-tickets-banner #header-coins-display .icon,.desktop-coins-tickets-banner #header-coins-display .count,.desktop-coins-tickets-banner #header-ticket-btn .icon,.desktop-coins-tickets-banner #header-ticket-btn .count{color:var(--color-text-secondary);transition:all 0.2s ease}.desktop-coins-tickets-banner #header-coins-display .icon,.desktop-coins-tickets-banner #header-ticket-btn .icon{font-size:clamp(0.7rem,1vw,0.9rem) !important;line-height:1;display:inline-block;vertical-align:middle}.desktop-coins-tickets-banner #header-coins-display .count,.desktop-coins-tickets-banner #header-ticket-btn .count{font-size:clamp(0.6rem,0.9vw,0.75rem) !important;font-weight:600 !important}.desktop-coins-tickets-banner #header-coins-display:hover,.desktop-coins-tickets-banner #header-ticket-btn:hover{background:linear-gradient(180deg,var(--color-windows-inner-bg) 0%,var(--color-top-windows-bg) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.15),inset 0 -1px 0 rgba(0,0,0,0.2),0 3px 6px rgba(0,0,0,0.5),0 0 0 1px rgba(0,0,0,0.4),0 0 8px rgba(99,102,241,0.2);transform:translateY(-1px)}.desktop-coins-tickets-banner #header-coins-display:hover .icon,.desktop-coins-tickets-banner #header-coins-display:hover .count,.desktop-coins-tickets-banner #header-ticket-btn:hover .icon,.desktop-coins-tickets-banner #header-ticket-btn:hover .count{color:var(--color-text-main);text-shadow:0 0 2px rgba(0,0,0,0.8),0 0 4px rgba(0,0,0,0.6),0 0 6px currentColor}.desktop-coins-tickets-banner #header-coins-display.active,.desktop-coins-tickets-banner #header-ticket-btn.active{background:linear-gradient(180deg,var(--color-windows-inner-bg) 0%,var(--color-top-windows-bg) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.15),inset 0 -1px 0 rgba(0,0,0,0.2),0 3px 6px rgba(0,0,0,0.5),0 0 0 1px rgba(0,0,0,0.4),0 0 8px rgba(99,102,241,0.2)}.desktop-coins-tickets-banner #header-coins-display.active .icon,.desktop-coins-tickets-banner #header-coins-display.active .count,.desktop-coins-tickets-banner #header-ticket-btn.active .icon,.desktop-coins-tickets-banner #header-ticket-btn.active .count{color:var(--color-text-main);text-shadow:0 0 2px rgba(0,0,0,0.8),0 0 4px rgba(0,0,0,0.6),0 0 6px currentColor}#header-coins-display,#header-ticket-btn{border-right:none !important;border-left:none !important}#channel-title-banner #header-coins-display:hover,#channel-title-banner #header-ticket-btn:hover,#channel-title-banner #header-coins-display:active,#channel-title-banner #header-ticket-btn:active{background:transparent !important;box-shadow:none !important}#header-coins-display.active .icon,#header-ticket-btn.active .icon{animation:paperFlip 0.6s cubic-bezier(0.4,0,0.2,1) infinite !important}body.help-mode-cursor,body.help-mode-cursor *{cursor:help !important}.artist-banner-btn.help-highlight{position:relative !important;outline:4px solid rgba(139,92,246,1) !important;outline-offset:4px !important;border-radius:8px !important;box-shadow:0 0 0 4px rgba(139,92,246,1),0 0 30px rgba(139,92,246,0.8) !important}.help-highlight{position:relative !important;border-radius:6px !important;outline:3px solid rgba(139,92,246,0.9) !important;outline-offset:2px !important;box-shadow:0 0 0 3px rgba(139,92,246,0.9),0 0 20px rgba(139,92,246,0.5),0 0 40px rgba(139,92,246,0.3) !important}.help-link{cursor:help !important;text-decoration:underline !important;color:var(--color-active-highlight,#3B82F6) !important}.help-attention-animate{animation:helpAttentionPulse 0.5s ease-in-out 3 !important}@keyframes helpAttentionPulse{0%,100%{transform:scale(1) !important;box-shadow:0 0 0 2px rgba(251,191,36,0.8),0 0 15px rgba(251,191,36,0.5) !important}50%{transform:scale(1.02) !important;box-shadow:0 0 0 4px rgba(251,191,36,1),0 0 25px rgba(251,191,36,0.8) !important}}.help-highlight.help-selected{animation:helpSelectedPulse 1.5s ease-in-out infinite !important;outline:3px solid rgba(139,92,246,1) !important;box-shadow:0 0 0 3px rgba(139,92,246,1),0 0 25px rgba(139,92,246,0.7),0 0 50px rgba(139,92,246,0.4),inset 0 0 15px rgba(139,92,246,0.2) !important}.help-highlight.help-selected.help-just-selected{animation:helpJustSelected 0.5s ease-out forwards,helpSelectedPulse 1.5s ease-in-out infinite 0.5s !important}@keyframes helpJustSelected{0%{box-shadow:0 0 0 3px rgba(139,92,246,0.9),0 0 20px rgba(139,92,246,0.5),0 0 40px rgba(139,92,246,0.3) !important;transform:scale(1) !important}50%{box-shadow:0 0 0 5px rgba(167,139,250,1),0 0 40px rgba(139,92,246,0.8),0 0 60px rgba(167,139,250,0.5) !important;transform:scale(1.03) !important}100%{box-shadow:0 0 0 3px rgba(139,92,246,1),0 0 25px rgba(139,92,246,0.7),0 0 50px rgba(139,92,246,0.4),inset 0 0 15px rgba(139,92,246,0.2) !important;transform:scale(1) !important}}@keyframes helpSelectedPulse{0%,100%{outline:3px solid rgba(139,92,246,1) !important;box-shadow:0 0 0 3px rgba(139,92,246,1),0 0 25px rgba(139,92,246,0.7),0 0 50px rgba(139,92,246,0.4),inset 0 0 15px rgba(139,92,246,0.2) !important}50%{outline:4px solid rgba(167,139,250,1) !important;box-shadow:0 0 0 4px rgba(167,139,250,1),0 0 35px rgba(139,92,246,0.8),0 0 60px rgba(139,92,246,0.5),inset 0 0 20px rgba(139,92,246,0.3) !important}}#copilot-input.help-highlight{outline:3px solid rgba(139,92,246,0.9) !important;outline-offset:2px !important;box-shadow:0 0 0 3px rgba(139,92,246,0.9),0 0 20px rgba(139,92,246,0.5) !important}#copilot-send-btn.help-highlight,#copilot-send-btn.icon-button.help-highlight{outline:3px solid rgba(139,92,246,0.9) !important;outline-offset:2px !important;box-shadow:0 0 0 3px rgba(139,92,246,0.9),0 0 20px rgba(139,92,246,0.5),0 0 40px rgba(139,92,246,0.3) !important}#copilot-send-btn.help-highlight.help-selected,#copilot-send-btn.icon-button.help-highlight.help-selected{animation:helpSelectedPulse 1.5s ease-in-out infinite !important;box-shadow:0 0 0 3px rgba(139,92,246,1),0 0 25px rgba(139,92,246,0.7),0 0 50px rgba(139,92,246,0.4),inset 0 0 15px rgba(139,92,246,0.2) !important}#jukebot-info-btn.help-highlight,#jukebot-info-btn.console-header-btn.help-highlight{outline:3px solid rgba(139,92,246,0.9) !important;outline-offset:2px !important;box-shadow:0 0 0 3px rgba(139,92,246,0.9),0 0 20px rgba(139,92,246,0.5),0 0 40px rgba(139,92,246,0.3) !important}#jukebot-info-btn.help-highlight.help-selected,#jukebot-info-btn.console-header-btn.help-highlight.help-selected{animation:helpSelectedPulse 1.5s ease-in-out infinite !important;box-shadow:0 0 0 3px rgba(139,92,246,1),0 0 25px rgba(139,92,246,0.7),0 0 50px rgba(139,92,246,0.4),inset 0 0 15px rgba(139,92,246,0.2) !important}#header-points-btn.help-highlight,#header-points-btn.header-icon-btn.help-highlight{outline:3px solid rgba(139,92,246,0.9) !important;outline-offset:2px !important;box-shadow:0 0 0 3px rgba(139,92,246,0.9),0 0 20px rgba(139,92,246,0.5),0 0 40px rgba(139,92,246,0.3) !important}#header-points-btn.help-highlight.help-selected,#header-points-btn.header-icon-btn.help-highlight.help-selected{animation:helpSelectedPulse 1.5s ease-in-out infinite !important;box-shadow:0 0 0 3px rgba(139,92,246,1),0 0 25px rgba(139,92,246,0.7),0 0 50px rgba(139,92,246,0.4),inset 0 0 15px rgba(139,92,246,0.2) !important}#header-ticket-btn.help-highlight,#header-ticket-btn.header-icon-btn.help-highlight{outline:3px solid rgba(139,92,246,0.9) !important;outline-offset:2px !important;box-shadow:0 0 0 3px rgba(139,92,246,0.9),0 0 20px rgba(139,92,246,0.5),0 0 40px rgba(139,92,246,0.3) !important}#header-ticket-btn.help-highlight,#header-ticket-btn.header-icon-btn.help-highlight{animation:helpSelectedPulse 1.5s ease-in-out infinite !important;box-shadow:0 0 0 3px rgba(139,92,246,1),0 0 25px rgba(139,92,246,0.7),0 0 50px rgba(139,92,246,0.4),inset 0 0 15px rgba(139,92,246,0.2) !important}#waveform-comment-area.help-highlight{z-index:1000 !important;outline:3px solid rgba(139,92,246,0.9) !important;outline-offset:2px !important;box-shadow:0 0 0 3px rgba(139,92,246,0.9),0 0 20px rgba(139,92,246,0.5),0 0 40px rgba(139,92,246,0.3) !important}#waveform-comment-area.help-highlight.help-selected{z-index:1001 !important;animation:helpSelectedPulse 1.5s ease-in-out infinite !important;box-shadow:0 0 0 3px rgba(139,92,246,1),0 0 25px rgba(139,92,246,0.7),0 0 50px rgba(139,92,246,0.4),inset 0 0 15px rgba(139,92,246,0.2) !important}#like-btn.help-highlight{outline:3px solid rgba(139,92,246,0.9) !important;outline-offset:2px !important;box-shadow:0 0 0 3px rgba(139,92,246,0.9),0 0 20px rgba(139,92,246,0.5),0 0 40px rgba(139,92,246,0.3) !important}#like-btn.help-highlight.help-selected{animation:helpSelectedPulse 1.5s ease-in-out infinite !important;box-shadow:0 0 0 3px rgba(139,92,246,1),0 0 25px rgba(139,92,246,0.7),0 0 50px rgba(139,92,246,0.4),inset 0 0 15px rgba(139,92,246,0.2) !important}#add-to-playlist-btn.help-highlight{outline:3px solid rgba(139,92,246,0.9) !important;outline-offset:2px !important;box-shadow:0 0 0 3px rgba(139,92,246,0.9),0 0 20px rgba(139,92,246,0.5),0 0 40px rgba(139,92,246,0.3) !important}#add-to-playlist-btn.help-highlight.help-selected{animation:helpSelectedPulse 1.5s ease-in-out infinite !important;box-shadow:0 0 0 3px rgba(139,92,246,1),0 0 25px rgba(139,92,246,0.7),0 0 50px rgba(139,92,246,0.4),inset 0 0 15px rgba(139,92,246,0.2) !important}#waveform-container.help-highlight{outline:3px solid rgba(139,92,246,0.9) !important;outline-offset:2px !important;box-shadow:0 0 0 3px rgba(139,92,246,0.9),0 0 20px rgba(139,92,246,0.5),0 0 40px rgba(139,92,246,0.3) !important}#waveform-container.help-highlight.help-selected{animation:helpSelectedPulse 1.5s ease-in-out infinite !important;box-shadow:0 0 0 3px rgba(139,92,246,1),0 0 25px rgba(139,92,246,0.7),0 0 50px rgba(139,92,246,0.4),inset 0 0 15px rgba(139,92,246,0.2) !important}#volume-slider.help-highlight{outline:3px solid rgba(139,92,246,0.9) !important;outline-offset:2px !important;box-shadow:0 0 0 3px rgba(139,92,246,0.9),0 0 20px rgba(139,92,246,0.5),0 0 40px rgba(139,92,246,0.3) !important}#volume-slider.help-highlight.help-selected{animation:helpSelectedPulse 1.5s ease-in-out infinite !important;box-shadow:0 0 0 3px rgba(139,92,246,1),0 0 25px rgba(139,92,246,0.7),0 0 50px rgba(139,92,246,0.4),inset 0 0 15px rgba(139,92,246,0.2) !important}#copilot-mode-btn.help-highlight{outline:3px solid rgba(139,92,246,0.9) !important;outline-offset:2px !important;box-shadow:0 0 0 3px rgba(139,92,246,0.9),0 0 20px rgba(139,92,246,0.5),0 0 40px rgba(139,92,246,0.3) !important}#lounge-chat-mode-btn.help-highlight{outline:3px solid rgba(139,92,246,0.9) !important;outline-offset:2px !important;box-shadow:0 0 0 3px rgba(139,92,246,0.9),0 0 20px rgba(139,92,246,0.5),0 0 40px rgba(139,92,246,0.3) !important}#dm-icons-container.help-highlight,.dm-icons-container.help-highlight{outline:3px solid rgba(139,92,246,0.9) !important;outline-offset:2px !important;box-shadow:0 0 0 3px rgba(139,92,246,0.9),0 0 20px rgba(139,92,246,0.5),0 0 40px rgba(139,92,246,0.3) !important}.dm-artist-icon.help-highlight{outline:3px solid rgba(139,92,246,1) !important;outline-offset:2px !important;box-shadow:0 0 0 3px rgba(139,92,246,1),0 0 20px rgba(139,92,246,0.7),0 0 40px rgba(139,92,246,0.5) !important;border-color:rgba(139,92,246,1) !important}.dm-artist-icon.help-highlight.help-selected{animation:helpSelectedPulse 1.5s ease-in-out infinite !important;outline:3px solid rgba(139,92,246,1) !important;box-shadow:0 0 0 4px rgba(139,92,246,1),0 0 25px rgba(139,92,246,0.8),0 0 50px rgba(139,92,246,0.6) !important;border-color:rgba(139,92,246,1) !important}#plays-counter-slot-machine.help-highlight{outline:3px solid rgba(139,92,246,0.9) !important;outline-offset:2px !important;box-shadow:0 0 0 3px rgba(139,92,246,0.9),0 0 20px rgba(139,92,246,0.5),0 0 40px rgba(139,92,246,0.3) !important}#plays-counter-slot-machine.help-highlight.help-selected{animation:helpSelectedPulse 1.5s ease-in-out infinite !important;box-shadow:0 0 0 3px rgba(139,92,246,1),0 0 25px rgba(139,92,246,0.7),0 0 50px rgba(139,92,246,0.4),inset 0 0 15px rgba(139,92,246,0.2) !important}button.artist-banner-btn.artist-banner-btn.help-highlight,#artist-chat-btn.help-highlight{position:relative !important;z-index:1001 !important;background-color:rgba(139,92,246,0.2) !important;outline:3px solid rgba(139,92,246,1) !important;outline-offset:4px !important;border-radius:6px !important;box-shadow:0 0 0 4px rgba(139,92,246,1),0 0 30px rgba(139,92,246,0.8),0 0 60px rgba(139,92,246,0.5) !important}button.artist-banner-btn.artist-banner-btn.help-highlight.help-selected,#artist-chat-btn.help-highlight.help-selected{animation:helpSelectedPulse 1.5s ease-in-out infinite !important;outline:3px solid rgba(139,92,246,1) !important;box-shadow:0 0 0 4px rgba(139,92,246,1),0 0 30px rgba(139,92,246,0.8),0 0 60px rgba(139,92,246,0.5) !important}button.artist-banner-btn.artist-banner-btn.help-highlight,#artist-add-contact-btn.help-highlight{position:relative !important;z-index:1001 !important;background-color:rgba(139,92,246,0.2) !important;outline:3px solid rgba(139,92,246,1) !important;outline-offset:4px !important;border-radius:6px !important;box-shadow:0 0 0 4px rgba(139,92,246,1),0 0 30px rgba(139,92,246,0.8),0 0 60px rgba(139,92,246,0.5) !important}button.artist-banner-btn.artist-banner-btn.help-highlight.help-selected,#artist-add-contact-btn.help-highlight.help-selected{animation:helpSelectedPulse 1.5s ease-in-out infinite !important;outline:3px solid rgba(139,92,246,1) !important;box-shadow:0 0 0 4px rgba(139,92,246,1),0 0 30px rgba(139,92,246,0.8),0 0 60px rgba(139,92,246,0.5) !important}#command-console.help-highlight{z-index:1000 !important;outline:3px solid rgba(139,92,246,0.9) !important;outline-offset:3px !important;box-shadow:0 0 0 3px rgba(139,92,246,0.9),0 0 20px rgba(139,92,246,0.5),0 0 40px rgba(139,92,246,0.3) !important}#main-screen.help-highlight{z-index:1000 !important;outline:3px solid rgba(139,92,246,0.9) !important;outline-offset:3px !important;box-shadow:0 0 0 3px rgba(139,92,246,0.9),0 0 20px rgba(139,92,246,0.5),0 0 40px rgba(139,92,246,0.3) !important}#persistent-player-container.help-highlight{z-index:1000 !important;outline:3px solid rgba(139,92,246,0.9) !important;outline-offset:3px !important;box-shadow:0 0 0 3px rgba(139,92,246,0.9),0 0 20px rgba(139,92,246,0.5),0 0 40px rgba(139,92,246,0.3) !important}#right-panel-bar.help-highlight{position:fixed !important;z-index:1000 !important;outline:3px solid rgba(139,92,246,0.9) !important;outline-offset:-3px !important;box-shadow:inset 0 0 0 3px rgba(139,92,246,0.9),inset 0 0 20px rgba(139,92,246,0.5),inset 0 0 40px rgba(139,92,246,0.3) !important}#lounge-album-art.help-highlight,#lounge-album-art.help-highlight:hover{filter:none !important;outline:3px solid rgba(139,92,246,0.9) !important;outline-offset:-3px !important;box-shadow:inset 0 0 0 3px rgba(139,92,246,0.9),inset 0 0 20px rgba(139,92,246,0.5),inset 0 0 40px rgba(139,92,246,0.3) !important}#help-modal{z-index:100001 !important}#help-mode-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:100000;font-size:100px;font-weight:700;color:rgba(255,255,255,0.25);text-transform:uppercase;letter-spacing:0.05em;user-select:none;text-shadow:0 0 30px rgba(139,92,246,0.4)}#help-mode-overlay.hidden{display:none}.help-glossary{display:flex;width:100%;height:100%;min-height:0;gap:16px}.help-glossary-sidebar{display:flex;flex-direction:column;width:220px;min-width:200px;max-width:240px;border-right:1px solid rgba(255,255,255,0.1);padding-right:12px;gap:12px}.help-glossary-search{position:relative;display:flex;align-items:center}.help-glossary-search-input{width:100%;padding:8px 10px 8px 30px;background:rgba(0,0,0,0.25);border:1px solid rgba(255,255,255,0.1);border-radius:6px;color:var(--color-text-main,#F3F4F6);font-size:0.85em;outline:none;transition:border-color 0.2s ease,box-shadow 0.2s ease}.help-glossary-search-input::placeholder{color:var(--color-text-secondary,#9CA3AF)}.help-glossary-search-input:focus{border-color:var(--color-active-highlight,#3B82F6);box-shadow:0 0 0 2px rgba(59,130,246,0.2)}.help-glossary-search-icon{position:absolute;left:10px;color:var(--color-text-secondary,#9CA3AF);font-size:0.8em;pointer-events:none}.help-glossary-nav{display:flex;flex-direction:column;gap:2px;overflow-y:auto;overflow-x:auto;flex:1;padding-right:2px}.help-glossary-nav-item{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:6px;cursor:pointer;color:var(--color-text-main,#F3F4F6);font-size:0.85em;transition:background 0.15s ease,color 0.15s ease;user-select:none}.help-glossary-nav-item:hover{background:rgba(255,255,255,0.08)}.help-glossary-nav-item.active{background:var(--color-active-highlight,#3B82F6);color:#fff}.help-glossary-nav-item.level-1{font-weight:600;text-transform:uppercase;letter-spacing:0.5px;font-size:0.8em;margin-top:4px;padding-left:0px}.help-glossary-nav-item.level-2{padding-left:5px;font-size:0.82em}.help-glossary-nav-item.level-3{padding-left:10px;font-size:0.8em;color:var(--color-text-secondary,#9CA3AF)}.help-glossary-nav-item.level-4{padding-left:15px;font-size:0.8em;color:var(--color-text-secondary,#9CA3AF)}.help-glossary-nav-item.level-5{padding-left:20px;font-size:0.8em;color:var(--color-text-secondary,#9CA3AF)}.help-glossary-nav-toggle{width:14px;height:14px;display:flex;align-items:center;justify-content:center;font-size:0.65em;color:var(--color-text-secondary,#9CA3AF);transition:transform 0.2s ease;flex-shrink:0}.help-glossary-nav-toggle.expanded{transform:rotate(90deg)}.help-glossary-nav-children{display:flex;flex-direction:column;gap:2px;overflow:hidden;max-height:0;transition:max-height 0.25s ease}.help-glossary-nav-children.expanded{max-height:2000px}.help-glossary-main{display:flex;flex-direction:column;flex:1;min-width:0;gap:12px}.help-glossary-content{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"title title" "image description";align-items:start;flex:1;min-height:0;overflow-y:auto;gap:6px 0;padding-right:4px}.help-glossary-title{font-family:'Bungee Inline',cursive;font-size:1.25rem;color:var(--color-text-title,#FFFFFF);margin:0;grid-area:title;text-align:center;letter-spacing:0.5px;text-transform:uppercase;position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:40px;padding:8px 12px;background-color:var(--color-accent-highlight-2,#e08b3d);border-radius:8px;overflow:hidden;box-sizing:border-box;box-shadow:inset 2px 2px 4px rgba(0,0,0,0.4),inset -2px -2px 4px rgba(255,255,255,0.05),inset 0 4px 8px rgba(0,0,0,0.45),inset 0 -4px 8px rgba(0,0,0,0.45),1px 1px 2px rgba(0,0,0,0.25)}.help-glossary-title::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;background:repeating-linear-gradient( to bottom,transparent,transparent 2px,rgba(255,255,255,calc(0.07 * var(--grid-opacity-multiplier,1))) 2px,rgba(255,255,255,calc(0.07 * var(--grid-opacity-multiplier,1))) 3px ),linear-gradient( to bottom,rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.1125) 15%,rgba(0,0,0,0.075) 40%,rgba(0,0,0,0.1875) 70%,rgba(0,0,0,0.3) 100% );pointer-events:none;z-index:1}.help-glossary-title-text{position:relative;z-index:2}.help-glossary-description{grid-area:description;min-width:0;color:var(--color-text-main,#F3F4F6);font-size:0.9em;line-height:1.6}.help-glossary-description ul{margin:8px 0 0;padding-left:20px;display:flex;flex-direction:column;gap:8px}.help-glossary-description li{color:var(--color-text-secondary,#9CA3AF)}.help-glossary-description li strong{color:var(--color-text-main,#F3F4F6)}.help-glossary-image{display:flex;flex-direction:column;gap:8px;align-items:flex-start;padding-right:5px;grid-area:image}.help-glossary-image-placeholder{display:flex;align-items:center;justify-content:center;min-height:160px;background:rgba(0,0,0,0.25);border:2px dashed rgba(255,255,255,0.15);border-radius:8px;color:var(--color-text-secondary,#9CA3AF);font-size:0.9em;text-transform:uppercase;letter-spacing:1px}.help-glossary-image img{max-width:100%;max-height:260px;border-radius:8px;object-fit:contain;background:rgba(0,0,0,0.25)}.help-glossary-callouts{display:flex;flex-direction:column;gap:6px;width:100%;box-sizing:border-box;padding:10px;background:rgba(0,0,0,0.2);border-radius:8px;font-size:0.85em}.help-glossary-callout{display:flex;align-items:flex-start;gap:8px;color:var(--color-text-secondary,#9CA3AF)}.help-glossary-callout-number{display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;border-radius:50%;background:var(--color-active-highlight,#3B82F6);color:#fff;font-size:0.75em;font-weight:700}.help-glossary-content.image-right .help-glossary-description{display:flex;gap:16px}.help-glossary-content.image-right .help-glossary-image{margin-top:0;flex:0 0 180px}.help-glossary-content.image-top{flex-direction:column-reverse}.help-glossary-content.image-top .help-glossary-image{margin-top:0;padding-top:0;padding-bottom:12px}.help-glossary-nav::-webkit-scrollbar,.help-glossary-content::-webkit-scrollbar{width:6px}.help-glossary-nav::-webkit-scrollbar-track,.help-glossary-content::-webkit-scrollbar-track{background:rgba(0,0,0,0.15);border-radius:3px}.help-glossary-nav::-webkit-scrollbar-thumb,.help-glossary-content::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.15);border-radius:3px}.help-glossary-nav::-webkit-scrollbar-thumb:hover,.help-glossary-content::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.25)}.help-glossary-nav-input{flex:1;background:rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.1);border-radius:4px;padding:4px 4px;color:var(--color-text-main,#F3F4F6);font-size:0.85em;font-family:inherit;outline:none}.help-glossary-nav-input:focus{border-color:var(--color-active-highlight,#3B82F6)}.help-glossary-nav-controls{display:none;gap:3px;margin-left:auto}.help-glossary-nav-item:hover .help-glossary-nav-controls{display:flex}.help-glossary-nav-btn{width:16px;height:16px;display:flex;align-items:center;justify-content:center;border:none;border-radius:4px;background:rgba(255,255,255,0.1);color:var(--color-text-main,#F3F4F6);font-size:0.85em;cursor:pointer;transition:background 0.15s ease}.help-glossary-nav-btn:hover{background:rgba(255,255,255,0.2)}.help-glossary-nav-btn.add-child{color:#22c55e}.help-glossary-nav-btn.delete{color:#ef4444}.help-glossary-add-top-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;border:1px dashed rgba(255,255,255,0.2);border-radius:6px;background:rgba(255,255,255,0.05);color:var(--color-text-main,#F3F4F6);font-size:0.85em;cursor:pointer;transition:all 0.2s ease;width:100%}.help-glossary-add-top-btn:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.3)}.help-glossary-nav-item.dragging{opacity:0.5;background:rgba(139,92,246,0.2)}.help-glossary-nav-item.drag-over{background:rgba(34,197,94,0.2);border-color:rgba(34,197,94,0.5)}.help-glossary-edit-title{width:100%;padding:8px 10px;background:rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.1);border-radius:6px;color:var(--color-text-title,#FFFFFF);font-family:inherit;font-size:1rem;outline:none}.help-glossary-edit-title:focus{border-color:var(--color-active-highlight,#3B82F6)}.help-glossary-edit-description{width:100%;min-height:160px;padding:10px;background:rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.1);border-radius:6px;color:var(--color-text-main,#F3F4F6);font-family:inherit;font-size:0.9em;line-height:1.6;resize:vertical;outline:none}.help-glossary-edit-description:focus{border-color:var(--color-active-highlight,#3B82F6)}.help-glossary-image-edit{display:flex;flex-direction:column;gap:10px;margin-top:auto;padding-top:12px}.help-glossary-image-edit img{max-width:100%;max-height:260px;border-radius:8px;object-fit:contain;background:rgba(0,0,0,0.25)}.help-glossary-upload-btn{align-self:flex-start;padding:8px 14px;border:none;border-radius:6px;background:rgba(96,165,250,0.2);color:#93c5fd;font-size:0.85em;cursor:pointer;transition:background 0.2s ease}.help-glossary-upload-btn:hover{background:rgba(96,165,250,0.3)}.help-glossary-remove-btn{background:rgba(239,68,68,0.2);color:#fca5a5}.help-glossary-remove-btn:hover{background:rgba(239,68,68,0.3)}.help-glossary-image-frame{display:block;position:relative;border-radius:8px;background:rgba(0,0,0,0.25);overflow:hidden;border:2px solid transparent;box-sizing:border-box}.help-glossary-image-frame img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;display:block;pointer-events:none;user-select:none}.help-glossary-image-frame.admin-editable{cursor:grab;border-color:rgba(255,255,255,0.2)}.help-glossary-image-frame.admin-editable:hover{border-color:rgba(96,165,250,0.6)}.help-glossary-image-frame.admin-editable:active{cursor:grabbing}.help-glossary-image-placeholder.help-glossary-image-frame{cursor:pointer;border:2px dashed rgba(255,255,255,0.15);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary,#9CA3AF);font-size:0.9em;text-transform:uppercase;letter-spacing:1px}.help-glossary-image-placeholder.help-glossary-image-frame:hover{border-color:rgba(96,165,250,0.6);background:rgba(0,0,0,0.35)}.help-glossary-file-input{display:none}.help-glossary-image-toolbar{position:absolute;top:4px;left:4px;display:none;gap:4px;z-index:10;padding:2px;background:rgba(0,0,0,0.6);border-radius:6px}.help-glossary-image-frame.admin-editable:hover .help-glossary-image-toolbar{display:flex}.help-glossary-image-toolbar-btn{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border:none;border-radius:4px;background:rgba(255,255,255,0.1);color:var(--color-text-main,#F3F4F6);font-size:0.75em;cursor:pointer;transition:background 0.15s ease}.help-glossary-image-toolbar-btn:hover{background:rgba(96,165,250,0.4)}.help-glossary-image-toolbar-btn.remove:hover{background:rgba(239,68,68,0.4)}.help-glossary-image-resize-handle{position:absolute;bottom:2px;right:2px;width:12px;height:12px;cursor:se-resize;background:rgba(96,165,250,0.8);border-radius:2px 0 4px 0;display:none;z-index:5}.help-glossary-image-frame.admin-editable:hover .help-glossary-image-resize-handle{display:block}.help-glossary-image-drag-handle{position:absolute;top:4px;right:4px;width:18px;height:18px;display:none;align-items:center;justify-content:center;color:rgba(255,255,255,0.6);font-size:0.7em;z-index:4;pointer-events:none}.help-glossary-image-drag-handle::before{content:'\2630';font-family:sans-serif}.help-glossary-image-frame.admin-editable:hover .help-glossary-image-drag-handle{display:flex}.upload-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.3);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:9999;opacity:1;transition:opacity 0.3s ease}.upload-modal-overlay.hidden{opacity:0;pointer-events:none}.upload-modal-content{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#1a1a2e 100%);border:1px solid rgba(255,255,255,0.1);border-radius:16px;width:90%;max-width:400px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px rgba(0,0,0,0.5),0 0 0 1px rgba(255,255,255,0.05) inset;animation:modalSlideIn 0.3s ease-out}@keyframes modalSlideIn{from{opacity:0;transform:translateY(-20px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}.upload-modal-header{display:flex;justify-content:center;align-items:center;padding:10px 12px;padding-right:60px;border-bottom:1px solid rgba(255,255,255,0.1);background:rgba(0,0,0,0.2);position:relative}.upload-modal-title{font-family:'Bungee Inline',cursive;font-size:1.875rem;color:#fff;margin:0;letter-spacing:0.5px;text-transform:uppercase;text-align:center;pointer-events:none}#help-modal .upload-modal-close-btn{background:rgba(255,255,255,0.1) !important;border:none !important;color:#fff !important;width:44px !important;height:44px !important;border-radius:8px !important;cursor:pointer !important;display:flex !important;align-items:center !important;justify-content:center !important;transition:all 0.2s ease;position:absolute !important;right:24px !important;top:10px !important;z-index:100 !important;pointer-events:auto !important}.upload-modal-close-btn:hover{background:rgba(255,255,255,0.2);color:#fff}.upload-modal-body{display:flex;gap:24px;padding:24px;overflow-y:auto;flex:1}#news-modal-content-news,#news-modal-content-updates{overflow-y:auto;flex:1;min-height:0}.news-action-item{display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0}@media (max-width:768px){.news-action-btn[data-action="upload"]{display:none !important}.news-action-item:has(.news-action-btn[data-action="upload"]){display:none !important}}#news-actions-scroll{flex-shrink:0}.news-action-label{font-size:0.7rem;font-weight:600;color:rgba(255,255,255,0.7);text-transform:uppercase;letter-spacing:0.5px}.arcade-btn{position:relative}.arcade-btn::before{content:'';position:absolute;inset:0;border-radius:8px;box-shadow:0 4px 0 0 rgba(0,0,0,0.3),0 6px 0 0 rgba(0,0,0,0.2),0 8px 12px rgba(0,0,0,0.3);transition:all 0.1s ease;z-index:-1}.arcade-btn::after{content:'';position:absolute;top:4px;left:10%;right:10%;height:40%;background:linear-gradient(180deg,rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.05) 100%);border-radius:4px;pointer-events:none;transition:all 0.1s ease}.arcade-btn:active{transform:translateY(4px)}.arcade-btn:active::before{box-shadow:0 0 0 0 rgba(0,0,0,0.3),0 2px 0 0 rgba(0,0,0,0.2),0 4px 8px rgba(0,0,0,0.25)}.arcade-btn:active::after{top:6px;height:30%;opacity:0.5}.arcade-btn:hover{filter:brightness(1.1)}#news-modal-content-news::-webkit-scrollbar,#news-modal-content-updates::-webkit-scrollbar{width:6px}#news-modal-content-news::-webkit-scrollbar-track,#news-modal-content-updates::-webkit-scrollbar-track{background:rgba(255,255,255,0.05);border-radius:3px}#news-modal-content-news::-webkit-scrollbar-thumb,#news-modal-content-updates::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.2);border-radius:3px}#news-modal-content-news::-webkit-scrollbar-thumb:hover,#news-modal-content-updates::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.3)}.upload-art-section{flex-shrink:0;width:180px}.upload-art-preview{width:180px;height:180px;background:rgba(0,0,0,0.3);border:2px dashed rgba(255,255,255,0.2);border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;overflow:hidden;position:relative}.upload-art-preview:hover{border-color:rgba(96,165,250,0.5);background:rgba(96,165,250,0.1)}.upload-art-preview img{width:100%;height:100%;object-fit:cover}.upload-art-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;color:#6b7280}.upload-art-placeholder i{font-size:2rem}.upload-art-placeholder span{font-size:0.75rem;text-align:center}.upload-form-section{flex:1;display:flex;flex-direction:column;gap:16px}.upload-field-group{display:flex;flex-direction:column;gap:4px;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,0.05)}.upload-field-group:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.upload-field-label{font-size:0.75rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:0.5px}.upload-field-label .required{color:#ef4444}.upload-field-input,.upload-field-textarea{background:rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.1);border-radius:8px;padding:3px 14px;color:#fff;font-size:0.875rem;transition:all 0.2s ease;font-family:inherit}.upload-field-input:focus,.upload-field-textarea:focus{outline:none;border-color:rgba(96,165,250,0.5);background:rgba(0,0,0,0.4);box-shadow:0 0 0 3px rgba(96,165,250,0.1)}.upload-field-input::placeholder,.upload-field-textarea::placeholder{color:#4b5563}.upload-field-textarea{min-height:80px;resize:vertical}.upload-tags-container{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}#upload-collaborators-display,.tag-display-container{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px;min-height:0}#upload-collaborators-display:empty,.tag-display-container:empty{display:none}.upload-tag{display:inline-flex;align-items:center;gap:6px;background:rgba(96,165,250,0.2);border:1px solid rgba(96,165,250,0.3);color:#93c5fd;padding:2px 10px;border-radius:20px;font-size:0.75rem;font-weight:500;line-height:1}.upload-tag-remove{background:none;border:none;color:#93c5fd;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;opacity:0.7;transition:opacity 0.2s}.upload-tag-remove:hover{opacity:1}.upload-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid rgba(255,255,255,0.1);background:rgba(0,0,0,0.2)}.upload-modal-btn{padding:10px 20px;border-radius:8px;font-size:0.875rem;font-weight:600;cursor:pointer;transition:all 0.2s ease;display:inline-flex;align-items:center;gap:8px}.upload-modal-cancel{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);color:#d1d5db}.upload-modal-cancel:hover{background:rgba(255,255,255,0.15);color:#fff}.upload-modal-submit{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border:none;color:#fff;box-shadow:0 4px 12px rgba(59,130,246,0.3)}.upload-modal-submit:hover{background:linear-gradient(135deg,#2563eb 0%,#1e40af 100%);box-shadow:0 6px 16px rgba(59,130,246,0.4);transform:translateY(-1px)}.upload-modal-submit:active{transform:translateY(0)}.upload-modal-submit:disabled{background:#374151;color:#6b7280;cursor:not-allowed;box-shadow:none;transform:none}.upload-inline-form{margin-top:12px}.upload-inline-content{padding:12px 0}.upload-inline-form{margin-top:0 !important}.upload-inline-form .copilot-message{padding:0 !important}.upload-inline-form .upload-inline-content{padding-top:0 !important}.copilot-message-wrapper.upload-inline-form{margin-top:0 !important;padding-top:0 !important}.upload-inline-form .copilot-message{border-radius:0 !important;border:none !important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-accent-highlight-2) 35%,transparent),inset 0 0 0 3px color-mix(in srgb,var(--color-accent-highlight-2) 15%,transparent),inset 0 0 0 5px color-mix(in srgb,var(--color-accent-highlight-2) 8%,transparent) !important}.upload-inline-form #upload-file-select-btn{border-radius:0 !important;text-align:center !important}.upload-inline-form .upload-field-group{border-radius:0 !important}.copilot-message:has(.state-settings){border:none !important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-accent-highlight-2) 35%,transparent),inset 0 0 0 3px color-mix(in srgb,var(--color-accent-highlight-2) 15%,transparent),inset 0 0 0 5px color-mix(in srgb,var(--color-accent-highlight-2) 8%,transparent) !important}.upload-inline-prompt{color:#d1d5db;font-size:0.875rem;margin:0 0 16px 0}.upload-inline-buttons{display:flex;gap:10px;margin-top:16px}.upload-inline-btn{padding:8px 16px;border-radius:6px;font-size:0.8rem;font-weight:600;cursor:pointer;transition:all 0.2s ease;display:inline-flex;align-items:center;gap:6px}.upload-inline-cancel{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);color:#9ca3af}.upload-inline-cancel:hover{background:rgba(255,255,255,0.12);color:#fff}.upload-inline-submit{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border:none;color:#fff;box-shadow:0 2px 8px rgba(59,130,246,0.25)}.upload-inline-submit:hover{background:linear-gradient(135deg,#2563eb 0%,#1e40af 100%);box-shadow:0 4px 12px rgba(59,130,246,0.35)}.upload-inline-submit:disabled{background:#374151;color:#6b7280;cursor:not-allowed;box-shadow:none}.upload-progress-container{display:flex;flex-direction:column;gap:8px;padding:12px;background:rgba(0,0,0,0.2);border-radius:8px}.upload-progress-label{font-size:0.85em;color:#9ca3af;text-align:center;font-weight:500}.upload-progress-bar{width:100%;height:8px;border-radius:4px;background:rgba(255,255,255,0.1);appearance:none}.upload-progress-bar::-webkit-progress-bar{background:rgba(255,255,255,0.1);border-radius:4px}.upload-progress-bar::-webkit-progress-value{background:linear-gradient(90deg,#22c55e 0%,#16a34a 100%);border-radius:4px;transition:width 0.3s ease}.upload-progress-bar::-moz-progress-bar{background:linear-gradient(90deg,#22c55e 0%,#16a34a 100%);border-radius:4px}.upload-art-inline-group{display:flex;flex-direction:column;gap:6px}.upload-art-inline-preview{width:120px;height:120px;background:rgba(0,0,0,0.3);border:2px dashed rgba(255,255,255,0.15);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;overflow:hidden}.upload-art-inline-preview:hover{border-color:rgba(96,165,250,0.5);background:rgba(96,165,250,0.05)}.upload-art-inline-preview img{width:100%;height:100%;object-fit:cover}.upload-art-inline-placeholder{display:flex;flex-direction:column;align-items:center;gap:4px;color:#6b7280}.upload-art-inline-placeholder i{font-size:1.5rem}.upload-art-inline-placeholder span{font-size:0.65rem;text-align:center}.upload-description-wrapper{position:relative;display:flex;flex-direction:column}.upload-description-wrapper .upload-field-textarea{padding-bottom:24px}.upload-description-counter{position:absolute;bottom:8px;right:12px;font-size:0.7rem;font-weight:500;color:#6b7280;pointer-events:none;background:rgba(0,0,0,0.3);padding:2px 6px;border-radius:4px}.upload-description-counter.count-red{color:#ef4444}.upload-description-counter.count-green{color:#22c55e}.upload-description-counter.count-warning{color:#f59e0b}.upload-art-inline-group > .upload-art-ai-btn{width:80px !important;height:80px !important;border-radius:8px;border:2px dashed rgba(139,92,246,0.4);background:rgba(139,92,246,0.1);color:#a855f7;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all 0.2s ease;font-size:20px;gap:4px}.upload-art-inline-group > .upload-art-ai-btn:hover{background:rgba(139,92,246,0.2);border-color:rgba(139,92,246,0.6);color:#c084fc}.upload-art-inline-group > .upload-art-ai-btn:disabled{opacity:0.5;cursor:not-allowed}.upload-art-inline-group > .upload-art-ai-btn i{pointer-events:none;font-size:18px !important}.upload-art-inline-group > .upload-art-ai-btn .ai-btn-text{font-size:10px;font-weight:600}.upload-art-inline-group > .upload-art-ai-btn .ai-btn-coin{font-size:10px;gap:2px}.upload-art-inline-group > .upload-art-ai-btn .ai-btn-coin i{font-size:10px !important}.upload-art-inline-group > .upload-art-ai-btn .coin-count{font-size:10px;font-weight:700}.upload-art-modal-container{display:flex;flex-direction:column;align-items:center;gap:16px;padding:16px;background:rgba(0,0,0,0.2);border-radius:12px;border:1px solid rgba(255,255,255,0.05)}.upload-art-ai-section{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.upload-art-ai-prompt-box{width:100%}.upload-art-ai-prompt-input{width:100%;padding:10px 12px;background:rgba(0,0,0,0.4);border:1px solid rgba(139,92,246,0.3);border-radius:8px;color:#e2e8f0;font-size:0.875rem;font-family:inherit;resize:none;transition:all 0.2s ease;box-sizing:border-box}.upload-art-ai-prompt-input:focus{outline:none;border-color:rgba(139,92,246,0.6);background:rgba(0,0,0,0.5);box-shadow:0 0 0 3px rgba(139,92,246,0.15)}.upload-art-ai-prompt-input::placeholder{color:#6b7280}.upload-art-modal-container > .upload-art-ai-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:2px 20px;background:linear-gradient(135deg,rgba(139,92,246,0.25) 0%,rgba(124,58,237,0.2) 100%);border:none;border-top:1px solid rgba(139,92,246,0.3);color:#c084fc;cursor:pointer;transition:all 0.2s ease;font-size:0.72rem;font-weight:600;width:100%;margin-top:0;border-radius:0 0 12px 12px;min-height:auto}.upload-art-modal-container > .upload-art-ai-btn:hover{background:linear-gradient(135deg,rgba(139,92,246,0.4) 0%,rgba(124,58,237,0.3) 100%);color:#e9d5ff}.upload-art-modal-container > .upload-art-ai-btn:active{transform:scale(0.99)}.upload-art-modal-container > .upload-art-ai-btn:disabled{opacity:0.5;cursor:not-allowed}.upload-art-modal-container > .upload-art-ai-btn i.fas{pointer-events:none}.upload-art-modal-container > .upload-art-ai-btn .ai-btn-text{flex:1;text-align:center}.upload-art-modal-container > .upload-art-ai-btn .ai-btn-coin{display:inline-flex;align-items:center;gap:3px;padding:0 4px}.upload-art-modal-container > .upload-art-ai-btn .ai-btn-coin i.fas{color:#fbbf24;font-size:0.72rem}.upload-art-modal-container > .upload-art-ai-btn .coin-count{color:#fbbf24;font-size:0.72rem;font-weight:700}@media (max-width:600px){.upload-modal-body{flex-direction:column}.upload-art-section{width:100%;display:flex;justify-content:center}.upload-art-preview{width:140px;height:140px}#news-modal{padding:0 !important;align-items:flex-start !important}#news-modal .upload-modal-content{width:100vw !important;max-width:100vw !important;height:100vh !important;max-height:100vh !important;border-radius:0;border:none;margin:0 !important;top:0 !important;left:0 !important;transform:none !important;animation:none !important;overflow:hidden}#news-modal .upload-modal-body{overflow-y:auto;padding:16px;overflow-x:hidden;height:100%;max-height:calc(100vh - 60px)}#news-modal .news-modal-content-wrapper{height:auto;max-height:100%;overflow:hidden}#news-modal-content-news,#news-modal-content-updates{max-height:none;min-height:0;overflow-y:auto}#news-actions-scroll{padding:4px 8px;width:100%;box-sizing:border-box;gap:12px;scroll-padding-left:8px;justify-content:flex-start}}@keyframes like-count-bump{0%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.5);color:#ef4444}100%{transform:translate(-50%,-50%) scale(1)}}.like-count-bump{animation:like-count-bump 0.4s ease-out}@keyframes heart-pulse{0%{transform:scale(1)}50%{transform:scale(1.3)}100%{transform:scale(1)}}.heart-pulse{animation:heart-pulse 0.6s ease-out}.heart-btn.pushed{animation:heart-shatter-burst 0.3s ease-out}@keyframes heart-shatter-burst{0%{transform:scale(1)}50%{transform:scale(0.8)}100%{transform:scale(1)}}#heart-shatter-container{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9999;overflow:hidden}.heart-shatter-particle{position:absolute;pointer-events:none;z-index:9999}#player-likes-count.count-up{animation:count-pop 0.3s ease-out}#player-likes-count.count-down{animation:count-shrink 0.3s ease-out}@keyframes count-pop{0%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.3)}100%{transform:translate(-50%,-50%) scale(1)}}@keyframes count-shrink{0%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(0.7);color:#9ca3af}100%{transform:translate(-50%,-50%) scale(1)}}.like-event-notification{background:linear-gradient(135deg,rgba(239,68,68,0.2),rgba(239,68,68,0.1));border:1px solid rgba(239,68,68,0.4);border-radius:8px;padding:8px 12px;margin:4px 0;animation:slide-in 0.3s ease-out}@keyframes slide-in{0%{transform:translateX(-20px);opacity:0}100%{transform:translateX(0);opacity:1}}.like-event-notification .user-name{color:#ef4444;font-weight:600}.like-event-notification .heart-icon{color:#ef4444;margin:0 4px}@keyframes tooltip-float-up{0%{opacity:1;transform:translateX(-50%) translateY(-50%)}50%{opacity:1;transform:translateX(-50%) translateY(-50%)}100%{opacity:0;transform:translateX(-50%) translateY(-80px)}}.heart-shatter-tooltip{animation:tooltip-float-up 3.8s ease-out forwards}.heart-shatter-tooltip .tooltip-artist{color:#ef4444;font-weight:600}#coin-animation-container{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9999;overflow:hidden}@keyframes coin-tooltip-float-up{0%{opacity:1;transform:translateX(-50%) translateY(-50%)}60%{opacity:1;transform:translateX(-50%) translateY(-50%)}100%{opacity:0;transform:translateX(-50%) translateY(-100px)}}.coin-animation-tooltip{animation:coin-tooltip-float-up 2.5s ease-out forwards}.coin-burst-ring{position:absolute;border-radius:50%;border:2px solid rgba(251,191,36,0.8);pointer-events:none;animation:coin-burst-expand 0.5s ease-out forwards}@keyframes coin-burst-expand{0%{width:10px;height:10px;opacity:1;transform:translate(-50%,-50%)}100%{width:100px;height:100px;opacity:0;transform:translate(-50%,-50%)}}