@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=IBM+Plex+Sans:wght@400;500;600&family=Noto+Sans+Devanagari:wght@600;700;800&display=swap";:root{--ink:#0b0a09;--fog:#0c0a096b;--glass:#0e0c0b8c;--line:#fff8f038;--text:#f6f1ea;--muted:#f6f1eab8;--accent:#e8ff3d;--danger:#ff4d3a;--font-ui:"IBM Plex Sans", system-ui, sans-serif;--font-display:"Bebas Neue", "Impact", sans-serif;--font-hi:"Noto Sans Devanagari", "IBM Plex Sans", sans-serif;color:var(--text);font-family:var(--font-ui);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*,:before,:after{box-sizing:border-box}html,body,#root{background:var(--ink);height:100%;min-height:100%;margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer;color:inherit;background:0 0;border:0}a{color:inherit;text-decoration:none}p{margin:0}.app{width:100%;height:100%;min-height:100dvh;color:var(--text);position:relative}.yt-hidden{opacity:.01;pointer-events:none;width:1px;height:1px;position:absolute;bottom:0;left:-9999px;overflow:hidden}.stage{background:#14110f;position:absolute;inset:0;overflow:hidden}.stage__media{transition:opacity .35s;position:absolute;inset:0}.stage__media.is-hidden{opacity:0}.stage__media.is-visible{opacity:1}.stage__video,.stage__image,.stage__fallback{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.stage__fallback{background:radial-gradient(circle at 20% 20%,#3a2a22 0%,#0000 45%),radial-gradient(circle at 80% 70%,#1d2a33 0%,#0000 40%),linear-gradient(160deg,#1a1410,#0b0a09 70%)}.ken-burns{transform-origin:50%;will-change:transform;animation:28s ease-in-out infinite alternate kenburns}@keyframes kenburns{0%{transform:scale(1.05)translate(-1.5%)}to{transform:scale(1.14)translate(1.5%,-1%)}}.stage__veil{pointer-events:none;background:linear-gradient(#00000059 0%,#0000 28% 62%,#0000008c 100%),radial-gradient(#0000 40%,#00000059 100%);position:absolute;inset:0}.top-bar{letter-spacing:.02em;color:var(--text);text-shadow:0 1px 8px #00000073;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:.9rem 1.25rem;font-size:.82rem;display:grid;position:relative}.top-bar__time{opacity:.92;justify-self:start}.top-bar__center{justify-self:center}.online-pill{font-variant-numeric:tabular-nums;color:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#120e0d8c;border-radius:999px;align-items:center;gap:.4rem;padding:.28rem .7rem;font-size:.82rem;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff1f}.online-pill__dot{background:#39d353;border-radius:50%;width:.45rem;height:.45rem;box-shadow:0 0 0 3px #39d3532e}.top-bar__links{justify-self:end;gap:1rem;display:flex}.top-bar__links a{opacity:.92;transition:opacity .2s}.top-bar__links a:hover{opacity:1}.brand-mark{z-index:4;text-align:center;pointer-events:none;animation:1.1s both brand-in;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.brand-mark__hi{font-family:var(--font-hi);letter-spacing:.02em;text-shadow:0 4px 28px #0000008c;font-size:clamp(2.8rem,8vw,5.5rem);font-weight:800;line-height:.95}.brand-mark__en{font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:#f6f1eaeb;text-shadow:0 2px 16px #00000080;margin-top:.35rem;font-size:clamp(1.4rem,3.5vw,2.4rem)}@keyframes brand-in{0%{opacity:0;transform:translate(-50%,calc(12px - 50%))}to{opacity:1;transform:translate(-50%,-50%)}}.ui-chrome{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .7s,transform .7s,visibility .7s linear}.ui-chrome--top{z-index:5;position:absolute;top:0;left:0;right:0;transform:translateY(0)}.ui-chrome--player{transform:translateY(0)}.app.ui-idle .ui-chrome{opacity:0;visibility:hidden;pointer-events:none}.app.ui-idle .ui-chrome--top{transform:translateY(-14px)}.app.ui-idle .ui-chrome--player{transform:translateY(28px)}.app.ui-idle,.app.ui-idle *,html.idle-cursor-hidden,html.idle-cursor-hidden *,body.idle-cursor-hidden,body.idle-cursor-hidden *{cursor:none!important}.app__footer{z-index:6;justify-content:center;padding:1rem 1rem 1.4rem;display:flex;position:absolute;bottom:0;left:0;right:0}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.player-bar{-webkit-backdrop-filter:blur(18px)saturate(1.2);background:#12100fb8;border:1px solid #ffffff24;border-radius:999px;grid-template-columns:1fr auto;align-items:center;gap:1.1rem;width:min(640px,100%);padding:.7rem 1rem .7rem .7rem;display:grid;box-shadow:0 18px 40px #00000052,inset 0 1px #ffffff14}.player-bar__meta{grid-template-columns:auto 1fr;align-items:center;gap:.85rem;min-width:0;display:grid}.player-bar__cd{background:#1a1210;border-radius:50%;flex-shrink:0;width:42px;height:42px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff24,0 4px 14px #00000059}.player-bar__cd-art{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.player-bar__cd-ring{pointer-events:none;border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff29,inset 0 0 12px #00000040}.player-bar__cd-hole{pointer-events:none;background:radial-gradient(circle at 35% 30%,#3a2c28 0%,#120d0c 70%);border-radius:50%;width:9px;height:9px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #ffffff2e,inset 0 1px 2px #000000a6}.player-bar__cd.is-spinning{animation:4.8s linear infinite cd-spin}@keyframes cd-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.player-bar__cd.is-spinning{animation:none}}.player-bar__text{min-width:0;padding-right:.15rem}.player-bar__title{white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;font-weight:600;line-height:1.2;overflow:hidden}.player-bar__artist{color:#f6f1eaad;white-space:nowrap;text-overflow:ellipsis;margin-top:.12rem;font-size:.76rem;overflow:hidden}.player-bar__progress-block{margin-top:.42rem}.player-bar__scrub{appearance:none;background:linear-gradient(90deg, #fffffff2 0%, #fffffff2 var(--progress,0%), #ffffff47 var(--progress,0%), #ffffff47 100%);cursor:pointer;border-radius:999px;outline:none;width:100%;height:2px}.player-bar__scrub::-webkit-slider-thumb{appearance:none;background:#fff;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 2px #ffffff1f}.player-bar__scrub::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:9px;height:9px}.player-bar__times{color:#f6f1ea9e;letter-spacing:.02em;margin-top:.3rem;font-size:.66rem;display:block}.player-bar__controls{align-items:center;gap:.2rem;padding-right:.15rem;display:flex}.ctrl{color:#fff;opacity:.95;border-radius:50%;place-items:center;width:34px;height:34px;transition:transform .15s,opacity .15s,background .15s;display:grid}.ctrl:hover:not(:disabled){opacity:1;transform:scale(1.06)}.ctrl:disabled{opacity:.35;cursor:default}.ctrl--play{color:#15110f;background:#fff;width:42px;height:42px;margin:0 .15rem}.ctrl--play:hover:not(:disabled){background:#f4f1ea}.sound-hint{z-index:20;font:inherit;color:#fffffff2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;background:#0e0b0aa8;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:.55rem;padding:.75rem 1.4rem;font-size:.95rem;transition:transform .2s,border-color .2s;animation:.35s both hint-in;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 34px #0006}.sound-hint:hover{border-color:#fff6;transform:translate(-50%,-50%)scale(1.03)}.sound-hint__icon{opacity:.9;font-size:.7rem}@keyframes hint-in{0%{opacity:0;transform:translate(-50%,calc(6px - 50%))}}@media (width<=640px){.top-bar{padding:.75rem .9rem;font-size:.75rem}.top-bar__links{gap:.65rem}.player-bar{border-radius:1.4rem;grid-template-columns:1fr;gap:.65rem;width:100%;padding:.75rem .85rem .85rem}.player-bar__controls{justify-content:center}.player-bar__cd{width:38px;height:38px}.player-bar__cd-hole{width:8px;height:8px}.brand-mark{width:min(90vw,420px);top:42%}}