:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#05080f;--bg-elevated:#0d1424;--bg-raised:#121c31;--border:#1c2942;--wash-top:#101f38;--wash-bottom:#0a1728;--panel-veil:#02050cf5;--text:#f2f6ff;--text-muted:#9fb0cf;--text-faint:#7286a8;--accent:#4ade80;--accent-wash:#4ade8024;--accent-glow:#4ade8047;--accent-soft:#4ade8073;--accent-strong:#4ade8033;--on-accent:#052e16;--danger:#f87171;--warn:#fbbf24;--gold:#e8c877;--gold-line:#e8c8774d;--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-num:ui-monospace, "SF Mono", "Cascadia Mono", Menlo, monospace;--font-ar-display:"Amiri Prayer", "Segoe UI", serif;--font-ar-strip:"Reem Kufi Prayer", "Segoe UI", sans-serif;--u:1vmin}@font-face{font-family:Amiri Prayer;src:url(/assets/amiri-prayer-names-Cm4PUQAK.woff2)format("woff2");font-weight:400;font-display:swap;unicode-range:U+6??}@font-face{font-family:Reem Kufi Prayer;src:url(/assets/reemkufi-prayer-names-Ctre0OEn.woff2)format("woff2");font-weight:600;font-display:swap;unicode-range:U+6??}[data-theme=kuningan]{--bg:#0a0805;--bg-elevated:#17130c;--bg-raised:#201a10;--border:#33291a;--wash-top:#2a2112;--wash-bottom:#1a1409;--panel-veil:#080603f5;--text:#fdf7ea;--text-muted:#cbb083;--text-faint:#9c855c;--accent:#f2c75c;--accent-wash:#f2c75c24;--accent-glow:#f2c75c42;--accent-soft:#f2c75c73;--accent-strong:#f2c75c33;--on-accent:#2a1e05;--gold:#e6c78d;--gold-line:#e6c78d52}[data-theme=pirus]{--bg:#03090e;--bg-elevated:#0b1a22;--bg-raised:#10242e;--border:#17333f;--wash-top:#0c2b38;--wash-bottom:#06202b;--panel-veil:#02080cf5;--text:#eef8fb;--text-muted:#9dbcc8;--text-faint:#6f97a5;--accent:#35d0c0;--accent-wash:#35d0c024;--accent-glow:#35d0c042;--accent-soft:#35d0c073;--accent-strong:#35d0c033;--on-accent:#032b27;--gold:#e8c877;--gold-line:#e8c8774d}[data-theme=marun]{--bg:#0c0406;--bg-elevated:#1e0d12;--bg-raised:#2a1219;--border:#3d1c25;--wash-top:#341019;--wash-bottom:#1d0910;--panel-veil:#090305f5;--text:#fdf1f2;--text-muted:#d3a7ae;--text-faint:#a87b84;--accent:#f0a89c;--accent-wash:#f0a89c24;--accent-glow:#f0a89c42;--accent-soft:#f0a89c73;--accent-strong:#f0a89c33;--on-accent:#33090b;--gold:#e8c877;--gold-line:#e8c8774d}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}body{background:radial-gradient(120vmax 80vmax at 50% -25%, var(--wash-top) 0%, transparent 62%), radial-gradient(100vmax 70vmax at 50% 125%, var(--wash-bottom) 0%, transparent 58%), var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;cursor:none}.screen{height:100%;padding:calc(var(--u) * 3) calc(var(--u) * 4);gap:calc(var(--u) * 2);flex-direction:column;animation:900s linear infinite drift;display:flex;position:relative}.screen:before{content:"";z-index:-1;pointer-events:none;opacity:.085;background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='200'%20height='200'%20viewBox='0%200%20200%20200'%3E%3Cpath%20d='M162,100%20L100,162%20L38,100%20L100,38%20Z%20M56.2,56.2%20H143.8%20V143.8%20H56.2%20Z%20M62,0%20L0,62%20L-62,0%20L0,-62%20Z%20M-43.8,-43.8%20H43.8%20V43.8%20H-43.8%20Z%20M262,0%20L200,62%20L138,0%20L200,-62%20Z%20M156.2,-43.8%20H243.8%20V43.8%20H156.2%20Z%20M62,200%20L0,262%20L-62,200%20L0,138%20Z%20M-43.8,156.2%20H43.8%20V243.8%20H-43.8%20Z%20M262,200%20L200,262%20L138,200%20L200,138%20Z%20M156.2,156.2%20H243.8%20V243.8%20H156.2%20Z'%20fill='none'%20stroke='%23e8c877'%20stroke-width='1.1'/%3E%3C/svg%3E");background-size:calc(var(--u) * 24) calc(var(--u) * 24);position:absolute;inset:0;-webkit-mask-image:radial-gradient(58% 48%,#0000 40%,#000 92%);mask-image:radial-gradient(58% 48%,#0000 40%,#000 92%)}@keyframes drift{0%,to{transform:translate(0)}25%{transform:translate(calc(var(--u) * .6), calc(var(--u) * .4))}50%{transform:translate(calc(var(--u) * -.4), calc(var(--u) * .7))}75%{transform:translate(calc(var(--u) * .5), calc(var(--u) * -.5))}}.screen--settings{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.screen{animation:none}}.screen[data-banners="1"]{--u:.95vmin}.screen[data-banners="2"]{--u:.87vmin}.header{justify-content:space-between;align-items:center;gap:calc(var(--u) * 3);padding-bottom:calc(var(--u) * 1.8);border-image:linear-gradient(90deg, var(--gold), var(--gold-line) 55%, transparent) 1;border-bottom:1px solid var(--gold-line);flex:none;display:flex}.identity{align-items:center;gap:calc(var(--u) * 2);min-width:0;display:flex}.identity__text{min-width:0}.identity__logo{height:calc(var(--u) * 9);width:auto;max-width:calc(var(--u) * 14);object-fit:contain;flex:none}.identity__name{font-size:calc(var(--u) * 4.4);white-space:nowrap;text-overflow:ellipsis;margin:0;font-weight:700;line-height:1.1;overflow:hidden}.identity__subtitle{font-size:calc(var(--u) * 2.4);color:var(--text-muted);margin:calc(var(--u) * .4) 0 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.header__right{text-align:right;flex:none}.header__clock{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:calc(var(--u) * 6);letter-spacing:-.02em;font-weight:700;line-height:1}.header__date{font-size:calc(var(--u) * 2.3);color:var(--text-muted);margin-top:calc(var(--u) * .8);line-height:1.4}.header__hijri{color:var(--gold)}.stage:before{content:"";z-index:-1;pointer-events:none;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='250'%20viewBox='0%200%20400%20250'%3E%3Cpath%20d='M10,250%20V142%20C10,66%20100,12%20200,5%20C300,12%20390,66%20390,142%20V250'%20fill='none'%20stroke='%23e8c877'%20stroke-width='2.6'/%3E%3Cpath%20d='M32,250%20V148%20C32,80%20112,32%20200,26%20C288,32%20368,80%20368,148%20V250'%20fill='none'%20stroke='%23e8c877'%20stroke-width='1.3'/%3E%3C/svg%3E");background-position:bottom;background-repeat:no-repeat;background-size:auto 96%;position:absolute;inset:0}.stage{text-align:center;justify-content:center;align-items:center;gap:calc(var(--u) * 1.5);flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.stage__label{font-size:calc(var(--u) * 3.4);letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);margin:0}.stage__arabic{font-family:var(--font-ar-display);font-size:calc(var(--u) * 5);color:var(--gold);margin:0;margin-bottom:calc(var(--u) * -.6);line-height:1.3}.stage__prayer{font-size:calc(var(--u) * 9);color:var(--accent);text-transform:capitalize;text-shadow:0 0 calc(var(--u) * 4) var(--accent-glow);margin:0;font-weight:800;line-height:1}.stage__countdown{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:calc(var(--u) * 20);letter-spacing:-.03em;margin:0;font-weight:800;line-height:.95}.stage__countdown--huge{font-size:calc(var(--u) * 30);color:var(--accent)}.stage__note{font-size:calc(var(--u) * 2.6);color:var(--text-muted);max-width:80%;margin:0;line-height:1.5}.stage--adhan{background:radial-gradient(60vmin 45vmin at 50% 50%, var(--accent-wash) 0%, transparent 70%)}.stage--adhan .stage__prayer{animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.stage--adhan .stage__prayer{animation:none}}.screen--dim{background:#000}.screen--dim .stage__prayer,.screen--dim .stage__countdown,.screen--dim .stage__arabic{color:var(--text-faint)}.screen--dim .stage__prayer{text-shadow:none}.screen--dim .header,.screen--dim .strip,.screen--dim .footer{opacity:.25}.strip{gap:calc(var(--u) * 1.2);flex:none;grid-auto-columns:1fr;grid-auto-flow:column;display:grid}.strip__cell{background:linear-gradient(180deg, var(--bg-raised) 0%, var(--bg-elevated) 100%);border:1px solid var(--border);border-radius:calc(var(--u) * 1.4);padding:calc(var(--u) * 1.2) calc(var(--u) * 1);text-align:center;position:relative;overflow:hidden}.strip__cell:before{content:"";background:linear-gradient(90deg, transparent, var(--gold-line) 50%, transparent);height:1px;position:absolute;inset:0 0 auto}.strip__cell--next{border-color:var(--accent-soft)}.strip__cell--active{background:linear-gradient(180deg, var(--accent-strong) 0%, var(--accent-wash) 100%);border-color:var(--accent);box-shadow:0 0 calc(var(--u) * 2.5) var(--accent-glow)}.strip__cell--active:before{background:var(--accent);height:calc(var(--u) * .35)}.strip__arabic{font-family:var(--font-ar-strip);font-size:calc(var(--u) * 2.6);color:var(--gold);line-height:1.25}.strip__name{font-size:calc(var(--u) * 1.9);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-bottom:calc(var(--u) * .5)}.strip__cell--active .strip__name,.strip__cell--next .strip__name{color:var(--accent)}.strip__time{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:calc(var(--u) * 4.2);font-weight:700;line-height:1}.footer{align-items:center;gap:calc(var(--u) * 3);border-top:1px solid var(--gold-line);padding-top:calc(var(--u) * 1.4);font-size:calc(var(--u) * 2.6);flex:none;display:flex}.ticker{min-width:0;min-height:calc(var(--u) * 3.2);white-space:nowrap;color:var(--text-muted);flex:1;overflow:hidden}.ticker__track{padding-left:100%;animation:40s linear infinite scroll;display:inline-block}@media (prefers-reduced-motion:reduce){.ticker__track{padding-left:0;animation:none}}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}.alert{border-radius:calc(var(--u) * 1.2);padding:calc(var(--u) * 1.6) calc(var(--u) * 2.4);font-size:calc(var(--u) * 2.4);border:2px solid var(--warn);background:#fbbf2424;flex:none;line-height:1.45}.alert--danger{border-color:var(--danger);background:#f8717129}.alert strong{color:var(--text)}.settings-hint{font-size:calc(var(--u) * 1.8);color:var(--text-faint);flex:none}.panel{background:var(--panel-veil);padding:calc(var(--u) * 4);z-index:50;cursor:auto;position:fixed;inset:0;overflow-y:auto}.panel__inner{max-width:900px;margin:0 auto;font-size:16px}.panel h2{margin:0 0 16px;font-size:28px}.panel h3{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin:28px 0 10px;font-size:13px}.panel label{color:var(--text-muted);margin-bottom:6px;font-size:14px;display:block}.panel input[type=text],.panel input[type=number],.panel input[type=file],.panel select{border:1px solid var(--border);background:var(--bg-elevated);width:100%;color:var(--text);border-radius:8px;padding:10px 12px;font-family:inherit;font-size:15px}.panel input[type=file]{cursor:pointer;padding:8px 10px}.panel input[type=file]::file-selector-button{border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;border-radius:6px;margin-right:12px;padding:6px 14px;font-family:inherit;font-size:14px;font-weight:600}.panel__check{color:var(--text);align-items:center;gap:10px;font-size:15px;display:flex}.panel__check input{width:16px;height:16px;accent-color:var(--accent)}.panel input:focus-visible,.panel select:focus-visible,.panel button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.panel__field{margin-bottom:16px}.panel__grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;display:grid}.panel__hint{color:var(--text-faint);margin:6px 0 0;font-size:13px;line-height:1.5}.panel__actions{gap:12px;margin-top:24px;display:flex}.panel button{border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);cursor:pointer;border-radius:8px;padding:11px 20px;font-family:inherit;font-size:15px;font-weight:600}.theme-picker{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;display:grid}.theme-option{border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);cursor:pointer;text-align:left;border-radius:10px;align-items:center;gap:10px;padding:9px 12px;font-family:inherit;font-size:14px;font-weight:600;display:flex}.theme-option[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.theme-option__chip{border:1px solid var(--border);background:conic-gradient(from 220deg, var(--accent) 0deg 110deg, var(--gold) 110deg 200deg, var(--bg-raised) 200deg 360deg);border-radius:50%;flex:none;width:30px;height:30px}.theme-option__label{min-width:0}.panel button.small{padding:2px 8px;font-size:12px;font-weight:500}.panel button.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}