:root{--logo-x:0vw;--logo-top:13vh;--logo-size:clamp(2.5rem, 8.5vw, 7rem);--edge:clamp(1rem, 2.2vw, 1.75rem);--glass:#ffffff1a;--glass-line:#fff3;--shadow-glass:0 8px 40px #00000073, inset 0 1px 0 #ffffff40;--text-shadow:0 1px 6px #0000008c;--body:"Baloo 2", "Kohinoor Devanagari", "Nirmala UI", "Noto Sans Devanagari", ui-rounded, system-ui, sans-serif;--ui:ui-sans-serif, -apple-system, "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;--swift:.14s cubic-bezier(.4, 0, .2, 1);--glide:.32s cubic-bezier(.4, 0, .2, 1);--settle:.62s cubic-bezier(.16, 1, .3, 1);--ease-settle:cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html,body{height:100%}body{font-family:var(--body);color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;background:#0a1416;margin:0;overflow:hidden}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes rise-left{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}.topbar,.logo,.dock{animation:rise var(--settle) both}.topbar{animation-delay:.28s}.logo{animation-delay:60ms}.dock{animation-delay:.16s}.horns{animation:rise-left var(--settle) .34s both}.bg__layer.is-active{animation:.9s both fade}.bg{z-index:-1;background-color:#0a1416;position:fixed;inset:0}.bg__layer{opacity:0;transition:opacity 1.1s var(--ease-settle);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.bg__layer.is-active{opacity:1}.bg__layer--1{background-image:image-set("/assets/bg-1.webp" 1x type("image/webp"),"/assets/bg-1.jpg" 1x)}.bg__layer--2{background-position:50% 38%}.bg__layer--2.is-armed{background-image:image-set("/assets/bg-2.webp" 1x type("image/webp"),"/assets/bg-2.jpg" 1x)}.bg__scrim{pointer-events:none;background:linear-gradient(#00000047 0%,#0000000f 26%,#0000001a 58%,#0000007a 100%);position:absolute;inset:0}.yt-host{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed;top:0;left:0;overflow:hidden}main{min-height:100dvh;padding:max(var(--edge), env(safe-area-inset-top)) var(--edge) max(var(--edge), env(safe-area-inset-bottom));flex-direction:column;justify-content:space-between;align-items:center;display:flex;position:relative}.topbar{top:max(1.15rem, env(safe-area-inset-top));left:var(--edge);right:var(--edge);z-index:20;text-shadow:var(--text-shadow);grid-template-columns:1fr auto;align-items:center;gap:.75rem;display:grid;position:fixed}.clock{font-family:var(--ui);letter-spacing:.01em;font-variant-numeric:tabular-nums;color:#ffffffeb;justify-self:start;font-size:.82rem;font-weight:500}.horns{left:var(--edge);z-index:20;position:fixed;top:50%;translate:0 -50%}.horn{border:1px solid var(--glass-line);background:var(--glass);-webkit-backdrop-filter:blur(20px)saturate(150%);color:#fff;font-family:var(--body);cursor:pointer;transition:background var(--swift), transform var(--swift), border-color var(--swift);border-radius:999px;align-items:center;gap:.45rem;padding:.28rem .7rem .28rem .3rem;display:flex;box-shadow:0 6px 22px #00000059,inset 0 1px #ffffff38}.horn:hover{background:#fff3;border-color:#fff6}.horn:active{transform:scale(.95)}.horn.is-blaring{animation:.45s honk}.horn__icon{color:#fff;background:#ffffff29;border-radius:50%;flex:none;place-items:center;width:1.6rem;height:1.6rem;display:grid}.horn__icon svg{width:15px;height:15px}.horn.is-blaring .horn__icon{color:#111;background:#fff}.horn__text{text-align:left;flex-direction:column;line-height:1.1;display:flex}.horn__deva{font-size:.76rem;font-weight:700}.horn__en{letter-spacing:.04em;color:#ffffff9e;font-size:.58rem;font-weight:600}@keyframes honk{0%,to{transform:translate(0)}20%{transform:translate(-4px)rotate(-1.6deg)}50%{transform:translate(5px)rotate(1.6deg)}75%{transform:translate(-2px)}}.links{justify-self:end;align-items:center;display:flex}.link{color:#ffffffeb;width:2rem;height:2rem;transition:background var(--swift), transform var(--swift), color var(--swift);border-radius:50%;place-items:center;text-decoration:none;display:grid}.link:hover{color:#fff;background:#ffffff29}.link:active{transform:scale(.95)}.logo{margin:var(--logo-top) 0 0;translate:var(--logo-x) 0;font-family:var(--body);font-weight:800;font-size:var(--logo-size);letter-spacing:-.01em;color:#fff;text-align:center;filter:drop-shadow(0 4px 24px #00000080);user-select:none;align-items:baseline;gap:.22em;line-height:1;display:flex}@keyframes truck-shake{0%{transform:translate(0,0)rotate(0)}8%{transform:translate(-4px,2px)rotate(-1.1deg)}18%{transform:translate(4px,-2px)rotate(.9deg)}28%{transform:translate(-3px,1px)rotate(-.75deg)}38%{transform:translate(3px,-1px)rotate(.6deg)}50%{transform:translate(-2px,1px)rotate(-.45deg)}62%{transform:translate(2px)rotate(.3deg)}74%{transform:translate(-1px)rotate(-.18deg)}86%{transform:translate(1px)rotate(.08deg)}to{transform:none}}.logo.is-shaking .logo__line{animation:.72s cubic-bezier(.36,.07,.19,.97) both truck-shake}.dock{width:100%;max-width:30rem;margin-bottom:clamp(.5rem,7vh,4.5rem);position:relative}.player{border:1px solid var(--glass-line);background:var(--glass);-webkit-backdrop-filter:blur(28px)saturate(150%);box-shadow:var(--shadow-glass);border-radius:999px;align-items:center;gap:.7rem;padding:.4rem .9rem .4rem .4rem;display:flex}.disc{flex:none;width:3.25rem;height:3.25rem;position:relative}.disc__ring{outline-offset:-1px;background:#1a1a1a;border-radius:50%;outline:1px solid #fff3;width:100%;height:100%;animation:8s linear infinite paused spin;overflow:hidden;box-shadow:0 4px 14px #0006}.player.is-playing .disc__ring{animation-play-state:running}.disc__art{object-fit:cover;width:100%;height:100%;display:block}.disc__art.is-letterboxed{transform:scale(1.35)}.disc__hub{background:#000000b3;border-radius:50%;width:.5rem;height:.5rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #fff6}@keyframes spin{to{transform:rotate(360deg)}}.meta{flex:1;min-width:0}.meta__title,.meta__artist{transition:opacity .22s}.player.is-swapping .meta__title,.player.is-swapping .meta__artist{opacity:0}.disc{transition:transform var(--glide)}.player.is-playing .disc{transform:scale(1.03)}.meta__title{text-shadow:0 1px 2px #00000059;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.84rem;font-weight:700;line-height:1.25;overflow:hidden}.meta__artist{color:#ffffffb3;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.71rem;font-weight:600;line-height:1.25;overflow:hidden}.seek{cursor:pointer;touch-action:none;height:10px;margin-top:.2rem;position:relative}.seek__rail{inset-inline:0;background:#fff3;border-radius:999px;height:3px;position:absolute;top:50%;overflow:hidden;transform:translateY(-50%)}.seek__fill{transform-origin:0;will-change:transform;background:#ffffffe6;border-radius:999px;width:100%;height:100%;transform:scaleX(0)}.seek__knob{opacity:0;width:10px;height:10px;transition:opacity var(--swift);will-change:transform;background:#fff;border-radius:50%;position:absolute;top:50%;left:0;transform:translate(-50%,-50%);box-shadow:0 1px 4px #00000080}.seek:hover .seek__knob,.seek:focus-visible .seek__knob{opacity:1}.time{font-variant-numeric:tabular-nums;color:#fff9;margin-top:.05rem;font-size:.62rem;font-weight:600}.controls{flex:none;align-items:center;gap:.15rem;display:flex}.btn{color:#fffc;cursor:pointer;width:1.8rem;height:1.8rem;transition:background var(--swift), color var(--swift), transform var(--swift);background:0 0;border:none;border-radius:50%;place-items:center;display:grid}.btn svg{width:15px;height:15px}.btn:hover{color:#fff;background:#ffffff26}.btn:active{transform:scale(.92)}.btn--play{color:#000;background:#fff;width:2.25rem;height:2.25rem;box-shadow:0 4px 14px #00000059}.btn--play svg{width:17px;height:17px}.i-pause,.player.is-playing .i-play{display:none}.player.is-playing .i-pause{display:block}.btn--play:hover{color:#000;background:#fff;transform:scale(1.06)}.btn--play:disabled{opacity:.5;cursor:default;transform:none}.btn--toggle.is-on{color:#fff;background:#fff3}.list{z-index:5;overscroll-behavior:contain;border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(28px)saturate(150%);max-height:min(48dvh,24rem);box-shadow:var(--shadow-glass);opacity:0;visibility:hidden;transform-origin:bottom;transition:opacity var(--glide), transform var(--glide), visibility 0s linear .32s;background:#1414168c;border-radius:1.35rem;position:absolute;bottom:calc(100% + .7rem);left:0;right:0;overflow-y:auto;transform:translateY(10px)scale(.985)}.list.is-open{opacity:1;visibility:visible;transition:opacity var(--glide), transform .42s var(--ease-settle), visibility 0s;transform:none}.list{scrollbar-width:thin;scrollbar-color:#ffffff47 transparent}.list::-webkit-scrollbar{width:6px}.list::-webkit-scrollbar-track{background:0 0}.list::-webkit-scrollbar-thumb{background:#ffffff3d;border-radius:999px}.list::-webkit-scrollbar-thumb:hover{background:#fff6}.list ol{counter-reset:t;margin:0;padding:.4rem;list-style:none}.list li{counter-increment:t}.list button{color:#ffffffd1;width:100%;font-family:var(--body);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:.7rem;align-items:baseline;gap:.6rem;padding:.45rem .7rem;font-size:.86rem;font-weight:600;display:flex}.list button:before{content:counter(t);font-variant-numeric:tabular-nums;color:#fff6;flex:none;width:1.4rem;font-size:.7rem}.list button:hover{color:#fff;background:#ffffff1f}.list li.is-current button{color:#fff;background:#ffffff2e;font-weight:800}.list .t-title{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.list .t-artist{color:#ffffff80;white-space:nowrap;text-overflow:ellipsis;font-size:.74rem;font-weight:600;overflow:hidden}.bumper{text-align:center;user-select:none;width:100%;margin:0 auto .7rem;padding:0 .5rem}.bumper__text{font-family:"Yatra One", var(--body);letter-spacing:.015em;text-align:center;text-wrap:balance;color:#fffc;text-shadow:var(--text-shadow);font-size:clamp(1rem,2.6vw,1.28rem);font-weight:400;line-height:1.5;transition:opacity .24s}.bumper__text.is-swapping{opacity:0}.bumper__next{vertical-align:-.22em;color:#fff6;cursor:pointer;width:1.4rem;height:1.4rem;transition:color var(--swift), background var(--swift), rotate .42s var(--ease-settle);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin-left:.4em;padding:0;display:inline-flex}.bumper__next:hover{color:#fff;background:#ffffff26}.bumper__next:active{rotate:180deg}:focus-visible{outline-offset:3px;border-radius:8px;outline:2px solid #fff}@media (width<=640px){:root{--logo-top:16vh}.horn{gap:.4rem;padding:.28rem .6rem .28rem .28rem}.horn__icon{width:1.5rem;height:1.5rem}.horn__deva{font-size:.72rem}.horn__en{font-size:.56rem}.player{border-radius:1.5rem;flex-wrap:wrap;row-gap:.6rem;padding:.75rem}.controls{justify-content:center;gap:.35rem;width:100%}.disc{width:3.75rem;height:3.75rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.disc__ring{animation:none!important}.player.is-playing .disc{transform:none}}