:root{--chai-cream: #f5e6c8;--chai-gold: #d4a043;--chai-amber: #b8741a;--chai-brown: #6b3a1f;--chai-dark: #1a0d05;--chai-smoke: rgba(250, 235, 200, .06);--chai-smoke-mid: rgba(250, 235, 200, .12);--chai-smoke-hi: rgba(250, 235, 200, .22);--glass-bg: rgba(26, 13, 5, .55);--glass-border: rgba(212, 160, 67, .25);--glass-blur: 16px;--glass-shadow: 0 8px 32px rgba(0,0,0,.45), 0 1px 0 rgba(212,160,67,.15) inset;--font-display: "Rozha One", "Noto Sans Devanagari", serif;--font-hindi: "Rozha One", "Noto Sans Devanagari", serif;--font-latin: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-pill: 999px;--radius-card: 20px;--ease-out-expo: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root,#tv-root{width:100%;height:100%;overflow:hidden;background:var(--chai-dark)}body{font-family:var(--font-latin);color:var(--chai-cream);-webkit-font-smoothing:antialiased}.backdrop-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}.backdrop-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;image-rendering:-webkit-optimize-contrast;mask-image:radial-gradient(ellipse 110% 110% at 50% 50%,black 60%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 110% 110% at 50% 50%,black 60%,transparent 100%)}.backdrop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#1a0d054d,#1a0d051a 35%,#1a0d0533 65%,#1a0d0599)}.scene{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:1fr;padding:clamp(1rem,2.5vw,1.8rem) clamp(1rem,3vw,2.2rem);pointer-events:none}.top-bar{display:flex;align-items:center;justify-content:space-between;pointer-events:auto;gap:1rem}.live-clock{font-family:var(--font-mono);font-size:clamp(.7rem,1.4vw,.8rem);font-weight:400;letter-spacing:.15em;text-transform:uppercase;color:#f5e6c8b8;white-space:nowrap;font-variant-numeric:tabular-nums}.listener-pill{display:inline-flex;align-items:center;gap:0;font-family:var(--font-mono);font-size:clamp(.7rem,1.4vw,.8rem);font-weight:400;color:#f5e6c8d9;white-space:nowrap}.listener-pill__dot{width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 6px #4ade80,0 0 12px #4ade8080;flex-shrink:0;animation:pulse-dot 2s ease-in-out infinite;margin-right:.65em}.listener-pill__count{font-weight:500;margin-right:.55em;line-height:1}.listener-pill__label{opacity:.72;font-weight:400}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.7}}.top-links{display:flex;gap:1rem;align-items:center}.top-pill{display:inline-flex;align-items:center;gap:.4em;color:#f5e6c8bf;font-family:var(--font-mono);font-size:clamp(.7rem,1.4vw,.8rem);font-weight:400;text-decoration:none;letter-spacing:.02em;transition:color .2s}.top-pill:hover{color:var(--chai-cream)}.top-pill svg{width:14px;height:14px;flex-shrink:0}#spotify-link svg{color:#1ed760}#ytmusic-link svg{color:#f03}.title-block{align-self:center;justify-self:start;display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;pointer-events:none;position:relative;animation:ambient-title-entrance 1.2s cubic-bezier(.16,1,.3,1) forwards}.title-block:before,.title-block:after{content:"";position:absolute;border-radius:50%;background:radial-gradient(circle,var(--chai-gold) 0%,rgba(212,160,67,0) 70%);pointer-events:none;opacity:0}.title-block:before{width:6px;height:6px;top:15%;left:-14px;box-shadow:0 0 10px var(--chai-gold);animation:spark-float-left 4s ease-in-out infinite}.title-block:after{width:8px;height:8px;bottom:25%;right:-16px;box-shadow:0 0 12px var(--chai-amber);animation:spark-float-right 4.5s ease-in-out infinite 1.5s}.title-hindi{font-family:var(--font-display);font-size:clamp(3.8rem,9.5vw,7.5rem);font-weight:400;line-height:1;letter-spacing:-.01em;background:linear-gradient(150deg,#fff8ef 0%,var(--chai-cream) 35%,var(--chai-gold) 75%,var(--chai-amber) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px 28px rgba(212,160,67,.38));animation:ambient-hindi-glow 4s ease-in-out infinite alternate}.title-sub{font-family:var(--font-latin);font-size:clamp(.6rem,1.3vw,.76rem);font-weight:300;letter-spacing:.28em;text-transform:uppercase;color:#f5e6c86b;animation:ambient-sub-pulse 3s ease-in-out infinite alternate}.bottom-area{align-self:end;display:flex;flex-direction:column;align-items:center;gap:1rem;padding-bottom:.5rem;pointer-events:auto}.now-playing-card{width:min(460px,94vw);padding:1rem 1.25rem 1.1rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-card);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:var(--glass-shadow);display:flex;flex-direction:column;gap:.6rem;animation:ambient-card-float 5s ease-in-out infinite alternate}.now-playing-top-row{display:flex;align-items:center;justify-content:space-between}.now-playing-label{font-size:.62rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--chai-gold);opacity:.85}.now-playing-elapsed{font-size:.68rem;color:#f5e6c873;font-variant-numeric:tabular-nums;white-space:nowrap}.now-playing-track{font-size:clamp(.85rem,2vw,.98rem);font-weight:400;color:var(--chai-cream);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:1.4em}.now-playing-track--loading{opacity:.4;animation:shimmer 1.6s ease-in-out infinite}@keyframes shimmer{0%,to{opacity:.4}50%{opacity:.7}}.progress-bar{height:3px;border-radius:99px;background:#d4a04333;overflow:visible;position:relative}.progress-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--chai-amber),var(--chai-gold));transition:width .8s linear;position:relative}.progress-fill:after{content:"";position:absolute;right:-4px;top:50%;transform:translateY(-50%);width:9px;height:9px;border-radius:50%;background:var(--chai-gold);box-shadow:0 0 8px var(--chai-gold)}.now-playing-controls-row{display:flex;align-items:center;gap:.35rem;margin-top:.1rem}.player-ctrl-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:none;background:transparent;color:#f5e6c8a6;cursor:pointer;transition:color .18s,background .18s,transform .18s var(--ease-out-expo);flex-shrink:0}.player-ctrl-btn svg{width:18px;height:18px}.player-ctrl-btn:hover:not(:disabled){color:var(--chai-gold);background:#d4a0431a;transform:scale(1.08)}.player-ctrl-btn:disabled{opacity:.3;cursor:not-allowed}.player-ctrl-btn--primary{width:40px;height:40px;background:#d4a04326;border:1px solid var(--glass-border);color:var(--chai-gold)}.player-ctrl-btn--primary svg{width:22px;height:22px}.player-ctrl-btn--primary:hover:not(:disabled){background:#d4a04340;border-color:var(--chai-gold);color:var(--chai-gold);transform:scale(1.06)}.player-ctrl-spacer{flex:1}.cast-btn{display:inline-flex;align-items:center;gap:.4em;padding:.32em .85em;border:1px solid var(--glass-border);border-radius:var(--radius-pill);background:transparent;color:#f5e6c8a6;font-family:var(--font-latin);font-size:.72rem;cursor:pointer;transition:color .2s,border-color .2s,background .2s;pointer-events:auto}.cast-btn:hover{color:var(--chai-gold);border-color:var(--chai-gold);background:#d4a04314}.cast-btn svg{width:14px;height:14px;flex-shrink:0}.bottom-pills{display:flex;gap:.65rem;pointer-events:auto;margin-bottom:.25rem}.bottom-pill{display:inline-flex;align-items:center;gap:.4em;padding:.38em 1em;border:1px solid var(--glass-border);border-radius:var(--radius-pill);background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--chai-cream);font-family:var(--font-latin);font-size:.75rem;font-weight:400;text-decoration:none;letter-spacing:.04em;transition:border-color .2s,background .2s,transform .2s var(--ease-out-expo)}.bottom-pill:hover{border-color:var(--chai-gold);background:#d4a0431a;transform:translateY(-2px)}.bottom-pill svg{width:13px;height:13px;flex-shrink:0}.enter-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#1a0d05d1;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);cursor:pointer;transition:opacity .6s var(--ease-out-expo)}.enter-overlay.fade-out{opacity:0;pointer-events:none}.enter-overlay__inner{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.2rem}.enter-overlay__hindi{font-family:var(--font-hindi);font-size:clamp(2.5rem,7vw,5.5rem);font-weight:700;background:linear-gradient(135deg,var(--chai-cream) 0%,var(--chai-gold) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 24px rgba(212,160,67,.4))}.enter-overlay__tap{font-size:clamp(.8rem,2vw,1rem);font-weight:300;letter-spacing:.2em;text-transform:uppercase;color:#f5e6c880;animation:tap-pulse 2.5s ease-in-out infinite}@keyframes tap-pulse{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:.9;transform:translateY(-3px)}}.enter-overlay__icon{animation:float-cup 3s ease-in-out infinite;font-size:3rem;filter:drop-shadow(0 4px 16px rgba(212,160,67,.3))}@keyframes float-cup{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(2deg)}}.steam-wrap{position:fixed;bottom:var(--steam-bottom, 28%);left:var(--steam-left, 48%);transform:translate(-50%);z-index:5;pointer-events:none;display:flex;gap:10px;align-items:flex-end}.steam-strand{width:6px;border-radius:99px;background:linear-gradient(to top,rgba(245,230,200,.25),transparent);transform-origin:bottom center;animation:steam-rise var(--steam-dur, 3s) ease-in-out infinite;animation-delay:var(--steam-delay, 0s)}.steam-strand:nth-child(1){height:40px;--steam-dur: 2.8s;--steam-delay: 0s;width:5px}.steam-strand:nth-child(2){height:55px;--steam-dur: 3.2s;--steam-delay: .4s;width:7px}.steam-strand:nth-child(3){height:45px;--steam-dur: 2.6s;--steam-delay: .8s;width:5px}@keyframes steam-rise{0%{transform:translateY(0) scaleX(1) skew(0);opacity:0}20%{opacity:.7}60%{transform:translateY(-30px) scaleX(1.15) skew(6deg);opacity:.4}to{transform:translateY(-60px) scaleX(.7) skew(-4deg);opacity:0}}@media (max-width: 767px){.steam-wrap{--steam-bottom: 20%;--steam-left: 50%}}@media (min-width: 768px) and (max-width: 1279px){.steam-wrap{--steam-bottom: 26%;--steam-left: 47%}}@media (min-width: 1280px){.steam-wrap{--steam-bottom: 30%;--steam-left: 48%}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0a0502bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;animation:fade-in .25s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal-card{width:min(380px,92vw);padding:2rem;background:#1a0d05eb;border:1px solid var(--glass-border);border-radius:var(--radius-card);box-shadow:var(--glass-shadow);display:flex;flex-direction:column;gap:1.2rem;animation:slide-up .3s var(--ease-out-expo)}@keyframes slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-title{font-size:1.05rem;font-weight:500;color:var(--chai-cream)}.modal-subtitle{font-size:.78rem;color:#f5e6c880;line-height:1.55}.modal-tv-url{font-family:Inter,monospace;font-size:.82rem;font-weight:500;color:var(--chai-gold);background:#d4a04314;border:1px solid rgba(212,160,67,.2);border-radius:8px;padding:.45em .8em;letter-spacing:.02em;word-break:break-all;margin-bottom:.2rem}.modal-qr{align-self:center;width:140px;height:140px;border-radius:12px;overflow:hidden;background:#fff;padding:6px}.modal-qr img{width:100%;height:100%;display:block}.modal-or{text-align:center;font-size:.7rem;color:#f5e6c84d;letter-spacing:.1em;text-transform:uppercase;position:relative}.modal-or:before,.modal-or:after{content:"";position:absolute;top:50%;width:35%;height:1px;background:#d4a04333}.modal-or:before{left:0}.modal-or:after{right:0}.modal-code-input-wrap{display:flex;gap:.5rem}.modal-code-input{flex:1;padding:.6em .9em;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:10px;color:var(--chai-cream);font-family:var(--font-latin);font-size:1rem;letter-spacing:.2em;text-transform:uppercase;text-align:center;outline:none;transition:border-color .2s}.modal-code-input:focus{border-color:var(--chai-gold)}.modal-code-input::placeholder{letter-spacing:.1em;opacity:.3}.modal-connect-btn{padding:.65em 1.2em;background:linear-gradient(135deg,var(--chai-amber),var(--chai-gold));border:none;border-radius:10px;color:var(--chai-dark);font-family:var(--font-latin);font-size:.85rem;font-weight:600;cursor:pointer;transition:opacity .2s,transform .2s var(--ease-out-expo)}.modal-connect-btn:hover{opacity:.9;transform:translateY(-1px)}.modal-connect-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.modal-status{font-size:.78rem;text-align:center;min-height:1.2em}.modal-status--error{color:#f87171}.modal-status--ok{color:#4ade80}.modal-status--info{color:#f5e6c88c}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#f5e6c866;font-size:1.2rem;cursor:pointer;line-height:1;transition:color .2s}.modal-close:hover{color:var(--chai-cream)}.tv-connection-label{font-family:var(--font-latin);font-size:clamp(.72rem,1.4vw,.82rem);color:#f5e6c8a6;letter-spacing:.05em}.tv-brand-label{font-family:var(--font-display);font-size:clamp(1rem,2vw,1.4rem);background:linear-gradient(135deg,var(--chai-cream) 0%,var(--chai-gold) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.tv-paused-hint{font-size:.7rem;color:#f5e6c861;letter-spacing:.08em;text-align:center;margin-top:.1rem}.cast-btn--active{color:var(--chai-gold)!important;border-color:var(--chai-gold)!important}.cast-icon{width:14px;height:14px}.cast-icon--active path,.cast-icon--active rect{color:var(--chai-gold)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media (max-width: 767px){.title-block{align-self:start;justify-self:center;align-items:center;text-align:center;margin-top:clamp(1.5rem,6vh,3.5rem)}.now-playing-card{padding:1rem 1.1rem 1.1rem}.title-hindi{letter-spacing:-.02em}}@keyframes ambient-title-entrance{0%{opacity:0;transform:translateY(-12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ambient-hindi-glow{0%{filter:drop-shadow(0 3px 20px rgba(212,160,67,.35));transform:translateY(0)}50%{filter:drop-shadow(0 5px 32px rgba(212,160,67,.7)) drop-shadow(0 0 14px rgba(245,230,200,.45));transform:translateY(-3px)}to{filter:drop-shadow(0 3px 20px rgba(212,160,67,.35));transform:translateY(0)}}@keyframes ambient-sub-pulse{0%{opacity:.45;letter-spacing:.28em}to{opacity:.85;color:#f5e6c8bf;letter-spacing:.32em}}@keyframes ambient-card-float{0%{transform:translateY(0);box-shadow:var(--glass-shadow)}to{transform:translateY(-4px);box-shadow:0 12px 36px #00000080,0 0 16px #d4a04340}}@keyframes spark-float-left{0%{transform:translateY(10px) scale(.5);opacity:0}40%{opacity:.85}80%{opacity:.3}to{transform:translateY(-35px) scale(1.3);opacity:0}}@keyframes spark-float-right{0%{transform:translateY(15px) scale(.6);opacity:0}50%{opacity:.9}85%{opacity:.25}to{transform:translateY(-40px) scale(1.4);opacity:0}}