.tv-body{width:100%;height:100vh;overflow:hidden;background:#000;font-family:Manrope,sans-serif;-webkit-font-smoothing:antialiased;position:relative}.tv-stage{width:100vw;height:56.25vw;max-height:100vh;max-width:177.78vh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(ellipse 80% 60% at 50% 50%,rgba(241,185,32,.06) 0,transparent 70%),linear-gradient(180deg,var(--bg-deep) 0,var(--bg-mid) 100%);color:var(--ivory);display:grid;grid-template-rows:10% 14% 1fr 18%;overflow:hidden;container-type:size}.tv-stage:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'%3E%3Cpath d='M40 0 L48 32 L80 40 L48 48 L40 80 L32 48 L0 40 L32 32 Z' fill='%23f1b920' opacity='0.025'/%3E%3C/svg%3E");background-size:12vw 12vw;pointer-events:none}.tv-header{padding:0 3vw;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.5vw;border-bottom:1px solid var(--border);position:relative;z-index:2}.tv-brand{gap:1.2vw}.tv-brand,.tv-logo-mark{display:flex;align-items:center}.tv-logo-mark{width:3.5vw;height:3.5vw;border:.12vw solid var(--gold);transform:rotate(45deg);justify-content:center;position:relative}.tv-logo-mark:before{content:"";position:absolute;inset:.35vw;border:.06vw solid var(--gold-dim)}.tv-logo-mark span{font-family:Amiri,serif;font-size:1.7vw;color:var(--gold);transform:rotate(-45deg)}.tv-brand-text h1{font-family:Cinzel,serif;font-size:1.5vw;font-weight:500;color:var(--ivory);letter-spacing:.18em;line-height:1;margin:0}.tv-brand-text p{font-size:.7vw;color:var(--muted);letter-spacing:.3em;text-transform:uppercase;margin:.3vw 0 0}.tv-logo-mark--asset{border:none;transform:none;width:4.2vw;height:4.2vw;background:transparent;align-self:center}.tv-logo-mark--asset:before{display:none}.tv-logo-mark--asset img{width:100%;height:100%;display:block;object-fit:contain}.tv-logo-mark--wordmark{width:auto;max-width:18vw;height:8.5vh}.tv-logo-mark--wordmark img{width:auto;height:100%;object-fit:contain}.tv-header-right{text-align:right;display:flex;align-items:baseline;gap:1.2vw}.tv-clock{font-family:Cormorant Garamond,serif;font-size:3.6vw;color:var(--gold);font-weight:500;line-height:1;font-feature-settings:"tnum";letter-spacing:.02em}.tv-clock-ampm{font-size:1.2vw;color:var(--gold-dim);margin-left:.3vw}.tv-date-stack{text-align:left;border-left:1px solid var(--border);padding-left:1.2vw}.tv-date-greg{font-size:.85vw;color:var(--ivory-dim);letter-spacing:.15em}.tv-date-hijri{font-family:Amiri,serif;font-size:1vw;color:var(--gold);direction:rtl;margin-top:.2vw}.tv-prayer-strip{padding:0 3vw;grid-template-columns:repeat(5,1fr);gap:1vw;border-bottom:1px solid var(--border);z-index:2}.tv-prayer-cell,.tv-prayer-strip{display:grid;align-items:center;position:relative}.tv-prayer-cell{grid-template-columns:1fr auto;gap:.8vw;padding:1vw;border-radius:.3vw}.tv-prayer-cell.is-next{background:linear-gradient(135deg,rgba(241,185,32,.18),rgba(241,185,32,.04));border:1px solid var(--gold);box-shadow:0 0 1.5vw rgba(241,185,32,.18)}.tv-prayer-cell.is-next:before{content:"NEXT";position:absolute;top:-.55vw;left:50%;transform:translateX(-50%);background:var(--gold);color:var(--bg-deep);font-family:Cinzel,serif;font-size:.65vw;font-weight:700;letter-spacing:.4em;padding:.25vw .9vw;border-radius:.15vw}.tv-pc-name{display:flex;flex-direction:column;gap:.05vw}.tv-pc-name-en{font-family:Cinzel,serif;font-size:.95vw;color:var(--ivory);letter-spacing:.18em;text-transform:uppercase;font-weight:500}.tv-prayer-cell.is-next .tv-pc-name-en{color:var(--gold-bright)}.tv-pc-name-ar{font-family:Amiri,serif;font-size:1.15vw;color:var(--gold);line-height:1}.tv-pc-times{display:flex;flex-direction:column;gap:.15vw;text-align:right}.tv-pc-time-row{display:grid;grid-template-columns:auto auto;gap:.5vw;align-items:baseline}.tv-pc-time-label{font-size:.55vw;color:var(--muted);letter-spacing:.25em;text-transform:uppercase;font-weight:600}.tv-pc-time-value{font-family:Cormorant Garamond,serif;font-size:1.4vw;color:var(--ivory);font-weight:500;line-height:1;font-feature-settings:"tnum";min-width:3vw}.tv-prayer-cell.is-next .tv-pc-time-value{color:var(--gold-bright);font-size:1.55vw}.tv-hero{padding:3vw 5vw;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2;text-align:center}.tv-hero-status{display:inline-flex;align-items:center;gap:.8vw;margin:0 auto 1.5vw;padding:.6vw 1.4vw;background:rgba(93,212,154,.1);border:1px solid rgba(93,212,154,.4);border-radius:2vw}.tv-hero-status.tone-warning{background:rgba(224,164,88,.1);border-color:rgba(224,164,88,.4)}.tv-hero-status.tone-gold{background:rgba(241,185,32,.1);border-color:rgba(241,185,32,.4)}.tv-hero-status-dot{width:.9vw;height:.9vw;border-radius:50%;background:var(--live);box-shadow:0 0 0 0 rgba(93,212,154,.7);animation:tv-pulse 2s infinite}.tv-hero-status.tone-warning .tv-hero-status-dot{background:var(--warning)}.tv-hero-status.tone-gold .tv-hero-status-dot{background:var(--gold)}.tv-hero-status-text{font-family:Cinzel,serif;font-size:1vw;color:var(--live);letter-spacing:.45em;text-transform:uppercase;font-weight:600}.tv-hero-status.tone-warning .tv-hero-status-text{color:var(--warning)}.tv-hero-status.tone-gold .tv-hero-status-text{color:var(--gold)}.tv-hero-status-cat{font-family:Cinzel,serif;font-size:.85vw;color:var(--muted);letter-spacing:.35em;text-transform:uppercase;padding-left:.8vw;border-left:1px solid var(--border)}@keyframes tv-pulse{0%{box-shadow:0 0 0 0 rgba(93,212,154,.6)}70%{box-shadow:0 0 0 1.2vw rgba(93,212,154,0)}to{box-shadow:0 0 0 0 rgba(93,212,154,0)}}.tv-hero-title{font-size:5.8vw;font-weight:500;color:var(--ivory);line-height:1.05;letter-spacing:-.005em;margin:0 0 .6vw}.tv-hero-subtitle,.tv-hero-title{font-family:Cormorant Garamond,serif}.tv-hero-subtitle{font-style:italic;font-size:2.2vw;color:var(--gold);font-weight:400;margin:0 0 2vw}.tv-hero-divider{width:6vw;height:1px;background:linear-gradient(90deg,transparent,var(--gold) 50%,transparent);margin:0 auto 1.8vw}.tv-hero-meta{gap:2.5vw;margin:0 auto;font-family:Manrope,sans-serif;font-size:1.15vw;color:var(--ivory-dim);letter-spacing:.05em}.tv-hero-meta,.tv-hero-meta-item{display:inline-flex;align-items:center}.tv-hero-meta-item{gap:.6vw}.tv-hero-meta-item svg{width:1.2vw;height:1.2vw;stroke:var(--gold);stroke-width:1.5;fill:none}.tv-hero-meta-time{color:var(--gold-bright);font-weight:500}.tv-hero-big{display:flex;flex-direction:column;align-items:center;justify-content:center}.tv-hero-big-name{font-family:Cinzel,serif;font-size:2vw;color:var(--gold);letter-spacing:.5em;text-transform:uppercase;margin-bottom:1vw}.tv-hero-big-count{font-family:Cormorant Garamond,serif;font-size:8vw;color:var(--ivory);font-weight:500;line-height:1;font-feature-settings:"tnum"}.tv-hero-big-sub{font-family:Cormorant Garamond,serif;font-style:italic;font-size:1.4vw;color:var(--ivory-dim);margin-top:1vw}.tv-hero-quiet{text-align:center;display:flex;flex-direction:column;justify-content:center}.tv-hero-quiet-eyebrow{font-family:Cinzel,serif;font-size:.85vw;color:var(--gold);letter-spacing:.45em;text-transform:uppercase;margin-bottom:1.5vw}.tv-hero-quiet-body{font-family:Cormorant Garamond,serif;font-style:italic;font-size:2.2vw;color:var(--ivory);line-height:1.3;max-width:60vw;margin:0 auto 1.2vw}.tv-hero-quiet-attr{font-family:Cinzel,serif;font-size:.85vw;color:var(--muted);letter-spacing:.3em;text-transform:uppercase}.tv-next-countdown{position:absolute;top:2vw;right:3vw;text-align:right;z-index:3}.tv-next-countdown-label{font-family:Cinzel,serif;font-size:.65vw;color:var(--muted);letter-spacing:.4em;text-transform:uppercase}.tv-next-countdown-value{font-family:Cormorant Garamond,serif;font-style:italic;font-size:1.1vw;color:var(--gold-dim);margin-top:.2vw}.tv-next-countdown-value strong{color:var(--gold);font-style:normal;font-weight:500}.tv-upcoming{padding:1.5vw 3vw 1.2vw;border-top:1px solid var(--border);background:rgba(7,20,15,.5);position:relative;z-index:2;display:flex;flex-direction:column;gap:.6vw}.tv-upcoming-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4vw}.tv-upcoming-label{font-size:.85vw;color:var(--gold);letter-spacing:.45em;font-weight:500}.tv-upcoming-brand,.tv-upcoming-label{font-family:Cinzel,serif;text-transform:uppercase}.tv-upcoming-brand{font-size:.6vw;color:var(--muted);letter-spacing:.4em}.tv-upcoming-brand strong{color:var(--gold-dim);font-weight:500}.tv-upcoming-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5vw}.tv-up-item{display:grid;grid-template-columns:auto 1fr;gap:1vw;align-items:start;border-left:.2vw solid var(--gold);padding:.4vw 0 .4vw 1vw}.tv-up-time{font-family:Cormorant Garamond,serif;font-size:1.6vw;color:var(--gold-bright);font-weight:500;line-height:1;font-feature-settings:"tnum";min-width:4.5vw}.tv-up-content h4{font-family:Cormorant Garamond,serif;font-size:1.3vw;font-weight:500;color:var(--ivory);line-height:1.15;margin:0 0 .25vw}.tv-up-content p{font-size:.7vw;color:var(--muted);letter-spacing:.05em;margin:0}.tv-up-empty{font-family:Cormorant Garamond,serif;font-style:italic;font-size:1.2vw;color:var(--muted);text-align:center;padding:1vw 0;grid-column:1/-1}.tv-jumuah-bar{position:absolute;top:1vw;left:50%;transform:translateX(-50%);z-index:4;display:flex;gap:1.2vw;padding:.5vw 1.5vw;border:1px solid var(--border);border-radius:.4vw;background:rgba(13,33,24,.85);backdrop-filter:blur(2px)}.tv-jumuah-slot{display:flex;flex-direction:column;align-items:center;gap:.15vw;min-width:6vw}.tv-jumuah-slot-name{font-family:Cinzel,serif;font-size:.65vw;letter-spacing:.3em;text-transform:uppercase;color:var(--gold)}.tv-jumuah-slot-times{display:flex;gap:.7vw;font-family:Cormorant Garamond,serif;font-size:.95vw;color:var(--ivory);font-feature-settings:"tnum"}.tv-jumuah-label{color:var(--muted);font-family:Cinzel,serif;font-size:.55vw;letter-spacing:.15em;margin-right:.15vw}.tv-stage *{cursor:none}@media (orientation:portrait) and (max-width:768px){.tv-body:after{content:"↻ Rotate to landscape for best view";position:fixed;bottom:12px;left:50%;transform:translateX(-50%);background:rgba(241,185,32,.95);color:#07140f;padding:8px 16px;border-radius:4px;font-family:Manrope,sans-serif;font-size:12px;font-weight:600;letter-spacing:.05em;z-index:100;pointer-events:none;box-shadow:0 4px 12px rgba(0,0,0,.4)}}