:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--accent:#ff6d37;--accent-soft:#ffc96b;--cream:#fff2d6;--muted:#fff2d69e;--ink:#0e120f;--glass:#0e110ec2;--line:#ffffff21;--progress:0%;--volume:78%;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{background:var(--ink);width:100%;min-width:320px;height:100%;margin:0;overflow:hidden}body{color:var(--cream);-webkit-font-smoothing:antialiased}button,input,a{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent-soft);outline-offset:3px}.stage{isolation:isolate;background:#302719;width:100%;height:100%;min-height:600px;position:relative;overflow:hidden}.backdrop-video,.colour-wash,.vignette,.grain{width:100%;height:100%;position:absolute;inset:0}.backdrop-video{z-index:-5;object-fit:cover;object-position:center center;filter:saturate(.92)contrast(1.05)brightness(.88);transform:scale(1.01)}.colour-wash{z-index:-4;mix-blend-mode:multiply;background:linear-gradient(90deg,#060a0861 0%,#0000 42%,#090c0a1f 70%),linear-gradient(#090c0a85 0%,#0000 32% 58%,#080a09c7 100%)}.vignette{z-index:-3;box-shadow:inset 0 0 190px 28px #05080694}.grain{z-index:-2;pointer-events:none;opacity:.14;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}.topbar{z-index:10;align-items:center;width:100%;padding:26px clamp(24px,4vw,68px);animation:.7s ease-out both reveal-down;display:flex;position:absolute;top:0;left:0}.brand{color:var(--cream);align-items:center;gap:6px;text-decoration:none;display:inline-flex}.brand-mark{width:58px;height:48px;box-shadow:none;background:0 0;border:0;border-radius:0;display:block;position:relative;overflow:visible}.brand-mark-image{object-fit:contain;object-position:center center}.brand-copy{letter-spacing:-.02em;align-items:baseline;gap:7px;display:flex}.brand-copy strong{letter-spacing:.16em;font-size:14px}.brand-copy small{color:var(--muted);letter-spacing:.12em;font-size:10px;font-weight:700}.truck-charm{z-index:5;width:clamp(64px,7vw,86px);color:var(--cream);pointer-events:none;opacity:1;mix-blend-mode:normal;transform-origin:50% 0;animation:5.4s ease-in-out infinite charm-sway-overlay;position:absolute;top:48%;left:36%;transform:translate(-50%,-50%)}.truck-charm:before{content:"";background:#121711;border:1.5px solid #ffebb7bf;border-radius:50%;width:6px;height:6px;position:absolute;top:-8px;left:50%;transform:translate(-50%);box-shadow:0 0 0 3px #10141040}.truck-charm svg{filter:drop-shadow(0 6px 14px #00000073);width:100%;height:auto;display:block;overflow:visible}.charm-thread{fill:none;stroke:#d6b26b;stroke-width:2.2px;stroke-linecap:round;stroke-dasharray:3 3}.hero{z-index:2;text-shadow:0 4px 36px #00000057;width:min(900px,76vw);animation:.9s cubic-bezier(.2,.8,.2,1) 80ms both reveal-up;position:absolute;bottom:clamp(188px,23vh,280px);left:clamp(24px,6vw,110px)}.hero-copy{min-width:0;position:relative}.hero-kicker{color:#fff5dfd1;letter-spacing:.2em;align-items:center;gap:13px;margin-bottom:13px;font-size:10px;font-weight:750;display:flex}.kicker-line{background:var(--accent-soft);width:38px;height:1px}.hero h1{z-index:1;color:var(--cream);letter-spacing:-.075em;flex-direction:column;align-items:flex-start;margin:0;font-family:Noto Sans Devanagari,Kohinoor Devanagari,Arial Unicode MS,sans-serif;font-size:clamp(58px,7.2vw,114px);font-weight:900;line-height:.88;display:flex;position:relative}.hero h1>span{z-index:1;display:block;position:relative}.hero-accent{color:var(--accent-soft);margin-left:clamp(24px,3.6vw,58px)}.hero-footer{align-items:center;gap:20px;margin-top:20px;display:flex}.hero-footer p{letter-spacing:.09em;text-transform:uppercase;margin:0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(15px,1.4vw,20px);font-weight:500}.player-shell{z-index:12;-webkit-backdrop-filter:blur(28px)saturate(1.35);backdrop-filter:blur(28px)saturate(1.35);background:linear-gradient(115deg,#242a23d1,#0c0f0dc2 52%,#231812cc);border:1px solid #ffffff29;border-radius:30px;grid-template-columns:minmax(220px,.85fr) minmax(280px,1.2fr);align-items:center;gap:22px;width:min(720px,100% - 48px);min-height:112px;padding:15px 22px;animation:.9s cubic-bezier(.2,.9,.2,1) .18s both player-in;display:grid;position:absolute;bottom:clamp(16px,3.2vh,34px);left:50%;transform:translate(-50%);box-shadow:0 22px 70px #0000005c,inset 0 1px #ffffff14}.player-shell:before{content:"";background:linear-gradient(90deg, transparent, var(--accent-soft), transparent);opacity:.86;width:90px;height:1px;position:absolute;top:0;left:34px}.track-identity{align-items:center;gap:13px;min-width:0;display:flex}.cover-wrap{background:#c48155;border:1px solid #ffffff26;border-radius:18px;flex:0 0 76px;width:76px;height:76px;position:relative;overflow:hidden;box-shadow:0 10px 24px #00000040}.cover-wrap:after{content:"";background:linear-gradient(#0000 44%,#080a09b8);position:absolute;inset:0}.cover-wrap img{object-fit:cover;width:100%;height:100%}.equalizer{z-index:2;align-items:flex-end;gap:2px;height:14px;display:flex;position:absolute;bottom:8px;right:8px}.equalizer span{background:var(--cream);transform-origin:bottom;border-radius:2px;width:2px;height:4px}.is-playing .equalizer span:first-child{animation:.62s ease-in-out -.1s infinite alternate eq}.is-playing .equalizer span:nth-child(2){animation:.48s ease-in-out -.32s infinite alternate eq}.is-playing .equalizer span:nth-child(3){animation:.7s ease-in-out -.25s infinite alternate eq}.is-playing .equalizer span:nth-child(4){animation:.54s ease-in-out -.4s infinite alternate eq}.track-copy{min-width:0}.now-playing{color:var(--accent-soft);letter-spacing:.15em;text-transform:uppercase;align-items:center;gap:6px;margin-bottom:6px;font-size:9px;font-weight:750;display:inline-flex}.now-playing>span{background:currentColor;border-radius:50%;width:4px;height:4px}.track-copy h2,.track-copy p{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.track-copy h2{color:#fff8e9;letter-spacing:-.02em;font-size:16px;font-weight:700}.track-copy p{color:var(--muted);margin-top:4px;font-size:11px}.transport{flex-direction:column;gap:9px;min-width:0;display:flex}.transport-buttons{justify-content:center;align-items:center;gap:clamp(8px,1.2vw,16px);display:flex}.control-button,.play-button,.close-button{cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:0;display:inline-grid}.control-button{color:#fff7e599;border-radius:50%;width:32px;height:32px;transition:color .16s,background .16s,transform .16s}.control-button:hover{color:var(--cream);background:#ffffff12;transform:scale(1.06)}.control-button[aria-pressed=true]{color:var(--accent-soft)}.control-button svg,.close-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.skip-button svg{width:19px;height:19px}.play-button{background:var(--cream);color:#121612;border-radius:50%;width:48px;height:48px;transition:transform .18s,background .18s,box-shadow .18s;box-shadow:0 8px 24px #0000003d,0 0 #ffc96b59}.play-button:hover{background:#fff;transform:scale(1.06);box-shadow:0 9px 28px #00000042,0 0 0 6px #ffc96b1f}.play-button svg{fill:none;stroke:currentColor;stroke-width:2.1px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.play-button .play-icon{fill:currentColor;stroke:none;margin-left:2px}.pause-icon,.is-playing .play-icon{display:none}.is-playing .pause-icon{display:block}.timeline{color:#fff5e07a;font-variant-numeric:tabular-nums;grid-template-columns:32px 1fr 32px;align-items:center;gap:8px;font-size:9px;display:grid}.timeline span:last-child{text-align:right}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:14px;margin:0;padding:0}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--accent-soft) 0 var(--progress), #ffffff2e var(--progress) 100%);border-radius:99px;height:3px}input[type=range]::-moz-range-track{background:linear-gradient(90deg, var(--accent-soft) 0 var(--progress), #ffffff2e var(--progress) 100%);border-radius:99px;height:3px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--cream);opacity:0;border:2px solid #252a25;border-radius:50%;width:11px;height:11px;margin-top:-4px;transition:opacity .15s,transform .15s;box-shadow:0 0 0 2px #ffffff0f}input[type=range]::-moz-range-thumb{background:var(--cream);opacity:0;border:2px solid #252a25;border-radius:50%;width:8px;height:8px}input[type=range]:hover::-webkit-slider-thumb{opacity:1}input[type=range]:focus-visible::-webkit-slider-thumb{opacity:1}input[type=range]:hover::-moz-range-thumb{opacity:1}input[type=range]:focus-visible::-moz-range-thumb{opacity:1}input[type=range]:disabled{cursor:not-allowed;opacity:.42}.queue-panel{z-index:31;visibility:hidden;-webkit-backdrop-filter:blur(34px)saturate(1.25);backdrop-filter:blur(34px)saturate(1.25);opacity:0;background:#0d100de3;border:1px solid #ffffff29;border-radius:28px;flex-direction:column;width:min(440px,100% - 32px);padding:20px;transition:opacity .25s,transform .32s cubic-bezier(.2,.8,.2,1),visibility 0s .32s;display:flex;position:absolute;top:16px;bottom:16px;right:16px;transform:translate(calc(100% + 32px));box-shadow:-18px 0 80px #00000059,inset 0 1px #ffffff14}.queue-open .queue-panel{visibility:visible;opacity:1;transition:opacity .25s,transform .32s cubic-bezier(.2,.8,.2,1),visibility;transform:translate(0)}.queue-scrim{z-index:30;visibility:hidden;opacity:0;cursor:default;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#04060561;border:0;padding:0;transition:opacity .25s,visibility 0s .25s;position:absolute;inset:0}.queue-open .queue-scrim{visibility:visible;opacity:1;transition:opacity .25s,visibility}.queue-header{border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding:3px 2px 14px;display:flex}.panel-kicker{color:var(--accent-soft);letter-spacing:.17em;font-size:9px;font-weight:760}.queue-header h2{color:#fff9ea;letter-spacing:-.045em;margin:7px 0 2px;font-size:28px}.queue-header p{color:var(--muted);margin:0;font-size:11px}.close-button{border:1px solid var(--line);color:#ffffffb8;border-radius:50%;width:38px;height:38px;transition:background .16s,transform .16s}.close-button:hover{background:#ffffff14;transform:rotate(4deg)}.youtube-audio-host{z-index:-1;opacity:0;pointer-events:none;width:320px;height:180px;position:fixed;top:0;left:0;overflow:hidden}.youtube-audio-host>div,.youtube-audio-host iframe{border:0;width:320px;height:180px;display:block}.youtube-status-bar{border-bottom:1px solid var(--line);flex:none;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:14px 3px 12px;display:grid}.youtube-status-bar>div{min-width:0}.youtube-status-bar strong,.youtube-status-bar span{display:block}.youtube-status-bar strong{color:#fff8e9;letter-spacing:.01em;font-size:10px}.youtube-status-bar>div span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:8px;overflow:hidden}.youtube-signal{background:#a49177;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #a491771a}.youtube-signal.ready{background:#b9ed70;box-shadow:0 0 0 4px #b9ed701c,0 0 12px #b9ed708c}.youtube-wordmark{color:#ff5b52;letter-spacing:-.02em;font-size:9px;font-weight:800}.youtube-setup{background:radial-gradient(circle at 90% 10%,#4ec2aa26,#0000 34%),linear-gradient(135deg,#e5482c24,#f6c85b0f),#070a086b;border:1px solid #f6c85b33;flex-direction:column;justify-content:center;min-height:218px;margin:14px 0 5px;padding:24px;display:flex;position:relative;overflow:hidden}.youtube-setup:after{content:"हॉर्न ओके प्लीज़";color:#f6c85b0f;font-family:Noto Sans Devanagari,sans-serif;font-size:34px;font-weight:900;position:absolute;bottom:2px;right:-8px;transform:rotate(-5deg)}.youtube-setup-badge{color:#ff7168;letter-spacing:.12em;text-transform:uppercase;align-self:flex-start;align-items:center;gap:6px;margin-bottom:13px;font-size:9px;font-weight:800;display:inline-flex}.youtube-setup-badge svg{fill:currentColor;stroke:none;width:12px;height:12px}.youtube-setup h3{color:#fff8e9;letter-spacing:-.045em;margin:0;font-size:23px}.youtube-setup p{max-width:310px;color:var(--muted);margin:8px 0 13px;font-size:10px;line-height:1.55}.youtube-setup p code{color:var(--cream)}.youtube-env-line{z-index:1;color:#f5d178;text-overflow:ellipsis;white-space:nowrap;background:#06090785;border:1px dashed #f6c85b47;width:100%;padding:10px 11px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;display:block;position:relative;overflow:hidden}.youtube-setup-hint{color:#fff5e066;margin-top:8px;font-size:8px}.queue-list{scrollbar-color:#fff3 transparent;scrollbar-width:thin;flex-direction:column;flex:auto;gap:3px;min-height:70px;margin:12px -8px 0;padding:0 8px 6px;display:flex;overflow-y:auto}.track-row{--track-accent:var(--accent);width:100%;color:var(--cream);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:14px;grid-template-columns:38px 48px minmax(0,1fr) auto;align-items:center;gap:11px;padding:10px 8px;transition:background .17s,transform .17s;display:grid}.track-row:hover{background:#ffffff0f;transform:translate(2px)}.track-row.active{background:#ffffff13}.queue-index{color:#fff2d657;font-variant-numeric:tabular-nums;font-size:10px}.track-row.active .queue-index{color:var(--track-accent)}.queue-cover{background-color:var(--track-accent);background-position:50%;background-size:cover;border-radius:11px;width:48px;height:48px;position:relative;overflow:hidden}.queue-cover img{object-fit:cover;opacity:.84;mix-blend-mode:luminosity;width:100%;height:100%}.queue-cover:after{content:"";background:linear-gradient(145deg, transparent, color-mix(in srgb, var(--track-accent) 72%, transparent));mix-blend-mode:color;position:absolute;inset:0}.queue-track-copy{min-width:0}.queue-track-copy strong,.queue-track-copy span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.queue-track-copy strong{color:#fff8e8;font-size:12px}.queue-track-copy span{color:var(--muted);margin-top:4px;font-size:10px}.queue-duration{color:#fff2d659;font-variant-numeric:tabular-nums;font-size:9px}.queue-empty{color:#fff2d661;text-align:center;flex-direction:column;flex:auto;justify-content:center;align-items:center;min-height:90px;padding:14px;display:flex}.queue-empty svg{stroke-width:1.4px;width:20px;height:20px;margin-bottom:8px}.queue-empty p{max-width:240px;color:var(--muted);margin:0;font-size:10px;line-height:1.45}.queue-empty span{color:#fff2d654;max-width:260px;margin-top:5px;font-size:8px;line-height:1.4}.queue-note{background:linear-gradient(120deg,#ff6d371c,#ffc96b0f);border:1px solid #ffc96b29;border-radius:17px;align-items:center;gap:12px;margin-top:10px;padding:15px;display:flex}.queue-note-icon{width:46px;height:38px;color:var(--accent-soft);border:1px solid #ffc96b47;border-radius:9px;flex:0 0 46px;place-items:center;font-family:Noto Sans Devanagari,sans-serif;font-size:11px;font-weight:700;display:grid;transform:rotate(-3deg)}.queue-note strong{font-size:11px}.queue-note p{color:var(--muted);margin:3px 0 0;font-size:10px}.toast{z-index:50;border:1px solid var(--line);color:var(--cream);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;pointer-events:none;background:#0c100ddb;border-radius:99px;padding:10px 15px;font-size:11px;transition:opacity .18s,transform .18s;position:absolute;top:84px;left:50%;transform:translate(-50%,-8px);box-shadow:0 14px 40px #00000040}.toast.visible{opacity:1;transform:translate(-50%)}@keyframes reveal-down{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}@keyframes reveal-up{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes player-in{0%{opacity:0;transform:translate(-50%,25px)scale(.98)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes eq{0%{transform:scaleY(.35)}to{transform:scaleY(2.8)}}@keyframes charm-sway{0%,to{transform:rotate(-1.8deg)}50%{transform:rotate(2.2deg)}}@keyframes charm-sway-overlay{0%,to{transform:translate(-50%,-50%)rotate(-1.6deg)}50%{transform:translate(-50%,-50%)rotate(2deg)}}@media (max-width:980px){.player-shell{grid-template-columns:minmax(200px,.85fr) minmax(260px,1.2fr);gap:14px;width:min(640px,100% - 36px)}}@media (max-width:720px){.stage{min-height:540px}.backdrop-video{object-position:51% center}.colour-wash{background:linear-gradient(#080b098c,#0000 27% 48%,#080a09d6 100%),linear-gradient(90deg,#07090840,#0000 70%)}.topbar{padding:18px}.hero{width:calc(100% - 44px);bottom:238px;left:22px}.truck-charm{opacity:1;width:clamp(58px,16vw,74px);top:48%;left:38%}.hero-kicker{margin-bottom:10px}.hero h1{font-size:clamp(42px,12.5vw,62px);line-height:.92}.hero-accent{margin-left:10px}.hero-footer{margin-top:14px}.player-shell{border-radius:24px;grid-template-columns:1fr;gap:11px;width:calc(100% - 20px);min-height:0;padding:12px 13px 11px;bottom:10px}.cover-wrap{border-radius:13px;flex-basis:54px;width:54px;height:54px}.equalizer{bottom:6px;right:6px}.now-playing{margin-bottom:3px;font-size:8px}.track-copy h2{font-size:14px}.track-copy p{font-size:10px}.transport{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;display:grid}.transport-buttons{gap:3px}.play-button{width:42px;height:42px}.timeline{grid-template-columns:28px 1fr 28px;gap:5px;min-width:0}.queue-panel{border-radius:24px;width:calc(100% - 16px);padding:17px;top:8px;bottom:8px;right:8px}.youtube-status-bar{padding-top:12px}.youtube-setup{min-height:206px;padding:20px}}@media (max-height:700px) and (min-width:721px){.hero{bottom:160px}.hero h1{font-size:clamp(52px,7vw,96px)}.hero-footer{margin-top:14px}.player-shell{min-height:100px;bottom:14px}.cover-wrap{flex-basis:66px;width:66px;height:66px}.queue-note{display:none}.queue-header h2{font-size:24px}}@media (max-height:620px){.queue-note{display:none}.queue-header{padding-bottom:9px}.queue-header h2{margin-top:4px;font-size:22px}.youtube-status-bar{padding-top:9px;padding-bottom:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}