:root{--ink:#0a0705;--lal:#d4341f;--lal-bright:#e8552f;--marigold:#f0a839;--paper:#f4ecdd;--glass:#0c080675;--glass-border:#f4ecdd24;--font-display:"Baloo 2", "Noto Sans Devanagari", sans-serif;--font-mono:"Space Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--ink);color:var(--paper);font-family:var(--font-display);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overflow:hidden}button{cursor:pointer;font-family:inherit}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.stage{background:var(--ink);width:100vw;height:100dvh;position:relative;overflow:hidden}.stage__bg{object-fit:cover;object-position:center 42%;will-change:transform;width:100%;height:100%;animation:22s ease-in-out infinite alternate driftIn;position:absolute;inset:0}@keyframes driftIn{0%{transform:scale(1.02)translate(0)}to{transform:scale(1.06)translate(-8px,-4px)}}.stage__overlay{pointer-events:none;background:radial-gradient(at 50% 100%,#0000008c 0%,#00000026 40%,#0000 65%),radial-gradient(at 50% 0,#00000059 0%,#0000 45%);position:absolute;inset:0}.stage__grain{pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIj48ZmlsdGVyIGlkPSJuIj48ZmVUdXJidWxlbmNlIHR5cGU9ImZyYWN0YWxOb2lzZSIgYmFzZUZyZXF1ZW5jeT0iMC44NSIgbnVtT2N0YXZlcz0iMiIgc3RpdGNoVGlsZXM9InN0aXRjaCIvPjwvZmlsdGVyPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbHRlcj0idXJsKCNuKSIvPjwvc3ZnPg==);background-repeat:repeat;width:200%;height:200%;animation:8s steps(8,end) infinite grainShift;position:absolute;inset:-50%}@keyframes grainShift{0%{transform:translate(0)}12%{transform:translate(-3%,2%)}24%{transform:translate(2%,-4%)}36%{transform:translate(-4%,-2%)}48%{transform:translate(3%,4%)}60%{transform:translate(-2%,3%)}72%{transform:translate(4%,-1%)}84%{transform:translate(-3%,-3%)}to{transform:translate(0)}}.topbar{z-index:10;grid-template-columns:1fr auto 1fr;align-items:center;padding:clamp(14px,3vw,28px) clamp(16px,4vw,36px);animation:1.1s .15s both fadeDown;display:grid;position:absolute;top:0;left:0;right:0}@keyframes fadeDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.topbar__time{font-family:var(--font-mono);letter-spacing:.08em;color:#f4ecddd1;text-shadow:0 1px 6px #00000080;font-variant-numeric:tabular-nums;justify-self:start;font-size:clamp(11px,1.4vw,13px)}.topbar__online{font-family:var(--font-mono);letter-spacing:.02em;color:#f4ecddb8;text-shadow:0 1px 6px #00000080;text-transform:lowercase;white-space:nowrap;justify-self:center;align-items:center;gap:6px;font-size:clamp(11px,1.4vw,13px);display:flex}.topbar__dot{background:#4ade80;border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2.2s ease-in-out infinite pulseDot;box-shadow:0 0 8px 1px #4ade80d9}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.8)}}.topbar__actions{justify-self:end;align-items:center;gap:clamp(8px,1.4vw,12px);display:flex}.iconlink{color:#f4ecddd1;-webkit-backdrop-filter:blur(6px);background:#0c080666;border:1px solid #f4ecdd29;border-radius:50%;justify-content:center;align-items:center;width:clamp(30px,4vw,34px);height:clamp(30px,4vw,34px);text-decoration:none;transition:color .15s,border-color .15s,background .15s,transform .15s;display:inline-flex}.iconlink:hover{color:var(--paper);background:#0c080694;border-color:#f4ecdd5c}.iconlink:active{transform:scale(.94)}.player{z-index:12;-webkit-backdrop-filter:blur(22px)saturate(140%);background:linear-gradient(100deg,#0a0605b8 0%,#60221694 45%,#aa3f2057 100%);border:1px solid #f4ecdd24;border-radius:999px;align-items:center;gap:clamp(14px,2.4vw,22px);width:min(620px,94vw);padding:clamp(10px,1.6vw,14px) clamp(20px,3vw,28px) clamp(10px,1.6vw,14px) clamp(10px,1.6vw,14px);animation:1s cubic-bezier(.16,1,.3,1) .7s both playerIn;display:flex;position:absolute;bottom:clamp(20px,5vh,40px);left:50%;transform:translate(-50%);box-shadow:0 18px 40px #0006,inset 0 1px #ffffff0f}@keyframes playerIn{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}.player__art{cursor:pointer;background:0 0;border:3px solid #f4ecdd29;border-radius:50%;flex-shrink:0;width:clamp(64px,9vw,92px);height:clamp(64px,9vw,92px);padding:0;overflow:hidden;box-shadow:0 6px 18px #00000080}.player__art img{object-fit:cover;width:100%;height:100%;animation:9s linear infinite paused spin}.player__art img.spinning{animation-play-state:running}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.player__body{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.player__meta{flex-direction:column;min-width:0;display:flex}.player__title{color:var(--paper);text-shadow:0 1px 8px #00000080;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(18px,2.6vw,24px);font-weight:700;line-height:1.2;overflow:hidden}.player__artist{color:#f4d9bec7;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(13px,1.8vw,16px);font-weight:500;line-height:1.2;overflow:hidden}.player__track{cursor:pointer;align-items:center;height:10px;margin-top:2px;display:flex;position:relative}.player__track-bg{background:#f4ecdd3d;border-radius:4px;height:4px;position:absolute;left:0;right:0}.player__track-fill{background:#f4ecddd9;border-radius:4px;height:4px;transition:width .1s linear;position:absolute;left:0}.player__track-fill:after{content:"";background:var(--paper);opacity:0;border-radius:50%;width:8px;height:8px;transition:opacity .15s;position:absolute;top:50%;right:-4px;transform:translateY(-50%)}.player__track:hover .player__track-fill:after{opacity:1}.player__time{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:#f4ecddad;white-space:nowrap;flex-shrink:0;font-size:clamp(11px,1.5vw,13px);font-weight:700}.player__controls{flex-shrink:0;align-items:center;gap:clamp(10px,1.8vw,18px);display:flex}.player__skip{color:#f4ecdd8c;background:0 0;border:none;justify-content:center;align-items:center;width:30px;height:30px;padding:0;transition:color .15s,transform .15s;display:flex}.player__skip:hover{color:var(--paper)}.player__skip:active{transform:scale(.9)}.player__play{background:var(--paper);width:clamp(52px,7vw,64px);height:clamp(52px,7vw,64px);color:var(--ink);border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 6px 16px #00000059}.player__play svg{margin-left:1px}.player__play:hover{transform:scale(1.04)}.player__play:active{transform:scale(.96)}@media (width<=640px){.player{gap:12px;width:94vw;padding-right:clamp(14px,3vw,20px)}.player__artist{display:none}.player__controls{gap:8px}}@media (width<=460px){.player__skip{display:none}}.player--empty{text-align:center;font-family:var(--font-mono);color:#f4ecdd99;justify-content:center;padding:18px 22px;font-size:clamp(11px,1.6vw,13px)}.queue__scrim{z-index:19;background:#00000059;animation:.2s both fadeIn;position:absolute;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.queue{z-index:20;-webkit-backdrop-filter:blur(24px)saturate(140%);background:#0e0907b8;border:1px solid #f4ecdd24;border-radius:22px;flex-direction:column;width:min(420px,92vw);max-height:min(52vh,420px);animation:.22s cubic-bezier(.16,1,.3,1) both queueIn;display:flex;position:absolute;bottom:clamp(96px,18vh,140px);left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 20px 50px #00000080}@keyframes queueIn{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.queue__header{color:var(--paper);flex-shrink:0;justify-content:space-between;align-items:baseline;padding:16px 18px 10px;font-size:14px;font-weight:600;display:flex}.queue__count{font-family:var(--font-mono);color:#f4ecdd80;font-size:11px;font-weight:400}.queue__list{flex-direction:column;gap:2px;padding:4px 8px 10px;display:flex;overflow-y:auto}.queue__item{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;width:100%;padding:8px 10px;transition:background .15s;display:flex}.queue__item:hover{background:#f4ecdd0f}.queue__item.is-active{background:#f4ecdd1a}.queue__art{object-fit:cover;border:1px solid #f4ecdd1f;border-radius:8px;flex-shrink:0;width:40px;height:40px}.queue__meta{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.queue__title{color:var(--paper);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.queue__artist{color:#f4ecdd85;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.queue__eq{background:var(--marigold);border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 6px 1px #f0a839b3}