:root{color-scheme:dark;--cyan:#42e3ff;--gold:#f4d58e;--text:#f4f8ff;--muted:#a8c5d4;--line:#25718a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:#030d19;color:var(--text);font:16px/1.5 system-ui,-apple-system,sans-serif}a{color:var(--cyan);text-decoration:none}a:hover{text-decoration:underline}button,input,a{touch-action:manipulation}button{cursor:pointer;color:var(--text);background:#082535;border:1px solid var(--line);border-radius:12px;padding:10px 16px;font:inherit;min-height:44px}button:hover{border-color:var(--cyan);box-shadow:0 0 20px #21b9ee30}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:4px}[hidden]{display:none!important}.skip{position:absolute;top:-100px}.skip:focus{top:10px;z-index:99;background:#000;padding:12px}.sky{position:absolute;inset:0 0 auto;height:600px;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 50% 90%,#12669170,transparent 50%),radial-gradient(ellipse at 70% 0%,#133b6b,transparent 65%),linear-gradient(#020a19,#052039,#030d19)}.sky:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#bcefff 1px,transparent 1px);background-size:77px 69px;opacity:.3}.sky svg{position:absolute;bottom:0;width:100%;height:340px;opacity:.58}.moon{position:absolute;right:28%;top:95px;width:115px;height:115px;border-radius:50%;box-shadow:17px 4px 0 0 #b9eaff,23px 4px 45px #32c7ff60;transform:rotate(-25deg)}.topbar,main{position:relative;max-width:1360px;margin:auto;padding:22px 28px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:14px;color:white;font-size:19px;line-height:1.2}.brand small{display:block;font-size:10px;letter-spacing:1px;margin-top:9px}.brand-mark{font-size:58px;color:var(--gold)}.topbar nav{display:flex;gap:24px;align-items:center}.topbar nav a{color:white;font-size:14px}.selected{border:1px solid var(--cyan);border-radius:14px;box-shadow:0 0 19px #1bcfff50;padding:10px 22px}.location{color:var(--muted);font-size:12px}.hero{display:flex;justify-content:space-between;align-items:center;min-height:225px;gap:24px}.eyebrow,.card-label{font-size:12px;font-weight:700;letter-spacing:1.4px;color:var(--cyan)}.dot{display:inline-block;width:11px;height:11px;background:var(--cyan);border-radius:50%;margin-right:10px;box-shadow:0 0 18px var(--cyan);animation:glow 3s infinite}.hero h1{font-family:Georgia,serif;font-size:clamp(60px,7vw,102px);line-height:1;margin:10px 0;text-shadow:0 0 25px #ffe6a730}.hero h1 span{color:var(--cyan);text-shadow:0 0 26px #22baff80}.hero p{margin:4px 0}.muted{color:var(--muted)}blockquote{text-align:center;font-size:16px;max-width:325px}blockquote [lang=ar]{font-size:29px}blockquote small{color:var(--muted)}.panel{border:1px solid var(--line);border-radius:22px;padding:22px;background:linear-gradient(125deg,#0b2435e8,#03121ef5);box-shadow:inset 0 1px 0 #b8f5ff20,0 8px 24px #0006;backdrop-filter:blur(12px)}.panel h2{font-size:22px;margin:10px 0 4px}.panel p{margin:5px 0;color:var(--muted)}.main-grid{display:grid;grid-template-columns:1.8fr 1fr;gap:18px}.ric-live-radio-engine{position:relative;overflow:hidden}.ric-live-radio-engine>div:first-child{font-size:11px;color:var(--gold);letter-spacing:1.8px}.ric-live-radio-engine>div:nth-child(2){font-size:12px;color:var(--cyan);margin:6px 0}#ricOwnedTitle{font:700 28px Georgia,serif;max-width:80%}#ricOwnedMeta{color:var(--muted);margin-bottom:18px}#ricOwnedPlay{font-weight:700;border-color:var(--cyan);box-shadow:0 0 20px #22caff30;min-width:180px}.ric-live-radio-engine>div:has(#ricOwnedVolume){display:flex;align-items:center;gap:12px;margin:12px 0}#ricOwnedVolume{width:160px;accent-color:var(--cyan)}#ricOwnedBroadcastStatus{font-size:11px;color:var(--muted)}#ricOwnedStatus,#ricOwnedMode{font-size:11px;color:var(--muted)}.wave{display:flex;align-items:center;justify-content:flex-end;gap:3px;position:absolute;right:22px;top:90px;width:32%;height:60px;opacity:.7;pointer-events:none}.wave i{display:block;width:3px;height:calc(8px + mod(var(--n)*7,45)*1px);background:var(--cyan);box-shadow:0 0 6px var(--cyan);transform:scaleY(.3)}.playing .wave i{animation:wave 1s ease-in-out infinite;animation-delay:calc(var(--n)*-.11s)}.audio-progress{display:flex;align-items:center;gap:12px;margin-top:10px;font-size:11px;color:var(--muted)}progress{width:55%;height:5px;accent-color:var(--cyan)}.countdown{font-size:clamp(25px,3.5vw,46px);font-variant-numeric:tabular-nums;font-weight:300;line-height:1.2;margin:16px 0;color:white}.next-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}.next-grid .panel{padding:16px 22px}.next-grid h2{font-size:20px}.quick-nav{display:grid;grid-template-columns:repeat(8,1fr);gap:10px;margin:20px 0}.quick-nav a{padding:10px;border:1px solid var(--line);border-radius:18px;background:#031923d9;text-align:center;font-size:28px;color:#d7f7ff}.quick-nav span{display:block;font-size:12px}.bottom-grid{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:16px}.prayer-item,.upcoming-row{padding:10px 6px;border-bottom:1px solid #184151}.prayer-item{display:grid;grid-template-columns:1fr 1.5fr;gap:0 8px}.prayer-item-name{grid-row:span 2;font-weight:600}.prayer-item-time{font-size:12px;text-align:right;color:var(--muted)}.prayer-item.active{background:#05688770;box-shadow:inset 0 0 10px #2ce4ff30;border-radius:9px;color:white}.upcoming-row span{display:block;font-size:12px;color:var(--muted)}.video-placeholder{min-height:245px;display:flex;flex-direction:column;justify-content:center;text-align:center;background:radial-gradient(ellipse,#11577850,transparent 70%);padding:20px}.video-symbol{font-size:56px;color:var(--gold)}.watch-controls{display:flex;gap:8px;flex-wrap:wrap}footer{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding:24px 10px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}footer h2{font-size:20px;color:var(--gold);margin:0}footer p{margin:4px 0 12px}.status-area{text-align:right}#systemStatus{color:var(--cyan)}#takeover{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#032c40f5;border:1px solid var(--cyan);border-radius:18px;padding:14px 25px;display:flex;gap:16px;align-items:center;z-index:20;max-width:calc(100% - 30px);box-shadow:0 0 30px #24d5ff40}#shareStatus{display:block;font-size:12px;margin-top:6px}@keyframes wave{50%{transform:scaleY(1)}}@keyframes glow{50%{opacity:.4}}@media(max-width:1000px){.topbar nav{gap:12px}.location{display:none}.bottom-grid{grid-template-columns:1fr 1fr}.bottom-grid>article:last-child{grid-column:span 2}.quick-nav{grid-template-columns:repeat(4,1fr)}}@media(max-width:650px){.topbar,main{padding:15px}.topbar{align-items:flex-start;flex-direction:column;gap:12px}.topbar nav{width:100%;justify-content:space-between;gap:6px}.topbar nav a{font-size:12px}.selected{padding:6px 12px}.brand{font-size:16px}.brand-mark{font-size:38px}.hero{min-height:195px}.hero blockquote{display:none}.hero p{font-size:13px}.main-grid,.next-grid,.bottom-grid{grid-template-columns:1fr}.bottom-grid>article:last-child{grid-column:auto}.panel{padding:20px}.quick-nav{gap:7px}.quick-nav span{font-size:11px}footer{align-items:flex-start;gap:15px;flex-direction:column}.status-area{text-align:left}#takeover{font-size:12px;flex-wrap:wrap}.wave{width:22%}#ricOwnedTitle{font-size:24px}.sky svg{height:270px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}.wave{display:none}}