.tv{min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto;padding:clamp(1.5rem,4vw,4rem);background:radial-gradient(ellipse 120% 90% at 50% -20%,oklch(22% .035 265/.9),transparent 60%),radial-gradient(ellipse 100% 60% at 50% 115%,oklch(19% .03 80/.5),transparent 60%),var(--color-night)}.tv-header{display:flex;align-items:baseline;gap:var(--space-3)}.tv-mosque{font-family:var(--font-display);font-size:clamp(1.1rem,2vw,1.8rem);font-weight:500;color:var(--color-gold);letter-spacing:.02em}.tv-screen-name{color:var(--color-ivory-faint)}.tv-screen-name,.tv-status{font-size:clamp(.85rem,1.2vw,1.1rem)}.tv-status{margin-left:auto;display:inline-flex;align-items:center;gap:.5em;color:var(--color-ivory-dim);text-transform:uppercase;letter-spacing:.12em}.tv-status-dot{width:.65em;height:.65em;border-radius:50%;background:var(--color-ivory-faint)}.tv-status[data-status=live] .tv-status-dot{background:var(--color-live);box-shadow:0 0 12px oklch(72% .17 150/.55)}.tv-status[data-status=paused] .tv-status-dot{background:var(--color-paused)}.tv-stage{display:grid;place-items:center;text-align:center;padding:var(--space-5) 0}.tv-pairing-label{color:var(--color-ivory-dim);font-size:clamp(1.1rem,2.2vw,2rem);margin:0 0 var(--space-3)}.tv-pairing-code{font-family:var(--font-display);font-size:var(--text-pairing-code);font-weight:600;letter-spacing:.18em;color:var(--color-ivory);margin:0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tv-message{font-family:var(--font-display);font-size:clamp(1.4rem,3vw,2.6rem);color:var(--color-ivory-dim);margin:0}.tv-message--subtle{color:var(--color-ivory-faint)}.tv-live{max-width:90vw;display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.tv-line-primary{font-size:var(--text-tv-primary);font-weight:500;line-height:1.25}.tv-line-primary,.tv-line-secondary{font-family:var(--font-display);margin:0;text-wrap:balance;animation:tv-fade-in var(--duration-calm) var(--ease-calm)}.tv-line-secondary{font-size:var(--text-tv-secondary);color:var(--color-ivory-faint);line-height:1.35}.tv-live[data-paused=true] .tv-line-primary,.tv-live[data-paused=true] .tv-line-secondary{opacity:.45}.tv-paused-note{color:var(--color-paused);font-size:clamp(1rem,1.6vw,1.4rem);letter-spacing:.1em;text-transform:uppercase;margin:0}@keyframes tv-fade-in{0%{opacity:0;transform:translateY(.35em)}to{opacity:1;transform:translateY(0)}}.tv-footer{display:grid;grid-gap:var(--space-2);gap:var(--space-2);justify-items:center}.tv-rule{width:min(28rem,50vw);height:1px;background:linear-gradient(90deg,transparent,var(--color-gold-deep),transparent);opacity:.6}.tv-brand{color:var(--color-ivory-faint);font-size:clamp(.75rem,1vw,.95rem);letter-spacing:.14em;text-transform:uppercase}