:root{--ink: #26221c;--bg: #f1e9d8;--surface: #faf5ea;--surface-sunken: #e9ddc4;--muted: #6b6152;--accent: #1e5c55;--accent-ink: #f6f2e6;--accent-soft: #dce6e0;--gold: #b08d3e;--gold-soft: #ede1c2;--danger: #7a3b2e;--danger-soft: #ecdcd3;--line: rgba(38, 34, 28, .14);--font-display: "Fraunces", ui-serif, Georgia, serif;--font-body: "Inter", ui-sans-serif, system-ui, sans-serif;--font-arabic-quran: "Amiri", "Traditional Arabic", serif;--font-arabic-ui: "Cairo", "Tahoma", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--radius-page: 3px;--radius-round: 999px;--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-quiet: cubic-bezier(.22, 1, .36, 1);--dur-tap: .18s;--dur-bloom: .55s;--dur-needle: .5s}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--ink: #ece4d2;--bg: #141b2e;--surface: #1b2438;--surface-sunken: #232e46;--muted: #96a0bd;--accent: #4fa89c;--accent-ink: #0b1712;--accent-soft: #1f3a37;--gold: #d9b768;--gold-soft: #33291a;--danger: #d99483;--danger-soft: #35221c;--line: rgba(236, 228, 210, .14)}}:root[data-theme=dark]{--ink: #ece4d2;--bg: #141b2e;--surface: #1b2438;--surface-sunken: #232e46;--muted: #96a0bd;--accent: #4fa89c;--accent-ink: #0b1712;--accent-soft: #1f3a37;--gold: #d9b768;--gold-soft: #33291a;--danger: #d99483;--danger-soft: #35221c;--line: rgba(236, 228, 210, .14)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);line-height:1.5}h1,h2,h3{font-family:var(--font-display);font-weight:600;line-height:1.15;margin:0}button{font-family:inherit}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.app-shell{max-width:720px;margin:0 auto;padding:24px 20px 64px;display:flex;flex-direction:column;gap:28px}.app-header{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px}.app-header h1{font-size:1.9rem;color:var(--accent)}.app-header .tagline{color:var(--muted);font-size:.85rem}.language-switcher{display:inline-flex;margin-inline-start:auto;border:1px solid var(--line);border-radius:var(--radius-round);padding:3px;gap:2px;background:var(--surface)}.language-switcher button{border:none;background:none;color:var(--muted);padding:6px 12px;min-height:36px;border-radius:var(--radius-round);font-size:.8rem;cursor:pointer;transition:background-color .12s var(--ease-quiet),color .12s var(--ease-quiet)}.language-switcher button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent);font-weight:700}.app-nav{display:flex;flex-wrap:wrap;gap:6px;border-bottom:1px solid var(--line);padding-bottom:4px}.app-nav a{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius-page) var(--radius-page) 0 0;color:var(--muted);text-decoration:none;font-size:.85rem;transition:background-color .12s var(--ease-quiet),color .12s var(--ease-quiet)}.app-nav a:hover{background:var(--surface-sunken);color:var(--ink)}.app-nav a.active{color:var(--accent);font-weight:700;background:var(--accent-soft)}.section-title{font-size:1.2rem;margin-bottom:12px}.alert{background:var(--danger-soft);color:var(--danger);border-radius:var(--radius-page);padding:10px 14px;font-size:.9rem;display:flex;flex-direction:column;gap:8px}.alert>p{margin:0}.alert a{color:inherit;font-weight:700;text-decoration:underline}.notice{background:var(--accent-soft);color:var(--ink);border-radius:var(--radius-page);padding:10px 14px;font-size:.9rem;display:flex;flex-direction:column;gap:8px}.notice>p{margin:0}.notice button{align-self:flex-start;background:var(--accent);color:var(--accent-ink);border:none;border-radius:var(--radius-page);padding:6px 14px;font-size:.85rem;font-weight:600;cursor:pointer}.popup-continue-reading{display:flex;flex-direction:column;gap:2px;padding:10px 14px;border:1px solid var(--line);border-radius:var(--radius-page);background:var(--accent-soft);text-decoration:none;transition:border-color var(--dur-tap) var(--ease-quiet)}.popup-continue-reading:hover,.popup-continue-reading:focus-visible{border-color:var(--accent)}.popup-continue-reading-title{color:var(--accent);font-weight:700;font-size:.95rem}.popup-continue-reading-hint{color:var(--muted);font-size:.8rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-page);padding:18px 20px}.card-row{display:flex;flex-wrap:wrap;gap:16px}.card-row>.card{flex:1 1 220px}.home-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.home-link-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 12px;border:1px solid var(--line);border-radius:var(--radius-page);background:var(--surface);color:var(--ink);text-decoration:none;font-size:.9rem;font-weight:600;transition:border-color .12s var(--ease-quiet),background-color .12s var(--ease-quiet)}.home-link-card span:first-child{font-size:1.8rem}.home-link-card:hover{border-color:var(--accent);background:var(--accent-soft)}.qibla-page{display:flex;justify-content:center;padding:24px 0}.prayer-countdown{display:flex;flex-direction:column;gap:4px}.prayer-countdown .prayer-countdown-label{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.prayer-countdown .prayer-countdown-name{font-family:var(--font-display);font-size:1.3rem}.prayer-countdown .prayer-countdown-time{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:1.8rem;color:var(--accent)}.qibla-compass{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.qibla-compass-frame{position:relative;width:96px;height:96px;border-radius:var(--radius-round);background:var(--accent-soft);box-shadow:0 0 #b08d3e00;transition:background-color var(--dur-bloom) var(--ease-quiet),box-shadow var(--dur-bloom) var(--ease-quiet)}.qibla-compass-locked .qibla-compass-frame{background:var(--gold-soft);box-shadow:0 0 0 6px #b08d3e2e}.qibla-compass-facing-tick{position:absolute;top:-7px;left:50%;translate:-50% 0;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:7px solid var(--muted);z-index:2}.qibla-compass-dial{position:absolute;top:0;right:0;bottom:0;left:0;color:var(--accent);display:grid;place-items:center;transition:transform var(--dur-needle) var(--ease-spring)}.qibla-compass-needle{width:44px;height:44px;position:relative;z-index:1}.qibla-compass-needle-tip{fill:var(--gold)}.qibla-compass-needle-tail{fill:currentColor;opacity:.5}.qibla-compass-searching .qibla-compass-needle-tip{animation:qibla-search-pulse 1.8s var(--ease-quiet) infinite}@keyframes qibla-search-pulse{0%,to{opacity:.7}50%{opacity:1}}.qibla-compass-ripple{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-round);border:2px solid var(--gold);animation:qibla-ripple .9s var(--ease-quiet)}@keyframes qibla-ripple{0%{transform:scale(.7);opacity:.9}to{transform:scale(1.6);opacity:0}}.qibla-compass-bearing{font-family:var(--font-mono);font-size:.85rem;color:var(--muted)}.qibla-compass-distance{font-size:.95rem}.qibla-compass-locked .qibla-compass-bearing{color:var(--gold)}.city-search{position:relative}.city-search input[type=text]{width:100%;max-width:320px;padding:10px 14px;border:1px solid var(--line);border-radius:var(--radius-page);background:var(--surface);color:var(--ink);font-size:.95rem}.city-search ul{list-style:none;margin:6px 0 0;padding:0;max-width:320px;border:1px solid var(--line);border-radius:var(--radius-page);background:var(--surface);overflow:hidden}.city-search li+li{border-top:1px solid var(--line)}.city-search li button{width:100%;text-align:start;padding:9px 14px;border:none;background:none;color:var(--ink);cursor:pointer;font-size:.9rem;transition:background-color .12s var(--ease-quiet)}.city-search li button:hover{background:var(--accent-soft)}.city-search li:not(:has(button)){padding:9px 14px;color:var(--muted);font-size:.9rem}.quran-navigator-trigger{display:flex;align-items:center;gap:8px;margin-top:8px;padding:8px 14px;border:1px solid var(--line);border-radius:var(--radius-page);background:var(--surface);color:var(--ink);cursor:pointer;font-size:1rem;transition:border-color .15s var(--ease-quiet),background-color .15s var(--ease-quiet),transform .15s var(--ease-spring)}.quran-navigator-trigger:hover{border-color:var(--accent);background:var(--surface-sunken)}.quran-navigator-trigger:active{transform:scale(.98)}.quran-navigator-trigger span[lang=ar]{font-family:var(--font-arabic-ui)}.quran-navigator-panel{margin-top:8px;border:1px solid var(--line);border-radius:var(--radius-page);background:var(--surface);overflow:hidden;animation:navigator-panel-in .22s var(--ease-quiet) both;transform-origin:top center}@keyframes navigator-panel-in{0%{opacity:0;transform:translateY(-6px) scaleY(.97)}to{opacity:1;transform:translateY(0) scaleY(1)}}.quran-navigator-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:4px 8px}.quran-navigator-tabs{display:flex;gap:2px}.quran-navigator-tabs button{padding:8px 12px;border:none;background:none;color:var(--muted);cursor:pointer;font-size:.85rem;border-bottom:2px solid transparent;transition:color .15s var(--ease-quiet),border-color .15s var(--ease-quiet)}.quran-navigator-tabs button:hover{color:var(--ink)}.quran-navigator-tabs button.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:700}.quran-navigator-close{border:none;background:none;color:var(--muted);font-size:1.2rem;line-height:1;cursor:pointer;padding:6px 10px;border-radius:var(--radius-page);transition:color .15s var(--ease-quiet),background-color .15s var(--ease-quiet)}.quran-navigator-close:hover{color:var(--danger);background:var(--danger-soft)}.quran-navigator-search{display:block;width:100%;border:none;border-bottom:1px solid var(--line);padding:10px 14px;font-size:.9rem;background:var(--surface);color:var(--ink)}.quran-navigator-search:focus-visible{outline:none;background:var(--surface-sunken)}.quran-navigator-list{list-style:none;margin:0;padding:8px;max-height:340px;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:6px}.quran-navigator-list li{list-style:none}.quran-navigator-empty{grid-column:1 / -1;color:var(--muted);font-size:.85rem;padding:8px 4px}.quran-navigator-list button{width:100%;display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid transparent;border-radius:var(--radius-page);background:var(--surface-sunken);color:var(--ink);cursor:pointer;font-size:.85rem;text-align:start;transition:border-color .12s var(--ease-quiet),background-color .12s var(--ease-quiet),transform .12s var(--ease-quiet)}.quran-navigator-list button:hover{border-color:var(--accent);transform:translateY(-1px)}.quran-navigator-list button:active{transform:translateY(0)}.quran-navigator-list button[aria-current=true]{background:var(--accent-soft);border-color:var(--accent);font-weight:700}.quran-navigator-number{font-family:var(--font-mono);color:var(--muted);font-size:.75rem;min-width:1.6em}.quran-navigator-list button span[lang=ar]{font-family:var(--font-arabic-ui);font-size:1.05rem}.quran-navigator-translit{color:var(--muted);font-size:.78rem}.quran-reader{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-page);padding:24px 28px;margin-top:16px}.quran-reader h2{font-family:var(--font-arabic-quran);font-size:1.8rem;color:var(--accent)}.quran-reader>p{color:var(--muted);font-family:var(--font-mono);font-size:.78rem;letter-spacing:.03em;margin-top:4px}.quran-reader-translation-toggle{margin-top:12px;border:none;background:none;color:var(--accent);font-family:var(--font-mono);font-size:.78rem;text-decoration:underline;cursor:pointer;padding:0}.quran-reader-scroll{max-height:min(70vh,600px);overflow-y:auto;margin-top:18px}.quran-reader ol{list-style:none;margin:0;padding:0;counter-reset:ayah}.quran-reader li{display:flex;align-items:flex-start;gap:10px;font-family:var(--font-arabic-quran);font-size:1.7rem;line-height:2.1;padding:4px 0;animation:verse-reveal var(--dur-bloom) var(--ease-quiet) both}.quran-reader-verse-text{flex:1}.quran-reader-play-button{flex-shrink:0;width:32px;height:32px;margin-top:4px;border:1px solid var(--line);border-radius:var(--radius-round);background:var(--surface-sunken);color:var(--accent);font-family:var(--font-body);font-size:.8rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .12s var(--ease-quiet),border-color .12s var(--ease-quiet),transform .12s var(--ease-quiet)}.quran-reader-play-button:hover{border-color:var(--accent);background:var(--accent-soft)}.quran-reader-play-button:active{transform:scale(.92)}.quran-reader-load-more{display:block;width:100%;margin-top:12px;padding:10px 12px;border:1px solid var(--accent);border-radius:var(--radius-page);background:var(--accent-soft);color:var(--accent);font-family:var(--font-mono);font-size:.8rem;cursor:pointer;transition:background-color .12s var(--ease-quiet)}.quran-reader-load-more:hover{background:var(--accent);color:var(--accent-ink)}.quran-reader li:after{content:" ﴿" counter(ayah) "﴾";counter-increment:ayah;font-family:var(--font-body);font-size:.85rem;color:var(--gold);vertical-align:middle}.quran-reader-translation{font-family:var(--font-body);font-size:.95rem;line-height:1.5;color:var(--muted);margin:2px 0 10px}.quran-reader-verse-highlight,.quran-reader-verse-playing{border-radius:var(--radius-page);padding-inline:8px;margin-inline:-8px}.quran-reader-verse-highlight{animation:verse-highlight-fade 2s var(--ease-quiet)}@keyframes verse-highlight-fade{0%{background:var(--accent-soft)}to{background:transparent}}.quran-reader-verse-playing{background:var(--accent-soft)}.quran-reader-verse-playing .quran-reader-play-button{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.quran-audio-player{position:sticky;bottom:0;margin-top:12px;padding:10px 16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-page);box-shadow:0 -4px 14px #26221c14;display:flex;flex-direction:column;gap:10px}.quran-audio-player-transport{display:flex;align-items:center;gap:6px}.quran-audio-player-transport button{width:36px;height:36px;flex-shrink:0;border:1px solid var(--line);border-radius:var(--radius-round);background:var(--surface-sunken);color:var(--ink);cursor:pointer;font-size:.95rem;display:flex;align-items:center;justify-content:center;transition:background-color .12s var(--ease-quiet),border-color .12s var(--ease-quiet),transform .12s var(--ease-quiet)}.quran-audio-player-transport button:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent)}.quran-audio-player-transport button:active:not(:disabled){transform:scale(.94)}.quran-audio-player-transport button:disabled{opacity:.4;cursor:not-allowed}.quran-audio-player-transport .quran-audio-player-play{width:44px;height:44px;font-size:1.1rem;background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.quran-audio-player-status{margin-inline-start:8px;color:var(--muted);font-family:var(--font-mono);font-size:.8rem}.quran-audio-player-settings{display:flex;flex-wrap:wrap;gap:16px}.quran-audio-player-settings label{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--muted)}.quran-audio-player-settings select{border:1px solid var(--line);border-radius:var(--radius-page);background:var(--surface);color:var(--ink);padding:4px 8px;font-size:.85rem}.azkar-list{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-page);padding:18px 20px}.azkar-list ul{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:14px}.azkar-list li{border-top:1px solid var(--line);padding-top:14px;display:flex;flex-direction:column;gap:8px;border-radius:var(--radius-page);transition:background-color var(--dur-bloom) var(--ease-quiet)}.azkar-list li:first-child{border-top:none;padding-top:0}.azkar-list li.completed{animation:azkar-bloom var(--dur-bloom) var(--ease-quiet)}@keyframes azkar-bloom{0%{background-color:var(--surface);box-shadow:0 0 #b08d3e00}35%{background-color:var(--gold-soft);box-shadow:0 0 0 6px #b08d3e2e}to{background-color:var(--surface);box-shadow:0 0 #b08d3e00}}.azkar-list p[lang=ar]{font-family:var(--font-arabic-ui);font-size:1.3rem;line-height:2;margin:0}.azkar-list li>p:not([lang=ar]){color:var(--muted);font-size:.88rem;margin:0}.azkar-list button{align-self:flex-start;min-height:44px;min-width:64px;font-family:var(--font-mono);font-size:.95rem;padding:10px 18px;border-radius:var(--radius-round);border:1px solid var(--accent);background:var(--accent-soft);color:var(--accent);cursor:pointer;transition:background-color .12s var(--ease-quiet)}.azkar-list button:hover{background:var(--accent);color:var(--accent-ink)}.azkar-list button.tapped{animation:azkar-tap var(--dur-tap) var(--ease-spring)}@keyframes azkar-tap{0%{transform:scale(1)}40%{transform:scale(1.1)}to{transform:scale(1)}}.azkar-schedule-editor{width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius-page);background:var(--surface)}.azkar-schedule-editor table{width:100%;border-collapse:collapse;font-size:.85rem;min-width:640px}.azkar-schedule-editor th{text-align:start;padding:10px 14px;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--surface)}.azkar-schedule-editor td{padding:8px 14px;border-bottom:1px solid var(--line);vertical-align:middle;transition:background-color 60ms linear}.azkar-schedule-editor tr:last-child td{border-bottom:none}.azkar-schedule-editor select,.azkar-schedule-editor input[type=time]{padding:5px 8px;border-radius:var(--radius-page);border:1px solid var(--line);background:var(--surface);color:var(--ink)}.prayer-settings-editor{display:flex;flex-wrap:wrap;gap:16px;padding:16px;border:1px solid var(--line);border-radius:var(--radius-page);background:var(--surface)}.prayer-settings-editor label{display:flex;flex-direction:column;gap:6px;flex:1 1 220px}.prayer-settings-editor label span{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.prayer-settings-editor select{padding:8px 10px;border-radius:var(--radius-page);border:1px solid var(--line);background:var(--surface-sunken);color:var(--ink);font-size:.9rem;min-height:40px}.popup-shell{width:320px;padding:16px;display:flex;flex-direction:column;gap:16px}.popup-shell h1{font-size:1.2rem;color:var(--accent)}.newtab-shell{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:32px 20px}.newtab-header{position:absolute;top:20px;inset-inline-end:20px}.verse-of-the-day{max-width:560px;text-align:center;margin:0;animation:verse-reveal .5s var(--ease-quiet) both}@keyframes verse-reveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.verse-of-the-day blockquote{font-family:var(--font-arabic-quran);font-size:2rem;line-height:2.1;margin:0;color:var(--ink)}.verse-of-the-day figcaption{position:relative;display:inline-block;margin-top:16px;padding-top:10px;font-family:var(--font-mono);font-size:.8rem;color:var(--accent);letter-spacing:.03em}.verse-of-the-day figcaption:before{content:"";position:absolute;top:0;left:50%;width:0;height:1px;background:var(--gold);animation:verse-rule .5s .4s var(--ease-quiet) forwards}@keyframes verse-rule{0%{width:0;left:50%}to{width:100%;left:0%}}