:root{--bg-primary:#0a0e1a;--bg-secondary:#0d1526;--bg-card:#ffffff0a;--bg-card-hover:#ffffff14;--border-color:#d4af3733;--border-hover:#d4af3780;--gold:#d4af37;--gold-light:#f0d060;--gold-dim:#d4af3726;--green:#2ecc71;--green-dark:#27ae60;--green-dim:#2ecc7126;--text-primary:#f0ece0;--text-secondary:#a89d8a;--text-gold:#d4af37;--shadow-gold:0 0 20px #d4af3726;--shadow-green:0 0 20px #2ecc7126}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;max-width:100vw;overflow-x:hidden}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-text-size-adjust:100%;width:100%;max-width:100vw;min-height:100vh;font-family:Plus Jakarta Sans,sans-serif;overflow-x:hidden}.star-bg{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.star{animation:twinkle var(--dur,3s)ease-in-out infinite alternate;background:#fff;border-radius:50%;position:absolute}@keyframes twinkle{0%{opacity:.1;transform:scale(1)}to{opacity:.8;transform:scale(1.3)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--gold);border-radius:3px}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:16px;transition:all .3s}.glass-card:hover{background:var(--bg-card-hover);border-color:var(--border-hover);box-shadow:var(--shadow-gold)}.text-gradient-gold{background:linear-gradient(135deg,var(--gold),var(--gold-light),var(--gold));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-green{background:linear-gradient(135deg,var(--green),#55efc4);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.ornament{color:var(--gold);opacity:.5;align-items:center;gap:12px;display:flex}.ornament:before,.ornament:after{content:"";background:linear-gradient(90deg,transparent,var(--gold),transparent);flex:1;height:1px}.prayer-badge{background:var(--gold-dim);border:1px solid var(--border-color);text-align:center;cursor:default;border-radius:12px;padding:16px;transition:all .3s}.prayer-badge.active{background:linear-gradient(135deg,var(--gold-dim),#d4af374d);border-color:var(--gold);box-shadow:var(--shadow-gold),inset 0 0 20px var(--gold-dim)}.prayer-badge:hover{box-shadow:var(--shadow-gold);transform:translateY(-2px)}.btn-gold{background:linear-gradient(135deg,var(--gold),#b8941f);color:#0a0e1a;cursor:pointer;border:none;border-radius:10px;padding:10px 20px;font-family:Plus Jakarta Sans,sans-serif;font-weight:700;transition:all .3s}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 8px 20px #d4af3766}.btn-outline{color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;background:0 0;border-radius:10px;padding:10px 20px;font-family:Plus Jakarta Sans,sans-serif;transition:all .3s}.btn-outline:hover{border-color:var(--gold);color:var(--gold)}.mazhab-toggle{border:1px solid var(--border-color);background:#0000004d;border-radius:50px;gap:4px;padding:4px;display:flex}.mazhab-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:50px;flex:1;padding:8px 16px;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:600;transition:all .3s}.mazhab-btn.active{background:linear-gradient(135deg,var(--gold),#b8941f);color:#0a0e1a;box-shadow:0 4px 12px #d4af374d}.countdown-unit{flex-direction:column;align-items:center;gap:4px;display:flex}.countdown-number{background:linear-gradient(135deg,var(--gold),var(--gold-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Playfair Display,serif;font-size:2.5rem;font-weight:800;line-height:1}.countdown-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);font-size:11px}.countdown-separator{color:var(--gold);opacity:.5;margin-bottom:20px;font-size:2rem;font-weight:800}.surah-card{background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:16px;transition:all .3s;display:flex}.surah-card:hover{background:var(--bg-card-hover);border-color:var(--gold);box-shadow:var(--shadow-gold);transform:translateY(-1px)}.surah-number{background:var(--gold-dim);border:1px solid var(--border-color);width:40px;height:40px;color:var(--gold);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.arabic-text{text-align:right;color:var(--text-primary);direction:rtl;font-family:Amiri,serif;font-size:1.6rem;line-height:2.2}.translation-text{color:var(--text-secondary);margin-top:4px;font-size:.875rem;line-height:1.7}.notif-btn{cursor:pointer;border:1px solid var(--border-color);background:var(--bg-card);color:var(--gold);border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .3s;display:flex;position:relative}.notif-btn:hover{background:var(--gold-dim);border-color:var(--gold)}.notif-dot{background:var(--green);border:2px solid var(--bg-primary);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse-dot;position:absolute;top:4px;right:4px}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}}.lantern{transform-origin:top;animation:4s ease-in-out infinite swing}@keyframes swing{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.glow-gold{box-shadow:0 0 30px #d4af3733,0 0 60px #d4af371a}.glow-green{box-shadow:0 0 30px #2ecc7133,0 0 60px #2ecc711a}.search-input{border:1px solid var(--border-color);color:var(--text-primary);background:#0000004d;border-radius:10px;outline:none;width:100%;padding:10px 16px;font-family:Plus Jakarta Sans,sans-serif;transition:all .3s}.search-input:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-dim)}.search-input::placeholder{color:var(--text-secondary)}.section-title{color:var(--text-primary);font-family:Playfair Display,serif;font-size:1.5rem;font-weight:700}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--bg-card)25%,#ffffff0f 50%,var(--bg-card)75%);background-size:200% 100%;border-radius:8px;animation:1.5s infinite shimmer}@media (max-width:640px){.countdown-number{font-size:1.8rem}.arabic-text{font-size:1.3rem}.section-title{font-size:1.2rem}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{-moz-text-size-adjust:100%;text-size-adjust:100%;overflow-x:hidden}.dashboard-content{-webkit-overflow-scrolling:touch}.glass-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}button,a{-webkit-tap-highlight-color:transparent}.grid-safe>*{min-width:0}.toast{border:1px solid var(--green);color:var(--text-primary);z-index:9999;box-shadow:var(--shadow-green);background:linear-gradient(135deg,#1a2a1a,#0d1a0d);border-radius:12px;align-items:center;gap:10px;max-width:500px;margin:0 auto;padding:12px 16px;font-size:13px;animation:.3s slideUp,.3s 2.7s forwards fadeOut;display:flex;position:fixed;bottom:90px;left:16px;right:16px}@media (min-width:768px){.toast{width:fit-content;max-width:360px;bottom:24px;left:auto;right:24px}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0;pointer-events:none}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes shine{0%{background-position:-100%}to{background-position:200%}}.animate-float{animation:3s ease-in-out infinite float}.text-gradient-gold{background:linear-gradient(135deg,#d4af37,#f0d060,#8b7520) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:5s linear infinite shine}