.eseek{touch-action:none;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;width:100%;display:flex}.eseek-label{color:var(--dim);font-variant-numeric:tabular-nums;flex-shrink:0;min-width:32px;font-size:11px;display:inline-block}.eseek-label:last-child{text-align:right}.eseek-root{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;flex-grow:1;align-items:center;padding:9px 0;display:flex;position:relative}.eseek-root:active{cursor:grabbing}.eseek-root:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:999px}.eseek-track-wrap{flex-grow:1;display:flex}.eseek-track{background-color:#ffffff3d;border-radius:9999px;flex-grow:1;height:100%;position:relative;overflow:hidden}.eseek-range{background-color:var(--accent);border-radius:9999px;height:100%;position:absolute;inset:0 auto 0 0}.glass-surface{justify-content:center;align-items:center;transition:opacity .26s ease-out;display:flex;position:relative;overflow:hidden}.glass-surface__filter{pointer-events:none;opacity:0;z-index:-1;width:100%;height:100%;position:absolute;inset:0}.glass-surface__content{border-radius:inherit;z-index:1;justify-content:center;align-items:center;width:100%;height:100%;padding:.5rem;display:flex;position:relative}.glass-surface--svg{background:var(--lightningcss-light,hsl(0 0% 100%/var(--glass-frost,0)))var(--lightningcss-dark,hsl(0 0% 0%/var(--glass-frost,0)));-webkit-backdrop-filter:var(--filter-id,url(#glass-filter)) saturate(var(--glass-saturation,1));backdrop-filter:var(--filter-id,url(#glass-filter)) saturate(var(--glass-saturation,1));box-shadow:inset 0 0 2px 1px var(--lightningcss-light,oklch(0% none none/.15))var(--lightningcss-dark,oklch(100% 5.96046e-8 none/.35)),inset 0 0 10px 4px var(--lightningcss-light,oklch(0% none none/.1))var(--lightningcss-dark,oklch(100% 5.96046e-8 none/.15)),0 4px 16px #11111a0d,0 8px 24px #11111a0d,0 16px 56px #11111a0d,inset 0 4px 16px #11111a0d,inset 0 8px 24px #11111a0d,inset 0 16px 56px #11111a0d}.glass-surface--fallback{-webkit-backdrop-filter:blur(12px)saturate(1.8)brightness(1.1);background:#ffffff40;border:1px solid #ffffff4d;box-shadow:0 8px 32px #1f268733,0 2px 16px #1f26871a,inset 0 1px #fff6,inset 0 -1px #fff3}@media (prefers-color-scheme:dark){.glass-surface--fallback{-webkit-backdrop-filter:blur(12px)saturate(1.8)brightness(1.2);background:#ffffff1a;border:1px solid #fff3;box-shadow:inset 0 1px #fff3,inset 0 -1px #ffffff1a}}@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.glass-surface--fallback{background:#fff6;box-shadow:inset 0 1px #ffffff80,inset 0 -1px #ffffff4d}.glass-surface--fallback:before{content:"";border-radius:inherit;z-index:-1;background:#ffffff26;position:absolute;inset:0}}@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){@media (prefers-color-scheme:dark){.glass-surface--fallback{background:#0006}.glass-surface--fallback:before{background:#ffffff0d}}}.glass-surface:focus-visible{outline-offset:2px;outline:2px solid var(--lightningcss-light,#007aff)var(--lightningcss-dark,#0a84ff)}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#fff8ec;--dim:#fff8ecb8;--card-bg:#140a088c;--card-border:#ffffff24;--accent:#ff5a3d}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--ink);background:#120604;font-family:Poppins,system-ui,-apple-system,sans-serif}.page{flex-direction:column;justify-content:space-between;align-items:center;min-height:100dvh;padding:20px 20px 32px;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:-2;background-color:#120604;background-image:url(/hero.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0}.hero-overlay{background:linear-gradient(#0a040359 0%,#0a04030d 30%,#0a040326 60%,#080302a6 100%);position:absolute;inset:0}.topbar{z-index:2;justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.clock{font-variant-numeric:tabular-nums;letter-spacing:.02em;text-shadow:0 1px 6px #00000080;flex:1;font-size:15px;font-weight:500}.online{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-variant-numeric:tabular-nums;background:#0000004d;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:14px;font-weight:500;display:flex}.online-label{color:var(--dim)}.dot{background:#3ddc6a;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #3ddc6a}.links{flex:1;justify-content:flex-end;gap:10px;display:flex}.links a{color:var(--ink);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000004d;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s;display:flex}.links a:hover{background:#0000008c}.ext{opacity:.7;font-size:12px}.title{text-align:center;color:#fff;text-shadow:0 2px #00000026,0 10px 40px #0000008c,0 2px 12px #00000073;z-index:2;margin:0;font-family:Yatra One,cursive;font-size:clamp(64px,14vw,160px);font-weight:400;line-height:1}.player-glass{z-index:2;box-shadow:0 18px 50px #00000073,inset 0 1px #ffffff0f;width:min(580px,100%)!important}.player-glass .glass-surface__content{padding:0}.player{align-items:center;gap:16px;width:100%;padding:14px 18px 12px;display:flex}.player-art{border-radius:50%;flex-shrink:0;width:64px;height:64px;position:relative;box-shadow:0 4px 16px #00000080,0 0 0 1px #ffffff38}.player-disc{background:repeating-radial-gradient(circle,#ffffff0e 0 1px,#fff0 1px 3px),conic-gradient(#ffffff21 0deg,#fff0 55deg,#ffffff12 140deg,#fff0 210deg,#ffffff26 295deg,#fff0 360deg),radial-gradient(circle,#2b2523 0%,#100c0b 68%,#070505 100%);border-radius:50%;width:100%;height:100%;animation:8s linear infinite paused spin;position:relative}.player-art.is-spinning .player-disc{animation-play-state:running}.player-label{background:radial-gradient(circle at 38% 32%, #ff7d55, var(--accent) 62%, #c93a22 100%);border-radius:50%;position:absolute;inset:32%;box-shadow:0 0 0 1px #00000080,inset 0 0 0 1px #ffffff2e}.player-spindle{background:#17100e;border-radius:50%;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;position:absolute;top:50%;left:50%;box-shadow:inset 0 1px 2px #000000e6}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.player-body{flex:1;min-width:0}.player-head{align-items:center;gap:12px;display:flex}.player-text{flex:1;min-width:0}.track-title{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.track-artist{color:var(--dim);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:12.5px;overflow:hidden}.controls{flex-shrink:0;align-items:center;gap:4px;display:flex}.controls button{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:transform .12s,background .15s;display:flex}.controls .ghost{width:34px;height:34px;color:var(--dim);background:0 0}.controls .ghost:hover{color:var(--ink);background:#ffffff1f}.controls .play{background:var(--ink);color:#1a0b08;width:42px;height:42px;box-shadow:0 4px 14px #00000059}.controls .play:hover{transform:scale(1.06)}.controls button:active{transform:scale(.93)}.controls button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.player-foot{align-items:center;gap:10px;margin-top:2px;display:flex}.queue-pos{color:var(--dim);font-variant-numeric:tabular-nums;opacity:.6;border-left:1px solid #ffffff2e;flex-shrink:0;margin-left:2px;padding-left:8px;font-size:10.5px}@media (prefers-reduced-motion:reduce){.player-disc{animation:none}.controls button{transition:none}}.yt-host{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed;bottom:0;left:0;overflow:hidden}@media (width<=480px){.links .link-label,.online-label{display:none}.player{gap:12px;padding:12px 14px 10px}.player-art{width:54px;height:54px}.queue-pos{display:none}}