@font-face{font-family:Anek Gujarati;font-style:normal;font-weight:400 800;font-stretch:100%;font-display:swap;src:url(/fonts/anek-gujarati-gujarati.woff2) format("woff2");unicode-range:U+0951-0952,U+0964-0965,U+0A80-0AFF,U+200C-200D,U+20B9,U+25CC,U+A830-A839}@font-face{font-family:Anek Gujarati;font-style:normal;font-weight:400 800;font-stretch:100%;font-display:swap;src:url(/fonts/anek-gujarati-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Anek Gujarati;font-style:normal;font-weight:400 800;font-stretch:100%;font-display:swap;src:url(/fonts/anek-gujarati-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}button:focus,input:focus,select:focus,textarea:focus,label:focus,[role=button]:focus,[role=slider]:focus,[role=switch]:focus,[tabindex]:focus{outline:none}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}::selection{background:#e8762a66;color:var(--cream)}::-moz-selection{background:#e8762a66;color:var(--cream)}:root{accent-color:var(--amber);--gold: #e8c06e;--gold-light: #f5dfa0;--gold-dark: #b8873a;--amber: #e8762a;--cream: #faf3e0;--deep-bg: #0d0604;--text-primary: #faf3e0;--text-muted: rgba(250, 243, 224, .55);--shadow-gold: 0 0 30px rgba(232, 192, 110, .25);--shadow-deep: 0 8px 48px rgba(0, 0, 0, .7);--glass-bg: rgba(20, 10, 4, .54);--glass-bg-panel: rgba(12, 5, 2, .55);--glass-bg-strong: rgba(28, 14, 6, .68);--glass-bg-soft: rgba(28, 14, 7, .48);--glass-bg-hover: rgba(48, 24, 10, .72);--glass-bg-active: rgba(232, 118, 42, .25);--glass-border: rgba(255, 220, 160, .22);--glass-border-soft: rgba(255, 220, 160, .16);--glass-border-hover: rgba(255, 225, 170, .38);--glass-border-focus: rgba(232, 192, 110, .6);--glass-blur-primary: blur(24px) saturate(160%);--glass-blur-panel: blur(36px) saturate(175%) brightness(.75);--glass-blur-subtle: blur(12px);--glass-highlight: inset 0 1px 1.5px rgba(255, 255, 255, .2);--glass-highlight-sm: inset 0 1px 1px rgba(255, 255, 255, .1);--glass-shadow-card: 0 20px 50px rgba(0, 0, 0, .65);--glass-shadow-panel: -16px 0 60px rgba(0, 0, 0, .58), 0 12px 40px rgba(0, 0, 0, .6);--glass-shadow-sm: 0 4px 14px rgba(0, 0, 0, .35)}html,body{width:100%;height:100%;overflow:hidden;font-family:Anek Gujarati,sans-serif;color:var(--text-primary);background:var(--deep-bg);user-select:none}.bg-layer{position:fixed;inset:0;background-position:center center;background-size:cover;background-repeat:no-repeat;z-index:0}.bg-layer:after{content:"";position:absolute;inset:0;background:radial-gradient(circle 70vw at 50% 36%,rgba(247,160,29,.08) 0%,rgba(232,93,4,.035) 45%,transparent 75%);pointer-events:none;animation:ambientBreathe 12s ease-in-out infinite alternate}@keyframes ambientBreathe{0%{opacity:.55;transform:scale(.98)}to{opacity:.95;transform:scale(1.03)}}@media(prefers-reduced-motion:reduce){.bg-layer:after{animation:none;opacity:.7}}@media(min-width:601px){.bg-layer{background-image:url(/bg-desktop.webp)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:10px}::selection{background:#e8c06e4d;color:var(--cream)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}@keyframes heroGlow{0%{filter:drop-shadow(0 3px 6px rgba(0,0,0,.85)) drop-shadow(0 8px 24px rgba(232,160,50,.5)) drop-shadow(0 18px 45px rgba(180,80,10,.35)) drop-shadow(0 0 70px rgba(245,223,160,.25))}to{filter:drop-shadow(0 4px 8px rgba(0,0,0,.95)) drop-shadow(0 12px 34px rgba(245,180,70,.7)) drop-shadow(0 24px 65px rgba(210,95,20,.55)) drop-shadow(0 0 95px rgba(245,223,160,.45))}}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.anim-track-name{transition:opacity .35s cubic-bezier(.16,1,.3,1),transform .35s cubic-bezier(.16,1,.3,1),filter .35s ease;transform-origin:left center;will-change:transform,opacity,filter}.anim-track-name.in{opacity:1;transform:translateY(0) scale(1);filter:blur(0px)}.anim-track-name.out{opacity:0;transform:translateY(4px) scale(.98);filter:blur(2px)}@keyframes albumArtSwitch{0%{opacity:.45;transform:scale(.92)}65%{transform:scale(1.015)}to{opacity:1;transform:scale(1)}}.album-art-inner.album-art-switching{animation:albumArtSwitch .7s cubic-bezier(.16,1,.3,1) forwards;will-change:transform,opacity}.play-icon-wrap.is-playing{animation:iconToPause .35s cubic-bezier(.34,1.56,.64,1)}.play-icon-wrap.is-paused{animation:iconToPlay .35s cubic-bezier(.34,1.56,.64,1)}@keyframes iconToPause{0%{transform:scale(.5) rotate(-30deg);opacity:0}70%{transform:scale(1.15) rotate(4deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes iconToPlay{0%{transform:scale(.5) rotate(30deg);opacity:0}70%{transform:scale(1.15) rotate(-4deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes progressGlowPulse{0%{box-shadow:0 0 3px #e8762a4d,0 0 1px #fff3}to{box-shadow:0 0 6px #f5b44673,0 0 2px #ffffff4d}}.hero-title,.hero-title-icon{will-change:filter}.subtitle-ornament{will-change:transform}.online-dot{will-change:opacity,transform}@media(prefers-reduced-motion:reduce){.hero-title,.hero-title-icon{animation:none!important;will-change:auto;filter:drop-shadow(0 3px 8px rgba(0,0,0,.9)) drop-shadow(0 8px 24px rgba(232,160,50,.45))}.subtitle-ornament,.online-dot{animation:none!important;will-change:auto}.anim-track-name{transition:opacity .2s ease}.anim-track-name.out{transform:none;filter:none}.play-icon-wrap.is-playing,.play-icon-wrap.is-paused{animation:none!important}.player,.player-ambient-glow,.album-art-inner.album-art-switching,.player.playing .progress-fill{animation:none!important;transition:none!important}.ctrl-btn,.play-btn,.queue-item,.shortcut-pill,.shortcut-key-btn,.shortcut-pill kbd,.brand-icon{transition:none!important}}#lightsCanvas{position:fixed;inset:0;z-index:2;pointer-events:none}.header{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:16px 28px}.brand{display:flex;align-items:center;gap:10px}.brand-icon{width:32px;height:32px;aspect-ratio:1 / 1;border-radius:50%;background:transparent;border:none;display:flex;align-items:center;justify-content:center;overflow:visible;flex-shrink:0;filter:drop-shadow(0 3px 10px rgba(0,0,0,.5)) drop-shadow(0 0 14px rgba(232,192,110,.35));transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.brand-icon:hover{transform:scale(1.08) rotate(3deg)}.brand-logo-img{width:100%;height:100%;aspect-ratio:1 / 1;border-radius:50%;object-fit:cover;display:block}.brand-text{line-height:1.25}.brand-name{font-family:Anek Gujarati,sans-serif;font-size:1.25rem;font-weight:700;color:var(--gold-light);letter-spacing:.02em;line-height:1.25;white-space:nowrap}.brand-sub{font-family:Anek Gujarati,sans-serif;font-size:.78rem;color:var(--text-muted);letter-spacing:.04em;line-height:1.25;white-space:nowrap}.header-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.clock-block{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.clock-time{font-family:Anek Gujarati,sans-serif;font-size:1.5rem;font-weight:600;color:var(--cream);letter-spacing:.04em;line-height:1.1;min-width:7.5ch;text-align:right;white-space:nowrap}.online-badge{display:flex;align-items:center;gap:5px;font-family:Anek Gujarati,sans-serif;font-size:.68rem;letter-spacing:.14em;color:var(--text-muted);font-weight:500;line-height:1.2;white-space:nowrap}.online-dot{width:6px;height:6px;border-radius:50%;background:#4caf7d;box-shadow:0 0 8px #4caf7d;animation:pulse 2s ease-in-out infinite;flex-shrink:0}.hero{position:fixed;top:34%;left:50%;transform:translate(-50%,-50%);z-index:10;display:flex;flex-direction:column;align-items:center;text-align:center;pointer-events:none;width:100%;max-width:100vw}.tagline{display:flex;align-items:center;gap:10px;margin-bottom:8px;white-space:nowrap;line-height:1.3}.tagline-bar{color:var(--gold-dark);font-family:Anek Gujarati,sans-serif;font-size:.85rem;text-shadow:0 2px 10px rgba(0,0,0,.8)}.tagline-text{font-family:Anek Gujarati,sans-serif;font-size:.82rem;letter-spacing:.3em;color:var(--gold-light);font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.85),0 0 20px rgba(232,192,110,.45)}.hero-title-wrap{display:flex;align-items:center;justify-content:center;overflow:visible;width:100%;max-width:100vw;box-sizing:border-box;padding:0 clamp(4px,2vw,20px);gap:clamp(4px,1.5vw,16px)}.hero-title-icon{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:clamp(36px,8.5vw,82px);height:clamp(36px,8.5vw,82px);flex-shrink:0;overflow:visible;user-select:none;pointer-events:none;transform-origin:center center;filter:drop-shadow(0 3px 6px rgba(0,0,0,.85)) drop-shadow(0 8px 22px rgba(232,160,50,.5)) drop-shadow(0 0 45px rgba(245,223,160,.3));animation:heroGlow 4s ease-in-out infinite alternate}.hero-title-icon-left{margin-right:clamp(-14px,-1.5vw,-5px)}.hero-title-icon-right{margin-left:clamp(-14px,-1.5vw,-5px)}.lotus-svg{width:100%;height:100%;display:block;overflow:visible}.hero-title{position:relative;z-index:1;display:inline-block;font-family:Anek Gujarati,sans-serif;font-size:clamp(4.2rem,11.5vw,8.2rem);font-weight:800;color:transparent;background:linear-gradient(180deg,#fff,#fff4d2 22%,#f7df9d 42%,#e5b04c 68%,#b36e16 88%,#783b05);-webkit-background-clip:text;background-clip:text;line-height:1.38;padding:.18em .1em;margin:0;letter-spacing:.03em;overflow:visible;white-space:nowrap;user-select:none;filter:drop-shadow(0 3px 6px rgba(0,0,0,.85)) drop-shadow(0 10px 28px rgba(232,160,50,.55)) drop-shadow(0 20px 55px rgba(180,80,10,.4)) drop-shadow(0 0 85px rgba(245,223,160,.3));animation:heroGlow 4s ease-in-out infinite alternate}.hero-subtitle{display:flex;align-items:center;gap:10px;margin-top:2px;font-family:Anek Gujarati,sans-serif;font-size:1.15rem;color:#fff4d8;letter-spacing:.08em;opacity:.95;white-space:nowrap;line-height:1.35;text-shadow:0 2px 10px rgba(0,0,0,.9),0 0 24px rgba(232,192,110,.4)}.subtitle-bar{color:var(--gold);font-family:Anek Gujarati,sans-serif;text-shadow:0 2px 10px rgba(0,0,0,.85)}.subtitle-text{font-weight:700}.subtitle-ornament{margin-top:6px;color:var(--gold);font-size:.95rem;opacity:.85;text-shadow:0 0 16px rgba(232,192,110,.7);animation:spinSlow 8s linear infinite}.player-wrapper{position:fixed;bottom:115px;left:50%;transform:translate(-50%);z-index:40;width:min(860px,94vw)}.player-wrapper.queue-open{pointer-events:none!important;user-select:none!important}.player-wrapper.queue-open *{pointer-events:none!important}.player-ambient-glow{position:absolute;inset:-14px -20px;border-radius:9999px;background:radial-gradient(ellipse 85% 75% at 50% 50%,var(--ambient-color, rgba(232, 118, 42, .35)) 0%,rgba(232,118,42,.08) 50%,transparent 80%);filter:blur(28px);opacity:.45;z-index:-2;pointer-events:none;transform:translateZ(0);transition:background 1.2s cubic-bezier(.2,.9,.4,1),opacity .8s ease,filter 1.2s ease;contain:layout style paint}.player-ambient-glow.playing{opacity:.75;filter:blur(34px)}.player-waveform-wrap{position:absolute;bottom:85%;left:5%;right:5%;height:56px;z-index:-1;pointer-events:none;overflow:visible;opacity:0;transform:translateY(12px) scale(.97);filter:blur(4px);transition:opacity 1.2s cubic-bezier(.2,.9,.4,1),transform 1.2s cubic-bezier(.2,.9,.4,1),filter 1.2s ease;contain:layout style paint}.player-waveform-wrap.active{opacity:1;transform:translateY(0) scale(1);filter:drop-shadow(0 -4px 16px rgba(245,223,160,.5));transition:opacity .45s cubic-bezier(.16,1,.3,1),transform .45s cubic-bezier(.16,1,.3,1)}.waveform-canvas{width:100%;height:100%;display:block}.player{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:9999px;backdrop-filter:var(--glass-blur-primary);-webkit-backdrop-filter:var(--glass-blur-primary);padding:10px 24px 10px 12px;display:flex;align-items:center;flex-wrap:nowrap;gap:18px;box-shadow:var(--glass-shadow-card),var(--glass-highlight),inset 0 -1px 1px #00000059;transition:background .3s cubic-bezier(.16,1,.3,1),border-color .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1);transform:translateZ(0);overflow:visible}.player:hover{background:var(--glass-bg-strong);border-color:var(--glass-border-hover);box-shadow:0 24px 60px #000000bf,0 0 28px #e8c06e33,inset 0 1px 2px #ffffff47}.album-art-container{display:flex;align-items:center;justify-content:center;flex-shrink:0}.album-art{position:relative;width:82px;height:82px;aspect-ratio:1 / 1;flex-shrink:0;border-radius:50%;overflow:hidden}.album-art-inner{position:relative;width:100%;height:100%;aspect-ratio:1 / 1;border-radius:50%;overflow:hidden;border:none;box-shadow:0 4px 18px #00000080,0 0 16px #e8c06e26;transition:box-shadow .4s ease}.album-art-inner:after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 30% 28%,rgba(255,255,255,.22) 0%,rgba(255,255,255,.05) 36%,transparent 65%);pointer-events:none;z-index:4}.album-art.playing .album-art-inner{box-shadow:0 4px 20px #0000008c,0 0 22px #e8c06e47,0 0 6px #f5dfa059}.album-art-img{width:100%;height:100%;aspect-ratio:1 / 1;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;will-change:transform}.album-cover-img{width:100%;height:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:50%;display:block;user-select:none;-webkit-user-drag:none}.album-cover-fallback{width:100%;height:100%;aspect-ratio:1 / 1;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;background:radial-gradient(circle,#3d1808,#1a0802)}.disc-center-hole{position:absolute;width:18%;aspect-ratio:1 / 1;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:#140a059e;box-shadow:inset 0 2px 4px #000000b3,inset 0 -1px 2px #ffffff26,0 0 0 1px #ffffff2e;pointer-events:none;z-index:5}.player-center{flex:1 1 0%;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:2px;overflow:visible;padding:4px 0}.track-info{display:flex;flex-direction:column;min-width:0;overflow:visible}.track-name-wrap{overflow:visible;height:auto;min-height:1.8em;display:flex;align-items:center;padding:2px 0;min-width:0}.track-name{font-family:Anek Gujarati,sans-serif;font-size:1.15rem;font-weight:700;color:#fff;white-space:nowrap;line-height:1.5;padding:3px 0;display:block;text-shadow:0 2px 10px rgba(0,0,0,.5);transform-origin:left center}.track-name.title-gu{font-family:Anek Gujarati,sans-serif;letter-spacing:.02em}.track-name.title-en{font-family:Anek Gujarati,sans-serif;letter-spacing:.04em;color:#fff9ed}.track-artist{font-family:Anek Gujarati,sans-serif;font-size:.78rem;color:#faf0dcb8;letter-spacing:.02em;margin-top:1px;margin-bottom:3px;white-space:nowrap;line-height:1.35;display:block}.progress-container{display:flex;align-items:center;gap:10px;white-space:nowrap;padding:0;height:24px;box-sizing:border-box;overflow:visible}.time-current,.time-total{font-size:.72rem;color:#faf0dcb3;font-family:Anek Gujarati,sans-serif;font-weight:600;flex-shrink:0;min-width:38px;white-space:nowrap;line-height:1.2}.time-total{text-align:right}.progress-bar-wrap{flex:1;cursor:pointer;height:24px;display:flex;align-items:center;padding:4px 0;box-sizing:border-box;outline:none;overflow:visible}.progress-bar{position:relative;width:100%;height:3.5px;background:#ffffff24;border-radius:10px;overflow:visible;box-shadow:inset 0 1px 2px #00000059;transition:height .2s cubic-bezier(.16,1,.3,1),background .2s ease,box-shadow .2s ease}.progress-bar-wrap:hover .progress-bar,.progress-bar-wrap:focus-visible .progress-bar{height:5.5px;background:#ffffff38;box-shadow:inset 0 1px 2px #0003,0 0 6px #ffdca026}.progress-fill{height:100%;background:linear-gradient(90deg,#d9531e,#e8762a 50%,#f7d070);border-radius:10px;transition:width .15s linear;box-shadow:0 0 4px #e8762a59;position:relative}.player.playing .progress-fill{animation:progressGlowPulse 4s ease-in-out infinite alternate}.progress-thumb{position:absolute;top:50%;transform:translate(-50%,-50%) scale(.85);width:11px;height:11px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff 50%,#fff2d0);border:1.5px solid #e8762a;box-shadow:0 0 3px #ffffffa6,0 0 7px #e88c2859,0 1px 3px #0006;opacity:0;pointer-events:none;transition:opacity .2s cubic-bezier(.16,1,.3,1),transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease,left .15s linear}.progress-bar-wrap:hover .progress-thumb,.progress-bar-wrap:focus-visible .progress-thumb{opacity:1;transform:translate(-50%,-50%) scale(1.18);box-shadow:0 0 4px #fffc,0 0 9px #f5b44673,0 2px 4px #00000073}.progress-bar-wrap:active .progress-thumb{transform:translate(-50%,-50%) scale(1.25);box-shadow:0 0 5px #ffffffd9,0 0 10px #f5b44680,0 2px 5px #00000080}.progress-bar-wrap:focus-visible{outline:2px solid var(--gold);outline-offset:4px;border-radius:6px}.controls{display:flex;align-items:center;gap:10px;flex-shrink:0;flex-wrap:nowrap;white-space:nowrap}.ctrl-btn{width:36px;height:36px;border-radius:50%;border:1px solid transparent;background:transparent;color:#faf0dcc7;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .22s cubic-bezier(.34,1.56,.64,1),background .18s ease,color .18s ease,box-shadow .18s ease,border-color .18s ease}.ctrl-btn:focus-visible{outline:2px solid var(--gold);outline-offset:3px}@media(hover:hover)and (pointer:fine){.ctrl-btn:hover{background:#ffffff1a;color:#fff;transform:translateY(-2px) scale(1.08);box-shadow:0 4px 14px #00000059,0 0 14px #f5dfa040}}.ctrl-btn:active{transform:translateY(1px) scale(.92)!important}.ctrl-btn.active{color:var(--gold);background:#e8762a38;border-color:#ffdca059;box-shadow:0 0 14px #e8762a59}.ctrl-btn.fav-btn.active{color:#ff5252;background:#ff525229;border-color:#ff787859;box-shadow:0 0 14px #ff525259}.ctrl-btn.fav-btn.active svg{animation:favHeartPop .32s cubic-bezier(.34,1.56,.64,1)}@keyframes favHeartPop{0%{transform:scale(.6)}60%{transform:scale(1.25)}to{transform:scale(1)}}.ctrl-btn.volume-btn.muted{color:#ff6b6b;background:#ff6b6b1f}.play-btn{width:52px;height:52px;border-radius:50%;background:#f4dfa2!important;color:#1a0a02!important;box-shadow:0 4px 20px #00000059,0 0 24px #f4dfa273;border:none!important;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;margin:0;transition:transform .25s cubic-bezier(.34,1.56,.64,1),background .2s ease,box-shadow .2s ease;cursor:pointer}.play-btn:focus-visible{outline:3px solid var(--gold-light);outline-offset:3px}@media(hover:hover)and (pointer:fine){.play-btn:hover{background:#fff2c8!important;transform:scale(1.08)!important;box-shadow:0 6px 28px #00000073,0 0 34px #f4dfa2cc}}.play-btn:active{transform:scale(.92)!important;transition:transform .1s ease!important}.play-icon-wrap{width:22px;height:22px;display:flex;align-items:center;justify-content:center;margin:0;padding:0;line-height:0;transform-origin:center center;transition:transform .25s cubic-bezier(.34,1.56,.64,1),opacity .2s ease}.play-icon-wrap svg{display:block;margin:0;padding:0}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:270px;display:flex;align-items:center;gap:12px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:50px;padding:12px 24px;z-index:40;backdrop-filter:var(--glass-blur-primary);-webkit-backdrop-filter:var(--glass-blur-primary);box-shadow:var(--shadow-deep),var(--glass-highlight);white-space:nowrap;opacity:1;transition:opacity 1.5s cubic-bezier(.25,1,.5,1),transform 1.5s cubic-bezier(.25,1,.5,1)}.toast.toast-hiding{opacity:0;transform:translate(-50%) translateY(-14px);pointer-events:none}.toast-icon{font-size:1.3rem}.toast-title{font-family:Anek Gujarati,sans-serif;font-size:.95rem;font-weight:700;color:var(--gold-light);line-height:1.3}.toast-sub{font-family:Anek Gujarati,sans-serif;font-size:.78rem;color:var(--text-muted);margin-top:1px;line-height:1.25}.shortcuts-bar{position:fixed;bottom:42px;left:50%;transform:translate(-50%);z-index:40;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:nowrap;white-space:nowrap}.shortcut-pill{display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0 12px;gap:6px;background:var(--glass-bg-soft);border:1px solid var(--glass-border-soft);border-radius:9999px;backdrop-filter:var(--glass-blur-subtle);-webkit-backdrop-filter:var(--glass-blur-subtle);font-family:Anek Gujarati,sans-serif;color:#faf0dcb8;font-size:.64rem;letter-spacing:.08em;font-weight:500;box-shadow:var(--glass-shadow-sm);flex-shrink:0;white-space:nowrap;line-height:1;transition:transform .25s cubic-bezier(.34,1.56,.64,1),background .2s ease,border-color .2s ease,box-shadow .2s ease;box-sizing:border-box;cursor:pointer;user-select:none;-webkit-appearance:none;appearance:none}.shortcut-pill:focus-visible{outline:2px solid var(--gold);outline-offset:2px}button.shortcut-pill:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);color:#fff;transform:translateY(-3px) scale(1.04);box-shadow:0 8px 20px #00000080,0 0 16px #e8c06e59}button.shortcut-pill:active{transform:translateY(0) scale(.95)}.shortcut-pill.active{color:var(--gold-light);background:#e8762a42;border-color:#ffdca080;box-shadow:0 4px 16px #0006,0 0 16px #e8c06e59}.shortcut-pill.active kbd{background:#e8c06e47;border-color:#ffdca099;color:#fff}button.shortcut-pill.active:hover{background:#e8762a5c;border-color:#ffdca0a6;box-shadow:0 8px 24px #00000080,0 0 20px #e8c06e73}.shortcut-seek-container{cursor:default}.shortcut-seek-container:hover{background:#28140a9e;border-color:#ffdca052}.shortcut-key-btn{background:transparent;border:none;padding:0;margin:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;line-height:1;font-family:inherit;color:inherit;-webkit-tap-highlight-color:transparent}.shortcut-key-btn:focus{outline:none}.shortcut-key-btn:focus-visible kbd{outline:2px solid var(--gold);outline-offset:2px;border-color:#ffdca099}.shortcut-key-btn:hover kbd{background:#ffffff42;border-color:#ffdca099;color:#fff;transform:translateY(-1px) scale(1.15);box-shadow:0 2px 8px #0006,0 0 10px #e8c06e66}.shortcut-key-btn:active kbd{transform:translateY(0) scale(.92);background:#e8c06e59}.shortcut-pill span{display:inline-flex;align-items:center;line-height:1;pointer-events:none}.shortcut-pill kbd{display:inline-flex;align-items:center;justify-content:center;height:18px;min-width:18px;padding:0 6px;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:5px;font-family:Anek Gujarati,sans-serif;font-size:.62rem;font-weight:600;color:#fff6e8;line-height:1;text-align:center;white-space:nowrap;flex-shrink:0;box-sizing:border-box;transition:transform .18s cubic-bezier(.34,1.56,.64,1),background .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease}.queue-backdrop{position:fixed;inset:0;background:#00000052;backdrop-filter:none;-webkit-backdrop-filter:none;z-index:95;opacity:0;pointer-events:none;touch-action:none;transition:opacity .38s cubic-bezier(.22,1,.36,1);will-change:opacity}.queue-backdrop.open{opacity:1;pointer-events:auto}.queue-panel{position:fixed;top:14px;right:16px;bottom:14px;width:min(420px,calc(100vw - 32px));height:calc(100% - 28px);max-height:calc(100dvh - 28px);background:var(--glass-bg-panel);border:1px solid var(--glass-border);border-radius:24px;backdrop-filter:var(--glass-blur-panel);-webkit-backdrop-filter:var(--glass-blur-panel);box-shadow:var(--glass-shadow-panel),var(--glass-highlight),inset 0 -1px 32px #e88c280a;z-index:100;transform:translate(calc(100% + 24px));opacity:0;pointer-events:none;transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .36s cubic-bezier(.22,1,.36,1);will-change:transform,opacity;display:flex;flex-direction:column;padding:0;gap:0;box-sizing:border-box;overflow:hidden}.queue-panel.open{transform:translate(0);opacity:1;pointer-events:auto}@media(prefers-reduced-motion:reduce){.queue-panel{transform:none!important;transition:opacity .25s ease!important;opacity:0}.queue-panel.open{opacity:1!important;pointer-events:auto!important}.queue-backdrop{transition:opacity .2s ease!important}}.queue-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px 10px;border-bottom:1px solid var(--glass-border);flex-shrink:0}.queue-header-left{display:flex;align-items:center;gap:10px}.queue-header h3{font-family:Anek Gujarati,sans-serif;font-size:1.1rem;font-weight:700;color:var(--gold-light);line-height:1.3;white-space:nowrap}.queue-count-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;border-radius:9999px;background:#e8c06e1f;border:1px solid rgba(255,220,160,.22);font-family:Anek Gujarati,sans-serif;font-size:.68rem;font-weight:600;color:var(--gold-light);letter-spacing:.04em;white-space:nowrap}.queue-close{background:#ffffff0f;border:1px solid rgba(255,220,160,.15);width:30px;height:30px;border-radius:50%;color:var(--text-muted);font-size:.95rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s ease,background .2s ease,border-color .2s ease}.queue-close:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.queue-close:hover{color:#fff;background:#e8762a4d;border-color:var(--gold)}.queue-search-wrap{position:relative;display:flex;align-items:center;margin:10px 16px 0;flex-shrink:0}.queue-search-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#fadca08c;pointer-events:none;display:block;z-index:2;transition:color .2s ease}.queue-search-wrap:focus-within .queue-search-icon{color:#fae1aad9}.queue-search-input{width:100%;height:38px;padding:0 34px 0 38px;background:var(--glass-bg-strong);border:1px solid var(--glass-border-soft);border-radius:9999px;font-family:Anek Gujarati,sans-serif;font-size:.85rem;color:var(--cream);caret-color:var(--gold);-webkit-appearance:none;appearance:none;outline:none;backdrop-filter:var(--glass-blur-subtle);-webkit-backdrop-filter:var(--glass-blur-subtle);box-shadow:inset 0 1px 2px #0006,0 2px 8px #00000040;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;box-sizing:border-box}.queue-search-input::placeholder{color:#faf0dc73;font-size:.82rem}.queue-search-input:focus{border-color:var(--glass-border-focus);background:#261308d9;box-shadow:0 0 14px #e8c06e33,inset 0 1px 2px #0006}.queue-search-input::-webkit-search-decoration,.queue-search-input::-webkit-search-cancel-button,.queue-search-input::-webkit-search-results-button,.queue-search-input::-webkit-search-results-decoration{display:none;-webkit-appearance:none}.queue-search-clear{position:absolute;right:11px;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:50%;background:#ffffff1a;border:none;color:var(--text-muted);font-size:.7rem;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;transition:background .18s ease,color .18s ease}.queue-search-clear:before{content:"";position:absolute;inset:-8px;cursor:pointer}.queue-search-clear:hover{background:#e8762a59;color:#fff}.queue-tabs-wrap{display:flex;align-items:center;gap:8px;margin:8px 16px 0;flex-shrink:0}.queue-tab-btn{display:inline-flex;align-items:center;justify-content:center;padding:5px 12px;background:var(--glass-bg-soft);border:1px solid var(--glass-border-soft);border-radius:9999px;font-family:Anek Gujarati,sans-serif;font-size:.74rem;font-weight:600;color:var(--text-muted);cursor:pointer;letter-spacing:.02em;backdrop-filter:var(--glass-blur-subtle);-webkit-backdrop-filter:var(--glass-blur-subtle);transition:background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s cubic-bezier(.16,1,.3,1)}.queue-tab-btn:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);color:var(--cream);transform:translateY(-1px)}.queue-tab-btn.active{background:var(--glass-bg-active);border-color:#ffdca080;color:var(--gold-light);box-shadow:0 2px 10px #e8762a40}.queue-tab-btn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.queue-fav-mode-control{display:inline-flex;align-items:center;gap:7px;margin-left:auto;cursor:pointer;user-select:none;-webkit-user-select:none;flex-shrink:0;padding:2px 0;transition:opacity .2s ease}.queue-fav-mode-control.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.fav-mode-label{font-family:Anek Gujarati,sans-serif;font-size:.74rem;font-weight:600;color:#faf0dcc7;letter-spacing:.02em;white-space:nowrap;transition:color .24s ease}.queue-fav-mode-control:hover:not(.disabled) .fav-mode-label{color:#fff}.queue-fav-mode-control.on .fav-mode-label{color:var(--gold-light, #fbd786)}.fav-switch-input{position:absolute;opacity:0;width:0;height:0;margin:0;pointer-events:none}.fav-switch-track{position:relative;display:inline-block;width:44px;height:24px;background:var(--glass-bg-strong);border:1px solid var(--glass-border);border-radius:999px;backdrop-filter:var(--glass-blur-subtle);-webkit-backdrop-filter:var(--glass-blur-subtle);box-shadow:inset 0 1px 3px #00000073;transition:background .26s ease,border-color .26s ease,box-shadow .26s ease;flex-shrink:0;box-sizing:border-box}.queue-fav-mode-control:hover:not(.disabled) .fav-switch-track{border-color:var(--glass-border-hover)}.fav-switch-input:focus-visible+.fav-switch-track{outline:2px solid var(--gold);outline-offset:2px}.fav-switch-thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#ece3d2;box-shadow:0 1px 4px #0006;transform:translate(0);transition:transform .25s cubic-bezier(.34,1.25,.64,1),background-color .25s ease,box-shadow .25s ease}.queue-fav-mode-control.on .fav-switch-track,.fav-switch-input:checked+.fav-switch-track{background:linear-gradient(135deg,#e85d04,#d48c1e);border-color:#ffd782a6;box-shadow:0 0 12px #e85d0473,0 0 4px #f5c86e59,inset 0 1px 1px #ffffff40}.queue-fav-mode-control.on:hover:not(.disabled) .fav-switch-track{border-color:#ffe6a0d9;box-shadow:0 0 16px #e85d048c,0 0 6px #f5c86e73}.queue-fav-mode-control.on .fav-switch-thumb,.fav-switch-input:checked+.fav-switch-track .fav-switch-thumb{transform:translate(20px);background:#fff;box-shadow:0 1px 5px #00000059,0 0 4px #ffffff80}.queue-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 16px;text-align:center;gap:8px;color:var(--text-muted)}.queue-empty-icon{font-size:2rem;opacity:.7}.queue-empty-text{font-family:Anek Gujarati,sans-serif;font-size:.95rem;color:var(--cream);font-weight:600}.queue-empty-sub{font-family:Anek Gujarati,sans-serif;font-size:.78rem;color:var(--text-muted);max-width:260px;line-height:1.35}.shortcuts-bar.queue-open{pointer-events:none!important;user-select:none!important}.shortcuts-bar.queue-open *{pointer-events:none!important}.queue-list{list-style:none;overflow-y:auto;overflow-x:clip;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:8px;padding:8px 16px 24px;margin:0;transform:translateZ(0)}.queue-list::-webkit-scrollbar{width:5px}.queue-list::-webkit-scrollbar-track{background:#00000026;border-radius:10px}.queue-list::-webkit-scrollbar-thumb{background:#e8c06e59;border-radius:10px}.queue-list::-webkit-scrollbar-thumb:hover{background:#e8c06e99}.queue-item{display:flex;align-items:center;gap:12px;padding:8px 18px 8px 12px;border-radius:9999px;background:var(--glass-bg-soft);border:1px solid var(--glass-border-soft);box-shadow:0 4px 16px #00000059,var(--glass-highlight-sm);cursor:pointer;transition:transform .22s cubic-bezier(.16,1,.3,1),background .2s ease,border-color .2s ease,box-shadow .2s ease;white-space:nowrap;flex-shrink:0;box-sizing:border-box;margin:2px 4px;will-change:transform,box-shadow}.queue-item:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.queue-item:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);box-shadow:0 6px 20px #00000080,0 0 16px #e8c06e40,var(--glass-highlight-sm)}.queue-item:active{transform:scale(.975)}.queue-item.active-track{background:linear-gradient(90deg,#e8762a47,#f5b43224 45%,#1e0f06a6);border-color:#f5c8648c;box-shadow:0 4px 20px #00000080,0 0 20px #e88c2838,inset 0 1px 1.5px #ffffff38;margin:3px 5px}.queue-item.active-track:hover{background:linear-gradient(90deg,#e8762a59,#f5b43233 45%,#30180abf);border-color:var(--gold);box-shadow:0 6px 24px #0009,0 0 24px #e8a0324d,inset 0 1px 2px #ffffff47}.queue-item.active-track .queue-item-thumb{box-shadow:0 0 0 1.5px var(--gold),0 0 12px #f5b44673}.queue-item.active-track .queue-item-num{color:var(--gold);font-weight:700}.queue-item.active-track .queue-item-name{color:#fff9ed;font-weight:700;text-shadow:0 0 12px rgba(245,200,100,.35)}.queue-item.active-track .queue-item-artist{color:#ffebbee6}.queue-item.active-track .queue-item-dur{color:var(--gold);font-weight:600;text-shadow:0 0 8px rgba(232,192,110,.3)}.queue-item-left{display:flex;align-items:center;gap:4px;min-width:24px;flex-shrink:0;justify-content:center}.queue-item-num{font-size:.72rem;font-family:Anek Gujarati,sans-serif;color:var(--text-muted);text-align:center;flex-shrink:0;font-weight:600}.queue-mini-eq{display:inline-flex;align-items:flex-end;justify-content:center;gap:2px;width:10px;height:13px;flex-shrink:0;margin-left:2px}.queue-mini-eq span{width:2px;height:100%;background:linear-gradient(180deg,#ffe082,#e8762a);border-radius:2px;transform-origin:bottom;box-shadow:0 0 5px #f5b44699;will-change:transform}.queue-mini-eq span:nth-child(1){height:50%;animation:miniEqAnim .75s cubic-bezier(.4,0,.6,1) infinite alternate;animation-delay:.05s}.queue-mini-eq span:nth-child(2){height:95%;animation:miniEqAnim .62s cubic-bezier(.4,0,.6,1) infinite alternate;animation-delay:.25s}.queue-mini-eq span:nth-child(3){height:65%;animation:miniEqAnim .88s cubic-bezier(.4,0,.6,1) infinite alternate;animation-delay:.15s}.queue-mini-eq:not(.is-playing) span{animation-play-state:paused;opacity:.75}@keyframes miniEqAnim{0%{transform:scaleY(.25);opacity:.65}50%{transform:scaleY(1);opacity:1}to{transform:scaleY(.4);opacity:.8}}@media(prefers-reduced-motion:reduce){.queue-mini-eq span{animation:none!important}}.queue-item-thumb{width:38px;height:38px;border-radius:50%;object-fit:cover;border:none;flex-shrink:0}.queue-item-info{flex:1;min-width:0;overflow:hidden}.queue-item-name{font-family:Anek Gujarati,sans-serif;font-size:.95rem;font-weight:600;color:var(--cream);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.35;padding:1px 0}.queue-item-artist{font-family:Anek Gujarati,sans-serif;font-size:.72rem;color:var(--text-muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.queue-item-dur{font-family:Anek Gujarati,sans-serif;font-size:.72rem;color:var(--text-muted);flex-shrink:0;white-space:nowrap}@media(max-width:768px){.header{padding:12px 18px}.hero{top:30%}.hero-title-wrap{gap:0;padding:0 clamp(4px,1.5vw,12px);max-width:100vw;box-sizing:border-box;overflow:visible}.hero-title{font-size:clamp(3.8rem,15vw,6.2rem);padding:.18em .08em;line-height:1.38;overflow:visible;letter-spacing:.02em}.hero-title-icon{width:clamp(40px,10.5vw,72px);height:clamp(40px,10.5vw,72px);overflow:visible}.hero-title-icon-left{margin-right:clamp(-16px,-2vw,-6px)}.hero-title-icon-right{margin-left:clamp(-16px,-2vw,-6px)}.tagline{margin-bottom:clamp(12px,2.5vh,20px)}.hero-subtitle{font-size:clamp(.95rem,3.5vw,1.1rem);gap:8px;margin-top:clamp(12px,2.5vh,20px)}.subtitle-ornament{margin-top:10px}.toast{bottom:auto;top:calc(30% + 115px);padding:8px 18px;gap:8px}.toast-title{font-size:.85rem}.toast-sub{font-size:.72rem}.player-wrapper{bottom:84px;width:min(94vw,560px)}.player-ambient-glow{inset:-8px -10px;border-radius:36px;filter:blur(20px)}.player-ambient-glow.playing{filter:blur(24px)}.player-waveform-wrap{bottom:calc(100% - 10px);height:48px;left:7%;right:7%;filter:drop-shadow(0 -2px 6px rgba(245,223,160,.2))}.player-waveform-wrap.active{filter:drop-shadow(0 -2px 6px rgba(245,223,160,.2))}.player{flex-wrap:wrap;border-radius:28px;padding:12px 16px;gap:12px}.album-art-container{flex-shrink:0}.album-art{width:62px;height:62px;aspect-ratio:1 / 1}.player-center{flex:1 1 calc(100% - 78px);min-width:0;overflow:hidden}.track-name-wrap{min-height:1.6em}.track-name{font-size:1.05rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.track-artist{font-size:.74rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.controls{width:100%;display:flex;align-items:center;justify-content:space-between;gap:0;padding:2px 4px 0;box-sizing:border-box}.ctrl-btn{width:38px;height:38px}.play-btn{width:48px;height:48px}.shortcuts-bar{bottom:22px;gap:6px}.shortcut-pill{height:26px;padding:0 10px;font-size:.58rem}.queue-panel{top:12px;right:12px;bottom:12px;width:min(380px,calc(100vw - 24px));height:calc(100% - 24px);max-height:calc(100dvh - 24px);border-radius:22px}.queue-header{padding:12px 14px 8px}.queue-search-wrap,.queue-tabs-wrap{margin:8px 14px 0}.queue-list{padding:8px 14px 18px;gap:8px}.queue-item{padding:8px 10px;gap:10px;margin:2px}}@media(max-width:600px){.bg-layer{background-image:url(/bg-mobile.webp)}.shortcuts-bar{display:none}.player-wrapper{bottom:max(18px,env(safe-area-inset-bottom,18px));width:94vw}.queue-panel{top:auto;left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom,10px));width:calc(100% - 20px);max-width:min(440px,95vw);margin:0 auto;height:auto;max-height:min(78vh,78dvh);border:1px solid var(--glass-border);border-radius:22px;background:var(--glass-bg-panel);backdrop-filter:var(--glass-blur-panel);-webkit-backdrop-filter:var(--glass-blur-panel);box-shadow:0 16px 50px #000000a6,0 -10px 40px #00000080,var(--glass-highlight),inset 0 -1px 32px #e88c280a;transform:translateY(calc(100% + 20px));opacity:0;transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .36s cubic-bezier(.22,1,.36,1);padding:12px 0 max(12px,env(safe-area-inset-bottom,12px)) 0}.queue-header{padding:0 14px 8px}.queue-search-wrap{margin:8px 14px 0}.queue-tabs-wrap{margin:8px 14px 0;gap:6px}.queue-list{padding:8px 14px 16px;gap:8px}.queue-panel.open{transform:translateY(0);opacity:1}@media(prefers-reduced-motion:reduce){.queue-panel{transform:none!important;transition:opacity .2s ease!important;opacity:0}.queue-panel.open{opacity:1!important}}.player-waveform-wrap{height:40px;left:6%;right:6%;filter:none}.player-waveform-wrap.active{filter:none}.header{padding:10px 14px}.brand-icon{width:28px;height:28px}.brand-name{font-size:1.1rem}.brand-sub{font-size:.72rem}.clock-time{font-size:1.2rem;min-width:6.5ch}.online-badge{font-size:.62rem}.tagline-text{letter-spacing:.16em;font-size:.72rem}.player{backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%)}.player-ambient-glow{filter:blur(14px)}.player-ambient-glow.playing{filter:blur(16px)}.queue-panel{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.toast,.shortcut-pill{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.hero-title,.hero-title-icon{animation:none;will-change:auto;filter:drop-shadow(0 3px 8px rgba(0,0,0,.9)) drop-shadow(0 8px 24px rgba(232,160,50,.5))}.queue-search-input{font-size:16px}.queue-search-input::placeholder{font-size:14.5px}}@media(max-width:380px){.header{padding:8px 10px}.brand{gap:8px}.brand-icon{width:26px;height:26px}.brand-name{font-size:1rem}.brand-sub{font-size:.68rem}.clock-time{font-size:1.05rem;min-width:6ch}.hero-title-wrap{padding:0 4px;overflow:visible}.hero-title{font-size:clamp(3rem,13.5vw,3.8rem);padding:.18em .04em;line-height:1.36;overflow:visible;letter-spacing:.02em}.hero-title-icon{width:clamp(32px,9.5vw,42px);height:clamp(32px,9.5vw,42px);overflow:visible}.hero-title-icon-left{margin-right:-8px}.hero-title-icon-right{margin-left:-8px}.tagline{gap:6px;margin-bottom:12px}.tagline-text{letter-spacing:.1em;font-size:.66rem}.hero-subtitle{margin-top:12px;font-size:.88rem;gap:6px}.subtitle-ornament{margin-top:8px}.toast{top:calc(28% + 95px);padding:6px 14px;gap:6px}.toast-icon{font-size:1.1rem}.toast-title{font-size:.78rem}.toast-sub{font-size:.66rem}.player-waveform-wrap{height:32px;left:6%;right:6%}.player{padding:10px;gap:8px;border-radius:24px}.album-art{width:52px;height:52px;aspect-ratio:1 / 1}.player-center{flex:1 1 calc(100% - 64px)}.track-name{font-size:.95rem}.track-artist{font-size:.7rem}.progress-container{gap:5px}.time-current,.time-total{font-size:.64rem;min-width:28px}.controls{width:100%;display:flex;align-items:center;justify-content:space-between;gap:0;padding:2px 2px 0;box-sizing:border-box}.ctrl-btn{width:34px;height:34px}.play-btn{width:44px;height:44px}.queue-panel{left:6px;right:6px;bottom:max(6px,env(safe-area-inset-bottom,6px));width:calc(100% - 12px);border-radius:20px}.queue-header{padding:0 10px 6px}.queue-search-wrap{margin:6px 10px 0}.queue-tabs-wrap{margin:6px 10px 0;gap:6px}.queue-list{padding:6px 10px 14px;gap:6px}.queue-tab-btn{padding:4px 8px;font-size:.7rem}.fav-mode-label{font-size:.7rem}.fav-switch-track{width:40px;height:22px}.fav-switch-thumb{width:16px;height:16px;top:2px;left:2px}.queue-fav-mode-control.on .fav-switch-thumb,.fav-switch-input:checked+.fav-switch-track .fav-switch-thumb{transform:translate(18px)}}@media(max-height:680px){.hero{top:26%}.hero-title{font-size:clamp(2.6rem,10vh,4.2rem)}.tagline{margin-bottom:4px}.hero-subtitle{margin-top:2px}.subtitle-ornament{margin-top:4px}.toast{display:none}}@media(hover:none)and (pointer:coarse){.ctrl-btn,.play-btn,.queue-item,.shortcut-pill,.shortcut-key-btn,.brand-icon,.queue-close,.queue-tab-btn,.queue-fav-mode-control{transition:transform .12s ease,background .12s ease}.ctrl-btn:hover,.play-btn:hover,.shortcut-key-btn:hover,.queue-tab-btn:hover,.queue-fav-mode-control:hover,.queue-item:hover,.queue-close:hover,.brand-icon:hover{transform:none;box-shadow:none}.queue-tab-btn:hover:not(.active){background:#1e0f0673;border-color:#ffdca029;color:var(--text-muted)}.queue-item:hover:not(.active-track){background:#1e0f068c;border-color:#ffdca026;box-shadow:0 4px 16px #00000059,inset 0 1px 1px #ffffff14}.queue-fav-mode-control:hover:not(.on) .fav-mode-label{color:#faf0dcc7}.queue-fav-mode-control:hover:not(.on) .fav-switch-track{border-color:#ffdca038}.progress-thumb{opacity:.9;transform:translate(-50%,-50%) scale(1)}}.page-loader-overlay{position:fixed;inset:0;z-index:99999;background:#080301;display:flex;align-items:center;justify-content:center;pointer-events:all;opacity:1;transform:translateZ(0);transition:opacity .4s cubic-bezier(.16,1,.3,1),visibility .4s ease;animation:loaderFailsafe 1.6s cubic-bezier(.16,1,.3,1) forwards;overflow:hidden}.page-loader-overlay.loader-fading{opacity:0;pointer-events:none;visibility:hidden}@keyframes loaderFailsafe{0%,75%{opacity:1;pointer-events:all;visibility:visible}95%{opacity:0;pointer-events:none;visibility:visible}to{opacity:0;pointer-events:none;visibility:hidden}}.loader-ambient-glow{position:absolute;width:min(480px,90vw);height:min(480px,90vw);border-radius:50%;background:radial-gradient(circle,rgba(232,160,50,.25) 0%,rgba(232,118,42,.08) 45%,transparent 70%);filter:blur(40px);pointer-events:none;animation:loaderGlowPulse 1.4s ease-in-out forwards}@keyframes loaderGlowPulse{0%{opacity:0;transform:scale(.6)}50%{opacity:1;transform:scale(1.05)}to{opacity:.5;transform:scale(1)}}.loader-stage{position:relative;width:140px;height:140px;display:flex;align-items:center;justify-content:center;overflow:visible}.dandiya-stick{position:absolute;width:54px;height:108px;display:flex;align-items:center;justify-content:center;transform-origin:center center;overflow:visible;will-change:transform,opacity}.dandiya-svg{width:100%;height:100%;overflow:visible}.dandiya-left{animation:dandiyaLeftTap 1.4s cubic-bezier(.2,.8,.2,1) forwards}@keyframes dandiyaLeftTap{0%{opacity:0;transform:translate(-55px,-35px) rotate(15deg) scale(.85)}20%{opacity:1;transform:translate(-30px,-18px) rotate(26deg) scale(1)}45%{transform:translate(-36px,-22px) rotate(22deg) scale(1)}58%{transform:translate(0) rotate(45deg) scale(1.03)}64%{transform:translate(-3px,-2px) rotate(43.5deg) scale(1)}75%{opacity:1;transform:translate(0) rotate(45deg) scale(1)}88%{opacity:0;transform:translate(0) rotate(45deg) scale(.95)}to{opacity:0;transform:translate(0) rotate(45deg) scale(.95)}}.dandiya-right{animation:dandiyaRightTap 1.4s cubic-bezier(.2,.8,.2,1) forwards}@keyframes dandiyaRightTap{0%{opacity:0;transform:translate(55px,35px) rotate(-15deg) scale(.85)}20%{opacity:1;transform:translate(30px,18px) rotate(-26deg) scale(1)}45%{transform:translate(36px,22px) rotate(-22deg) scale(1)}58%{transform:translate(0) rotate(-45deg) scale(1.03)}64%{transform:translate(3px,2px) rotate(-43.5deg) scale(1)}75%{opacity:1;transform:translate(0) rotate(-45deg) scale(1)}88%{opacity:0;transform:translate(0) rotate(-45deg) scale(.95)}to{opacity:0;transform:translate(0) rotate(-45deg) scale(.95)}}.loader-sparkle-burst{position:absolute;width:0;height:0;left:50%;top:50%;pointer-events:none}.sparkle-burst-center{position:absolute;left:-8px;top:-8px;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle,#ffffff 0%,rgba(251,215,134,.85) 45%,transparent 70%);opacity:0;transform:scale(.2);animation:centerFlash 1.4s ease forwards}@keyframes centerFlash{0%,57%{opacity:0;transform:scale(.2)}58%{opacity:1;transform:scale(1)}68%{opacity:.6;transform:scale(1.4)}76%,to{opacity:0;transform:scale(1.8)}}.burst-sparkle{position:absolute;left:-1.5px;top:-1.5px;width:3px;height:3px;border-radius:50%;background:#fff;box-shadow:0 0 5px #fbd786,0 0 8px #e8762a;opacity:0;will-change:transform,opacity}.bs-1{animation:burstSparkle1 1.4s cubic-bezier(.16,1,.3,1) forwards}.bs-2{animation:burstSparkle2 1.4s cubic-bezier(.16,1,.3,1) forwards}.bs-3{animation:burstSparkle3 1.4s cubic-bezier(.16,1,.3,1) forwards}.bs-4{animation:burstSparkle4 1.4s cubic-bezier(.16,1,.3,1) forwards}@keyframes burstSparkle1{0%,57%{opacity:0;transform:translate(0) scale(0)}58%{opacity:1;transform:translate(0) scale(1.2)}68%{opacity:.85;transform:translate(-6px,-7px) scale(.9)}78%,to{opacity:0;transform:translate(-10px,-11px) scale(0)}}@keyframes burstSparkle2{0%,57%{opacity:0;transform:translate(0) scale(0)}58%{opacity:1;transform:translate(0) scale(1.2)}68%{opacity:.85;transform:translate(6px,-7px) scale(.9)}78%,to{opacity:0;transform:translate(10px,-11px) scale(0)}}@keyframes burstSparkle3{0%,57%{opacity:0;transform:translate(0) scale(0)}58%{opacity:1;transform:translate(0) scale(1.2)}68%{opacity:.85;transform:translate(-6px,7px) scale(.9)}78%,to{opacity:0;transform:translate(-10px,11px) scale(0)}}@keyframes burstSparkle4{0%,57%{opacity:0;transform:translate(0) scale(0)}58%{opacity:1;transform:translate(0) scale(1.2)}68%{opacity:.85;transform:translate(6px,7px) scale(.9)}78%,to{opacity:0;transform:translate(10px,11px) scale(0)}}@media(prefers-reduced-motion:reduce){.page-loader-overlay{transition:opacity .2s ease,visibility .2s ease;animation:loaderFailsafeReduced .45s ease forwards}.dandiya-left,.dandiya-right,.sparkle-burst-center,.burst-sparkle,.loader-ambient-glow{animation:none!important}.dandiya-left{transform:rotate(45deg)}.dandiya-right{transform:rotate(-45deg)}.loader-sparkle-burst{display:none}}@keyframes loaderFailsafeReduced{0%,55%{opacity:1;pointer-events:all;visibility:visible}to{opacity:0;pointer-events:none;visibility:hidden}}