@import"https://fonts.googleapis.com/css2?family=Amiri:ital,wght@0,400;0,700;1,400&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;700;800&display=swap";:root{--bg-dark-primary: #021a14;--bg-dark-secondary: #04291f;--bg-card: rgba(4, 38, 29, .72);--bg-panel: rgba(6, 44, 34, .78);--bg-input: #021e17;--color-emerald-light: #34d399;--color-emerald-primary: #10b981;--color-emerald-dark: #059669;--color-gold-light: #fde68a;--color-gold-primary: #f59e0b;--color-gold-dark: #d97706;--text-white: #ffffff;--text-slate-100: #f1f5f9;--text-slate-300: #cbd5e1;--text-slate-400: #94a3b8;--text-emerald-300: #6ee7b7;--border-emerald-subtle: rgba(16, 185, 129, .18);--border-emerald-accent: rgba(52, 211, 153, .35);--border-gold-accent: rgba(245, 158, 11, .5);--shadow-panel: 0 20px 35px -10px rgba(0, 0, 0, .6), 0 0 15px rgba(5, 150, 105, .12);--shadow-card: 0 10px 25px -5px rgba(0, 0, 0, .5);--shadow-gold: 0 0 20px rgba(245, 158, 11, .45)}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased}body{font-family:Plus Jakarta Sans,sans-serif;background-color:var(--bg-dark-primary);background-image:radial-gradient(#10b981 .75px,transparent .75px),radial-gradient(#059669 .75px,var(--bg-dark-primary) .75px);background-size:32px 32px;background-position:0 0,16px 16px;color:var(--text-slate-100);min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;overflow-x:hidden;-webkit-user-select:none;user-select:none}.font-arabic{font-family:Amiri,serif}.font-mono{font-family:JetBrains Mono,monospace}.hidden{display:none!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#021a14cc}::-webkit-scrollbar-thumb{background:var(--color-emerald-dark);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:var(--color-emerald-primary)}.glass-panel{background:var(--bg-panel);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border-emerald-subtle);box-shadow:var(--shadow-panel)}.glass-card{background:var(--bg-card);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-emerald-subtle);box-shadow:var(--shadow-card)}.app-header{position:sticky;top:0;z-index:30;padding:.85rem 1.25rem;border-bottom:1px solid rgba(16,185,129,.2)}.header-container{max-width:1320px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem}.brand-wrapper{display:flex;align-items:center;gap:.85rem}.brand-icon{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#059669,#10b981);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;box-shadow:0 8px 16px #04785766;border:1px solid rgba(255,255,255,.2)}.brand-title{font-size:1.35rem;font-weight:800;color:#fff;display:flex;align-items:center;gap:.5rem}.badge-tag{font-size:.65rem;font-weight:700;padding:.15rem .6rem;border-radius:9999px;background:#10b9812e;color:var(--color-emerald-light);border:1px solid rgba(16,185,129,.35);text-transform:uppercase;letter-spacing:.05em}.brand-subtitle{font-size:.75rem;color:#6ee7b7d9;display:flex;align-items:center;gap:.35rem;margin-top:.15rem}.header-right{display:flex;align-items:center;gap:1rem}.calendar-box{text-align:right}.calendar-masehi{font-size:.8rem;font-weight:600;color:var(--text-slate-100)}.calendar-hijriah{font-size:.85rem;font-weight:700;color:var(--color-gold-primary)}.clock-digital-box{background:#00000073;padding:.4rem 1rem;border-radius:12px;border:1px solid var(--border-emerald-accent);display:flex;align-items:center;gap:.35rem}.clock-digital{font-size:1.75rem;font-weight:900;color:var(--color-emerald-light);text-shadow:0 0 14px rgba(52,211,153,.5);letter-spacing:.05em}.clock-zone{font-size:.7rem;font-weight:800;color:var(--text-emerald-300)}.header-actions{display:flex;align-items:center;gap:.5rem}.btn-action{padding:.6rem .85rem;border-radius:12px;font-size:.8rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;transition:all .2s cubic-bezier(.4,0,.2,1);border:none;outline:none}.btn-primary{background:linear-gradient(135deg,#059669,#10b981);color:#fff;box-shadow:0 4px 12px #05966966}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #05966999}.btn-gold{background:linear-gradient(135deg,#d97706,#f59e0b);color:#021a14;box-shadow:0 4px 12px #f59e0b59}.btn-gold:hover{transform:translateY(-1px);box-shadow:0 6px 16px #f59e0b80}.btn-secondary{background:#04291fcc;color:var(--text-emerald-300);border:1px solid var(--border-emerald-accent)}.btn-secondary:hover{background:#064e3b;color:#fff}.main-content{max-width:1320px;width:100%;margin:0 auto;padding:1.25rem 1.25rem 4.5rem;flex-grow:1;display:flex;flex-direction:column;gap:1.25rem}.banner-next-prayer{border-radius:20px;padding:1.25rem 1.5rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;position:relative;overflow:hidden;border:1px solid var(--border-emerald-accent)}.bg-arabic-watermark{position:absolute;right:-20px;bottom:-30px;font-size:9rem;color:var(--color-emerald-primary);opacity:.07;pointer-events:none;font-family:Amiri,serif;-webkit-user-select:none;user-select:none}.next-prayer-left{display:flex;align-items:center;gap:1rem;z-index:2}.next-prayer-icon{width:52px;height:52px;border-radius:14px;background:#10b98126;border:1px solid var(--border-emerald-accent);display:flex;align-items:center;justify-content:center;color:var(--color-emerald-light);font-size:1.5rem}.next-prayer-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#6ee7b7cc}.next-prayer-name{font-size:1.5rem;font-weight:900;color:#fff;display:flex;align-items:center;gap:.6rem}.next-prayer-time-pill{font-size:.85rem;font-weight:700;padding:.15rem .6rem;border-radius:8px;background:#022c22e6;color:var(--color-emerald-light);border:1px solid var(--border-emerald-accent)}.countdown-box{background:#00000073;padding:.6rem 1.25rem;border-radius:16px;border:1px solid rgba(245,158,11,.3);display:flex;align-items:center;gap:.85rem;z-index:2}.countdown-title{font-size:.65rem;font-weight:800;text-transform:uppercase;color:var(--text-slate-400)}.countdown-val{font-size:1.75rem;font-weight:900;color:var(--color-gold-primary);text-shadow:0 0 12px rgba(245,158,11,.4)}.prayer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media(min-width:640px){.prayer-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1024px){.prayer-grid{grid-template-columns:repeat(7,1fr)}}.prayer-card{border-radius:16px;padding:.85rem .65rem;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:all .25s ease}.prayer-card:hover{background:#064e3b80;transform:translateY(-2px)}.prayer-card.active{border:1.5px solid var(--color-gold-primary);background:#064e3bd9;box-shadow:0 8px 24px #f59e0b40;transform:scale(1.03);z-index:5}.prayer-card-accent-bar{position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#f59e0b,#fbbf24)}.prayer-name{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--text-slate-400);margin-bottom:.2rem}.prayer-card.active .prayer-name{color:var(--color-gold-light)}.prayer-time{font-size:1.45rem;font-weight:900;color:#fff}.prayer-tz{font-size:.65rem;font-weight:600;color:#6ee7b7a6;margin-top:.15rem}.dashboard-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}@media(min-width:1024px){.dashboard-grid{grid-template-columns:8fr 4fr}}.player-panel{border-radius:24px;padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;gap:1.25rem}.player-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;border-bottom:1px solid rgba(16,185,129,.2);padding-bottom:.85rem}.player-title-box{display:flex;align-items:center;gap:.85rem}.player-icon{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#f59e0b,#d97706);display:flex;align-items:center;justify-content:center;color:#021a14;font-size:1.2rem;font-weight:800;box-shadow:0 4px 12px #f59e0b4d}.player-title{font-size:1.1rem;font-weight:800;color:#fff;display:flex;align-items:center;gap:.5rem}.status-badge{font-size:.65rem;font-weight:700;padding:.15rem .5rem;border-radius:9999px;display:inline-flex;align-items:center;gap:.35rem}.status-badge-green{background:#10b98133;color:var(--color-emerald-light);border:1px solid rgba(16,185,129,.4)}.status-badge-amber{background:#f59e0b33;color:var(--color-gold-light);border:1px solid rgba(245,158,11,.4)}.pulse-dot{width:7px;height:7px;border-radius:9999px;background:var(--color-emerald-light);box-shadow:0 0 8px var(--color-emerald-light);animation:pulseGlow 1.5s infinite alternate}@keyframes pulseGlow{0%{transform:scale(.8);opacity:.5}to{transform:scale(1.2);opacity:1}}.now-playing-card{background:#022c228c;border:1px solid var(--border-emerald-subtle);border-radius:20px;padding:1.25rem 1.5rem;display:flex;flex-direction:column;justify-content:space-between;gap:1rem}@media(min-width:640px){.now-playing-card{flex-direction:row;align-items:center}}.surah-info-wrap{display:flex;align-items:center;gap:1.25rem}.surah-number-badge{width:70px;height:70px;border-radius:18px;background:linear-gradient(135deg,#065f46,#022c22);border:2px solid var(--border-emerald-accent);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 6px 16px #0006}.surah-num{font-size:1.6rem;font-weight:900;color:var(--color-gold-primary)}.surah-lbl{font-size:.55rem;text-transform:uppercase;color:var(--text-emerald-300)}.surah-details{overflow:hidden}.now-playing-badge{font-size:.65rem;font-weight:800;color:var(--color-emerald-primary);text-transform:uppercase;letter-spacing:.08em;display:flex;align-items:center;gap:.35rem}.surah-name{font-size:1.35rem;font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.surah-desc{font-size:.75rem;color:var(--text-slate-300)}.surah-qari{font-size:.75rem;font-weight:600;color:var(--color-gold-light);margin-top:.15rem}.surah-arabic-title{font-family:Amiri,serif;font-size:2.75rem;color:#6ee7b7d9;text-shadow:0 4px 10px rgba(0,0,0,.4);text-align:right}.progress-container{display:flex;flex-direction:column;gap:.35rem}.progress-track{width:100%;height:8px;background:#021a14;border-radius:9999px;border:1px solid var(--border-emerald-subtle);cursor:pointer;position:relative;overflow:hidden}.progress-fill{height:100%;width:0%;border-radius:9999px;background:linear-gradient(90deg,#10b981,#f59e0b);transition:width .15s linear}.progress-times{display:flex;justify-content:space-between;font-size:.75rem;font-weight:600;color:var(--text-slate-400)}.player-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.85rem;border-top:1px solid rgba(16,185,129,.2);padding-top:.85rem}.playback-buttons{display:flex;align-items:center;gap:.5rem}.btn-ctrl{width:40px;height:40px;border-radius:12px;background:#04291fb3;border:1px solid var(--border-emerald-accent);color:var(--text-slate-100);display:flex;align-items:center;justify-content:center;font-size:.9rem;cursor:pointer;transition:all .2s ease}.btn-ctrl:hover{background:#065f46;color:#fff}.btn-play-pause{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#10b981,#34d399);color:#021a14;font-size:1.25rem;font-weight:900;border:none;box-shadow:0 6px 20px #10b98180;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-play-pause:hover{transform:scale(1.05)}.btn-play-pause:active{transform:scale(.95)}.select-surah-dropdown,.custom-select{background:#021e17;border:1px solid var(--border-emerald-accent);border-radius:12px;padding:.5rem .75rem;color:var(--text-slate-100);font-size:.75rem;outline:none;font-family:inherit}.volume-wrapper{display:flex;align-items:center;gap:.5rem;color:var(--text-slate-400);font-size:.8rem}.custom-range{accent-color:var(--color-emerald-primary);cursor:pointer}.automation-panel{display:flex;flex-direction:column;justify-content:space-between;border-radius:24px;padding:1.5rem;gap:1rem}.auto-status-row{display:flex;align-items:center;justify-content:space-between;padding:.65rem .85rem;border-radius:12px;background:#021e17b3;border:1px solid rgba(16,185,129,.2);font-size:.75rem}.equalizer-wave{display:flex;align-items:center;gap:3px;height:24px}.equalizer-bar{width:3px;background:var(--color-emerald-light);border-radius:9999px;animation:bounceBar 1.2s infinite ease-in-out alternate}@keyframes bounceBar{0%{height:20%}to{height:100%}}.app-footer{position:fixed;bottom:0;left:0;right:0;width:100%;border-top:1px solid rgba(16,185,129,.25);background:#031e17e0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:.65rem 1.25rem;z-index:30;box-shadow:0 -10px 25px #00000080}.ticker-wrap{max-width:1320px;margin:0 auto;display:flex;align-items:center;gap:.75rem}.ticker-badge{background:#059669;color:#021a14;font-weight:900;font-size:.7rem;padding:.25rem .6rem;border-radius:8px;letter-spacing:.08em;flex-shrink:0}.ticker-content{overflow:hidden;white-space:nowrap;width:100%}.ticker-text{display:inline-block;font-size:.8rem;color:#d1fae5e6;animation:marquee 30s linear infinite}@keyframes marquee{0%{transform:translate(100%)}to{transform:translate(-100%)}}.overlay-full{position:fixed;top:0;right:0;bottom:0;left:0;background:#02120ef2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;text-align:center;transition:opacity .3s ease}.overlay-full.hidden,.modal-backdrop.hidden{display:none!important}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:90;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-card{max-width:580px;width:100%;border-radius:24px;padding:1.5rem;border:1px solid var(--border-emerald-accent);max-height:90vh;overflow-y:auto}.adzan-giant-icon{width:96px;height:96px;border-radius:9999px;background:linear-gradient(135deg,#059669,#f59e0b);display:flex;align-items:center;justify-content:center;color:#021a14;font-size:2.75rem;box-shadow:0 0 40px #10b98199;border:4px solid rgba(255,255,255,.3)}.toast-notif{position:fixed;bottom:4.5rem;right:1.5rem;z-index:120;background:#022c22;border:1px solid var(--color-emerald-primary);color:#fff;padding:.75rem 1.25rem;border-radius:16px;box-shadow:0 10px 30px #000c;display:flex;align-items:center;gap:.6rem;font-size:.8rem;font-weight:700;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.test-page-container{min-height:100vh;width:100%;background:radial-gradient(circle at 50% 0%,#03241b,#01120d 60%,#000806);display:flex;flex-direction:column;padding-bottom:3rem}.test-header{border-bottom:1px solid rgba(16,185,129,.25);padding:1rem 1.5rem;position:sticky;top:0;z-index:50}.test-header-inner{max-width:1320px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.test-content-grid{max-width:1320px;width:100%;margin:1.5rem auto;padding:0 1.25rem;display:grid;grid-template-columns:1fr;gap:1.25rem}@media(min-width:900px){.test-content-grid{grid-template-columns:1fr 1fr}}.test-card{border-radius:20px;padding:1.25rem;display:flex;flex-direction:column}.test-card-header{display:flex;align-items:center;gap:.6rem;margin-bottom:.5rem}.test-card-header h3{font-size:.95rem;font-weight:800;color:#fff}.test-row-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-radius:12px;background:#02231b99;border:1px solid rgba(16,185,129,.15);transition:all .2s ease}.test-row-item:hover{border-color:#10b98166;background:#043025cc}.test-console-box{background:#01140e;border:1px solid rgba(16,185,129,.25);border-radius:14px;padding:.75rem;height:220px;overflow-y:auto;display:flex;flex-direction:column;gap:.35rem}.log-entry{font-size:.7rem;line-height:1.4;word-break:break-word}.log-info{color:#a7f3d0}.log-warn{color:#fcd34d}.log-error{color:#f87171}.log-success{color:#34d399}