@font-face{font-family:Amiri Quran;src:url(/fonts/amiri-quran.woff2) format("woff2");font-display:swap;font-weight:400}@font-face{font-family:Noto Naskh Arabic;src:url(/fonts/noto-naskh.woff2) format("woff2");font-display:swap;font-weight:400 600}:root{--font-ui: system-ui, -apple-system, "Segoe UI", Roboto, "Noto Naskh Arabic", sans-serif;--font-arabic: "Amiri Quran", "Noto Naskh Arabic", serif;--font-arabic-ui: "Noto Naskh Arabic", "Amiri Quran", serif;--quran-scale: 1;--quran-base: clamp(25px, 1.55vw + 14px, 42px);--radius: 18px;--radius-sm: 12px}:root[data-theme=night]{--bg: #050d0a;--bg2: #081611;--panel: rgba(14, 30, 24, .72);--panel-solid: #0c1d17;--line: rgba(217, 180, 106, .14);--line-strong: rgba(217, 180, 106, .3);--text: #eee7d7;--muted: #93a69c;--gold: #d9b46a;--gold-bright: #f3d79b;--gold-soft: rgba(217, 180, 106, .12);--word-highlight: rgba(217, 180, 106, .26);--emerald: #2f8f73;--danger: #e58b7c;--on-gold: #1a1408;--shadow: 0 20px 50px rgba(0, 0, 0, .35);color-scheme:dark}:root[data-theme=sepia]{--bg: #efe6d3;--bg2: #f6efe0;--panel: rgba(255, 250, 240, .82);--panel-solid: #fbf5e8;--line: rgba(120, 90, 40, .16);--line-strong: rgba(120, 90, 40, .32);--text: #2c2318;--muted: #7d6a52;--gold: #9a7430;--gold-bright: #7a571c;--gold-soft: rgba(154, 116, 48, .12);--word-highlight: rgba(154, 116, 48, .26);--emerald: #3f7a63;--danger: #b34b3c;--on-gold: #241a08;--shadow: 0 18px 40px rgba(90, 70, 35, .12);color-scheme:light}:root[data-theme=light]{--bg: #f4f8f6;--bg2: #ffffff;--panel: rgba(255, 255, 255, .86);--panel-solid: #ffffff;--line: rgba(20, 70, 55, .12);--line-strong: rgba(20, 70, 55, .26);--text: #10231c;--muted: #5e746b;--gold: #9a7430;--gold-bright: #7a571c;--gold-soft: rgba(154, 116, 48, .1);--word-highlight: rgba(154, 116, 48, .2);--emerald: #2f8f73;--danger: #b34b3c;--on-gold: #241a08;--shadow: 0 18px 40px rgba(20, 60, 45, .08);color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-ui);overflow:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit;color:inherit}button{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}*{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:99px}::-webkit-scrollbar-track{background:transparent}.app{position:relative;height:100vh;height:100dvh;display:flex;flex-direction:column;background:radial-gradient(90% 70% at 85% -10%,rgba(47,143,115,.16),transparent 60%),radial-gradient(70% 60% at 0% 110%,rgba(217,180,106,.08),transparent 60%),var(--bg);isolation:isolate}.app:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:radial-gradient(circle,var(--gold) 1px,transparent 1.7px);background-size:28px 28px;opacity:.055}.topbar{display:flex;align-items:center;gap:22px;padding:16px 30px;border-bottom:1px solid var(--line);background:var(--bg);background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(16px);z-index:20;flex:0 0 auto}.brand{display:flex;align-items:center;gap:10px;padding:3px 8px;border:0;border-radius:12px;background:none;color:var(--text);cursor:pointer}.brand-mark{font-family:var(--font-arabic);font-size:32px;line-height:1;color:var(--gold)}.brand-text{display:flex;flex-direction:column;line-height:1.05;text-align:left}.brand-text strong{font-size:15px;letter-spacing:.12em;text-transform:uppercase}.brand-text small{font-size:9px;letter-spacing:.34em;text-transform:uppercase;color:var(--muted)}.nav{display:flex;gap:4px}.nav button{display:flex;align-items:center;gap:8px;padding:9px 15px;border-radius:11px;border:1px solid transparent;background:transparent;color:var(--muted);font-size:13px;font-weight:600;cursor:pointer;transition:color .18s,background .18s,border-color .18s}.nav button:hover{color:var(--text);background:var(--gold-soft)}.nav button.is-active{color:var(--gold);background:var(--gold-soft);border-color:var(--line)}.clock{margin-left:auto;display:flex;align-items:center;gap:14px;text-align:right}.clock-time{font-size:26px;font-weight:600;letter-spacing:.03em;font-variant-numeric:tabular-nums}.clock-meta{display:flex;flex-direction:column;font-size:10.5px;line-height:1.4;color:var(--muted)}.clock-hijri{font-family:var(--font-arabic);font-size:12.5px;color:var(--gold);opacity:.85}.main{flex:1 1 auto;min-height:0;overflow-y:auto;padding:26px 30px 46px}.app[data-view=listen] .main{padding:0;overflow:hidden}.app.has-player[data-view=home] .main,.app.has-player[data-view=schedule] .main,.app.has-player[data-view=settings] .main{padding-bottom:150px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(16px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border-radius:12px;border:1px solid var(--line-strong);background:var(--gold-soft);color:var(--text);font-size:13px;font-weight:600;cursor:pointer;transition:background .18s,border-color .18s,color .18s,transform .18s;white-space:nowrap}.btn:hover{border-color:var(--gold);color:var(--gold)}.btn.primary{background:linear-gradient(180deg,var(--gold-bright),var(--gold));color:var(--on-gold);border-color:transparent;box-shadow:0 8px 24px #d9b46a2e}.btn.primary:hover{color:var(--on-gold);filter:brightness(1.05);transform:translateY(-1px)}.btn.ghost{background:transparent}.btn.small{padding:8px 12px;font-size:12px}.btn.tiny{padding:6px 10px;font-size:11px}.btn.danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 45%,transparent);background:transparent}.btn.danger:hover{border-color:var(--danger);color:var(--danger)}.btn.is-on{color:var(--gold);border-color:var(--line-strong);background:var(--gold-soft)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-hint{font-size:10px;padding:2px 7px;border-radius:99px;background:#ffffff38;color:inherit;opacity:.8}.icon-btn{width:38px;height:38px;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--muted);display:grid;place-items:center;cursor:pointer;transition:background .16s,color .16s;flex:0 0 auto}.icon-btn:hover{background:var(--gold-soft);color:var(--text)}.icon-btn.danger:hover{color:var(--danger)}.link-btn{display:inline-flex;align-items:center;gap:4px;padding:0;border:0;background:none;color:var(--gold);font-size:11.5px;font-weight:600;cursor:pointer}.link-btn:hover{color:var(--gold-bright);text-decoration:underline}.eyebrow{display:inline-flex;align-items:center;gap:7px;margin:0;color:var(--gold);font-size:10.5px;font-weight:700;letter-spacing:.17em;text-transform:uppercase}.pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:99px;border:1px solid var(--line-strong);background:var(--gold-soft);color:var(--gold);font-size:10.5px;font-weight:600;white-space:nowrap}.muted{color:var(--muted)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-variant-numeric:tabular-nums;color:var(--gold)}.wrap{word-break:break-all;max-width:60%}.home{max-width:1420px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(310px,1fr);gap:20px;align-items:start}.hero{position:relative;overflow:hidden;min-height:330px;padding:38px 42px;display:flex;flex-direction:column;gap:12px;background:radial-gradient(120% 130% at 100% 0%,rgba(47,143,115,.24),transparent 55%),radial-gradient(100% 100% at 0% 100%,rgba(217,180,106,.12),transparent 60%),var(--panel)}.hero:after{content:"";position:absolute;right:-110px;bottom:-160px;width:360px;height:360px;border-radius:50%;border:1px solid var(--line);box-shadow:0 0 0 34px #d9b46a08,0 0 0 68px #d9b46a05;pointer-events:none}.hero-ornament{position:absolute;top:20px;right:28px;font-family:var(--font-arabic);font-size:54px;line-height:1;color:var(--gold);opacity:.4;pointer-events:none}.hero-arabic{margin:2px 0 6px;font-family:var(--font-arabic);font-size:clamp(38px,4.1vw,62px);line-height:1.65;font-weight:400}.hero-sub{margin:0;max-width:52ch;color:var(--muted);font-size:14px;line-height:1.65}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.hero-foot{display:flex;flex-wrap:wrap;gap:22px;margin-top:auto;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:11.5px}.hero-foot span{display:inline-flex;align-items:center;gap:7px}.home-side{display:flex;flex-direction:column;gap:20px}.next-card{padding:24px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.next-time{margin-top:10px;font-size:54px;font-weight:600;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;background:linear-gradient(180deg,var(--text),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}.next-arabic{margin-top:8px;font-family:var(--font-arabic-ui);font-size:28px;line-height:1.7}.next-meta{margin-top:4px;color:var(--muted);font-size:12.5px;line-height:1.5}.next-days{margin-top:12px;color:var(--gold);font-size:11.5px}.next-empty{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:14px;color:var(--muted);font-size:12.5px}.next-empty p{margin:0}.mini-stats{padding:6px 20px}.mini-stat{display:flex;align-items:center;gap:13px;padding:13px 0;color:var(--gold)}.mini-stat+.mini-stat{border-top:1px solid var(--line)}.mini-stat div{display:flex;flex-direction:column;color:var(--text)}.mini-stat strong{font-size:14px;font-weight:600}.mini-stat span{color:var(--muted);font-size:11px}.quick-section{grid-column:1 / -1;margin-top:6px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:14px}.section-head h2{margin:3px 0 0;font-size:21px;font-weight:600}.quick-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.quick-card{position:relative;display:flex;flex-direction:column;gap:4px;padding:17px 17px 20px;border:1px solid var(--line);border-radius:15px;background:var(--panel);color:var(--text);text-align:left;cursor:pointer;overflow:hidden;transition:border-color .18s,background .18s,transform .18s}.quick-card:hover{transform:translateY(-2px);border-color:var(--line-strong);background:var(--gold-soft)}.quick-num{color:var(--gold);font-size:9.5px;letter-spacing:.16em}.quick-arabic{font-family:var(--font-arabic-ui);font-size:25px;line-height:1.7}.quick-name{font-size:12.5px;font-weight:600}.quick-meta{color:var(--muted);font-size:10.5px}.quick-play{position:absolute;right:13px;bottom:13px;width:29px;height:29px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line-strong);background:var(--gold-soft);color:var(--gold);opacity:.85}.listen-layout{display:grid;grid-template-columns:318px minmax(0,1fr);height:100%;min-height:0}.surah-sidebar{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;border-right:1px solid var(--line);background:var(--bg2);background:color-mix(in srgb,var(--bg2) 68%,transparent)}.surah-search{display:flex;align-items:center;gap:9px;margin:16px 14px 10px;padding:10px 12px;border:1px solid var(--line);border-radius:11px;background:var(--bg2);background:color-mix(in srgb,var(--bg2) 88%,transparent);color:var(--muted)}.surah-search input{flex:1;min-width:0;border:0;outline:0;background:none;color:var(--text);font-size:12.5px}.surah-search input::placeholder{color:var(--muted)}.clear-search{display:grid;place-items:center;border:0;background:none;color:var(--muted);cursor:pointer}.surah-scroll{flex:1 1 auto;min-width:0;min-height:0;overflow-y:auto;padding:2px 10px 12px}.surah-item{width:100%;display:flex;align-items:center;gap:11px;padding:9px 11px;border:1px solid transparent;border-radius:11px;background:none;color:var(--text);text-align:left;cursor:pointer;transition:background .15s,border-color .15s}.surah-item:hover{background:var(--gold-soft)}.surah-item.is-active{background:var(--gold-soft);border-color:var(--line)}.surah-item-num{width:29px;height:29px;flex:0 0 auto;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;color:var(--gold);font-size:10.5px;font-variant-numeric:tabular-nums}.surah-item-main{display:flex;flex-direction:column;min-width:0}.surah-item-arabic{font-family:var(--font-arabic-ui);font-size:19px;line-height:1.7}.surah-item-meta{overflow:hidden;color:var(--muted);font-size:10px;white-space:nowrap;text-overflow:ellipsis}.surah-playing-dot{width:6px;height:6px;margin-left:auto;border-radius:50%;background:var(--gold);box-shadow:0 0 10px var(--gold)}.surah-side-foot{display:flex;justify-content:space-between;padding:10px 16px 13px;border-top:1px solid var(--line);color:var(--muted);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase}.surah-empty{padding:20px;color:var(--muted);font-size:12px;text-align:center}.listen-main{display:flex;flex-direction:column;min-width:0;min-height:0}.surah-head{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;padding:20px 32px 14px;border-bottom:1px solid var(--line);flex:0 0 auto}.surah-title-ar{margin:2px 0 0;font-family:var(--font-arabic-ui);font-size:clamp(32px,3vw,48px);font-weight:600;line-height:1.6}.surah-title-en{margin:2px 0 0;color:var(--muted);font-size:12.5px}.surah-title-en span{opacity:.65}.surah-tools{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:flex-end;gap:9px}.qari-select{display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:9.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.qari-select .field{min-width:215px;text-transform:none;letter-spacing:0;color:var(--text);font-weight:500}.range-banner{display:flex;align-items:center;gap:9px;padding:8px 32px;border-bottom:1px solid var(--line);background:var(--gold-soft);color:var(--gold);font-size:11.5px;flex:0 0 auto}.range-banner .link-btn{margin-left:auto;font-size:11px}.repeat-panel{margin:14px 32px 0;padding:18px 20px;flex:0 0 auto}.quran-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;padding:26px 42px 170px;scroll-behavior:smooth}.basmalah{margin:4px 0 26px;font-family:var(--font-arabic);font-size:calc(var(--quran-base) * .9);line-height:1.8;word-spacing:var(--word-spacing, -.12em);text-align:center;color:var(--gold)}.ayahs{max-width:1120px;margin:0 auto;direction:rtl;text-align:justify;text-justify:inter-word}.ayah{width:fit-content;max-width:100%;margin:0 0 10px auto;padding:10px 20px;border-radius:13px;font-family:var(--font-arabic);font-size:calc(var(--quran-base) * var(--quran-scale));line-height:2.5;word-spacing:var(--word-spacing, -.12em);color:var(--text);cursor:pointer;transition:background-color .22s,box-shadow .22s}.ayah:hover{background:#ffffff06}.ayah.is-active{background:transparent;box-shadow:inset -3px 0 0 var(--gold)}.ayah.is-active .ayah-num{border-color:transparent;background:var(--gold);color:var(--on-gold)}.ayah:focus-visible{outline:2px solid var(--gold);outline-offset:0}.word{border-radius:6px;padding:0 .06em;line-height:1.25;transition:color .08s}.word.active{color:var(--gold-bright)}.hl-block .word.active{color:var(--text);padding:0 .09em;border-radius:7px;background:var(--word-highlight);box-shadow:inset 0 -.06em 0 var(--gold)}.hl-underline .word.active{text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:.09em;text-underline-offset:.28em}.ayah-num{display:inline-grid;place-items:center;width:1.65em;height:1.65em;margin-inline-start:.45em;border:1px solid var(--line-strong);border-radius:50%;background:var(--gold-soft);color:var(--gold);font-family:var(--font-ui);font-size:.4em;vertical-align:middle}.surah-end{display:flex;flex-direction:column;align-items:center;gap:8px;padding:30px 0 10px;color:var(--gold)}.surah-end p{margin:0;color:var(--muted);font-size:10.5px;letter-spacing:.15em;text-transform:uppercase}.surah-end .btn{margin-top:6px}.listen-empty{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px;color:var(--muted);text-align:center}.listen-empty h2{margin:0;color:var(--text)}.listen-empty p{margin:0;max-width:44ch;font-size:13px;line-height:1.6}.surah-skeleton{display:flex;flex-direction:column;gap:17px;padding-top:16px}.skeleton-line{height:24px;border-radius:7px;background:linear-gradient(90deg,var(--line),rgba(255,255,255,.06),var(--line));background-size:200% 100%;animation:shimmer 1.6s infinite linear}@keyframes shimmer{to{background-position:-200% 0}}.player-bar{position:fixed;right:0;bottom:0;left:0;z-index:40;border-top:1px solid var(--line-strong);background:var(--panel-solid);background:color-mix(in srgb,var(--panel-solid) 93%,transparent);backdrop-filter:blur(22px);box-shadow:0 -18px 60px #00000052}.player-inner{display:grid;grid-template-columns:200px minmax(0,1fr) auto;align-items:center;gap:22px;padding:12px 26px}.player-info{min-width:0}.player-surah{overflow:hidden;font-family:var(--font-arabic-ui);font-size:21px;line-height:1.7;white-space:nowrap;text-overflow:ellipsis}.player-sub{overflow:hidden;color:var(--muted);font-size:10.5px;white-space:nowrap;text-overflow:ellipsis}.player-middle{display:flex;align-items:center;gap:20px;min-width:0}.player-transport{display:flex;align-items:center;gap:6px}.play-btn{width:52px;height:52px;display:grid;place-items:center;border:0;border-radius:50%;background:linear-gradient(180deg,var(--gold-bright),var(--gold));color:var(--on-gold);cursor:pointer;box-shadow:0 6px 24px #d9b46a47;transition:filter .16s,transform .16s}.play-btn:hover{filter:brightness(1.06);transform:scale(1.03)}.player-progress{display:flex;flex:1;flex-direction:column;gap:5px;min-width:110px}.progress{position:relative;height:6px;border-radius:99px;background:#80808038;background:color-mix(in srgb,var(--text) 14%,transparent);cursor:pointer}.progress-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--gold),var(--gold-bright))}.progress-knob{position:absolute;top:50%;width:11px;height:11px;border-radius:50%;background:var(--gold-bright);transform:translate(-50%,-50%);box-shadow:0 0 10px #d9b46a80;pointer-events:none}.player-status{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:10.5px}.player-status span{display:inline-flex;align-items:center;gap:5px}.status-error{color:var(--danger)}.player-time{font-variant-numeric:tabular-nums;white-space:nowrap}.player-side{display:flex;align-items:center;gap:9px}.chip{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border:1px solid var(--line);border-radius:99px;background:transparent;color:var(--muted);font-size:10.5px;font-weight:600;white-space:nowrap;cursor:pointer}.chip.is-active{color:var(--gold);border-color:var(--line-strong);background:var(--gold-soft)}.volume{display:flex;align-items:center;gap:7px;color:var(--muted)}.volume input{width:70px}.player-qari{max-width:168px;font-size:10.5px}.player-autoplay{padding:7px 26px;border-top:1px solid var(--line);background:var(--gold-soft);color:var(--gold);font-size:11.5px}.player-autoplay button{border:0;background:none;color:var(--gold);font-weight:700;text-decoration:underline;cursor:pointer}.repeat-sheet{position:absolute;right:26px;bottom:calc(100% + 14px);width:382px;padding:20px;border:1px solid var(--line-strong);border-radius:16px;background:var(--panel-solid);box-shadow:0 24px 70px #00000080}.repeat-controls{display:flex;flex-direction:column;gap:13px}.repeat-sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;color:var(--gold)}.repeat-sheet-head h3{margin:0 0 3px;color:var(--text);font-size:14.5px}.repeat-sheet-head p{margin:0;max-width:34ch;color:var(--muted);font-size:11px;line-height:1.5}.repeat-row{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:12.5px}.repeat-range{display:grid;grid-template-columns:1fr 1fr;gap:11px}.repeat-range label{display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:9.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.repeat-range-actions{display:flex;flex-wrap:wrap;gap:7px}.repeat-hint{margin:0;color:var(--muted);font-size:10.5px;line-height:1.55}.stepper{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:10px;background:var(--bg2);background:color-mix(in srgb,var(--bg2) 88%,transparent)}.stepper-btn{width:30px;height:30px;display:grid;place-items:center;border:0;background:none;color:var(--muted);cursor:pointer}.stepper-btn:hover{color:var(--gold)}.stepper-btn:disabled{opacity:.3;cursor:not-allowed}.stepper-value{display:inline-flex;justify-content:center;gap:2px;min-width:34px;font-size:12.5px;font-weight:600;font-variant-numeric:tabular-nums}.stepper-value small{color:var(--gold)}.page{max-width:1280px;margin:0 auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.page-head h1{margin:4px 0 6px;font-size:clamp(27px,2.8vw,38px);font-weight:600;letter-spacing:-.02em}.page-sub{margin:0;max-width:66ch;color:var(--muted);font-size:13px;line-height:1.6}.field{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;outline:0;background:var(--bg2);background:color-mix(in srgb,var(--bg2) 92%,transparent);color:var(--text);font-size:12.5px;transition:border-color .16s,box-shadow .16s}.field:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-soft)}.field-inline{width:auto;padding:7px 10px}select.field{cursor:pointer}input[type=range]{accent-color:var(--gold);height:4px;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-field{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:9.5px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.form-field>span{min-height:12px}.form-inline{flex-direction:row;align-items:center;justify-content:space-between;color:var(--text);font-size:12.5px;font-weight:500;letter-spacing:0;text-transform:none}.time-field{display:flex;align-items:center;gap:7px}.time-field select{min-width:76px;width:auto}.time-colon{color:var(--gold);font-weight:700}.day-picker{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.day-chip{padding:8px 12px;border:1px solid var(--line);border-radius:99px;background:transparent;color:var(--muted);font-size:11.5px;font-weight:600;cursor:pointer}.day-chip.is-on{border-color:var(--line-strong);background:var(--gold-soft);color:var(--gold)}.schedule-form{display:flex;flex-direction:column;gap:17px}.notice{display:flex;align-items:center;gap:10px;padding:11px 13px;border-radius:11px;font-size:12px}.notice.error{border:1px solid color-mix(in srgb,var(--danger) 35%,transparent);background:color-mix(in srgb,var(--danger) 10%,transparent);color:var(--danger)}.notice p{margin:2px 0 0;font-size:11px;opacity:.8}.notice .btn{margin-left:auto}.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:22px;background:#020806b8;backdrop-filter:blur(8px);animation:fade-in .16s ease}.modal{display:flex;flex-direction:column;width:min(560px,100%);max-height:88vh;border:1px solid var(--line-strong);border-radius:20px;background:var(--panel-solid);box-shadow:0 30px 90px #0000008c}.modal-wide{width:min(760px,100%)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 22px 14px;border-bottom:1px solid var(--line)}.modal-head h2{margin:0;font-size:19px;font-weight:600}.modal-head p{margin:4px 0 0;color:var(--muted);font-size:11.5px;line-height:1.5}.modal-body{overflow-y:auto;padding:18px 22px}.modal-foot{display:flex;justify-content:flex-end;gap:9px;padding:14px 22px;border-top:1px solid var(--line)}body.modal-open{overflow:hidden}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.schedule-list{display:flex;flex-direction:column;gap:12px}.schedule-card{display:grid;grid-template-columns:118px minmax(0,1fr) 132px auto;align-items:center;gap:20px;padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:var(--panel);transition:opacity .18s,border-color .18s}.schedule-card:hover{border-color:var(--line-strong)}.schedule-card.is-disabled{opacity:.55}.schedule-time{display:flex;flex-direction:column;align-self:stretch;justify-content:center;padding-right:16px;border-right:1px solid var(--line)}.schedule-time span{color:var(--gold);font-size:29px;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.schedule-time small{color:var(--muted);font-size:9px;letter-spacing:.16em;text-transform:uppercase}.schedule-body{min-width:0}.schedule-body h3{margin:0 0 3px;font-size:15px;font-weight:600}.schedule-surah{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin:0;color:var(--muted);font-size:11.5px}.arabic-inline{font-family:var(--font-arabic-ui);color:var(--text);font-size:19px;line-height:1.7}.schedule-detail{margin:3px 0 7px;color:var(--muted);font-size:10.5px}.schedule-days{display:flex;align-items:center;gap:4px}.day-dot{width:21px;height:21px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--muted);font-size:8.5px}.day-dot.is-on{border-color:var(--line-strong);background:var(--gold-soft);color:var(--gold)}.schedule-days-label{margin-left:5px;color:var(--muted);font-size:9.5px}.schedule-next{display:flex;flex-direction:column;gap:1px;color:var(--muted);font-size:10px;text-align:right}.schedule-next strong{color:var(--text);font-size:18px;font-weight:600;font-variant-numeric:tabular-nums}.schedule-actions{display:flex;align-items:center;gap:1px}.empty-state{display:flex;flex-direction:column;align-items:center;gap:11px;padding:54px 30px;color:var(--gold);text-align:center}.empty-state h2{margin:0;color:var(--text);font-size:19px}.empty-state p{margin:0;max-width:48ch;color:var(--muted);font-size:12.5px;line-height:1.6}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.settings-card{display:flex;flex-direction:column;gap:14px;padding:20px 22px}.settings-card h2{display:flex;align-items:center;gap:8px;margin:0;color:var(--text);font-size:14px;font-weight:600}.setting-block{display:flex;flex-direction:column;gap:8px}.setting-label{color:var(--muted);font-size:9.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.theme-card{display:flex;flex-direction:column;gap:4px;padding:8px;border:1px solid var(--line);border-radius:11px;background:transparent;color:var(--text);text-align:left;cursor:pointer}.theme-card.is-active{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold-soft)}.theme-swatch{height:32px;border:1px solid var(--line);border-radius:7px}.theme-night .theme-swatch{background:linear-gradient(135deg,#07120f,#16362b)}.theme-sepia .theme-swatch{background:linear-gradient(135deg,#f3ead7,#d8c39a)}.theme-light .theme-swatch{background:linear-gradient(135deg,#f8faf9,#dce9e3)}.theme-name{font-size:11.5px;font-weight:600}.theme-desc{color:var(--muted);font-size:9px;line-height:1.35}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 0;border-top:1px solid var(--line)}.setting-row>div:first-child{display:flex;flex-direction:column;gap:2px}.setting-row strong{font-size:12.5px;font-weight:600}.setting-row span{color:var(--muted);font-size:10.5px;line-height:1.45}.setting-control{flex:0 0 auto}.setting-slider{display:flex;align-items:center;gap:9px}.setting-slider input{width:132px}.segmented{display:inline-flex;overflow:hidden;border:1px solid var(--line);border-radius:9px}.segmented button{padding:7px 13px;border:0;background:transparent;color:var(--muted);font-size:11px;font-weight:600;cursor:pointer}.segmented button.is-active{background:var(--gold-soft);color:var(--gold)}.cache-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cache-stat{display:flex;flex-direction:column;gap:1px;padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--bg2);background:color-mix(in srgb,var(--bg2) 88%,transparent)}.cache-stat strong{font-size:24px;font-weight:600;font-variant-numeric:tabular-nums}.cache-stat span{color:var(--muted);font-size:10px}.cache-stat small{color:var(--gold);font-size:9.5px}.setting-hint{margin:0;color:var(--muted);font-size:10.5px;line-height:1.6}.setting-note{display:flex;gap:9px;padding:11px;border:1px solid var(--line);border-radius:11px;background:var(--gold-soft);color:var(--gold)}.setting-note p{margin:0;color:var(--muted);font-size:10.5px;line-height:1.55}.system-list{display:flex;flex-direction:column;margin:0}.system-list>div{display:flex;justify-content:space-between;gap:14px;padding:7px 0;border-top:1px solid var(--line);font-size:11px}.system-list dt{color:var(--muted)}.system-list dd{margin:0;text-align:right}.credit{padding-top:11px;border-top:1px solid var(--line);color:var(--muted);font-size:10px;line-height:1.6}.credit p{margin:0 0 5px}.credit strong{color:var(--text);font-weight:600}.toggle{width:43px;height:25px;padding:2px;border:1px solid var(--line-strong);border-radius:99px;background:#8080803d;background:color-mix(in srgb,var(--text) 18%,transparent);cursor:pointer;transition:background .18s,border-color .18s;flex:0 0 auto}.toggle.is-on{border-color:transparent;background:linear-gradient(90deg,var(--gold),var(--gold-bright))}.toggle-knob{display:block;width:19px;height:19px;border-radius:50%;background:var(--text);transition:transform .18s,background .18s}.toggle.is-on .toggle-knob{background:var(--on-gold);transform:translate(18px)}.spinner{display:inline-block;width:21px;height:21px;border:2px solid rgba(128,128,128,.3);border-top-color:currentColor;border-radius:50%;animation:spin .7s linear infinite}.spinner.small{width:14px;height:14px}@keyframes spin{to{transform:rotate(360deg)}}.splash{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;min-height:100vh;min-height:100dvh;padding:30px;background:radial-gradient(60% 60% at 50% 40%,#10241e,#040b08);color:var(--text);text-align:center}.splash-mark{font-family:var(--font-arabic);font-size:76px;line-height:1;color:var(--gold)}.splash-mark.error{display:grid;place-items:center;width:68px;height:68px;border:1px solid var(--danger);border-radius:50%;color:var(--danger);font-family:var(--font-ui);font-size:34px}.splash h1{margin:0;font-family:var(--font-arabic);font-size:clamp(32px,4.5vw,52px);font-weight:400}.splash p{margin:0;color:var(--muted);font-size:13px}.splash-hint{font-size:10.5px!important;opacity:.7}.toast{position:fixed;bottom:128px;left:50%;z-index:90;display:flex;align-items:center;gap:8px;padding:11px 17px;border:1px solid var(--line-strong);border-radius:99px;background:var(--panel-solid);color:var(--text);font-size:12px;box-shadow:0 14px 44px #00000073;transform:translate(-50%);animation:toast-in .22s ease}.toast.error{border-color:color-mix(in srgb,var(--danger) 40%,transparent);color:var(--danger)}.app:not(.has-player) .toast{bottom:26px}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media(max-width:1120px){.home{grid-template-columns:1fr}.home-side{display:grid;grid-template-columns:1fr 1fr}.quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-grid{grid-template-columns:1fr}}@media(max-width:940px){.topbar{gap:12px;padding:12px 18px}.nav button span{display:none}.nav button{padding:10px}.clock-meta{display:none}.clock-time{font-size:20px}.main{padding:20px 18px 40px}.listen-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:220px minmax(0,1fr)}.surah-sidebar{border-right:0;border-bottom:1px solid var(--line)}.surah-scroll{display:flex;gap:8px;width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;padding-bottom:10px}.surah-item{min-width:190px}.surah-side-foot{display:none}.surah-head{padding:16px 18px 12px}.quran-scroll{padding:18px 20px 150px}.player-inner{grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:10px 16px}.player-info,.player-side .player-qari{display:none}.schedule-card{grid-template-columns:100px minmax(0,1fr) auto;gap:14px}.schedule-next{display:none}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.hero{padding:28px 22px}.home-side,.form-grid{grid-template-columns:1fr}.schedule-card{grid-template-columns:1fr auto}.schedule-time{grid-column:1 / -1;flex-direction:row;align-items:baseline;gap:8px;padding:0 0 8px;border-right:0;border-bottom:1px solid var(--line)}.player-side .volume{display:none}.repeat-sheet{right:10px;left:10px;width:auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.home-tips{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:4px}.tip-card{display:flex;align-items:flex-start;gap:12px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.tip-icon{display:grid;place-items:center;width:36px;height:36px;flex:0 0 auto;border:1px solid var(--line-strong);border-radius:10px;background:var(--gold-soft);color:var(--gold)}.tip-card strong{display:block;margin-bottom:3px;font-size:12.5px;font-weight:600}.tip-card p{margin:0;color:var(--muted);font-size:10.5px;line-height:1.55}@media(max-width:940px){.home-tips{grid-template-columns:1fr}}body.hide-cursor,body.hide-cursor *{cursor:none!important}.download-toggle{flex-direction:row;align-items:center;justify-content:space-between;gap:18px;padding:12px 14px;border:1px solid var(--line);border-radius:11px;background:var(--bg2);background:color-mix(in srgb,var(--bg2) 88%,transparent);color:var(--text);font-size:12px;font-weight:500;letter-spacing:0;text-transform:none}.download-toggle>div{display:flex;flex-direction:column;gap:2px}.download-toggle small{color:var(--muted);font-size:10px;font-weight:400;line-height:1.45}