.tv-v2-root{--tv-gold:#d4a83f;--tv-gold2:#f0c76a;--tv-gold-light:#e8d5a3;--tv-green:#77c95e;--tv-green2:#16a34a;--tv-green-bright:#4ade80;--tv-mint:#9ce6b1;--tv-bg:#031a16;--tv-bg2:#06261f;--tv-panel:#04261fd1;--tv-panel2:#073128c7;--tv-line:#d4af3759;--tv-line-soft:#ffffff1a;--tv-text:#fff;--tv-text-secondary:#e8d5a3;--tv-muted:#94a3b8;--tv-muted-light:#ffffffb3;--tv-dark:#06110f;--tv-bg-gradient:radial-gradient(circle at 8% 8%, #d4af3726, transparent 26%), radial-gradient(circle at 75% 10%, #10b98124, transparent 30%), linear-gradient(135deg, #03100f 0%, #05231d 42%, #031512 100%);--radius-sm:8px;--radius-md:12px}.tv-v2-root *{box-sizing:border-box}.tv-v2-root body{background:var(--tv-bg-gradient);color:var(--tv-text);margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif;overflow:hidden}.tv-shell{background:var(--tv-bg-gradient);width:100vw;height:100vh;padding:clamp(16px,1.5vw,36px);position:relative;overflow:hidden}.tv-shell:before{content:"";pointer-events:none;background-image:linear-gradient(#d4af370b 1px,#0000 1px),linear-gradient(90deg,#d4af370b 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 0%,#0000 78%);mask-image:radial-gradient(circle,#000 0%,#0000 78%)}.tv-grid{z-index:1;grid-template-rows:minmax(0,1fr) auto clamp(78px,8.5vh,104px);grid-template-columns:minmax(260px,.82fr) minmax(0,2.35fr) minmax(270px,.88fr);gap:clamp(8px,.6vw,12px);height:100%;min-height:0;display:grid;position:relative}.panel{border:1px solid var(--tv-line);background:linear-gradient(#ffffff0e,#ffffff05),linear-gradient(135deg,#084739d6,#041f1be0);border-radius:18px;overflow:hidden;box-shadow:0 22px 65px #00000047,inset 0 1px #ffffff14}.panel-soft{background:linear-gradient(#ffffff0b,#ffffff04),#04231ec7;border:1px solid #d4af3747;border-radius:12px;box-shadow:0 16px 45px #0003,inset 0 1px #ffffff0f}.gold-line{background:linear-gradient(90deg, transparent, var(--tv-gold), transparent);height:1px}.section-title{letter-spacing:.08em;text-transform:uppercase;color:#ffffff80;font-size:clamp(11px,.7vw,13px);font-weight:600}.muted{color:var(--tv-muted)}.gold-text{color:var(--tv-gold-light)}.green-text{color:var(--tv-green-bright)}.brand-logo{border:3px solid var(--tv-gold2);border-bottom:0;border-radius:42px 42px 8px 8px;width:76px;height:76px;position:relative;box-shadow:inset 0 0 0 3px #d4af3726}.brand-logo:before{content:"☾";color:var(--tv-gold2);font-size:22px;position:absolute;top:-26px;left:22px}.brand-logo:after{content:"";border:3px solid var(--tv-gold2);background:#031a16b3;border-bottom:0;border-radius:20px 20px 0 0;width:26px;height:30px;position:absolute;bottom:0;left:22px}.clock-card{background:linear-gradient(145deg,#02110fa6,#092e27a8);border:1px solid #ffffff1f;border-radius:18px;box-shadow:inset 0 1px #ffffff14}.big-clock{letter-spacing:-.04em;color:#fff;text-shadow:0 4px 40px #10b98126,0 8px 28px #0006;white-space:nowrap;max-width:100%;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:clamp(56px,5.2vw,96px);font-weight:900;line-height:.95;overflow:hidden}.big-clock .sec-indicator{color:var(--tv-green-bright,#4ade80);letter-spacing:-.03em;opacity:.6;align-items:flex-end;font-size:clamp(18px,1.8vw,26px);line-height:1;display:inline-flex}.prayer-strip{background:#052923a6;border:1px solid #d4af3738;border-radius:14px;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;min-width:0;max-width:100%;min-height:clamp(80px,8vh,110px);display:grid;overflow:hidden}.prayer-item{text-align:center;box-sizing:border-box;border-right:1px solid #d4af372e;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:100%;min-width:0;max-width:100%;padding:clamp(8px,.55vw,10px) clamp(3px,.3vw,5px);display:flex;overflow:hidden}.prayer-item:last-child{border-right:0}.prayer-item.next{background:#10b9812e}.prayer-item.done{background:#64748b14}.prayer-item.adzan-active{background:#f59e0b40;box-shadow:inset 0 0 0 1px #f59e0b80}.prayer-name{letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;max-width:100%;font-size:clamp(8px,.55vw,10px);font-weight:700;line-height:1.15}.prayer-time{font-variant-numeric:tabular-nums;white-space:nowrap;max-width:100%;margin-top:3px;font-family:IBM Plex Mono,monospace;font-size:clamp(13px,1vw,17px);font-weight:700;line-height:1.1;overflow:visible}.prayer-iqamah{white-space:nowrap;max-width:100%;margin-top:2px;font-size:clamp(8px,.5vw,10px);font-weight:500;line-height:1.15}.prayer-badge-sm{white-space:nowrap;border-radius:999px;max-width:100%;margin-top:2px;padding:1px 4px;font-size:clamp(7px,.45vw,9px);font-weight:700;line-height:1.2}.prayer-table{border-collapse:collapse;flex-shrink:0;width:100%;font-size:clamp(12px,.7vw,14px)}.prayer-table th{text-align:left;color:#7ba892;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #ffffff0f;padding:3px 6px;font-size:clamp(9px,.55vw,11px);font-weight:600}.prayer-table th:nth-child(2),.prayer-table th:nth-child(3){text-align:right}.prayer-table td{white-space:nowrap;border-bottom:1px solid #ffffff0a;padding:4px 6px}.prayer-table td:nth-child(2),.prayer-table td:nth-child(3){text-align:right;font-variant-numeric:tabular-nums}.prayer-table .prayer-next td:first-child{color:#e8d5a3;font-weight:700}.prayer-table .prayer-done td{color:#94a3b880}@keyframes adzan-glow{0%,to{box-shadow:inset 0 0 40px #f59e0b26,0 0 30px #f59e0b14}50%{box-shadow:inset 0 0 60px #f59e0b40,0 0 50px #f59e0b26}}.adzan-active{animation:1.5s ease-in-out infinite adzan-glow;border-color:#f59e0b80!important;box-shadow:0 0 40px #f59e0b1f,inset 0 1px #ffffff14!important}@keyframes adzan-pulse-pill{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.03)}}@keyframes adzan-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.3)}}.imsak-info-bar{color:#7dd3fc;background:#0ea5e914;border:1px solid #0ea5e92e;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;gap:10px;padding:10px 16px;font-size:clamp(13px,.7vw,15px);display:flex}.imsak-info-bar .sep{color:#0ea5e940}.agenda-item{border-bottom:1px solid #d4af371f;grid-template-columns:clamp(100px,7vw,130px) 1fr;align-items:start;gap:clamp(12px,.8vw,18px);padding:clamp(10px,.6vw,14px) 0;display:grid}.agenda-item:last-of-type{border-bottom:none}.agenda-time{color:#4ade80;white-space:nowrap;letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:clamp(18px,1.2vw,24px);font-weight:700;line-height:1.3}.agenda-badge{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;margin-top:6px;padding:4px 10px;font-size:clamp(11px,.65vw,13px);font-weight:900;line-height:1.3;display:inline-block}.agenda-badge.next{color:#4ade80;background:#10b9812e;border:1px solid #10b9814d}.agenda-badge.now{color:#fbbf24;background:#f59e0b2e;border:1px solid #f59e0b4d;animation:1.5s ease-in-out infinite pulse-badge}.agenda-badge.done{color:#94a3b8;background:#64748b1f;border:1px solid #64748b33}.agenda-badge.later{color:#7dd3fc;background:#38bdf826;border:1px solid #38bdf840}.agenda-filler{text-align:left;color:var(--tv-muted);border-top:1px dashed #d4af3714;align-items:center;gap:8px;margin-top:6px;padding:clamp(8px,.5vw,12px) 0 0;font-size:clamp(13px,.7vw,15px);display:flex}.featured-card{isolation:isolate;background:linear-gradient(90deg,#021714fa 0%,#043328b8 52%,#041c194d 100%),radial-gradient(circle at 82% 45%,#d4af372e,#0000 34%),linear-gradient(135deg,#043227,#071817);flex-direction:column;display:flex;position:relative}.featured-card:before{content:"";z-index:-1;opacity:.2;background-image:radial-gradient(circle at 1px 1px,#ffffff29 1px,#0000 0);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 85%);mask-image:linear-gradient(90deg,#000,#0000 85%)}.featured-badge{color:#e8d5a3;white-space:nowrap;background:#d4af371f;border:1px solid #d4af3773;border-radius:999px;align-items:center;gap:6px;width:fit-content;padding:6px 14px;font-size:clamp(11px,.7vw,14px);font-weight:800;display:inline-flex}.week-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(8px,.6vw,10px);width:100%;min-width:0;max-width:100%;display:grid;overflow:hidden}.week-card{background:linear-gradient(#268f5c47,#05392da6),#08362dc7;border:1px solid #5eeaa259;border-radius:12px;flex-direction:column;justify-content:space-between;width:100%;min-width:0;max-width:100%;padding:12px;display:flex;box-shadow:inset 0 1px #ffffff0f}.week-card-empty{color:#94a3b859;text-align:center;opacity:.7;background:#05292326;border:1px dashed #94a3b826;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;min-width:0;max-width:100%;padding:12px;font-size:clamp(11px,.6vw,13px);display:flex;overflow:hidden}.week-card-highlight{background:linear-gradient(#0d5f4aeb,#054234f5);border-color:#f5bf54b8 #f5bf54b8 #f5bf54b8 #f0c76a;border-left-style:solid;border-left-width:4px;box-shadow:0 0 24px #d4af3724}.week-card-past{opacity:1;background:linear-gradient(#0a503fc2,#05322ae6);border-color:#5eeaa224}.week-card-past .week-card-badge{color:#c8d0da;background:#94a3b82e;border-color:#94a3b847}.week-card-past .prayer-time{color:#4ade80b8}.week-card-past .week-card-top h3{color:#ffffffd6}.week-card-header{justify-content:space-between;align-items:flex-start;gap:4px;display:flex}.week-card-top{flex-direction:column;flex:1;min-height:0;display:flex}.week-card-meta{flex-shrink:0}.week-card-badge{letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;border-radius:999px;flex-shrink:0;max-width:100%;margin-left:6px;padding:4px 10px;font-size:clamp(12px,.7vw,15px);font-weight:900;line-height:1.2;display:inline-block;overflow:hidden}.week-card-badge.nearest{color:#f5d37a;background:#d4af3738;border:1px solid #d4af3773}.week-card-badge.past{color:#e2e8f0;background:#94a3b833;border:1px solid #94a3b84d}.week-card-badge.upcoming{color:#6ee7a0;background:#10b98129;border:1px solid #10b9814d}.announce-bar{background:linear-gradient(90deg,#04201cf0,#062e27e6);border:1px solid #d4af3747;border-radius:16px;grid-template-columns:200px 1fr;align-items:center;gap:0;min-height:0;transition:border-color .5s,background .5s;display:grid;overflow:hidden;box-shadow:0 16px 42px #00000038}.announce-bar.phase-ibadah{background:linear-gradient(90deg,#28140af0,#3c230fe6);border-color:#f59e0b66}.announce-bar.phase-ibadah .announcement-title{color:#fbbf24;border-right-color:#f59e0b5c}.announce-bar.phase-ibadah .announcement-item{border-right-color:#f59e0b3d}.announcement-title{height:100%;color:var(--tv-gold2);letter-spacing:.03em;border-right:1px solid #d4af375c;flex-shrink:0;align-items:center;gap:14px;padding:0 22px;font-size:clamp(18px,1.2vw,26px);font-weight:900;display:flex}.announcement-item{color:#fff;border-right:1px solid #d4af373d;align-items:center;gap:10px;min-height:100%;padding:0 16px;font-size:clamp(14px,.8vw,17px);line-height:1.4;display:flex;overflow:hidden}.announcement-item span{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-width:0;display:-webkit-box;overflow:hidden}.announcement-item:last-child{border-right:0}.announce-fade{animation:.5s ease-out both announceFadeIn}@keyframes announceFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.pill{color:#e8d5a3;white-space:nowrap;background:#d4af371f;border:1px solid #d4af3773;border-radius:999px;align-items:center;gap:6px;width:fit-content;padding:6px 14px;font-size:clamp(11px,.7vw,14px);font-weight:800;display:inline-flex}@media (prefers-reduced-motion:no-preference){.cd-container{white-space:nowrap;max-width:100%;transition:opacity .15s;overflow:hidden}.big-clock{transition:opacity .1s}.agenda-badge.now,.agenda-badge.done,.week-card-badge.nearest{animation:3s ease-in-out infinite subtle-pulse}@keyframes subtle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}}@media (max-width:1200px){.tv-shell{height:auto;min-height:100vh;overflow:visible}.tv-grid{grid-template-rows:auto;grid-template-columns:1fr;height:auto}.left-panel,.bottom-strip{grid-area:auto!important}.bottom-strip{flex-direction:column;gap:6px;height:auto;padding:8px 16px}.bottom-strip-left{border-right:none;padding-right:0}.bottom-strip-right{flex-wrap:wrap;gap:8px}.week-grid{grid-template-columns:repeat(2,1fr);gap:8px}}@media (max-width:640px){.week-grid{grid-template-columns:1fr}.brand-logo{width:60px;height:60px}}.left-panel{scrollbar-width:none;-ms-overflow-style:none;min-height:0;overflow:hidden auto}.left-panel::-webkit-scrollbar{display:none}.center-wrap{flex-direction:column;gap:clamp(6px,.5vw,10px);min-height:0;display:flex}.center-wrap section{flex:1;min-height:0;overflow:visible}.right-wrap{flex-direction:column;gap:clamp(6px,.5vw,10px);min-height:0;display:flex}.right-wrap section{flex:1;min-height:0}.right-wrap>div{flex:1;min-width:0;min-height:0}.right-bottom-grid{flex:1;grid-template-rows:1.2fr 1fr;gap:clamp(8px,.6vw,12px);min-width:0;min-height:0;display:grid}.donation-card{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(12px,1vw,18px);min-height:0;padding:clamp(16px,1.2vw,22px);display:grid;overflow:hidden}.donation-content{min-width:0}.donation-title{color:#fff5dcf5;letter-spacing:-.01em;font-size:clamp(20px,1.35vw,28px);font-weight:900;line-height:1.1}.donation-description{color:#ffffffc7;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:clamp(6px,.5vw,10px);font-size:clamp(14px,.95vw,18px);font-weight:500;line-height:1.42;display:-webkit-box;overflow:hidden}.donation-qris-img{-o-object-fit:contain;object-fit:contain;background:#fff;border-radius:6px;flex-shrink:0;width:clamp(82px,6.4vw,118px);height:clamp(82px,6.4vw,118px);padding:2px}.donation-qris-caption{color:#ffdc8ce6;text-align:center;margin-top:6px;font-size:clamp(10px,.75vw,13px);font-weight:700}.info-slider-card{flex-direction:column;justify-content:space-between;min-height:0;padding:clamp(16px,1.2vw,22px);display:flex;overflow:hidden}.info-slider-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.info-slider-label{color:#7dd3fcf2;font-size:clamp(14px,.95vw,17px);font-weight:800;line-height:1.1}.info-slider-counter{color:#ffffff8c;font-size:clamp(10px,.7vw,12px)}.info-slider-content{flex-direction:column;flex:1;justify-content:center;min-height:0;display:flex}.info-slide-title{color:#fffffff5;letter-spacing:-.015em;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:clamp(17px,1.15vw,22px);font-weight:900;line-height:1.12;display:-webkit-box;overflow:hidden}.info-slide-desc{color:#ffffffbd;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:clamp(6px,.5vw,10px);font-size:clamp(13px,.82vw,16px);font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.announce-board{background:linear-gradient(#084838f0,#032a23f5);border:1px solid #f5bf5452;border-radius:20px;grid-template-columns:minmax(220px,.18fr) minmax(0,1fr);height:clamp(78px,8.5vh,104px);min-height:0;margin-top:clamp(2px,.3vw,6px);display:grid;overflow:hidden;box-shadow:0 20px 50px #00000047}.announce-board.ibadah{background:linear-gradient(90deg,#28140af0,#3c230fe6);border-color:#f59e0b73}.announce-board.ibadah .announce-label-text{color:#fbbf24}.announce-label{white-space:nowrap;color:#e8d5a3;border-right:1px solid #d4af375c;align-items:center;gap:12px;padding:0 clamp(18px,1.2vw,28px);font-size:clamp(22px,1.45vw,32px);font-weight:900;line-height:1.05;display:flex}.announce-marquee{align-items:center;min-width:0;padding:0 20px;display:flex;overflow:hidden}.announce-track{white-space:nowrap;will-change:transform;align-items:center;gap:clamp(40px,3.5vw,72px);animation:36s linear infinite announceScroll;display:flex}.announce-item{color:#ffffffeb;white-space:nowrap;font-size:clamp(18px,1.22vw,24px);font-weight:800;line-height:1.2}.announce-item:after{content:"•";color:#f5bf54bf;opacity:1;margin-left:clamp(40px,3.5vw,72px)}@keyframes announceScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.announce-track{animation:none;transform:translate(0)}}.tv-extra-strip{z-index:3;box-sizing:border-box;white-space:nowrap;color:#b8e6f5;-webkit-user-select:none;user-select:none;background:#0ea5e91f;border:1px solid #0ea5e940;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;gap:clamp(5px,.5vw,9px);width:100%;min-width:0;max-width:100%;min-height:clamp(30px,3vh,40px);margin-bottom:0;padding:clamp(5px,.4vw,8px) clamp(7px,.6vw,10px);font-size:clamp(8px,.55vw,11px);font-weight:700;line-height:1.15;display:flex;position:relative;overflow:hidden}.tv-prayer-extra-item{white-space:nowrap;text-overflow:ellipsis;flex-shrink:1;align-items:center;gap:3px;min-width:0;display:inline-flex;overflow:hidden}.tv-prayer-extra-divider{opacity:.5;flex-shrink:0}.tv-prayer-strip-wrapper{flex-shrink:0;grid-template-rows:minmax(85px,auto) auto;gap:clamp(6px,.5vw,9px);width:100%;min-width:0;max-width:100%;display:grid;overflow:hidden}.next-prayer-card{flex-direction:column;gap:6px;min-height:180px;display:flex;position:relative;background:linear-gradient(#084739eb,#041f1bf5)!important;border-left:4px solid #f59e0b!important}.next-prayer-card .sholat-label{letter-spacing:.08em;text-transform:uppercase;color:#fff9;font-size:10px;font-weight:600}.panel.prayer-accent{border-left:3px solid #f59e0b}.panel.urgent-accent{border-left:3px solid #ef4444}.panel.default-accent{border-left:3px solid #5eeaa259}.tv-body-text{line-height:1.65}@keyframes slideProgress{0%{width:0%}to{width:100%}}