:root{--ms-primary:#10b981;--ms-secondary:#06b6d4;--ms-accent:#8b5cf6;--ms-pink:#ec4899;--ms-amber:#f59e0b;--ms-bg:#05050f;--ms-surface:#0a0a14;--ms-border:#ffffff14}.gpu-accelerated{will-change:transform;backface-visibility:hidden;perspective:1000px;transform:translateZ(0)}.music-sanctuary canvas{will-change:transform,contents;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;transform:translateZ(0)}.music-sanctuary video,.music-sanctuary img{will-change:transform;transform:translateZ(0)}.ms-animated{contain:layout style paint;will-change:transform,opacity}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:var(--ms-primary)transparent;-webkit-overflow-scrolling:touch}.blur-3xl{will-change:transform,filter;transform:translateZ(0)}.music-sanctuary *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.music-sanctuary{background:var(--ms-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;width:100vw;height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:fixed;inset:0;overflow:hidden;transform:translateZ(0)}.music-sanctuary *{box-sizing:border-box}.music-sanctuary ::selection{color:#fff;background:#10b9814d}@keyframes floatParticle{0%,to{opacity:.3;transform:translateY(0)translate(0)scale(1)}25%{opacity:.6;transform:translateY(-30px)translate(10px)scale(1.1)}50%{opacity:.4;transform:translateY(-20px)translate(-5px)scale(.9)}75%{opacity:.5;transform:translateY(-40px)translate(15px)scale(1.05)}}@keyframes pulse-glow{0%,to{opacity:1;box-shadow:0 0 20px #10b9814d}50%{opacity:.9;box-shadow:0 0 40px #10b98199}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes gradient-flow{0%,to{background-position:0%}50%{background-position:100%}}@keyframes breathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}@keyframes audio-bar{0%,to{height:20%}50%{height:100%}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes ripple{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(4)}}@keyframes vinyl-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-float-particle{animation:15s ease-in-out infinite floatParticle}.animate-pulse-glow{animation:2s ease-in-out infinite pulse-glow}.animate-spin-slow{animation:20s linear infinite spin-slow}.animate-shimmer{animation:2s linear infinite shimmer}.animate-gradient-flow{animation:5s infinite gradient-flow}.animate-breathe{animation:4s ease-in-out infinite breathe}.animate-slide-up{animation:.6s ease-out forwards slide-up}.animate-slide-in-left{animation:.5s ease-out forwards slide-in-left}.animate-fade-in{animation:.4s ease-out forwards fade-in}.scrollbar-thin::-webkit-scrollbar{width:6px;height:6px}.scrollbar-thin::-webkit-scrollbar-track{background:0 0}.scrollbar-thin::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background:#fff3}.scrollbar-hidden::-webkit-scrollbar{display:none}.scrollbar-hidden{-ms-overflow-style:none;scrollbar-width:none}.glass{-webkit-backdrop-filter:blur(20px);border:1px solid var(--ms-border);background:#ffffff08}.glass-strong{-webkit-backdrop-filter:blur(30px);border:1px solid var(--ms-border);background:#0a0a14cc}.glass-hover:hover{background:#ffffff0f;border-color:#ffffff1f}.btn-primary{color:var(--ms-bg);background:#fff;border-radius:9999px;font-weight:500;transition:all .2s;box-shadow:0 4px 20px #ffffff26}.btn-primary:hover{transform:scale(1.02);box-shadow:0 6px 30px #ffffff40}.btn-primary:active{transform:scale(.98)}.btn-secondary{color:#ffffffb3;border:1px solid var(--ms-border);background:#ffffff0d;border-radius:9999px;transition:all .2s}.btn-secondary:hover{color:#fff;background:#ffffff1a}.btn-secondary.active{color:var(--ms-primary);background:#10b98126;border-color:#10b9814d}.btn-icon{border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative;overflow:hidden}.btn-icon:after{content:"";opacity:0;background:#fff;border-radius:50%;transition:all .3s;position:absolute;inset:0;transform:scale(0)}.btn-icon:active:after{opacity:.2;transform:scale(1)}.progress-track{cursor:pointer;background:#ffffff1a;border-radius:2px;height:4px;transition:height .2s;position:relative}.progress-track:hover{height:6px}.progress-fill{background:linear-gradient(90deg,var(--ms-primary),var(--ms-secondary));border-radius:2px;height:100%;position:relative}.progress-fill:after{content:"";opacity:0;background:#fff;border-radius:50%;width:12px;height:12px;transition:opacity .2s;position:absolute;top:50%;right:-6px;transform:translateY(-50%);box-shadow:0 2px 8px #0000004d}.progress-track:hover .progress-fill:after{opacity:1}.waveform-bar{border-radius:1px;flex:1;min-width:2px;transition:background-color .15s,height .1s}.waveform-bar.played{background:linear-gradient(to top,var(--ms-primary),var(--ms-secondary))}.waveform-bar.unplayed{background:#ffffff26}.waveform-bar.hover{background:#fff6}.vinyl-record{background:linear-gradient(135deg,#1a1a1a 0%,#0a0a0a 100%);border-radius:50%;position:relative;box-shadow:0 20px 60px #0009,inset 0 0 30px #ffffff05}.vinyl-record:before{content:"";background:repeating-radial-gradient(circle,#0000,#0000 2px,#ffffff05 2px 3px);border-radius:50%;position:absolute;inset:0}.vinyl-record.spinning{animation:8s linear infinite vinyl-spin}.audio-bar{background:linear-gradient(to top,var(--ms-primary),var(--ms-secondary));border-radius:2px}.audio-bar.animated{animation:.4s ease-in-out infinite audio-bar}.track-item{cursor:pointer;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.track-item:hover{background:#ffffff08;transform:translate(4px)}.track-item.active{background:#10b9811a;border-color:#10b98133}.track-item.active .track-title{color:var(--ms-primary)}.tooltip{border:1px solid var(--ms-border);color:#fff;white-space:nowrap;pointer-events:none;opacity:0;z-index:100;background:#000000e6;border-radius:6px;padding:6px 10px;font-size:12px;transition:opacity .2s,transform .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)translateY(5px)}.tooltip-trigger:hover .tooltip{opacity:1;transform:translate(-50%)translateY(-5px)}.gradient-text{background:linear-gradient(135deg,#fff 0%,var(--ms-primary)50%,var(--ms-secondary)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-animated{background:linear-gradient(135deg,#fff,var(--ms-primary),var(--ms-secondary),#fff);-webkit-text-fill-color:transparent;background-size:300% 300%;-webkit-background-clip:text;background-clip:text;animation:5s infinite gradient-flow}.glow-primary{box-shadow:0 0 30px #10b98166}.glow-secondary{box-shadow:0 0 30px #06b6d466}.glow-white{box-shadow:0 0 30px #fff3}.text-glow-primary{text-shadow:0 0 20px #10b98199}@media (max-width:1024px){.music-sanctuary .sidebar{z-index:100;transition:left .3s;position:fixed;top:0;bottom:0;left:-100%}.music-sanctuary .sidebar.open{left:0}}@media (max-width:768px){.music-sanctuary .player-main{padding:1rem}.music-sanctuary .album-art-large{width:200px!important;height:200px!important}}@media (max-width:480px){.music-sanctuary .controls{gap:.5rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.vinyl-record.spinning{animation:none}}.music-sanctuary :focus-visible{outline-offset:2px;outline:2px solid #10b98180}.gpu-accelerated{will-change:transform;backface-visibility:hidden;transform:translateZ(0)}canvas{display:block}.text-gradient{background:linear-gradient(135deg,var(--ms-primary),var(--ms-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.bg-gradient-primary{background:linear-gradient(135deg,var(--ms-primary),var(--ms-secondary))}.bg-gradient-dark{background:linear-gradient(180deg,var(--ms-bg)0%,var(--ms-surface)100%)}.border-gradient{background:linear-gradient(var(--ms-bg),var(--ms-bg))padding-box,linear-gradient(135deg,var(--ms-primary),var(--ms-secondary))border-box;border:1px solid #0000}.shimmer{background:linear-gradient(90deg,#fff0 0%,#ffffff0d 50%,#fff0 100%) 0 0/200% 100%;animation:1.5s infinite shimmer}