@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.3p2_lha1f2xer.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.1qq4vpdcun5oj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.390ncx5urfkfu.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.21jp631_3pja2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.0wgildi0cnwt9.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.31988l_ccedte.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.2tuy5pz7dlieh.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.2dbetqa9o8jxf.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.1uyisp29ctx0d.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.1rgnod-3esatf.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.0r6juujl39pe6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
:root{--bg-dark:#07070a;--text-primary:#fff;--text-secondary:#ffffffb3;--text-muted:#ffffff73;--accent-color:#d8453c;--glass-bg:#1212186b;--glass-border:#ffffff14;--glass-glow:#ffffff05;--transition-speed:.25s;--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"Share Tech Mono", monospace}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}body{font-family:var(--font-sans);color:var(--text-primary);background-color:var(--bg-dark);height:100vh;position:relative;overflow:hidden}.bg-container{z-index:-2;width:100%;height:100%;position:absolute;top:0;left:0}.bg-container:before{content:"";filter:saturate(1.05)contrast(1.02);background-image:url(/poster.png);background-position:top;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0;transform:scale(1.01)}.grid-overlay{opacity:.35;pointer-events:none;z-index:-1;background-image:linear-gradient(#12101000 50%,#00000038 50%),linear-gradient(90deg,#ff000005,#00ff0003,#0000ff05);background-size:100% 4px,6px 100%;width:100%;height:100%;position:absolute;top:0;left:0}.app-header{z-index:10;justify-content:space-between;align-items:center;width:100%;padding:24px 40px;display:flex;position:fixed;top:0;left:0}.digital-clock{color:#fff;letter-spacing:1px;-webkit-backdrop-filter:blur(24px)saturate(1.2);background:#0f0f14bf;border:1px solid #ffffff26;border-radius:20px;padding:8px 16px;font-family:monospace;font-size:.9rem;font-weight:600;box-shadow:0 8px 24px #0006,inset 0 1px #ffffff1a}.status-pill{-webkit-backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff12;border-radius:20px;align-items:center;gap:8px;padding:6px 16px;display:flex}.pulse-dot{background-color:#22c55e;border-radius:50%;width:8px;height:8px;display:inline-block;position:relative;box-shadow:0 0 8px #22c55e}.pulse-dot:after{content:"";background-color:#22c55e;border-radius:50%;width:100%;height:100%;animation:1.8s ease-in-out infinite pulse;position:absolute;top:0;left:0}@keyframes pulse{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2.8)}}.status-text{letter-spacing:.5px;color:var(--text-secondary);font-size:.85rem;font-weight:500}.header-right{gap:12px;display:flex}.header-link{color:var(--text-secondary);-webkit-backdrop-filter:blur(10px);transition:all var(--transition-speed) ease;background:#ffffff0a;border:1px solid #ffffff12;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:.82rem;font-weight:600;text-decoration:none;display:flex}.header-link:hover{color:var(--text-primary);background:#ffffff1f;border-color:#ffffff2e;transform:translateY(-1px)}.playlist-link{border-color:#ff000026}.playlist-link:hover{background:#d8453c1f;border-color:#d8453c66}.icon-link{opacity:.7;width:11px;height:11px}#yt-player-container{opacity:.001;pointer-events:none;width:1px;height:1px;position:absolute;top:-100px;left:-100px;overflow:hidden}.player-dock{z-index:100;-webkit-backdrop-filter:blur(24px)saturate(1.2);background:#0f0f14bf;border:1px solid #ffffff26;border-radius:36px;width:90%;padding:16px 24px;transition:all .3s cubic-bezier(.25,.8,.25,1);animation:.8s cubic-bezier(.25,.8,.25,1) forwards slide-up;position:fixed;bottom:60px;left:50%;transform:translate(-50%);box-shadow:0 16px 40px #0009,inset 0 1px #ffffff1a}.player-inner{justify-content:space-between;align-items:center;height:68px;display:flex;position:relative}.player-left{flex-grow:1.2;flex-basis:0;align-items:center;gap:12px;min-width:140px;display:flex;overflow:hidden}.thumbnail-wrapper{background-color:#121214;border-radius:50%;flex-shrink:0;width:58px;height:58px;transition:transform .3s cubic-bezier(.175,.885,.32,1.2);position:relative;overflow:hidden;box-shadow:0 4px 10px #00000040,0 0 0 2px #ffffff1f}.thumbnail-wrapper:hover{transform:scale(1.05)}.album-art{object-fit:cover;width:100%;height:100%}.album-art.spinning{animation:12s linear infinite rotate-disc}.album-art.paused{animation-play-state:paused}@keyframes rotate-disc{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.music-bars{opacity:0;pointer-events:none;background:#00000073;justify-content:center;align-items:center;gap:2px;width:100%;height:100%;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.thumbnail-wrapper:hover .music-bars,.playing-state .music-bars{opacity:1}.music-bars .bar{background-color:var(--text-primary);border-radius:.5px;width:2.5px;height:4px}.playing-state .music-bars .bar{animation:1.2s ease-in-out infinite alternate bounce-bar}.playing-state .music-bars .bar:first-child{height:14px;animation-delay:.1s}.playing-state .music-bars .bar:nth-child(2){height:10px;animation-delay:.4s}.playing-state .music-bars .bar:nth-child(3){height:18px;animation-delay:.2s}.playing-state .music-bars .bar:nth-child(4){height:12px;animation-delay:.5s}@keyframes bounce-bar{0%{transform:scaleY(.25)}to{transform:scaleY(1)}}.song-info{flex-direction:column;justify-content:center;width:100%;display:flex;overflow:hidden}.marquee-wrapper{white-space:nowrap;width:100%;position:relative;overflow:hidden}.song-title{color:var(--text-primary);letter-spacing:.2px;white-space:nowrap;font-size:.88rem;font-weight:700;display:inline-block}.marquee-active{padding-left:10px;animation:10s linear infinite marquee-scroll}@keyframes marquee-scroll{0%{transform:translate(0,0)}45%{transform:translate(-35%)}90%{transform:translate(0,0)}to{transform:translate(0,0)}}.song-artist{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:.75rem;font-weight:400;overflow:hidden}.player-center{flex-grow:1.4;flex-basis:0;justify-content:center;align-items:center;gap:12px;margin:0 12px;display:flex}.control-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;outline:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.control-btn svg{width:20px;height:20px}.control-btn:hover{color:var(--text-primary);transform:scale(1.08)}.control-btn:active{transform:scale(.95)}.play-btn{background-color:var(--text-primary);border-radius:50%;width:48px;height:48px;box-shadow:0 3px 10px #ffffff1f,0 1px 3px #0000001a;color:var(--bg-dark)!important}.play-btn svg{width:22px;height:22px}.play-btn:hover{background-color:#f3f3f3;transform:scale(1.06)}.time-display{font-family:var(--font-sans);color:var(--text-secondary);letter-spacing:.3px;-webkit-user-select:none;user-select:none;white-space:nowrap;margin-left:4px;font-size:.72rem;font-weight:500}.time-separator{color:var(--text-muted);margin:0 3px}.progress-container{height:4px;position:absolute;top:-1px;left:20px;right:20px}#progress-slider{-webkit-appearance:none;cursor:pointer;z-index:5;background:#ffffff1a;border-radius:2px;outline:none;width:100%;height:100%;margin:0;position:absolute;top:0;left:0}#progress-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--text-primary);opacity:0;border-radius:50%;width:10px;height:10px;transition:opacity .15s;box-shadow:0 2px 4px #00000059}#progress-slider:hover::-webkit-slider-thumb{opacity:1}.progress-bar-fill{background-color:var(--text-primary);pointer-events:none;border-radius:2px;width:0%;height:100%;position:absolute;top:0;left:0}.player-right{flex-grow:1;flex-basis:0;justify-content:flex-end;align-items:center;gap:12px;display:flex}.utility-btn{opacity:.8;color:var(--text-secondary)}.utility-btn:hover{opacity:1;color:var(--text-primary)}.volume-container{align-items:center;gap:6px;display:flex}.volume-slider-wrapper{align-items:center;width:0;height:14px;transition:width .25s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;overflow:hidden}.volume-container:hover .volume-slider-wrapper{width:70px}#volume-slider{-webkit-appearance:none;cursor:pointer;background:#ffffff26;border-radius:1.5px;outline:none;width:70px;height:3px}#volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--text-primary);border-radius:50%;width:9px;height:9px;box-shadow:0 1px 3px #0000004d}.volume-slider-fill{background-color:var(--text-primary);pointer-events:none;border-radius:1.5px;height:3px;position:absolute;top:5.5px;left:0}.playlist-drawer{border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(35px)saturate(1.3);z-index:90;background:#0f0f14b8;border-bottom:none;border-radius:24px 24px 0 0;flex-direction:column;width:90%;max-width:480px;height:280px;padding:20px;transition:bottom .4s cubic-bezier(.25,.8,.25,1);display:flex;position:fixed;bottom:-400px;left:50%;transform:translate(-50%);box-shadow:0 -10px 30px #00000059}.playlist-drawer.open{bottom:186px}.drawer-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;display:flex}.drawer-header h3{letter-spacing:.5px;color:var(--text-primary);font-size:.98rem;font-weight:700}.close-drawer{color:var(--text-secondary);cursor:pointer;transition:color var(--transition-speed);background:0 0;border:none;align-items:center;display:flex}.close-drawer svg{width:18px;height:18px}.close-drawer:hover{color:var(--text-primary)}.drawer-body{flex-grow:1;padding-right:4px;overflow-y:auto}.drawer-body::-webkit-scrollbar{width:4px}.drawer-body::-webkit-scrollbar-track{background:#ffffff03;border-radius:2px}.drawer-body::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:2px}.drawer-body::-webkit-scrollbar-thumb:hover{background:#ffffff40}.playlist-tracks{flex-direction:column;gap:6px;list-style:none;display:flex}.track-item{cursor:pointer;background:#ffffff04;border:1px solid #0000;border-radius:10px;justify-content:space-between;align-items:center;padding:8px 12px;transition:all .2s;display:flex}.track-item:hover{background:#ffffff0f;border-color:#ffffff08;transform:translate(3px)}.track-item.active{background:#ffffff16;border-color:#ffffff1a}.track-item-left{align-items:center;gap:10px;display:flex;overflow:hidden}.track-index{font-family:var(--font-mono);color:var(--text-muted);text-align:right;width:18px;font-size:.8rem}.track-item.active .track-index{color:var(--text-primary);font-weight:700}.track-details{flex-direction:column;display:flex;overflow:hidden}.track-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.84rem;font-weight:600;overflow:hidden}.track-artist{color:var(--text-secondary);margin-top:1px;font-size:.72rem}@keyframes slide-up{0%{opacity:0;transform:translate(-50%,30px)}to{opacity:1;transform:translate(-50%)}}@media (max-width:768px){.player-dock{width:95%!important;padding:12px 16px!important;bottom:20px!important}.player-inner{flex-direction:column;gap:12px}.player-left{justify-content:flex-start;width:100%}.player-center{align-items:center;width:100%}.player-right{justify-content:space-between;width:100%}.volume-container{width:100%}#volume-slider{width:100%!important}.playlist-drawer{right:-100%;width:100%!important}.playlist-drawer.open{right:0}}@media (min-width:769px){.player-inner{justify-content:space-between;align-items:center;gap:16px;display:flex}}@media (max-width:480px){.bg-container:before{background-image:url(/mobile-poster.png);background-position:50%}.app-header{padding:12px 16px}.digital-clock{letter-spacing:1px;font-size:.9rem}.header-link{padding:6px 12px;font-size:.78rem}.player-dock{border-radius:24px;width:94%;padding:12px 16px;bottom:50px}.player-inner{grid-template-columns:1fr auto;grid-template-areas:"left right""center center";align-items:center;gap:12px;height:auto;display:grid}.player-left{grid-area:left;width:100%;min-width:0}.player-right{grid-area:right;justify-content:flex-end;width:auto}.player-center{grid-area:center;justify-content:space-between;width:100%;margin:4px 0 0}.thumbnail-wrapper{width:46px;height:46px}.song-title{font-size:.82rem}.song-artist{font-size:.7rem}.control-btn svg{width:18px;height:18px}.play-btn{width:40px;height:40px}.play-btn svg{width:18px;height:18px}.volume-slider-wrapper{display:none!important}.volume-container:hover .volume-slider-wrapper{width:0!important}.playlist-drawer{border-radius:20px 20px 0 0;width:94%;height:240px;padding:16px;bottom:-300px}.playlist-drawer.open{bottom:186px}.bg-container:before{background-position:50% 25%}}.brand-logo{border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);background:#ffffff0d;border-radius:20px;align-items:center;gap:10px;padding:6px 16px;display:flex;box-shadow:0 4px 12px #00000026}.icon-logo{width:18px;height:18px;color:var(--accent-color);filter:drop-shadow(0 0 6px #d8453c99);animation:2.5s ease-in-out infinite alternate logo-float}.logo-text{letter-spacing:1.5px;text-transform:uppercase;color:var(--text-primary);-webkit-user-select:none;user-select:none;font-size:.85rem;font-weight:700}@keyframes logo-float{0%{transform:translateY(0)}to{transform:translateY(-3px)}}
