:root{--color-primary:#c6d0f5;--color-secondary:#b5bfe2;--color-tertiary:#a5adce;--color-quaternary:#949cbb;--color-accent-primary:#ca9ee6;--color-accent-secondary:#8caaee;--color-red:#e78284;--color-green:#a6d189;--color-yellow:#e5c890;--color-link:#ef9f76;--color-background:#303446;--color-background-alt:#292c3c;--color-border:#232634;--color-border-hover:#838ba7;--color-border-active:#737994;--color-highlight:rgba(186,187,241,.5);--font-primary:"cozettevectorregular",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;--font-size-base:14px;--font-size-small:12px;--font-size-large:16px;--font-weight-normal:300;--font-weight-medium:400;--font-weight-semibold:500;--font-weight-bold:600;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:20px;--spacing-xxl:24px;--spacing-xxxl:32px;--breakpoint-mobile:480px;--breakpoint-tablet:768px;--breakpoint-desktop:1024px;--z-background:1;--z-content:10;--z-controls:50;--z-dropdowns:100;--z-modals:1000;--z-notifications:1001;--z-cursor:10001;--border-radius-small:8px;--border-radius-medium:12px;--border-radius-large:16px;--border-radius-xl:20px;--border-radius-round:50%;--transition-fast:.15s ease;--transition-normal:.2s ease;--transition-slow:.3s ease;--transition-bounce:.4s cubic-bezier(.4,0,.2,1)}*{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}body{height:100vh;overflow:hidden;position:relative}*,:after,:before{cursor:none!important}::-moz-selection{background:rgba(186,187,241,.5);background:var(--color-highlight)}::selection{background:rgba(186,187,241,.5);background:var(--color-highlight)}@media(hover:none)and (pointer:coarse){*,:after,:before{cursor:auto!important}.buddy-control-btn,.buddy-icon,.buddy-refresh-btn,.close-btn,.close-settings-btn,.color-option,.control-btn,.history-btn,.nav-link,.pwa-install-btn{-webkit-tap-highlight-color:rgba(255,255,255,.2);-ms-touch-action:manipulation;touch-action:manipulation}}@font-face{font-family:cozettevectorregular;font-style:normal;font-weight:400;src:url(/cozettevector-webfont.woff2) format("woff2"),url(/cozettevector-webfont.woff) format("woff")}body{font-weight:300;font-weight:var(--font-weight-normal);line-height:1.5}h1,h2,h3,h4,h5,h6{color:#c6d0f5;color:var(--color-primary);font-weight:500;font-weight:var(--font-weight-semibold);margin-bottom:12px;margin-bottom:var(--spacing-md)}h1{font-size:2rem;font-weight:600;font-weight:var(--font-weight-bold)}h2{font-size:1.5rem}h3{font-size:1.25rem}.text-small{font-size:12px;font-size:var(--font-size-small)}.text-large{font-size:16px;font-size:var(--font-size-large)}.text-semibold{font-weight:500;font-weight:var(--font-weight-semibold)}.text-bold{font-weight:600;font-weight:var(--font-weight-bold)}.text-secondary{color:#b5bfe2;color:var(--color-secondary)}.text-tertiary{color:#a5adce;color:var(--color-tertiary)}.text-center{text-align:center}.text-uppercase{letter-spacing:.5px;text-transform:uppercase}a{color:#ef9f76;color:var(--color-link);-webkit-text-decoration:none;text-decoration:none;-webkit-transition:color .2s ease;transition:color .2s ease;-webkit-transition:color var(--transition-normal);transition:color var(--transition-normal)}a:hover{color:#e5c890;color:var(--color-yellow)}code,pre{background:rgba(255,255,255,.1);border-radius:8px;border-radius:var(--border-radius-small);font-family:cozettevectorregular,Courier,monospace;padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm)}code{display:inline-block}pre{overflow-x:auto;padding:12px;padding:var(--spacing-md)}.flex{display:-webkit-box;display:-ms-flexbox;display:flex}.flex-column{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column}.flex-column,.flex-row{-webkit-box-direction:normal}.flex-row{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row}.flex-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.flex-align-center,.flex-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.flex-justify-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.flex-justify-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.flex-justify-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-1{-webkit-box-flex:1;-ms-flex:1;flex:1}.flex-shrink-0{-ms-flex-negative:0;flex-shrink:0}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.m-0{margin:0}.mt-xs{margin-top:4px;margin-top:var(--spacing-xs)}.mt-sm{margin-top:8px;margin-top:var(--spacing-sm)}.mt-md{margin-top:12px;margin-top:var(--spacing-md)}.mt-lg{margin-top:16px;margin-top:var(--spacing-lg)}.mt-xl{margin-top:20px;margin-top:var(--spacing-xl)}.mb-xs{margin-bottom:4px;margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:8px;margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:12px;margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:16px;margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:20px;margin-bottom:var(--spacing-xl)}.ml-xs{margin-left:4px;margin-left:var(--spacing-xs)}.ml-sm{margin-left:8px;margin-left:var(--spacing-sm)}.ml-md{margin-left:12px;margin-left:var(--spacing-md)}.ml-lg{margin-left:16px;margin-left:var(--spacing-lg)}.ml-xl{margin-left:20px;margin-left:var(--spacing-xl)}.mr-xs{margin-right:4px;margin-right:var(--spacing-xs)}.mr-sm{margin-right:8px;margin-right:var(--spacing-sm)}.mr-md{margin-right:12px;margin-right:var(--spacing-md)}.mr-lg{margin-right:16px;margin-right:var(--spacing-lg)}.mr-xl{margin-right:20px;margin-right:var(--spacing-xl)}.p-0{padding:0}.pt-xs{padding-top:4px;padding-top:var(--spacing-xs)}.pt-sm{padding-top:8px;padding-top:var(--spacing-sm)}.pt-md{padding-top:12px;padding-top:var(--spacing-md)}.pt-lg{padding-top:16px;padding-top:var(--spacing-lg)}.pt-xl{padding-top:20px;padding-top:var(--spacing-xl)}.pb-xs{padding-bottom:4px;padding-bottom:var(--spacing-xs)}.pb-sm{padding-bottom:8px;padding-bottom:var(--spacing-sm)}.pb-md{padding-bottom:12px;padding-bottom:var(--spacing-md)}.pb-lg{padding-bottom:16px;padding-bottom:var(--spacing-lg)}.pb-xl{padding-bottom:20px;padding-bottom:var(--spacing-xl)}.pl-xs{padding-left:4px;padding-left:var(--spacing-xs)}.pl-sm{padding-left:8px;padding-left:var(--spacing-sm)}.pl-md{padding-left:12px;padding-left:var(--spacing-md)}.pl-lg{padding-left:16px;padding-left:var(--spacing-lg)}.pl-xl{padding-left:20px;padding-left:var(--spacing-xl)}.pr-xs{padding-right:4px;padding-right:var(--spacing-xs)}.pr-sm{padding-right:8px;padding-right:var(--spacing-sm)}.pr-md{padding-right:12px;padding-right:var(--spacing-md)}.pr-lg{padding-right:16px;padding-right:var(--spacing-lg)}.pr-xl{padding-right:20px;padding-right:var(--spacing-xl)}.gap-xs{gap:4px;gap:var(--spacing-xs)}.gap-sm{gap:8px;gap:var(--spacing-sm)}.gap-md{gap:12px;gap:var(--spacing-md)}.gap-lg{gap:16px;gap:var(--spacing-lg)}.gap-xl{gap:20px;gap:var(--spacing-xl)}.rounded-small{border-radius:8px;border-radius:var(--border-radius-small)}.rounded-medium{border-radius:12px;border-radius:var(--border-radius-medium)}.rounded-large{border-radius:16px;border-radius:var(--border-radius-large)}.rounded-xl{border-radius:20px;border-radius:var(--border-radius-xl)}.rounded-full{border-radius:50%;border-radius:var(--border-radius-round)}.transition-fast{-webkit-transition:all .15s ease;transition:all .15s ease;-webkit-transition:all var(--transition-fast);transition:all var(--transition-fast)}.transition-normal{-webkit-transition:all .2s ease;transition:all .2s ease;-webkit-transition:all var(--transition-normal);transition:all var(--transition-normal)}.transition-slow{-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transition:all var(--transition-slow);transition:all var(--transition-slow)}.transition-bounce{-webkit-transition:all .4s cubic-bezier(.4,0,.2,1);transition:all .4s cubic-bezier(.4,0,.2,1);-webkit-transition:all var(--transition-bounce);transition:all var(--transition-bounce)}.hidden{display:none}.invisible{visibility:hidden}.visible{visibility:visible}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-100{opacity:1}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-break{word-wrap:break-word;word-break:break-word}.select-none{user-select:none;-ms-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.touch-manipulation{-ms-touch-action:manipulation;touch-action:manipulation}.z-background{z-index:1;z-index:var(--z-background)}.z-content{z-index:10;z-index:var(--z-content)}.z-controls{z-index:50;z-index:var(--z-controls)}.z-dropdowns{z-index:100;z-index:var(--z-dropdowns)}.z-modals{z-index:1000;z-index:var(--z-modals)}.z-notifications{z-index:1001;z-index:var(--z-notifications)}.z-cursor{z-index:10001;z-index:var(--z-cursor)}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes complexSpin{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}20%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes complexSpin{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}20%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@-webkit-keyframes slideInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slideIn{0%{opacity:0;-webkit-transform:translateX(100%);transform:translate(100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translate(0)}}@keyframes slideIn{0%{opacity:0;-webkit-transform:translateX(100%);transform:translate(100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translate(0)}}@-webkit-keyframes slideOut{0%{opacity:1;-webkit-transform:translateX(0);transform:translate(0)}to{opacity:0;-webkit-transform:translateX(100%);transform:translate(100%)}}@keyframes slideOut{0%{opacity:1;-webkit-transform:translateX(0);transform:translate(0)}to{opacity:0;-webkit-transform:translateX(100%);transform:translate(100%)}}@-webkit-keyframes clickRipple{0%{height:8px;opacity:1;width:8px}to{height:70px;opacity:0;width:70px}}@keyframes clickRipple{0%{height:8px;opacity:1;width:8px}to{height:70px;opacity:0;width:70px}}@-webkit-keyframes clickRippleExpand{0%{opacity:1}to{opacity:0}}@keyframes clickRippleExpand{0%{opacity:1}to{opacity:0}}@-webkit-keyframes clickRippleInner{0%{height:8px;width:8px}to{height:40px;width:40px}}@keyframes clickRippleInner{0%{height:8px;width:8px}to{height:40px;width:40px}}@-webkit-keyframes clickRippleOuter{0%{height:16px;opacity:.8;width:16px}to{height:60px;opacity:0;width:60px}}@keyframes clickRippleOuter{0%{height:16px;opacity:.8;width:16px}to{height:60px;opacity:0;width:60px}}@-webkit-keyframes sliderExpand{0%{margin-left:0;opacity:0;width:0}30%{margin-left:2px;opacity:.3}to{margin-left:12px;opacity:1;width:120px}}@keyframes sliderExpand{0%{margin-left:0;opacity:0;width:0}30%{margin-left:2px;opacity:.3}to{margin-left:12px;opacity:1;width:120px}}@-webkit-keyframes sliderCollapse{0%{margin-left:12px;opacity:1;width:120px}70%{margin-left:6px;opacity:.3}to{margin-left:0;opacity:0;width:0}}@keyframes sliderCollapse{0%{margin-left:12px;opacity:1;width:120px}70%{margin-left:6px;opacity:.3}to{margin-left:0;opacity:0;width:0}}@-webkit-keyframes popupSlideUp{0%{opacity:0;-webkit-transform:translateX(-50%) translateY(4px) scale(.8);transform:translate(-50%) translateY(4px) scale(.8)}to{opacity:1;-webkit-transform:translateX(-50%) translateY(-2px) scale(1);transform:translate(-50%) translateY(-2px) scale(1)}}@keyframes popupSlideUp{0%{opacity:0;-webkit-transform:translateX(-50%) translateY(4px) scale(.8);transform:translate(-50%) translateY(4px) scale(.8)}to{opacity:1;-webkit-transform:translateX(-50%) translateY(-2px) scale(1);transform:translate(-50%) translateY(-2px) scale(1)}}@-webkit-keyframes popupSlideDown{0%{opacity:1;-webkit-transform:translateX(-50%) translateY(-2px) scale(1);transform:translate(-50%) translateY(-2px) scale(1)}to{opacity:0;-webkit-transform:translateX(-50%) translateY(4px) scale(.8);transform:translate(-50%) translateY(4px) scale(.8)}}@keyframes popupSlideDown{0%{opacity:1;-webkit-transform:translateX(-50%) translateY(-2px) scale(1);transform:translate(-50%) translateY(-2px) scale(1)}to{opacity:0;-webkit-transform:translateX(-50%) translateY(4px) scale(.8);transform:translate(-50%) translateY(4px) scale(.8)}}@-webkit-keyframes thumbAppear{0%{opacity:0;-webkit-transform:scale(0) translateY(10px);transform:scale(0) translateY(10px)}60%{opacity:.8;-webkit-transform:scale(1.1) translateY(-2px);transform:scale(1.1) translateY(-2px)}to{opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@keyframes thumbAppear{0%{opacity:0;-webkit-transform:scale(0) translateY(10px);transform:scale(0) translateY(10px)}60%{opacity:.8;-webkit-transform:scale(1.1) translateY(-2px);transform:scale(1.1) translateY(-2px)}to{opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@-webkit-keyframes volumeIconPulse{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}}@keyframes volumeIconPulse{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}}body{background:#303446;background:var(--color-background);color:#c6d0f5;color:var(--color-primary);font-family:cozettevectorregular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-family:var(--font-primary);font-size:14px;font-size:var(--font-size-base);min-height:100vh;overflow-x:hidden}#main-content{height:100vh;overflow:hidden;position:relative;width:100%}@media(hover:none)and (pointer:coarse){body{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}*,body{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.buddy-control-btn,.buddy-icon,.buddy-refresh-btn,.close-btn,.color-option,.control-btn,.history-btn,.info-btn,.nav-link,.settings-btn,button{-webkit-tap-highlight-color:rgba(255,255,255,.2);-ms-touch-action:manipulation;touch-action:manipulation}.buddy-control-btn:active,.buddy-icon:active,.buddy-refresh-btn:active,.close-btn:active,.color-option:active,.control-btn:active,.history-btn:active,.info-btn:active,.nav-link:active,.settings-btn:active,button:active{-webkit-transform:scale(.95);transform:scale(.95);-webkit-transition:-webkit-transform .1s ease;transition:-webkit-transform .1s ease;transition:transform .1s ease;transition:transform .1s ease,-webkit-transform .1s ease}input,select,textarea{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.control-btn{min-height:44px;min-width:44px}.control-btn:hover{background:rgba(255,255,255,.1);-webkit-transform:none;transform:none}.control-btn:active{background:rgba(255,255,255,.3);-webkit-transform:scale(.92);transform:scale(.92)}.volume-slider{height:8px;-ms-touch-action:pan-y;touch-action:pan-y}.volume-slider::-webkit-slider-thumb{height:20px;width:20px}.volume-slider::-moz-range-thumb{height:20px;width:20px}.album-art-modal,.history-modal{-ms-touch-action:pan-y;touch-action:pan-y}.album-art-modal-content,.history-item-clickable,.history-modal-content{-ms-touch-action:manipulation;touch-action:manipulation}.history-item-clickable{min-height:44px}.history-item-clickable:active{background:rgba(255,255,255,.15);-webkit-transform:translateX(2px);transform:translate(2px)}.settings-dropdown{-ms-touch-action:manipulation;touch-action:manipulation}.nav-link{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:44px;min-width:44px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.control-btn svg,.info-btn svg,.listener-count svg,.nav-link svg,.settings-btn svg,.volume-icon svg{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media(prefers-reduced-motion:reduce){*,:after,:before{-webkit-animation-duration:.01ms!important;animation-duration:.01ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;scroll-behavior:auto!important;-webkit-transition-duration:.01ms!important;transition-duration:.01ms!important}.custom-cursor{-webkit-transition:none;transition:none}#bigfuckingtext span{-webkit-animation:none;animation:none;color:#c6d0f5;color:var(--color-primary);-webkit-transform:none;transform:none}}@media print{body{background:#fff;color:#000}#bigfuckingtext,#control-bar,#main-navigation,#top-controls-container,#visualizer-container,.album-art-modal,.buddy-panel,.custom-cursor,.history-modal,.info-modal,.settings-dropdown,.stream-error-notification,.stream-recovery-notification,.volume-panel{display:none!important}}#control-bar{background:#303446;background:var(--color-background);border-top:3px solid #232634;border-top:3px solid var(--color-border);bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;height:100px;left:0;position:fixed;right:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 32px;padding:0 var(--spacing-xxxl);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;-webkit-transition:-webkit-transform var(--transition-slow);transition:-webkit-transform var(--transition-slow);transition:transform var(--transition-slow);transition:transform var(--transition-slow),-webkit-transform var(--transition-slow);z-index:10;z-index:var(--z-content)}#control-bar:hover{-webkit-transform:translateY(-8px);transform:translateY(-8px)}#control-bar:before{background:#303446;background:var(--color-background);bottom:-10px;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.control-section{-ms-flex-align:center;gap:20px;gap:var(--spacing-xl)}.control-section,.left-section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;align-items:center}.left-section{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-align:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding-left:0}.audio-controls{gap:16px;gap:var(--spacing-lg)}.audio-controls,.control-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.control-btn{border:none;border-radius:50%;border-radius:var(--border-radius-round);color:#c6d0f5;color:var(--color-primary);cursor:pointer;height:48px;width:48px;-webkit-box-pack:center;-ms-flex-pack:center;border:1px solid #737994;border:1px solid var(--color-border-active);justify-content:center;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transition:all var(--transition-slow);transition:all var(--transition-slow);-webkit-tap-highlight-color:transparent;-ms-touch-action:manipulation;touch-action:manipulation}.control-btn svg{height:24px;margin-left:2px;width:24px}#play-pause-btn{backdrop-filter:none;-webkit-backdrop-filter:none;background:transparent;border:none;border-radius:0}#play-pause-btn:hover{background:transparent}#play-pause-btn:active,#play-pause-btn:hover{-webkit-transform:none;transform:none}#play-pause-btn.playing:hover svg{color:#e5c890;color:var(--color-yellow)}#play-pause-btn.paused:hover svg{color:#a6d189;color:var(--color-green)}#play-pause-btn svg{height:52px;width:52px}@media(hover:none)and (pointer:coarse){.control-btn{min-height:44px;min-width:44px}.control-btn:hover{background:rgba(255,255,255,.1);-webkit-transform:none;transform:none}.control-btn:active{background:rgba(255,255,255,.3);-webkit-transform:scale(.92);transform:scale(.92)}}.history-btn{background:transparent;border:none}.history-btn:hover{color:#ca9ee6;color:var(--color-accent-primary)}.volume-control{gap:16px;gap:var(--spacing-lg);height:48px}.volume-icon{height:20px;position:relative;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transition:all var(--transition-slow);transition:all var(--transition-slow);width:20px;z-index:2}.volume-icon:hover{color:#c6d0f5;color:var(--color-primary)}.volume-icon.muted{color:rgba(255,255,255,.4)}.volume-slider,.volume-slider::-moz-range-thumb,.volume-slider::-webkit-slider-thumb{cursor:none!important}.listener-count,.stats{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.listener-count{background:transparent;border:none;border-radius:0;color:#b5bfe2;color:var(--color-secondary);gap:6px;padding:0}.listener-count svg{height:16px;width:16px}#listener-count{color:#949cbb;color:var(--color-quaternary);font-size:12px;font-size:var(--font-size-small)}.song-info-section{-webkit-box-flex:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;max-width:500px;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border-radius:20px;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;gap:12px;justify-content:center;left:50%;margin:-8px -16px;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;padding:8px 16px;position:absolute;-webkit-transform:translateX(-50%);transform:translate(-50%);-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transition:all var(--transition-slow);transition:all var(--transition-slow);width:auto}.song-info-section:hover{background:rgba(131,139,167,.25);border:1px solid #ca9ee6;border:1px solid var(--color-accent-primary);-webkit-transform:scale(1.02) translateX(-50%);transform:scale(1.02) translate(-50%)}@supports (color: lab(from red l 1 1% / calc(alpha + .1))){.song-info-section:hover{background:rgb(from var(--color-border-hover) r g b/25%)}}.song-info-section:active{background:rgba(255,255,255,.12);-webkit-transform:scale(.98) translateX(-50%);transform:scale(.98) translate(-50%)}.album-art-container{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%!important;height:72px!important;overflow:hidden;position:relative;width:72px!important;-ms-flex-negative:0;flex-shrink:0}.album-art-container.spinning{-webkit-animation:spin 8s linear infinite;animation:spin 8s linear infinite}.album-art-container:before{background:radial-gradient(circle at center,transparent 15%,rgba(0,0,0,.1) 15.5%,transparent 16%,transparent 35%,rgba(0,0,0,.05) 35.5%,transparent 36%,transparent 55%,rgba(0,0,0,.05) 55.5%,transparent 56%),repeating-radial-gradient(circle at center,transparent 0,transparent 2px,rgba(0,0,0,.02) 0,rgba(0,0,0,.02) 4px);bottom:0;left:0;pointer-events:none;right:0;top:0;z-index:2}.album-art-container:after,.album-art-container:before{border-radius:50%;border-radius:var(--border-radius-round);content:"";position:absolute}.album-art-container:after{background:rgba(0,0,0,.35);border:1px solid hsla(0,0%,100%,.25);height:22px;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:22px;z-index:3}#album-image{border-radius:50%!important;height:100%!important;-o-object-fit:cover!important;object-fit:cover!important;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;-webkit-transition:opacity var(--transition-slow);transition:opacity var(--transition-slow);width:100%!important}.album-art-placeholder{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;left:0;position:absolute;top:0;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;background:rgba(255,255,255,.1);border-radius:50%;border-radius:var(--border-radius-round);color:rgba(255,255,255,.6);justify-content:center}.album-art-placeholder svg{height:24px;width:24px}.song-info{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.song-title{color:#8caaee;color:var(--color-accent-secondary);font-size:16px;font-size:var(--font-size-large);font-weight:400;font-weight:var(--font-weight-medium);margin-bottom:1px;overflow:visible;text-overflow:clip;white-space:nowrap}.song-album,.song-artist{color:#a5adce;color:var(--color-tertiary);font-size:12px;font-size:var(--font-size-small);font-weight:300;font-weight:var(--font-weight-normal);overflow:visible;text-overflow:clip;white-space:nowrap}.song-album{margin-bottom:2px}.right-section{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.right-section,.up-next-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.up-next-container{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row}.up-next,.up-next-container{-webkit-box-direction:normal}.up-next{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;background:transparent;border:none;border-radius:0;-ms-flex-direction:column;flex-direction:column;gap:4px;padding:0}@media(max-width:767px){#mobile-song-info{background:#303446;background:var(--color-background);border-top:3px solid #232634;border-top:3px solid var(--color-border);bottom:70px;display:-webkit-box;display:-ms-flexbox;display:flex;height:80px;left:0;position:fixed;right:0;top:auto;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0 16px;padding:0 var(--spacing-lg);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;-webkit-transition:-webkit-transform var(--transition-slow);transition:-webkit-transform var(--transition-slow);transition:transform var(--transition-slow);transition:transform var(--transition-slow),-webkit-transform var(--transition-slow);z-index:10;z-index:var(--z-content)}#mobile-song-info,.mobile-song-content{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mobile-song-content{border-radius:12px;border-radius:var(--border-radius-medium);cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;gap:12px;gap:var(--spacing-md);max-width:90vw;padding:8px 12px;padding:var(--spacing-sm) var(--spacing-md);-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transition:all var(--transition-slow);transition:all var(--transition-slow)}.mobile-song-content:active{background:rgba(255,255,255,.12);-webkit-transform:scale(.98);transform:scale(.98)}.mobile-album-art{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%!important;height:62px!important;overflow:hidden;position:relative;width:62px!important;-ms-flex-negative:0;flex-shrink:0}.mobile-album-art.spinning{-webkit-animation:spin 8s linear infinite;animation:spin 8s linear infinite}.mobile-album-art:before{background:radial-gradient(circle at center,transparent 15%,rgba(0,0,0,.1) 15.5%,transparent 16%,transparent 35%,rgba(0,0,0,.05) 35.5%,transparent 36%,transparent 55%,rgba(0,0,0,.05) 55.5%,transparent 56%),repeating-radial-gradient(circle at center,transparent 0,transparent 2px,rgba(0,0,0,.02) 0,rgba(0,0,0,.02) 4px);bottom:0;left:0;pointer-events:none;right:0;top:0;z-index:2}.mobile-album-art:after,.mobile-album-art:before{border-radius:50%;border-radius:var(--border-radius-round);content:"";position:absolute}.mobile-album-art:after{background:rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.2);height:14px;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:14px;z-index:3}.mobile-album-art img{border-radius:50%!important;height:100%!important;-o-object-fit:cover!important;object-fit:cover!important;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;-webkit-transition:opacity var(--transition-slow);transition:opacity var(--transition-slow);width:100%!important}.mobile-song-text{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.mobile-song-title{color:#8caaee;color:var(--color-accent-secondary);font-size:var(--font-size-medium);font-weight:300;font-weight:var(--font-weight-normal);margin-bottom:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-song-album,.mobile-song-artist{color:#a5adce;color:var(--color-tertiary);font-size:12px;font-size:var(--font-size-small);font-weight:300;font-weight:var(--font-weight-normal);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-song-album{margin-bottom:2px}#control-bar{border-top:none;height:70px;padding:0 16px;padding:0 var(--spacing-lg)}#control-bar:hover{-webkit-transform:none;transform:none}.song-info-section{display:none}.control-section{gap:12px;gap:var(--spacing-md)}.left-section{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.audio-controls{gap:12px;gap:var(--spacing-md)}.right-section{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:end;-ms-flex-pack:end;gap:8px;gap:var(--spacing-sm);justify-content:flex-end}.control-btn{height:44px;width:44px}.control-btn svg{height:20px;margin-left:1px;width:20px}.volume-control{gap:8px;gap:var(--spacing-sm);height:44px}.volume-icon{height:18px;width:18px}.listener-count svg{height:17px;width:17px}.history-btn svg{height:24px;width:24px}#control-bar{padding:0 20px;padding:0 var(--spacing-xl)}}.close-btn{background:transparent;border:none;color:#b5bfe2;color:var(--color-secondary);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all .2s ease;transition:all .2s ease;-webkit-transition:all var(--transition-normal);transition:all var(--transition-normal);-webkit-tap-highlight-color:transparent;-ms-touch-action:manipulation;touch-action:manipulation}.close-btn:hover{color:#e78284;color:var(--color-red)}.close-btn.small{height:24px;width:24px}.close-btn.small svg{height:12px;width:12px}.close-btn.medium{height:32px;width:32px}.close-btn.medium svg{height:16px;width:16px}.album-art-modal{background:rgba(0,0,0,.85);display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;left:0;position:fixed;top:0;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transition:all var(--transition-slow);transition:all var(--transition-slow);visibility:hidden;z-index:1000;z-index:var(--z-modals);-webkit-tap-highlight-color:transparent;-ms-touch-action:manipulation;touch-action:manipulation}.album-art-modal.active{opacity:1;visibility:visible}.album-art-modal-content{background:#303446;background:var(--color-background);border:1px solid #232634;border:1px solid var(--color-border);border-radius:20px;border-radius:var(--border-radius-xl);max-height:90vh;max-width:600px;overflow:hidden;-webkit-transform:translateY(30px) scale(.95);transform:translateY(30px) scale(.95);-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transition:all var(--transition-slow);transition:all var(--transition-slow);width:90%;-webkit-tap-highlight-color:transparent;-ms-touch-action:manipulation;touch-action:manipulation}.album-art-modal.active .album-art-modal-content{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}.album-art-modal-header{background:#292c3c;background:var(--color-background-alt);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;border-bottom:1px solid #232634;border-bottom:1px solid var(--color-border);justify-content:space-between;padding:24px 28px;padding:var(--spacing-xxl) 28px}.album-art-modal-header h2{color:#c6d0f5;color:var(--color-primary);font-size:22px;font-size:16px;font-size:var(--font-size-large);font-weight:300;font-weight:var(--font-weight-normal);letter-spacing:2px;margin:0}.album-art-modal-body{display:-webkit-box;display:-ms-flexbox;display:flex;max-height:calc(90vh - 100px);overflow-y:auto;padding:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.album-art-preview-container{aspect-ratio:1;background:#303446;background:var(--color-background);border-radius:16px;border-radius:var(--border-radius-large);margin:24px auto;margin:var(--spacing-xxl) auto;max-width:400px;overflow:hidden;position:relative;width:100%}.album-art-preview{height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;-webkit-transition:opacity var(--transition-slow);transition:opacity var(--transition-slow);width:100%}.album-art-preview-placeholder{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;left:0;position:absolute;top:0;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;background:#303446;background:var(--color-background);color:#a5adce;color:var(--color-tertiary);justify-content:center}.album-art-preview-placeholder svg{height:48px;width:48px}.album-art-info{padding:0 28px 32px;padding:0 28px var(--spacing-xxxl) 28px;text-align:center;width:100%}.modal-song-title{color:#8caaee;color:var(--color-accent-secondary);font-size:16px;font-size:var(--font-size-large);font-weight:400;font-weight:var(--font-weight-medium);margin-bottom:8px;margin-bottom:var(--spacing-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-song-artist{margin-bottom:8px}.modal-song-album,.modal-song-artist{color:#b5bfe2;color:var(--color-secondary);font-size:14px;font-size:var(--font-size-base);font-weight:300;font-weight:var(--font-weight-normal);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-modal{background:rgba(0,0,0,.8);display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;left:0;position:fixed;top:0;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transition:all var(--transition-slow);transition:all var(--transition-slow);visibility:hidden;z-index:1000;z-index:var(--z-modals)}.history-modal.active{opacity:1;visibility:visible}.history-modal-content{background:#303446;background:var(--color-background);border:1px solid #232634;border:1px solid var(--color-border);border-radius:16px;border-radius:var(--border-radius-large);max-height:80vh;max-width:500px;overflow:hidden;-webkit-transform:translateY(20px);transform:translateY(20px);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;-webkit-transition:-webkit-transform var(--transition-slow);transition:-webkit-transform var(--transition-slow);transition:transform var(--transition-slow);transition:transform var(--transition-slow),-webkit-transform var(--transition-slow);width:90%}.history-modal.active .history-modal-content{-webkit-transform:translateY(0);transform:translateY(0)}.history-modal-header{background:#292c3c;background:var(--color-background-alt);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;border-bottom:1px solid #232634;border-bottom:1px solid var(--color-border);justify-content:space-between;padding:20px 24px;padding:var(--spacing-xl) var(--spacing-xxl)}.history-modal-header h2{color:#c6d0f5;color:var(--color-primary);font-size:16px;font-size:var(--font-size-large);font-weight:300;font-weight:var(--font-weight-normal);letter-spacing:2px;margin:0}.history-modal-body{max-height:calc(80vh - 80px);overflow-y:auto;padding:0}.history-list-section{-webkit-box-flex:1;-ms-flex:1;flex:1}.history-item,.history-list{padding:12px;padding:var(--spacing-md)}.history-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:8px;border-radius:var(--border-radius-small);gap:12px;gap:var(--spacing-md);margin-bottom:8px;margin-bottom:var(--spacing-sm);position:relative;-webkit-transition:all .2s ease;transition:all .2s ease;-webkit-transition:all var(--transition-normal);transition:all var(--transition-normal)}.history-item:last-child{margin-bottom:0}.history-item-clickable{cursor:pointer}.history-item-clickable:hover{background:rgba(255,255,255,.08);-webkit-transform:translateX(4px);transform:translate(4px)}.history-item-clickable:active{background:rgba(255,255,255,.12);-webkit-transform:translateX(2px);transform:translate(2px)}.history-album-art{border-radius:8px;border-radius:var(--border-radius-small);height:60px;overflow:hidden;width:60px;-ms-flex-negative:0;background:#303446;background:var(--color-background);flex-shrink:0}.history-album-art img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.history-album-art-placeholder{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;background:#303446;background:var(--color-background);color:#a5adce;color:var(--color-tertiary);justify-content:center}.history-album-art-placeholder svg{height:20px;width:20px}.history-song-info{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.history-song-title{color:#c6d0f5;color:var(--color-primary)}.history-song-artist,.history-song-title{font-size:12px;font-size:var(--font-size-small);font-weight:300;font-weight:var(--font-weight-normal);margin-bottom:4px;margin-bottom:var(--spacing-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-song-artist{color:#b5bfe2;color:var(--color-secondary)}.history-song-album{font-size:12px;font-size:var(--font-size-small);font-weight:300;font-weight:var(--font-weight-normal);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-empty,.history-song-album{color:#a5adce;color:var(--color-tertiary)}.history-empty{padding:32px 20px;padding:var(--spacing-xxxl) var(--spacing-xl);text-align:center}.history-empty svg{height:48px;margin-bottom:12px;margin-bottom:var(--spacing-md);opacity:.5;width:48px}.history-empty p{font-size:12px;font-size:var(--font-size-small);margin:0}.up-next-section{-webkit-animation:slideInUp .4s ease-out;animation:slideInUp .4s ease-out;background:rgba(148,156,187,.33);border:1px solid #838ba7;border:1px solid var(--color-border-hover);border-radius:16px;border-radius:var(--border-radius-large);padding:20px;padding:var(--spacing-xl)}.up-next-header{background:#8caaee;background:var(--color-accent-secondary);background-clip:text;-webkit-background-clip:text;font-size:14px;font-size:var(--font-size-base);font-weight:300;font-weight:var(--font-weight-normal);letter-spacing:2px;margin-bottom:12px;margin-bottom:var(--spacing-md);margin:0;text-align:center;text-transform:uppercase;-webkit-text-fill-color:transparent;background-position:50%;background-size:200% 200%}.up-next-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;gap:var(--spacing-md)}.up-next-album-art{border-radius:8px;border-radius:var(--border-radius-small);height:75px;overflow:hidden;width:75px;-ms-flex-negative:0;background:linear-gradient(135deg,#667eea,#764ba2);flex-shrink:0;position:relative}.up-next-album-art img{height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;-webkit-transition:-webkit-transform var(--transition-slow);transition:-webkit-transform var(--transition-slow);transition:transform var(--transition-slow);transition:transform var(--transition-slow),-webkit-transform var(--transition-slow);width:100%}.up-next-album-art-placeholder{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;left:0;position:absolute;top:0;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;background:rgba(0,0,0,.3);color:#a5adce;color:var(--color-tertiary);justify-content:center}.up-next-album-art-placeholder svg{height:24px;width:24px}.up-next-info{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.up-next-modal-title{color:#c6d0f5;color:var(--color-primary);font-size:14px;font-size:var(--font-size-base);margin-bottom:4px;margin-bottom:var(--spacing-xs)}.up-next-modal-album,.up-next-modal-title{font-weight:300;font-weight:var(--font-weight-normal);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.up-next-modal-album{color:#a5adce;color:var(--color-tertiary);font-size:12px;font-size:var(--font-size-small)}.album-art-modal-body::-webkit-scrollbar,.history-modal-body::-webkit-scrollbar{width:6px}.album-art-modal-body::-webkit-scrollbar-track,.history-modal-body::-webkit-scrollbar-track{background:rgba(255,255,255,.05)}.album-art-modal-body::-webkit-scrollbar-thumb,.history-modal-body::-webkit-scrollbar-thumb{background:#737994;background:var(--color-border-active);border-radius:3px}.album-art-modal-body:hover::-webkit-scrollbar-thumb,.history-modal-body:hover::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3)}.info-modal{background:rgba(0,0,0,.85);display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;left:0;position:fixed;top:0;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transition:all var(--transition-slow);transition:all var(--transition-slow);visibility:hidden;z-index:1001;z-index:var(--z-notifications);-webkit-tap-highlight-color:transparent;-ms-touch-action:manipulation;touch-action:manipulation}.info-modal.active{opacity:1;visibility:visible}.info-modal-content{background:#303446;background:var(--color-background);border:1px solid #232634;border:1px solid var(--color-border);border-radius:20px;border-radius:var(--border-radius-xl);max-height:85vh;max-width:600px;overflow:hidden;-webkit-transform:translateY(30px) scale(.95);transform:translateY(30px) scale(.95);-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transition:all var(--transition-slow);transition:all var(--transition-slow);width:90%;-webkit-tap-highlight-color:transparent;-ms-touch-action:manipulation;touch-action:manipulation}.info-modal.active .info-modal-content{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}.info-modal-header{background:#292c3c;background:var(--color-background-alt);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;border-bottom:1px solid #232634;border-bottom:1px solid var(--color-border);justify-content:space-between;padding:24px 28px;padding:var(--spacing-xxl) 28px}.info-modal-header h2{color:#c6d0f5;color:var(--color-primary);font-size:16px;font-size:var(--font-size-large);font-weight:300;font-weight:var(--font-weight-normal);letter-spacing:2px;margin:0}.info-modal-header-left,.info-modal-header-right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.info-modal-header-right{gap:12px;gap:var(--spacing-md)}#modal-version{color:#949cbb;color:var(--color-quaternary);font-size:12px;font-size:var(--font-size-small);font-weight:300;font-weight:var(--font-weight-normal);text-transform:lowercase;-webkit-transition:all .2s ease;transition:all .2s ease;-webkit-transition:all var(--transition-normal);transition:all var(--transition-normal)}.info-modal-body{max-height:calc(85vh - 100px);overflow-y:auto;padding:32px 28px;padding:var(--spacing-xxxl) 28px var(--spacing-xxxl) 28px}.info-section{margin-bottom:32px;margin-bottom:var(--spacing-xxxl)}.info-section:last-child{margin-bottom:0}.info-section h3{color:#b5bfe2;color:var(--color-secondary);letter-spacing:.5px;margin-bottom:12px;margin-bottom:var(--spacing-md);text-transform:uppercase}.info-section h3,.info-section p{font-size:14px;font-size:var(--font-size-base);font-weight:300;font-weight:var(--font-weight-normal)}.info-section p{color:#c6d0f5;color:var(--color-primary);margin:12px 0;margin:var(--spacing-md) 0}.info-section p:first-child{margin-top:0}.info-section p:last-child{margin-bottom:0}.info-section ul{list-style:none;margin:0;padding:0}.info-section li{color:#a5adce;color:var(--color-tertiary);font-size:12px;font-size:var(--font-size-small);margin-bottom:8px;margin-bottom:var(--spacing-sm);padding-left:20px;padding-left:var(--spacing-xl);position:relative}.info-section li:last-child{margin-bottom:0}.info-section li:before{color:#a5adce;color:var(--color-tertiary);content:"•";font-size:16px;left:0;position:absolute}.info-section strong{color:#c6d0f5;color:var(--color-primary);font-weight:500;font-weight:var(--font-weight-semibold)}@media(hover:none)and (pointer:coarse){.album-art-modal,.history-modal{-ms-touch-action:pan-y;touch-action:pan-y}.album-art-modal-content,.history-modal-content{-ms-touch-action:manipulation;touch-action:manipulation}}#main-navigation{background:#303446;border:1px solid #232634;border:1px solid var(--color-border);border-radius:24px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;gap:var(--spacing-sm);left:20px;padding:6px 12px;padding:6px var(--spacing-md);position:fixed;top:20px;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transition:all var(--transition-slow);transition:all var(--transition-slow);z-index:50;z-index:var(--z-controls)}#main-navigation:hover{border-color:#838ba7;border-color:var(--color-border-hover)}.nav-link{color:#b5bfe2;color:var(--color-secondary);display:-webkit-box;display:-ms-flexbox;display:flex;font-size:12px;font-size:var(--font-size-small);font-weight:400;font-weight:var(--font-weight-medium);letter-spacing:.5px;overflow:hidden;padding:6px 12px;padding:6px var(--spacing-md);position:relative;-webkit-text-decoration:none;text-decoration:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.nav-link:hover{color:#ef9f76;color:var(--color-link)}.nav-link:active{-webkit-transform:scale(.98);transform:scale(.98)}.info-btn{background:transparent;border:none;color:#b5bfe2;color:var(--color-secondary);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;border-radius:16px;justify-content:center;min-height:32px;min-width:32px;overflow:hidden;padding:6px;position:relative;-webkit-transition:all .2s ease;transition:all .2s ease;-webkit-transition:all var(--transition-normal);transition:all var(--transition-normal)}.info-btn:before{background:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(hsla(0,0%,100%,.1)),to(transparent));background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;-webkit-transition:left .5s ease;transition:left .5s ease;width:100%}.info-btn:hover{color:#ca9ee6;color:var(--color-accent-primary)}.info-btn:active{-webkit-transform:scale(.98);transform:scale(.98)}.info-btn svg{height:16px;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease;-webkit-transition:-webkit-transform var(--transition-normal);transition:-webkit-transform var(--transition-normal);transition:transform var(--transition-normal);transition:transform var(--transition-normal),-webkit-transform var(--transition-normal);width:16px}.settings-btn{backdrop-filter:none;-webkit-backdrop-filter:none;background:transparent;border:none;border-radius:50%;border-radius:var(--border-radius-round);color:#c6d0f5;color:var(--color-primary);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;height:48px;width:48px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;pointer-events:auto;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;-webkit-transition:opacity var(--transition-slow);transition:opacity var(--transition-slow);visibility:visible;z-index:50;z-index:calc(var(--z-controls))}.settings-btn:hover{background:transparent;color:#ca9ee6;color:var(--color-accent-primary);-webkit-transform:none;transform:none}.settings-btn.active,.settings-btn.settings-active{background:transparent;opacity:1}.settings-btn svg{height:24px;width:24px}.volume-control{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px}.volume-control:after{content:"";height:40px;left:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:calc(100% + 140px);z-index:-1}.volume-icon{color:#b5bfe2;color:var(--color-secondary);cursor:pointer;height:24px;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1);width:24px;will-change:transform,color}.volume-icon:hover{color:#ca9ee6;color:var(--color-accent-primary)}.volume-icon.muted{opacity:.5}.volume-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;height:4px;left:100%;opacity:0;outline:none;pointer-events:none;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:none;transition:none;visibility:hidden;width:0;will-change:width,opacity;z-index:100;z-index:var(--z-dropdowns)}.volume-control .volume-slider.hover-visible,.volume-control:hover .volume-slider{-webkit-animation:sliderExpand .4s cubic-bezier(.34,1.56,.64,1) forwards;animation:sliderExpand .4s cubic-bezier(.34,1.56,.64,1) forwards;pointer-events:auto;visibility:visible}.volume-control:not(:hover) .volume-slider:not(.scroll-visible):not(.hover-visible){-webkit-animation:sliderCollapse .3s cubic-bezier(.4,0,1,1) forwards;animation:sliderCollapse .3s cubic-bezier(.4,0,1,1) forwards}.volume-slider.scroll-visible{-webkit-animation:sliderExpand .4s cubic-bezier(.34,1.56,.64,1) forwards;animation:sliderExpand .4s cubic-bezier(.34,1.56,.64,1) forwards;pointer-events:auto;visibility:visible}.volume-slider::-webkit-slider-runnable-track{background:-webkit-gradient(linear,left top,right top,from(#c6d0f5),color-stop(65%,#c6d0f5),color-stop(65%,hsla(0,0%,100%,.2)),to(hsla(0,0%,100%,.2)));background:linear-gradient(90deg,#c6d0f5 0,#c6d0f5 65%,rgba(255,255,255,.2) 0,rgba(255,255,255,.2));background:-webkit-gradient(linear,left top,right top,from(var(--color-primary)),color-stop(var(--color-primary)),color-stop(hsla(0,0%,100%,.2)),to(hsla(0,0%,100%,.2)));background:linear-gradient(to right,var(--color-primary) 0,var(--color-primary) var(--volume-fill,65%),hsla(0,0%,100%,.2) var(--volume-fill,65%),hsla(0,0%,100%,.2) 100%);border:none;border-radius:1px;height:2px;-webkit-transition:all .2s ease;transition:all .2s ease;width:100%}.volume-slider::-moz-range-track{background:linear-gradient(90deg,#c6d0f5 0,#c6d0f5 65%,rgba(255,255,255,.2) 0,rgba(255,255,255,.2));background:linear-gradient(to right,var(--color-primary) 0,var(--color-primary) var(--volume-fill,65%),hsla(0,0%,100%,.2) var(--volume-fill,65%),hsla(0,0%,100%,.2) 100%);border:none;border-radius:1px;height:2px;-moz-transition:all .2s ease;transition:all .2s ease;width:100%}@supports (background: linear-gradient(to right,red attr(data-test "%",0%),blue 100%)){.volume-slider::-webkit-slider-runnable-track{background:-webkit-gradient(linear,left top,right top,from(#c6d0f5),color-stop(#c6d0f5),color-stop(hsla(0,0%,100%,.2)),to(hsla(0,0%,100%,.2)));background:linear-gradient(90deg,#c6d0f5 0,#c6d0f5 attr(data-volume-fill "%",65%),hsla(0,0%,100%,.2) attr(data-volume-fill "%",65%),hsla(0,0%,100%,.2));background:-webkit-gradient(linear,left top,right top,from(var(--color-primary)),color-stop(var(--color-primary)),color-stop(hsla(0,0%,100%,.2)),to(hsla(0,0%,100%,.2)));background:linear-gradient(to right,var(--color-primary) 0,var(--color-primary) attr(data-volume-fill "%",65%),hsla(0,0%,100%,.2) attr(data-volume-fill "%",65%),hsla(0,0%,100%,.2) 100%)}.volume-slider::-moz-range-track{background:linear-gradient(90deg,#c6d0f5 0,#c6d0f5 attr(data-volume-fill "%",65%),hsla(0,0%,100%,.2) attr(data-volume-fill "%",65%),hsla(0,0%,100%,.2));background:linear-gradient(to right,var(--color-primary) 0,var(--color-primary) attr(data-volume-fill "%",65%),hsla(0,0%,100%,.2) attr(data-volume-fill "%",65%),hsla(0,0%,100%,.2) 100%)}}@supports not (background: linear-gradient(to right,red attr(data-test "%",0%),blue 100%)){.volume-slider::-webkit-slider-runnable-track{background:-webkit-gradient(linear,left top,right top,from(#c6d0f5),color-stop(65%,#c6d0f5),color-stop(65%,hsla(0,0%,100%,.2)),to(hsla(0,0%,100%,.2)));background:linear-gradient(90deg,#c6d0f5 0,#c6d0f5 65%,rgba(255,255,255,.2) 0,rgba(255,255,255,.2));background:-webkit-gradient(linear,left top,right top,from(var(--color-primary)),color-stop(var(--color-primary)),color-stop(hsla(0,0%,100%,.2)),to(hsla(0,0%,100%,.2)));background:linear-gradient(to right,var(--color-primary) 0,var(--color-primary) var(--volume-fill,65%),hsla(0,0%,100%,.2) var(--volume-fill,65%),hsla(0,0%,100%,.2) 100%)}.volume-slider::-moz-range-track{background:linear-gradient(90deg,#c6d0f5 0,#c6d0f5 65%,rgba(255,255,255,.2) 0,rgba(255,255,255,.2));background:linear-gradient(to right,var(--color-primary) 0,var(--color-primary) var(--volume-fill,65%),hsla(0,0%,100%,.2) var(--volume-fill,65%),hsla(0,0%,100%,.2) 100%)}}.volume-slider::-webkit-slider-runnable-track{background-image:-webkit-gradient(linear,left top,right top,from(#c6d0f5),color-stop(65%,#c6d0f5),color-stop(65%,hsla(0,0%,100%,.2)),to(hsla(0,0%,100%,.2)));background-image:linear-gradient(90deg,#c6d0f5 0,#c6d0f5 65%,rgba(255,255,255,.2) 0,rgba(255,255,255,.2));background-image:-webkit-gradient(linear,left top,right top,from(var(--color-primary)),color-stop(var(--color-primary)),color-stop(hsla(0,0%,100%,.2)),to(hsla(0,0%,100%,.2)));background-image:linear-gradient(to right,var(--color-primary) 0,var(--color-primary) var(--volume-fill,65%),hsla(0,0%,100%,.2) var(--volume-fill,65%),hsla(0,0%,100%,.2) 100%);background-repeat:no-repeat;background-size:100% 100%}.volume-slider::-moz-range-track{background-image:linear-gradient(90deg,#c6d0f5 0,#c6d0f5 65%,rgba(255,255,255,.2) 0,rgba(255,255,255,.2));background-image:linear-gradient(to right,var(--color-primary) 0,var(--color-primary) var(--volume-fill,65%),hsla(0,0%,100%,.2) var(--volume-fill,65%),hsla(0,0%,100%,.2) 100%);background-repeat:no-repeat;background-size:100% 100%}.volume-slider::-webkit-slider-thumb{-webkit-animation:thumbAppear .4s cubic-bezier(.34,1.56,.64,1) .1s both;animation:thumbAppear .4s cubic-bezier(.34,1.56,.64,1) .1s both;-webkit-appearance:none;appearance:none;background:#c6d0f5;background:var(--color-primary);border:none;border-radius:50%;cursor:pointer;height:12px;margin-top:-5px;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1);width:12px;will-change:transform,background}.volume-slider::-moz-range-thumb{animation:thumbAppear .4s cubic-bezier(.34,1.56,.64,1) .1s both;background:#c6d0f5;background:var(--color-primary);border:none;border-radius:50%;cursor:pointer;height:12px;-moz-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1);width:12px;will-change:transform,background}.volume-slider:hover::-webkit-slider-thumb{-webkit-box-shadow:0 0 8px rgba(98,104,128,.4);box-shadow:0 0 8px rgba(98,104,128,.4);-webkit-box-shadow:0 0 8px rgba(var(--color-primary-rgb,98,104,128),.4);box-shadow:0 0 8px rgba(var(--color-primary-rgb,98,104,128),.4);color:#ca9ee6;color:var(--color-accent-primary)}.volume-slider:hover::-moz-range-thumb{box-shadow:0 0 8px rgba(98,104,128,.4);box-shadow:0 0 8px rgba(var(--color-primary-rgb,98,104,128),.4);color:#ca9ee6;color:var(--color-accent-primary)}.volume-slider:active::-webkit-slider-thumb{-webkit-box-shadow:0 0 12px rgba(98,104,128,.6);box-shadow:0 0 12px rgba(98,104,128,.6);-webkit-box-shadow:0 0 12px rgba(var(--color-primary-rgb,98,104,128),.6);box-shadow:0 0 12px rgba(var(--color-primary-rgb,98,104,128),.6);color:#ca9ee6;color:var(--color-accent-primary)}.volume-slider:active::-moz-range-thumb{box-shadow:0 0 12px rgba(98,104,128,.6);box-shadow:0 0 12px rgba(var(--color-primary-rgb,98,104,128),.6);color:#ca9ee6;color:var(--color-accent-primary)}.volume-popup{background:#737994;background:var(--color-border-active);border-radius:8px;bottom:100%;color:#c6d0f5;color:var(--color-primary);font-size:var(--font-size-medium);font-weight:300;font-weight:var(--font-weight-normal);left:50%;margin-bottom:8px;opacity:0;padding:8px 12px;pointer-events:none;position:absolute;visibility:hidden;white-space:nowrap;will-change:transform,opacity;z-index:100 + 1;z-index:var(--z-dropdowns) + 1;z-index:-1}.volume-popup:before{border-top:5px solid rgba(0,0,0,.9);content:""}.volume-popup-arrow,.volume-popup:before{border-left:5px solid transparent;border-right:5px solid transparent;height:0;left:50%;position:absolute;top:100%;-webkit-transform:translateX(-50%);transform:translate(-50%);width:0}.volume-popup-arrow{border-top:5px solid #737994;border-top:5px solid var(--color-border-active)}.volume-popup.volume-changing{-webkit-animation:popupSlideUp .3s cubic-bezier(.34,1.56,.64,1) forwards;animation:popupSlideUp .3s cubic-bezier(.34,1.56,.64,1) forwards;pointer-events:none;visibility:visible}@media(hover:none)and (pointer:coarse){.volume-slider{margin-left:8px;opacity:1;pointer-events:auto;visibility:visible;width:80px}.volume-control:hover .volume-slider,.volume-slider.scroll-visible{width:80px}.volume-slider{-ms-touch-action:pan-y;touch-action:pan-y}.volume-slider::-webkit-slider-thumb{height:18px;margin-top:-8px;width:18px}.volume-slider::-moz-range-thumb{height:18px;width:18px}.volume-slider::-webkit-slider-runnable-track{height:4px}.volume-slider::-moz-range-track{height:4px}}.buddy-panel{bottom:120px;position:fixed;right:20px;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transition:all var(--transition-slow);transition:all var(--transition-slow);z-index:10;z-index:var(--z-content)}@media(max-width:767px){.buddy-panel{bottom:160px;right:10px}}.buddy-panel-header{background:#303446;background:var(--color-background);border:1px solid #232634;border:1px solid var(--color-border);border-radius:16px 16px 0 0;border-radius:var(--border-radius-large) var(--border-radius-large) 0 0;display:-webkit-box;display:-ms-flexbox;display:flex;height:32px;opacity:0;padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm);position:relative;-webkit-transform:translateY(32px);transform:translateY(32px);-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transition:all var(--transition-slow);transition:all var(--transition-slow);visibility:hidden;width:156px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.buddy-panel:hover .buddy-panel-header{background:#303446;background:var(--color-background);border-color:var(--color-accent-hover);opacity:1;-webkit-transform:translateY(0);transform:translateY(0);visibility:visible}.buddy-panel-content{background:var(--color-content);background:#303446;background:var(--color-background);border:1px solid #232634;border:1px solid var(--color-border);border-radius:16px;border-radius:var(--border-radius-large);height:156px;overflow:hidden;position:relative;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transition:all var(--transition-slow);transition:all var(--transition-slow);width:156px}.buddy-panel:hover .buddy-panel-content{background:#303446;background:var(--color-background);border-color:var(--color-accent-hover);border-radius:0 0 16px 16px;border-radius:0 0 var(--border-radius-large) var(--border-radius-large);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.buddy-panel-content:hover{border-color:#ca9ee6!important;border-color:var(--color-accent-primary)!important;border-width:2px!important}.buddy-gif{border-radius:8px;border-radius:var(--border-radius-small);height:100%;-o-object-fit:contain;object-fit:contain;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;-webkit-transition:opacity var(--transition-slow);transition:opacity var(--transition-slow);width:100%}.buddy-gif.loading{-webkit-animation:complexSpin .75s ease-in-out;animation:complexSpin .75s ease-in-out;opacity:.5}.buddy-window-controls{color:#c6d0f5;color:var(--color-primary);display:-webkit-box;display:-ms-flexbox;display:flex;gap:6px;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transition:all var(--transition-slow);transition:all var(--transition-slow);z-index:50;z-index:var(--z-controls)}.buddy-panel:hover .buddy-window-controls{color:#ca9ee6;color:var(--color-accent-primary)}.buddy-control-btn,.buddy-refresh-btn{backdrop-filter:none;-webkit-backdrop-filter:none;background:transparent;border:none;color:#c6d0f5;color:var(--color-primary);display:-webkit-box;display:-ms-flexbox;display:flex;height:24px;width:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transition:all var(--transition-slow);transition:all var(--transition-slow)}#buddy-minimize-btn:hover{color:#e5c890;color:var(--color-yellow)}#buddy-refresh-btn:hover{color:#a6d189;color:var(--color-green)}.buddy-control-btn:active,.buddy-refresh-btn:active{-webkit-transform:none;transform:none}.buddy-control-btn svg,.buddy-refresh-btn svg{height:12px;-webkit-transition:none;transition:none;width:12px}.buddy-icon{bottom:120px;cursor:pointer;height:48px;opacity:0;position:fixed;right:20px;-webkit-transform:scale(.8);transform:scale(.8);-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transition:all var(--transition-slow);transition:all var(--transition-slow);visibility:hidden;width:48px;z-index:10;z-index:var(--z-content)}@media(max-width:767px){.buddy-icon{bottom:160px}}.buddy-icon.visible{opacity:1;-webkit-transform:scale(1);transform:scale(1);visibility:visible}.buddy-icon:active{-webkit-transform:scale(.95);transform:scale(.95)}.buddy-icon-content{backdrop-filter:none;-webkit-backdrop-filter:none;background:transparent;border:none;border-radius:50%;border-radius:var(--border-radius-round);display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;-webkit-transition:opacity var(--transition-slow);transition:opacity var(--transition-slow)}.buddy-icon:hover .buddy-icon-content{background:transparent;opacity:1;-webkit-transform:none;transform:none}.buddy-icon-content svg{color:#b5bfe2;color:var(--color-secondary);height:24px;-webkit-transition:none;transition:none;width:24px}.buddy-icon:hover .buddy-icon-content svg{color:#ca9ee6;color:var(--color-accent-primary)}.buddy-panel.minimized{-webkit-transform:scale(.8);transform:scale(.8);visibility:hidden}.buddy-panel.minimized,.buddy-panel.minimized .buddy-refresh-btn,.buddy-panel.minimized .buddy-window-controls{opacity:0;pointer-events:none}.buddy-panel.maximized .buddy-panel-header{height:40px;width:256px}.buddy-panel.maximized .buddy-panel-content{height:256px;width:256px}.buddy-panel.maximized .buddy-control-btn,.buddy-panel.maximized .buddy-refresh-btn{height:32px;width:32px}.buddy-panel.maximized .buddy-control-btn svg,.buddy-panel.maximized .buddy-refresh-btn svg{height:16px;width:16px}@media(hover:none)and (pointer:coarse){.buddy-control-btn:active,.buddy-icon:active,.buddy-refresh-btn:active{-webkit-transform:scale(.95);transform:scale(.95);-webkit-transition:-webkit-transform .1s ease;transition:-webkit-transform .1s ease;transition:transform .1s ease;transition:transform .1s ease,-webkit-transform .1s ease}}.settings-dropdown{background:#303446;background:var(--color-background);border:1px solid #232634;border:1px solid var(--color-border);border-radius:12px;border-radius:var(--border-radius-medium);max-height:600px;min-width:320px;opacity:0;overflow-y:auto;padding:0;position:absolute;right:8px;top:50px;-webkit-transform:translateY(-10px) scale(.95);transform:translateY(-10px) scale(.95);-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transition:all var(--transition-slow);transition:all var(--transition-slow);visibility:hidden;z-index:100;z-index:var(--z-dropdowns)}.settings-dropdown.active{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1);visibility:visible}.settings-header{-webkit-box-pack:justify;-ms-flex-pack:justify;border-bottom:1px solid #232634;border-bottom:1px solid var(--color-border);color:#c6d0f5;color:var(--color-primary);font-size:14px;font-size:var(--font-size-base);font-weight:500;font-weight:var(--font-weight-semibold);justify-content:space-between;padding:12px 20px;padding:var(--spacing-md) var(--spacing-xl)}.close-settings-btn,.settings-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.close-settings-btn{background:transparent;border:none;color:#b5bfe2;color:var(--color-secondary);cursor:pointer;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all .2s ease;transition:all .2s ease;-webkit-transition:all var(--transition-normal);transition:all var(--transition-normal);-webkit-tap-highlight-color:transparent;-ms-touch-action:manipulation;touch-action:manipulation}.close-settings-btn:hover{color:#e78284;color:var(--color-red)}.close-settings-btn svg{height:12px;width:12px}.settings-section{border-bottom:1px solid hsla(0,0%,100%,.05)}.settings-section:last-child{border-bottom:none}.section-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#b5bfe2;color:var(--color-secondary);font-size:12px;font-size:var(--font-size-small);font-weight:500;font-weight:var(--font-weight-semibold);gap:8px;gap:var(--spacing-sm);letter-spacing:.5px;padding:12px 20px 8px;padding:var(--spacing-md) var(--spacing-xl) var(--spacing-sm) var(--spacing-xl);text-transform:uppercase}.section-header svg{height:16px;opacity:.8;width:16px}.color-options{padding:0 20px 16px;padding:0 var(--spacing-xl) var(--spacing-lg) var(--spacing-xl);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px;gap:var(--spacing-sm)}.color-option,.color-options{display:-webkit-box;display:-ms-flexbox;display:flex}.color-option{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#292c3c;background-color:var(--color-background-alt);border:none;border:1px solid #232634;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--border-radius-small);color:#c6d0f5;color:var(--color-primary);cursor:pointer;font-family:cozettevectorregular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-family:var(--font-primary);font-size:14px;font-size:var(--font-size-base);font-weight:400;font-weight:var(--font-weight-medium);gap:12px;gap:var(--spacing-md);padding:12px 16px;padding:var(--spacing-md) var(--spacing-lg);position:relative;text-align:left;-webkit-transition:all .2s ease;transition:all .2s ease;-webkit-transition:all var(--transition-normal);transition:all var(--transition-normal)}.color-option:hover{-webkit-transform:translateX(6px);transform:translate(6px)}.color-option.active{border:1px solid #737994;border:1px solid var(--color-border-active)}.color-option span{-webkit-box-flex:1;-ms-flex:1;flex:1}.color-option svg{height:16px;opacity:.8;width:16px}.color-option .checkmark{height:18px;opacity:0;pointer-events:none;position:absolute;right:12px;right:var(--spacing-md);-webkit-transition:opacity .2s ease;transition:opacity .2s ease;-webkit-transition:opacity var(--transition-normal);transition:opacity var(--transition-normal);width:18px}.color-option.active .checkmark{opacity:1}.color-option .checkmark svg{color:#c6d0f5;color:var(--color-primary);height:100%;width:100%}.color-option[data-color]{padding-left:40px;padding-right:40px;position:relative}.color-option[data-color]:before{background-color:transparent;background-color:var(--option-color,transparent);border:2px solid #737994;border:2px solid var(--color-border-active);border-radius:50%;border-radius:var(--border-radius-round);content:"";height:20px;left:12px;left:var(--spacing-md);position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:20px}.color-option.color-tomato:before{background-color:tomato}.color-option.color-dodgerblue:before{background-color:#1e90ff}.color-option.color-mediumseagreen:before{background-color:#3cb371}.color-option.color-slateblue:before{background-color:#6a5acd}.color-option[data-color] .checkmark{right:12px;right:var(--spacing-md)}.color-option.auto{padding-right:40px}.theme-options{padding:0 20px 16px;padding:0 var(--spacing-xl) var(--spacing-lg) var(--spacing-xl);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px;gap:var(--spacing-sm)}.theme-option,.theme-options{display:-webkit-box;display:-ms-flexbox;display:flex}.theme-option{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;background:#292c3c;background:var(--color-background-alt);border:none;border:1px solid #232634;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--border-radius-small);color:#a5adce;color:var(--color-tertiary);cursor:not-allowed;font-family:cozettevectorregular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-family:var(--font-primary);font-size:14px;font-size:var(--font-size-base);font-weight:400;font-weight:var(--font-weight-medium);justify-content:space-between;padding:12px 16px;padding:var(--spacing-md) var(--spacing-lg);text-align:left;-webkit-transition:all .2s ease;transition:all .2s ease;-webkit-transition:all var(--transition-normal);transition:all var(--transition-normal)}.theme-option.coming-soon:hover{-webkit-transform:none;transform:none}.coming-soon-badge{background:#232634;background:var(--color-border);border-radius:12px;color:#949cbb;color:var(--color-quaternary);font-size:12px;font-size:var(--font-size-small);font-weight:300;font-weight:var(--font-weight-normal);letter-spacing:.5px;padding:4px 8px;padding:4px var(--spacing-sm);text-transform:uppercase}.settings-dropdown::-webkit-scrollbar{width:6px}.settings-dropdown::-webkit-scrollbar-track{background:rgba(255,255,255,.05)}.settings-dropdown::-webkit-scrollbar-thumb{background:#737994;background:var(--color-border-active);border-radius:3px}.settings-dropdown:hover::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3)}@media(hover:none)and (pointer:coarse){.settings-dropdown{-ms-touch-action:manipulation;touch-action:manipulation}.color-option:active{-webkit-transform:scale(.95);transform:scale(.95);-webkit-transition:-webkit-transform .1s ease;transition:-webkit-transform .1s ease;transition:transform .1s ease;transition:transform .1s ease,-webkit-transform .1s ease}}.close-palette-btn{background:transparent;border:none;color:#b5bfe2;color:var(--color-secondary);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all .2s ease;transition:all .2s ease;-webkit-transition:all var(--transition-normal);transition:all var(--transition-normal);-webkit-tap-highlight-color:transparent;-ms-touch-action:manipulation;touch-action:manipulation}.close-palette-btn:hover{color:#e78284;color:var(--color-red)}.close-palette-btn svg{height:12px;width:12px}#top-controls-container{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;position:fixed;right:20px;top:20px;z-index:1000;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.pwa-install-container{display:none}.pwa-install-btn{backdrop-filter:none;-webkit-backdrop-filter:none;background:transparent;border:none;border-radius:50%;border-radius:var(--border-radius-round);color:#c6d0f5;color:var(--color-primary);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;height:48px;width:48px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;pointer-events:auto;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;-webkit-transition:opacity var(--transition-slow);transition:opacity var(--transition-slow);visibility:visible;z-index:50;z-index:calc(var(--z-controls))}.pwa-install-btn:hover{background:transparent;color:#ca9ee6;color:var(--color-accent-primary);-webkit-transform:none;transform:none}.pwa-install-btn.active{background:transparent;opacity:1}.pwa-install-btn svg{height:24px;width:24px}@-webkit-keyframes pwaInstallButtonAppear{0%{opacity:0;-webkit-transform:scale(.8) translateY(-10px);transform:scale(.8) translateY(-10px)}to{opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@keyframes pwaInstallButtonAppear{0%{opacity:0;-webkit-transform:scale(.8) translateY(-10px);transform:scale(.8) translateY(-10px)}to{opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}.pwa-install-container[style*="display: block"]{-webkit-animation:pwaInstallButtonAppear .3s ease-out;animation:pwaInstallButtonAppear .3s ease-out}.custom-cursor{height:32px;left:0;pointer-events:none;position:fixed;top:0;-webkit-transform:translate(-8px,-8px);transform:translate(-8px,-8px);-webkit-transition:opacity .2s ease;transition:opacity .2s ease;-webkit-transition:opacity var(--transition-normal);transition:opacity var(--transition-normal);width:32px;z-index:10001;z-index:var(--z-cursor);--cursor-scale:1;--cursor-x:-8px;--cursor-y:-8px;-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform;-webkit-font-smoothing:antialiased;contain:layout style paint}.custom-cursor.normal-cursor{--cursor-x:-6px;--cursor-y:-6px}.custom-cursor.hover-cursor{--cursor-x:-33%;--cursor-y:-33%}.custom-cursor{-webkit-transform:translate(var(--cursor-x),var(--cursor-y)) scale(var(--cursor-scale));transform:translate(var(--cursor-x),var(--cursor-y)) scale(var(--cursor-scale))}.click-ripple{-webkit-animation:clickRipple .4s ease-out forwards;animation:clickRipple .4s ease-out forwards;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:50%;border-radius:var(--border-radius-round);contain:layout style paint;pointer-events:none;position:fixed;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);will-change:transform,opacity,width,height;z-index:10000}.click-ripple-inner{-webkit-animation:clickRippleInner .3s ease-out forwards;animation:clickRippleInner .3s ease-out forwards;background:rgba(255,255,255,.8);height:8px;width:8px}.click-ripple-inner,.click-ripple-outer{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:50%;border-radius:var(--border-radius-round);left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);will-change:transform,opacity,width,height}.click-ripple-outer{-webkit-animation:clickRippleOuter .4s ease-out forwards;animation:clickRippleOuter .4s ease-out forwards;border:2px solid hsla(0,0%,100%,.6);height:16px;width:16px}.custom-cursor .cursor-hover-svg,.custom-cursor .cursor-svg{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.custom-cursor .cursor-hover-svg,.custom-cursor .cursor-hover-svg img,.custom-cursor .cursor-svg,.custom-cursor .cursor-svg img{-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease;-webkit-transition:-webkit-transform var(--transition-normal);transition:-webkit-transform var(--transition-normal);transition:transform var(--transition-normal);transition:transform var(--transition-normal),-webkit-transform var(--transition-normal)}.custom-cursor .cursor-hover-svg img,.custom-cursor .cursor-svg img{-webkit-filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));height:24px;width:24px}.custom-cursor .cursor-hover-svg img{height:28px;width:28px}#visualizer-container{height:100%;left:0;position:fixed;top:0;width:100%;z-index:1;z-index:var(--z-background)}#globe-canvas{display:block;height:100%;width:100%}#bigfuckingtext{cursor:default;font:700 italic 3vh cozettevectorregular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font:700 italic 3vh var(--font-primary);left:50%;position:absolute;text-align:center;top:18dvh;-webkit-transform:translate(-50%);transform:translate(-50%);user-select:none;-ms-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;width:60%;z-index:10;z-index:var(--z-content);-webkit-touch-callout:none}@media(max-width:767px){#bigfuckingtext{width:80%}}#bigfuckingtext span{-webkit-animation:rainbow 6s normal forwards,wave 7s normal forwards;animation:rainbow 6s normal forwards,wave 7s normal forwards;cursor:default;display:inline-block;-webkit-transform:rotate(-36deg) scale(.01);transform:rotate(-36deg) scale(.01);user-select:none;-ms-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#bigfuckingtext span:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}#bigfuckingtext span:nth-child(3){-webkit-animation-delay:.4s;animation-delay:.4s}#bigfuckingtext span:nth-child(4){-webkit-animation-delay:.6s;animation-delay:.6s}#bigfuckingtext span:nth-child(5){-webkit-animation-delay:.8s;animation-delay:.8s}#bigfuckingtext span:nth-child(6){-webkit-animation-delay:1s;animation-delay:1s}#bigfuckingtext span:nth-child(7){-webkit-animation-delay:1.2s;animation-delay:1.2s}#bigfuckingtext span:nth-child(8){-webkit-animation-delay:1.4s;animation-delay:1.4s}#bigfuckingtext span:nth-child(9){-webkit-animation-delay:1.6s;animation-delay:1.6s}#bigfuckingtext span:nth-child(10){-webkit-animation-delay:1.8s;animation-delay:1.8s}#bigfuckingtext span:nth-child(11){-webkit-animation-delay:2s;animation-delay:2s}#bigfuckingtext span:nth-child(12){-webkit-animation-delay:2.2s;animation-delay:2.2s}#bigfuckingtext span:nth-child(13){-webkit-animation-delay:2.4s;animation-delay:2.4s}#bigfuckingtext span:nth-child(14){-webkit-animation-delay:2.6s;animation-delay:2.6s}#bigfuckingtext span:nth-child(15){-webkit-animation-delay:2.8s;animation-delay:2.8s}#bigfuckingtext span:nth-child(16){-webkit-animation-delay:3s;animation-delay:3s}#bigfuckingtext span:nth-child(17){-webkit-animation-delay:3.2s;animation-delay:3.2s}#bigfuckingtext span:nth-child(18){-webkit-animation-delay:3.4s;animation-delay:3.4s}#bigfuckingtext span:nth-child(19){-webkit-animation-delay:3.6s;animation-delay:3.6s}#bigfuckingtext span:nth-child(20){-webkit-animation-delay:3.8s;animation-delay:3.8s}#bigfuckingtext span:nth-child(21){-webkit-animation-delay:4s;animation-delay:4s}#bigfuckingtext span:nth-child(22){-webkit-animation-delay:4.2s;animation-delay:4.2s}#bigfuckingtext span:nth-child(23){-webkit-animation-delay:4.4s;animation-delay:4.4s}#bigfuckingtext span:nth-child(24){-webkit-animation-delay:4.6s;animation-delay:4.6s}#bigfuckingtext span:nth-child(25){-webkit-animation-delay:4.8s;animation-delay:4.8s}#bigfuckingtext span:nth-child(26){-webkit-animation-delay:5s;animation-delay:5s}#bigfuckingtext span:nth-child(27){-webkit-animation-delay:5.2s;animation-delay:5.2s}#bigfuckingtext span:nth-child(28){-webkit-animation-delay:5.4s;animation-delay:5.4s}#bigfuckingtext span:nth-child(29){-webkit-animation-delay:5.6s;animation-delay:5.6s}#bigfuckingtext span:nth-child(30){-webkit-animation-delay:5.8s;animation-delay:5.8s}#bigfuckingtext span:nth-child(31){-webkit-animation-delay:6s;animation-delay:6s}#bigfuckingtext span:nth-child(32){-webkit-animation-delay:6.2s;animation-delay:6.2s}#bigfuckingtext span:nth-child(33){-webkit-animation-delay:6.4s;animation-delay:6.4s}#bigfuckingtext span:nth-child(34){-webkit-animation-delay:6.6s;animation-delay:6.6s}#bigfuckingtext span:nth-child(35){-webkit-animation-delay:6.8s;animation-delay:6.8s}#bigfuckingtext span:nth-child(36){-webkit-animation-delay:7s;animation-delay:7s}#bigfuckingtext span:nth-child(37){-webkit-animation-delay:7.2s;animation-delay:7.2s}#bigfuckingtext span:nth-child(38){-webkit-animation-delay:7.4s;animation-delay:7.4s}@-webkit-keyframes rainbow{0%{color:plum}10%{color:teal}20%{color:#ff1493}30%{color:coral}40%{color:#ff0}50%{color:#00bfff}60%{color:green}70%{color:#0ff}80%{color:#ffdab9}90%{color:#1e90ff}to{color:plum}}@keyframes rainbow{0%{color:plum}10%{color:teal}20%{color:#ff1493}30%{color:coral}40%{color:#ff0}50%{color:#00bfff}60%{color:green}70%{color:#0ff}80%{color:#ffdab9}90%{color:#1e90ff}to{color:plum}}@-webkit-keyframes wave{50%{-webkit-transform:translateY(-40%) scale(1.75) rotate(0turn);transform:translateY(-40%) scale(1.75) rotate(0)}}@keyframes wave{50%{-webkit-transform:translateY(-40%) scale(1.75) rotate(0turn);transform:translateY(-40%) scale(1.75) rotate(0)}}@-webkit-keyframes slide-in{0%{-webkit-transform:translateX(-100%);transform:translate(-100%)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes slide-in{0%{-webkit-transform:translateX(-100%);transform:translate(-100%)}to{-webkit-transform:translateX(0);transform:translate(0)}}@-webkit-keyframes slide-out{0%{-webkit-transform:translateX(0);transform:translate(0)}to{-webkit-transform:translateX(-100%);transform:translate(-100%)}}@keyframes slide-out{0%{-webkit-transform:translateX(0);transform:translate(0)}to{-webkit-transform:translateX(-100%);transform:translate(-100%)}}.stream-error-notification,.stream-recovery-notification{-webkit-animation:slideIn .3s ease;animation:slideIn .3s ease}#loading-overlay{background:#303446;background:var(--color-background);display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;left:0;position:fixed;top:0;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:opacity .5s ease;transition:opacity .5s ease;z-index:1001;z-index:var(--z-notifications)}.loading-spinner{-webkit-animation:spin .8s linear infinite;animation:spin .8s linear infinite;border:3px solid hsla(0,0%,100%,.1);border-radius:50%;border-top:3px solid #c6d0f5;border-top:3px solid var(--color-primary);height:96px;margin-bottom:20px;width:96px}.loading-text{color:#c6d0f5;color:var(--color-primary);font-size:16px;font-size:var(--font-size-large);font-weight:300;font-weight:var(--font-weight-normal)}body.loaded #loading-overlay{opacity:0;pointer-events:none}#loading-overlay.active{opacity:1;pointer-events:auto}.loading-indicator{background:rgba(0,0,0,.8);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;color:#fff;left:50%;padding:20px;position:fixed;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:9999}.loading-indicator .loading-spinner{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top:2px solid #fff;height:24px;margin:0 auto 10px;width:24px}.loading-indicator .loading-text{font-family:monospace;font-size:14px;opacity:.8}.loading-indicator.hidden{opacity:0;pointer-events:none;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.control-btn.loading{-webkit-animation:pulse 1s infinite;animation:pulse 1s infinite}.buddy-panel .loading{opacity:.7;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}