:root{--ink: #f6ede0;--ink-dim: rgba(246, 237, 224, .72);--night: #0d1730;--pill: rgba(16, 14, 12, .62);--accent: #d94f30;--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--glass-chip: linear-gradient(to bottom, rgba(255, 255, 255, .16), rgba(255, 255, 255, .07));--glass-deck: linear-gradient(to bottom, rgba(255, 255, 255, .15), rgba(255, 255, 255, .06));--glass-modal: linear-gradient(to bottom, rgba(255, 255, 255, .17), rgba(255, 255, 255, .08));--blur-chip: blur(20px) saturate(190%);--blur-deck: blur(28px) saturate(190%);--blur-modal: blur(44px) saturate(180%);--glass-border: rgba(255, 255, 255, .24);--edge-top: inset 0 1px 0 rgba(255, 255, 255, .42), inset 0 -1px 0 rgba(255, 255, 255, .08)}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-tap-highlight-color:transparent}button,a{-webkit-user-select:none;user-select:none;touch-action:manipulation}html,body{height:100%;min-height:100dvh;background:var(--night);color:var(--ink);font-family:"Baloo 2",Noto Sans Devanagari,system-ui,sans-serif;overflow:hidden;-webkit-font-smoothing:antialiased}@keyframes kenburns{0%{transform:scale(1)}to{transform:scale(1.055)}}@media(prefers-reduced-motion:reduce){.frame img.art{animation:none}}.grain{position:fixed;inset:-50%;width:200%;height:200%;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain .9s steps(4) infinite}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(-2%,1%)}50%{transform:translate(1%,-2%)}75%{transform:translate(-1%,2%)}to{transform:translate(2%,-1%)}}.vignette{position:fixed;inset:0;pointer-events:none;background:linear-gradient(to bottom,rgba(8,10,20,.45),transparent 22%),linear-gradient(to top,rgba(8,10,20,.55),transparent 30%)}.topbar{position:fixed;top:0;left:0;right:0;display:flex;align-items:flex-start;justify-content:space-between;padding:20px 26px;z-index:5}.clock{font-size:15px;letter-spacing:.04em;color:var(--ink-dim);font-variant-numeric:tabular-nums;text-shadow:0 1px 12px rgba(0,0,0,.55)}.clock .colon{display:inline-block;animation:colon-blink 1s step-end infinite}@keyframes colon-blink{0%{opacity:1}50%{opacity:.15}to{opacity:1}}@media(prefers-reduced-motion:reduce){.clock .colon{animation:none}}.player{position:fixed;left:50%;bottom:max(26px,env(safe-area-inset-bottom,26px));transform:translate(-50%);display:flex;align-items:center;gap:16px;width:min(620px,calc(100vw - 32px));padding:13px 22px 13px 13px;border-radius:22px;background:var(--glass-deck);backdrop-filter:var(--blur-deck);-webkit-backdrop-filter:var(--blur-deck);border:1px solid var(--glass-border);box-shadow:var(--edge-top),0 18px 56px #00000080;z-index:6;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.player .disc{flex:none;width:62px;height:62px;border-radius:50%;position:relative;box-shadow:0 4px 16px #00000073}.player .disc img{width:100%;height:100%;border-radius:50%;display:block;animation:record-spin 7s linear infinite;animation-play-state:paused}.player .disc.spinning img{animation-play-state:running}.player .disc:after{content:"";position:absolute;left:50%;top:50%;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:50%;background:#14110f8c;box-shadow:0 0 0 2px #ffffff59}@keyframes record-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.player .disc img{animation:none}}.player .meta{flex:1;min-width:0}.player .song{font-size:16px;font-weight:650;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.55),0 1px 14px rgba(0,0,0,.4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player .sub{font-size:13px;color:#ffffffc7;font-weight:500;letter-spacing:.005em;text-shadow:0 1px 3px rgba(0,0,0,.5);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player .progress{position:relative;height:7px;margin-top:7px;cursor:pointer;touch-action:none}.player .progress:before{content:"";position:absolute;left:0;right:0;top:50%;height:7px;margin-top:-3.5px;background:#ffffff38;clip-path:inset(1.5px 0 round 999px);transition:clip-path .16s var(--ease-out),background .16s var(--ease-out)}.player .progress:after{content:"";position:absolute;inset:-9px 0}.player .progress>i{position:absolute;left:0;top:50%;height:7px;margin-top:-3.5px;width:0%;background:#fff;clip-path:inset(1.5px 0 round 999px);transition:width .9s linear,clip-path .16s var(--ease-out);pointer-events:none}.player .progress:hover:before,.player .progress.scrubbing:before,.player .progress:focus-visible:before{background:#ffffff52}.player .progress:hover:before,.player .progress.scrubbing:before,.player .progress:focus-visible:before,.player .progress:hover>i,.player .progress.scrubbing>i,.player .progress:focus-visible>i{clip-path:inset(0 round 999px)}.player .progress>i:after{content:"";position:absolute;right:-6px;top:50%;width:12px;height:12px;margin-top:-6px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #00000073;opacity:0;transform:scale(.6);transition:opacity .16s var(--ease-out),transform .16s var(--ease-out)}.player .progress:hover>i:after,.player .progress:focus-visible>i:after,.player .progress.scrubbing>i:after{opacity:1;transform:scale(1)}.player .progress.scrubbing>i{transition:clip-path .16s var(--ease-out)}.player .time{margin-top:6px;font-size:12px;font-variant-numeric:tabular-nums;font-weight:500;letter-spacing:.01em;color:#ffffffc2;text-shadow:0 1px 3px rgba(0,0,0,.5)}.player .controls{flex:none;display:flex;align-items:center;gap:14px}.skipbtn{border:none;background:transparent;color:#ffffffd9;cursor:pointer;padding:6px;border-radius:50%;display:grid;place-items:center;transition:color .16s var(--ease-out),transform .12s var(--ease-out),background .16s var(--ease-out)}@media(hover:hover)and (pointer:fine){.skipbtn:hover{color:#fff;background:#ffffff1a}}.skipbtn:active{transform:scale(.9)}.skipbtn svg{width:18px;height:18px;fill:currentColor}.playbtn{width:48px;height:48px;flex:none;border-radius:50%;border:none;cursor:pointer;background:#fff;color:#17130f;display:grid;place-items:center;box-shadow:0 2px 10px #0000004d;transition:transform .12s var(--ease-out),box-shadow .16s var(--ease-out)}@media(hover:hover)and (pointer:fine){.playbtn:hover{box-shadow:0 4px 16px #0006}}.playbtn:active{transform:scale(.94)}.playbtn svg{width:18px;height:18px;fill:currentColor}.online{position:fixed;top:22px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;font-size:14px;color:var(--ink-dim);z-index:5;font-family:system-ui,-apple-system,sans-serif;text-shadow:0 1px 12px rgba(0,0,0,.55)}.online b{color:var(--ink);font-weight:650;font-variant-numeric:tabular-nums}.online .dot{width:8px;height:8px;border-radius:50%;background:#34c759;box-shadow:0 0 8px #34c759}.track{position:fixed;inset:0;display:flex;width:100vw;height:100vh;height:100dvh;transition:transform .65s cubic-bezier(.66,0,.24,1);will-change:transform}.slide{position:relative;flex:none;width:100vw;height:100vh;height:100dvh;overflow:hidden}.frame{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max(100vw,calc(100dvh * var(--ar, 1.6)));height:max(100dvh,calc(100vw / var(--ar, 1.6)));container-type:size}.frame picture{display:contents}.frame img.art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:kenburns 26s ease-in-out infinite alternate}.scene-text{position:absolute;left:var(--x, 50%);top:var(--y, 10%);transform:translate(-50%);text-align:center;z-index:3;pointer-events:none;opacity:0;max-width:min(46cqw,86vw);transition:translate .4s cubic-bezier(.2,.6,.2,1)}.scene-text h1{font-size:min(5.5cqw,7.4vw);line-height:1.12;font-weight:800;color:#fff;text-shadow:0 3px 14px rgba(0,0,0,.45),0 12px 60px rgba(0,0,0,.5);letter-spacing:0}.brandmark{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:10px}.brandmark span{font-size:max(12px,1.15cqw);font-weight:600;color:#f6ede0e6;letter-spacing:.06em;text-shadow:0 2px 12px rgba(0,0,0,.6);white-space:nowrap}.brandmark i{display:block;width:34px;height:1px;background:linear-gradient(90deg,transparent,rgba(246,237,224,.65))}.brandmark i:last-child{background:linear-gradient(90deg,rgba(246,237,224,.65),transparent)}.slide.active .scene-text{animation:title-fade .7s var(--ease-out) .12s both}.slide.active .scene-text h1{animation:title-rise .8s var(--ease-out) .12s both}.slide.active .scene-text .brandmark{animation:title-rise .8s var(--ease-out) .21s both}@keyframes title-fade{0%{opacity:0}to{opacity:1}}@keyframes title-rise{0%{transform:translateY(26px);filter:blur(6px)}to{transform:translateY(0);filter:blur(0)}}@media(prefers-reduced-motion:reduce){.slide.active .scene-text h1,.slide.active .scene-text .brandmark{animation:title-fade .3s ease both}}@media(max-width:1023px){.frame{width:100vw;height:100dvh;container-type:normal}.frame img.art{object-position:var(--focal-m, var(--focal, 50% 55%))}.scene-text{left:var(--mx, 50%);top:var(--my, 9%);max-width:90vw;width:max-content}.scene-text h1{font-size:clamp(28px,9.4vw,52px)}.brandmark span{font-size:12px}.brandmark{margin-top:6px}}.edge{position:fixed;top:90px;bottom:140px;width:13%;min-width:90px;z-index:5;display:grid;place-items:center}.edge.left{left:0}.edge.right{right:0}.walk{border:none;background:transparent;color:#fff;font-size:92px;font-weight:300;line-height:1;cursor:pointer;opacity:0;transform:scale(.92);transition:opacity .22s var(--ease-out),transform .18s var(--ease-out);text-shadow:0 4px 26px rgba(0,0,0,.7);padding:0 18px;user-select:none}@media(hover:hover)and (pointer:fine){.edge:hover .walk{opacity:1;transform:scale(1)}}.walk:active{transform:scale(.88)}.walk:focus-visible{opacity:1;transform:scale(1)}body.chevrons-on .walk{opacity:.85;transform:scale(1)}@media(hover:none){.walk{opacity:.35;font-size:56px}}.picker-btn{display:flex;align-items:center;gap:8px;padding:9px 16px;border:1px solid var(--glass-border);border-radius:999px;background:var(--glass-chip);backdrop-filter:var(--blur-chip);-webkit-backdrop-filter:var(--blur-chip);color:#fff;font-family:inherit;font-size:14px;font-weight:600;letter-spacing:.005em;text-shadow:0 1px 3px rgba(0,0,0,.5);cursor:pointer;box-shadow:var(--edge-top),0 4px 18px #0000004d;transition:background .2s var(--ease-out),transform .12s var(--ease-out),box-shadow .2s var(--ease-out)}@media(hover:hover)and (pointer:fine){.picker-btn:hover{background:linear-gradient(to bottom,#ffffff3d,#ffffff1f);border-color:#ffffff57;transform:translateY(-1px);box-shadow:var(--edge-top),0 8px 24px #00000061}}.picker-btn:active{transform:translateY(0) scale(.97)}.picker-btn svg{width:15px;height:15px;fill:currentColor;opacity:.85}.picker[hidden]{display:none}.picker{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:4vh 4vw;background:#08090e6b;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);opacity:0;transition:opacity .26s var(--ease-out),backdrop-filter .3s var(--ease-out)}.picker.open{opacity:1;backdrop-filter:blur(28px) saturate(1.3);-webkit-backdrop-filter:blur(28px) saturate(1.3)}.picker-glass{width:min(1080px,100%);max-height:88vh;display:flex;flex-direction:column;border-radius:28px;background:var(--glass-modal);backdrop-filter:var(--blur-modal);-webkit-backdrop-filter:var(--blur-modal);border:1px solid var(--glass-border);box-shadow:var(--edge-top),0 30px 90px #0009;overflow:hidden;transform:scale(.965);filter:blur(6px);transition:transform .3s var(--ease-out),filter .26s var(--ease-out)}.picker.open .picker-glass{transform:scale(1);filter:blur(0)}.picker-head{display:flex;align-items:flex-start;justify-content:space-between;padding:26px 30px 14px}.picker-head h2{font-size:30px;font-weight:800;color:#fff;letter-spacing:.01em;text-shadow:0 1px 3px rgba(0,0,0,.45)}.picker-head p{margin-top:3px;font-size:14px;color:#f6ede0a6}.picker-head .about-link{color:#f6ede0a6;text-decoration:none;border-bottom:1px solid rgba(246,237,224,.22)}.picker-head .about-link:hover{color:var(--ink);border-bottom-color:var(--ink)}.picker-close{border:none;width:36px;height:36px;flex:none;border-radius:50%;background:#ffffff1f;color:#ffffffd9;cursor:pointer;display:grid;place-items:center;transition:background .2s var(--ease-out),color .2s var(--ease-out),transform .12s var(--ease-out)}@media(hover:hover)and (pointer:fine){.picker-close:hover{background:#fff3;color:#fff}}.picker-close:active{transform:scale(.92)}.picker-close svg{width:15px;height:15px;fill:currentColor}.picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:20px;padding:14px 30px 30px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.picker .card{position:relative;border:none;border-radius:16px;overflow:hidden;cursor:pointer;height:0;padding:0 0 62.5%;background:#1a1713;box-shadow:0 6px 22px #00000059;transition:transform .22s var(--ease-out),box-shadow .22s var(--ease-out);outline:2px solid transparent;outline-offset:2px}.picker.open .card{animation:card-in .46s var(--ease-out) both;animation-delay:calc(var(--stagger) * 28ms)}@keyframes card-in{0%{opacity:0;translate:0 16px;scale:.97}to{opacity:1;translate:0 0;scale:1}}@media(hover:hover)and (pointer:fine){.picker .card:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 14px 34px #00000080}.picker .card:hover img{transform:scale(1.06)}}.picker .card:active{transform:scale(.985)}.picker .card img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;transition:transform .26s var(--ease-out)}.picker .card:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(6,6,10,.78) 0%,transparent 46%)}.picker .card-name{position:absolute;left:14px;right:14px;bottom:11px;z-index:1;text-align:left;font-size:17px;line-height:1.25;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.6)}.picker .card.current{outline-color:#ffffffd9}.picker .card.current:before{content:"अभी यहाँ";position:absolute;top:10px;right:10px;z-index:1;font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px;background:#ffffffeb;color:#17130f}@media(prefers-reduced-motion:reduce){.picker,.picker-glass,.picker .card{transition:none;animation:none!important}.picker-glass{filter:none}}:where(button,a,[tabindex]):focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:8px}.picker .card:focus-visible{outline-color:#fff;outline-offset:2px}.playbtn:focus-visible{outline-offset:4px}@media(prefers-reduced-transparency:reduce){.player,.picker-btn,.picker-glass{backdrop-filter:none;-webkit-backdrop-filter:none}.player{background:#100d0bf7}.picker-btn{background:#120f0df7}.picker-glass{background:#0e0c0bfc}.picker{background:#08090ee0}.picker.open{backdrop-filter:none;-webkit-backdrop-filter:none}}@media(prefers-contrast:more){.player,.picker-btn,.picker-glass{border-color:#ffffff8c}.player,.picker-btn{background:#0c0a09f5}.picker-glass{background:#0a0908fa}.player .sub,.player .time{color:#ffffffeb}.clock,.online{color:#fff}}@media(max-width:640px){.picker{padding:3vh 3vw}.picker-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;padding:12px 20px 26px}.picker .card{border-radius:14px;padding-bottom:75%}.picker-head{padding:20px 18px 10px}.picker-head h2{font-size:24px}}.fade-root{animation:fadein .7s ease both}@keyframes fadein{0%{opacity:0}to{opacity:1}}@media(max-width:640px){.player{min-width:0;width:calc(100vw - 28px)}}