@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Scheherazade+New:wght@400;700&family=Noto+Naskh+Arabic:wght@400;700&family=Lateef:wght@400;700&family=Aref+Ruqaa:wght@400;700&family=Cairo:wght@400;700&family=Tajawal:wght@400;700&family=Alexandria:wght@400;700&family=Almarai:wght@400;700&family=IBM+Plex+Sans+Arabic:wght@400;700&family=Vazirmatn:wght@400;700&display=swap";@font-face{font-family:DiyanetKuran;src:url(../fonts/diyanet-kuran.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:QuranFoundationHafs;src:url(../fonts/acikkuran-uthmanic.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:KFGQPCUthmanTN;src:url(./font_proxy-DdvnG4kn.php?font=KFGQPCUthmanTN) format("truetype");font-display:swap}@font-face{font-family:KFGQPCUthmanTNBold;src:url(./font_proxy-DdvnG4kn.php?font=KFGQPCUthmanTNBold) format("truetype");font-display:swap}@font-face{font-family:KFGQPCDotNaskh;src:url(./font_proxy-DdvnG4kn.php?font=KFGQPCDotNaskh) format("opentype");font-display:swap}@font-face{font-family:KFGQPCKufi;src:url(./font_proxy-DdvnG4kn.php?font=KFGQPCKufi) format("truetype");font-display:swap}@font-face{font-family:KFGQPCKufiExtended;src:url(./font_proxy-DdvnG4kn.php?font=KFGQPCKufiExtended) format("truetype");font-display:swap}@font-face{font-family:KFGQPCAnRegular;src:url(./font_proxy-DdvnG4kn.php?font=KFGQPCAnRegular) format("truetype");font-display:swap}@font-face{font-family:KFGQPCAnBold;src:url(./font_proxy-DdvnG4kn.php?font=KFGQPCAnBold) format("truetype");font-display:swap}@font-face{font-family:KFGQPCKSARegular;src:url(./font_proxy-DdvnG4kn.php?font=KFGQPCKSARegular) format("truetype");font-display:swap}@font-face{font-family:KFGQPCKingdom2;src:url(./font_proxy-DdvnG4kn.php?font=KFGQPCKingdom2) format("opentype");font-display:swap}:root{--ui-font-family: "Manrope", -apple-system, BlinkMacSystemFont, "SF Pro Display", system-ui, sans-serif;--bg: #ffffff;--text-primary: #1d1d1f;--text-secondary: #6e6e73;--text-tertiary: #aeaeb2;--separator: rgba(60, 60, 67, .1);--separator-light: rgba(60, 60, 67, .05);--fill: rgba(60, 60, 67, .03);--fill-hover: rgba(60, 60, 67, .06);--accent: #1d7a5f;--accent-light: rgba(29, 122, 95, .08);--radius: 12px;--radius-sm: 8px;--ease: cubic-bezier(.25, .1, .25, 1);--spring: cubic-bezier(.34, 1.56, .64, 1);--card-bg: #ffffff;--arabic-font-family: "QuranFoundationHafs", "Noto Naskh Arabic", serif}[data-theme=dark]{--bg: #121212;--text-primary: #f5f5f7;--text-secondary: #a1a1a6;--text-tertiary: #6e6e73;--separator: rgba(255, 255, 255, .12);--separator-light: rgba(255, 255, 255, .08);--fill: rgba(255, 255, 255, .05);--fill-hover: rgba(255, 255, 255, .1);--accent: #2ecc71;--accent-light: rgba(46, 204, 113, .15);--card-bg: #1c1c1e}[data-theme=sepia]{--bg: #f4eee1;--text-primary: #3f3529;--text-secondary: #726657;--text-tertiary: #9f9384;--separator: rgba(92, 74, 57, .16);--separator-light: rgba(92, 74, 57, .08);--fill: rgba(92, 74, 57, .08);--fill-hover: rgba(92, 74, 57, .14);--accent: #8a6737;--accent-light: rgba(138, 103, 55, .14);--card-bg: #fbf6ea}[data-theme=dark] .daily-verse-card{background:linear-gradient(145deg,#fff,#e2e4e7)!important;color:#1d1d1f!important;box-shadow:0 10px 40px #0006;border:1px solid rgba(255,255,255,.1)}[data-theme=dark] .search-main-logo{filter:brightness(0) invert(1)}[data-theme=dark] .daily-badge{background:#1d7a5f1a;color:#1d7a5f;border:1px solid rgba(29,122,95,.2)}[data-theme=dark] .daily-ref{color:#8e8e93;opacity:1}[data-theme=dark] .daily-tr{color:#3a3a3c;opacity:1}[data-theme=dark] .surah-type-badge.mekki{background:#fd7e1426;color:#ff922b}[data-theme=dark] .surah-type-badge.medeni{background:#228be626;color:#4dabf7}[data-theme=dark] .popular-card,[data-theme=dark] .rs-ios-card,[data-theme=dark] .journey-card,[data-theme=dark] .word-detail,[data-theme=dark] .surah-page-header,[data-theme=dark] .verse-page-header,[data-theme=dark] .saved-verse-card,[data-theme=dark] .topics-container,[data-theme=dark] .support-card{background:var(--card-bg);border-color:var(--separator)}[data-theme=dark] .search-input{border:none!important}[data-theme=dark] .topic-tag,[data-theme=dark] .view-all-topics{background:var(--fill);color:var(--text-primary);border-color:var(--separator)}[data-theme=dark] .topic-tag:hover,[data-theme=dark] .view-all-topics:hover{background:var(--fill-hover);color:var(--accent);border-color:var(--accent)}[data-theme=dark] .rs-ios-badge.mekki{background:#fd7e1426;color:#ff922b}[data-theme=dark] .rs-ios-badge.medeni{background:#228be626;color:#4dabf7}[data-theme=dark] .profile-tab.active{background:var(--fill);color:var(--accent);border-color:var(--accent)}[data-theme=dark] .premium-support-view{background:var(--bg)}[data-theme=dark] .premium-ad-btn{background:#f5f5f7;color:#121212}[data-theme=dark] .premium-ad-btn:hover:not(:disabled){background:#fff}[data-theme=dark] .search-box.focused .search-input{background:var(--fill);border-color:transparent;box-shadow:0 0 0 1.5px var(--accent)}[data-theme=dark] .fihrist-category-card{background:var(--card-bg);border-color:var(--separator)}[data-theme=dark] .fihrist-category-card:hover{background:var(--fill)}[data-theme=dark] .fihrist-topic-tag{background:var(--fill);color:var(--text-primary);border-color:var(--separator)}[data-theme=dark] .comparison-card:hover{background:var(--fill)}[data-theme=dark] .journey-details,[data-theme=dark] .journey-footer{background:#ffffff08!important;border-color:var(--separator)!important}[data-theme=dark] .juz-btn{background:var(--fill);color:var(--text-primary);border-color:var(--separator)}[data-theme=dark] .juz-btn.completed{background:var(--accent);color:#fff}[data-theme=dark] .modern-slider::-webkit-slider-thumb{background:#1c1c1e}[data-theme=dark] .form-input:focus{background:var(--fill-hover)}[data-theme=dark] .home-nav{background:#121212d9}[data-theme=dark] .surah-page-header,[data-theme=dark] .verse-page-header,[data-theme=dark] .surah-page-no,[data-theme=dark] .verse-row-no,[data-theme=dark] .verse-nav-btn{background:transparent!important}[data-theme=dark] .graph-mode,[data-theme=dark] .graph-mode .page-content,[data-theme=dark] .graph-mode .page-header-row,[data-theme=dark] .graph-mode .graph-container{background:#121212!important}[data-theme=dark] .custom-select-dropdown{background:#1e1e20f2;border-color:var(--separator)}[data-theme=dark] .custom-select-container.is-open .custom-select-trigger{background:var(--fill-hover);color:var(--text-primary)}[data-theme=dark] .dropdown-item:hover{background:var(--fill)}[data-theme=dark] .dropdown-item.selected{background:#1d7a5f26}[data-theme=dark] .inactive-zone{background:#0003!important;border-color:var(--separator)!important}[data-theme=dark] .inactive-chip{background:var(--card-bg)!important;border-color:var(--separator)!important}[data-theme=dark] .chip-preview-text{background:var(--fill)!important;color:var(--text-secondary)}[data-theme=dark] .word-arabic,[data-theme=dark] .word-detail-arabic,[data-theme=dark] .word-root-arabic,[data-theme=dark] .verse-row-ar,[data-theme=dark] .verse-page-arabic,[data-theme=dark] .verse-ar-text,[data-theme=dark] .arabic-side{color:#fff!important}[data-theme=dark] .verse-num-badge{background:#2ecc7133;color:#2ecc71}[data-theme=dark] .journey-body{background:var(--card-bg)!important;border-color:var(--separator)!important}[data-theme=dark] .juz-square{background:var(--fill)!important;border-color:var(--separator)!important;color:var(--text-tertiary)}[data-theme=dark] .juz-square:hover{background:var(--fill-hover)!important;color:var(--accent)}[data-theme=dark] .juz-square.checked{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important}[data-theme=dark] .journey-footer{background:var(--card-bg)!important;border-color:var(--separator)!important}[data-theme=dark] .reciter-info-badge{background:var(--fill)!important;border-color:var(--separator)!important}[data-theme=dark] .reading-surah-header{background:var(--card-bg)}[data-theme=dark] .chip-remove{background:#e74c3c26!important;color:#ff6b6b!important}[data-theme=dark] .chip-remove:hover{background:#e74c3c40!important}[data-theme=dark] .modal-close-btn,[data-theme=dark] .icon-modal-close{background:var(--fill)!important;color:var(--text-secondary)!important}[data-theme=dark] .modal-close-btn:hover,[data-theme=dark] .icon-modal-close:hover{background:var(--fill-hover)!important;color:var(--text-primary)!important}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--ui-font-family);background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-size:15px;line-height:1.5;letter-spacing:-.01em}.app-layout{display:flex;flex-direction:column;min-height:100vh}.content-area{flex:1}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer;border:none;background:none}::selection{background:var(--accent-light)}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.page{min-height:100vh;display:flex;justify-content:center;padding:88px 32px 80px;animation:fadeIn .35s var(--ease);box-sizing:border-box}.page-content{width:100%;max-width:1000px;margin:0 auto;animation:fadeUp .4s var(--ease) both}@media(max-width:768px){.page,.home{padding:72px 16px 80px!important}.page-header-row{flex-direction:column;align-items:flex-start;gap:16px}}.page-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;animation:fadeUp .3s var(--ease)}.global-nav{position:absolute;top:0;left:0;right:0;height:72px;padding:0 32px;display:flex;justify-content:space-between;align-items:center;z-index:999998;pointer-events:none}.global-nav-left,.global-nav-right{display:flex;align-items:center;pointer-events:auto}.global-nav-right{gap:16px}.global-nav .back-link{display:none!important}@media(max-width:768px){.global-nav{padding:0 16px;height:64px}.global-nav-right{gap:12px}.global-nav .back-link{display:flex!important}}.moon-phase-link{color:var(--text-secondary);display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;transition:all .2s var(--ease)}.moon-phase-link:hover{background:var(--fill);color:var(--accent);transform:scale(1.05)}.nav-icon-btn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .2s var(--ease);cursor:pointer}.nav-icon-btn:hover{background:var(--fill);color:var(--accent);transform:scale(1.05)}.nav-icon-btn.active{color:var(--accent);background:var(--accent-light)}@media(max-width:768px){.global-nav{padding:12px 16px}}.global-nav-container{width:100%;display:flex;justify-content:flex-end}.back-link{display:inline-flex;align-items:center;gap:9px;font-size:15px;color:var(--accent);font-weight:500;transition:opacity .2s var(--ease);text-decoration:none;margin-bottom:24px}.back-link svg{margin-top:0;stroke-width:2px!important;transition:transform .2s var(--ease);transform:translateY(1px)}.back-link:hover{opacity:.7}.back-link:hover svg{transform:translate(-3px,1px)}.page-header-row .back-link{margin-bottom:0}.section-divider{height:1px;background:var(--separator-light);margin:24px 0}@media(min-width:769px){.mobile-only{display:none!important}}@media(max-width:768px){.hidden-mobile{display:none!important}}.page-header-actions{display:flex;align-items:center;gap:8px}tajweed.ghunnah{color:#ff7e00}tajweed.ikhfa{color:#9100ff}tajweed.idgham_shafawi{color:#0081ff}tajweed.iqlab{color:#00b4ff}tajweed.idgham_with_ghunnah{color:#169777}tajweed.idgham_without_ghunnah{color:#919191}tajweed.madda_necessary{color:red}tajweed.madda_permissible{color:red}tajweed.madda_obligatory{color:red}tajweed.madda_normal{color:#535353}tajweed.qalaqalah{color:#009000}tajweed.ham_wasl{color:#aaa}tajweed.laam_shamsiyah{color:#aaa}tajweed.silent{color:#aaa}.end{display:none!important}html,#root{font-family:var(--ui-font-family)}:where(h1,h2,h3,h4,h5,h6,p,span,a,li,dt,dd,label,small,strong,em,b,i){font-family:var(--ui-font-family)}input,textarea,select,button{font-family:var(--ui-font-family)}.verse-num-badge{display:none!important}.surah-title-row{display:flex;align-items:center;gap:10px}.surah-type-badge{padding:3px 8px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.surah-type-badge.mekki{background:#fff4e6;color:#fd7e14}.surah-type-badge.medeni{background:#e7f5ff;color:#228be6}.audio-control-group{display:flex;align-items:center;gap:4px;background:var(--fill);padding:4px;border-radius:12px;height:40px}.surah-audio-btn{display:flex;align-items:center;gap:8px;padding:0 16px;height:40px;color:var(--text-primary);border-radius:10px;font-size:13px;font-weight:600;transition:all .2s var(--ease)}.surah-audio-btn:hover{background:var(--bg);box-shadow:0 2px 8px #0000000a}.surah-audio-btn.playing{color:#e74c3c}[data-theme=dark] .surah-audio-btn:hover{background:var(--card-bg)}.surah-audio-btn.arabic.playing,.surah-audio-btn.turkish.playing{background:#e74c3c14;color:#e74c3c}.surah-audio-btn svg{width:16px;height:16px}.surah-audio-btn.player-toggle{background:var(--fill);color:var(--text-secondary)}.surah-audio-btn.player-toggle:hover{background:var(--fill-hover);color:var(--text-primary)}.surah-audio-btn.player-toggle.bg-active{background:#2ecc7126;color:#27ae60;animation:pulse-green 2s infinite}@keyframes pulse-green{0%{box-shadow:0 0 #2ecc7166}70%{box-shadow:0 0 0 6px #2ecc7100}to{box-shadow:0 0 #2ecc7100}}.speed-toggle{height:40px;min-width:44px;padding:0 10px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);border-radius:10px;font-size:11px;font-weight:700;letter-spacing:.02em;transition:all .2s}.speed-toggle:hover{background:var(--bg);color:var(--text-primary);box-shadow:0 2px 8px #0000000a}[data-theme=dark] .speed-toggle:hover{background:var(--card-bg)}.speed-toggle.active{color:var(--accent)}.page-header-actions{display:flex;align-items:center;gap:12px}.audio-reciter-selects{display:flex;align-items:center;gap:8px}.audio-mini-select{width:132px;min-width:132px;max-width:132px}.audio-mini-select .custom-select-trigger{height:40px;padding:0 12px;border-radius:10px}.audio-mini-select .trigger-label{font-size:12px}@media(max-width:1024px){.audio-reciter-selects{width:100%;order:3}}@media(max-width:768px){.page-header-actions{flex-wrap:wrap;gap:8px}.audio-mini-select{min-width:0;max-width:none;flex:1 1 0}}.loading-state{text-align:center;padding:80px 0;color:var(--text-tertiary);font-size:15px;animation:fadeIn .3s var(--ease)}.empty-state{text-align:center;padding:60px 0;animation:fadeUp .3s var(--ease)}.empty-state h2{font-size:18px;font-weight:600;margin-bottom:6px}.empty-state p{font-size:14px;color:var(--text-secondary)}.integrated-player{position:fixed;bottom:24px;left:24px;background:#f5f5f7c7;border:1px solid rgba(0,0,0,.08);border-radius:32px;padding:10px 14px;width:360px;transition:all .6s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 40px #0000000d;backdrop-filter:blur(50px) saturate(210%);-webkit-backdrop-filter:blur(50px) saturate(210%);z-index:9991;overflow:hidden;animation:slideUpPlayer .5s cubic-bezier(.16,1,.3,1) both}@keyframes slideUpPlayer{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}.integrated-player.active{width:420px;padding:14px 18px}.player-main-row{display:flex;align-items:center;gap:14px}.player-play-btn{width:42px;height:42px;background:#0000000a;border:none;border-radius:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.2,0,0,1);color:#1d1d1f;flex-shrink:0}.player-play-btn:hover{background:#00000014}.player-play-btn.playing{background:#2ecc711f;color:#27ae60}.player-center-controls{display:flex;align-items:center;gap:12px}.player-main-controls{display:flex;align-items:center;gap:8px;background:#0000000a;padding:4px;border-radius:16px}.player-main-controls .control-btn{width:36px;height:36px;color:#1d1d1f}.player-main-controls .play-btn{width:40px;height:40px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;color:#1d1d1f}.player-main-controls .play-btn:hover{box-shadow:0 4px 12px #0000001f}.player-rich-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.player-row-top{display:flex;align-items:center}.player-surah-ar{font-size:16px;font-weight:700;color:#1d1d1f;line-height:1.2}.player-row-mid{display:flex;align-items:center;gap:8px}.player-surah-tr{font-size:14px;font-weight:700;color:#1d1d1f}.player-badge{font-size:9px;font-weight:700;padding:0 10px;border-radius:6px;text-transform:uppercase;letter-spacing:.05em;height:24px;display:flex;align-items:center;justify-content:center;min-width:50px}.player-badge.mekki{background:#fff7ed;color:#f97316}.player-badge.medeni{background:#eff6ff;color:#3b82f6}.player-row-bot{display:flex}.player-surah-meta{font-size:11px;color:#8e8e93;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.verse-segments-container{display:flex;align-items:center;gap:10px;margin-top:12px}.verse-segments-container.grid-view{align-items:flex-start}.verse-segments-container.grid-view .verse-segments{flex-wrap:wrap;height:auto;max-height:100px;overflow-y:auto;padding-right:4px;align-items:flex-start;gap:2px}.verse-segments-container.grid-view .verse-segment{flex:none;width:8px;height:8px;border-radius:2px}.verse-segment{flex:1;height:4px;background:#0000000f;border-radius:2px;cursor:pointer;transition:all .3s ease;position:relative}.verse-segment:after,.intro-dot:after{content:"";position:absolute;inset:-12px -2px;z-index:10}.intro-dot{width:8px;height:8px;border-radius:50%;background:#00000014;cursor:pointer;transition:all .3s ease;flex-shrink:0;position:relative}.intro-dot.played{background:#2ecc71;opacity:.4}.intro-dot.active{background:#27ae60;box-shadow:0 0 10px #27ae6033}.verse-segments{display:flex;gap:3px;height:4px;flex:1;align-items:center}.verse-segment.played{background:#2ecc71;opacity:.45}.verse-segment.active{background:#27ae60;box-shadow:0 0 12px #27ae6026}.player-mini-progress{position:absolute;bottom:0;left:0;width:100%;height:3px;background:#00000008}.mini-progress-fill{height:100%;background:#27ae60;transition:width .3s linear}.control-btn{background:none;border:none;color:#8e8e93;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer}.player-expanded-content{margin-top:18px;padding-top:18px;border-top:1px solid rgba(0,0,0,.05);display:none}.integrated-player.active .player-expanded-content{display:block;animation:RevealGlass .6s cubic-bezier(.16,1,.3,1)}@keyframes RevealGlass{0%{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.player-top-controls{display:flex;align-items:center;gap:12px;margin-bottom:22px}.player-volume-box{display:flex;align-items:center;gap:10px;flex:1;background:#0000000a;padding:7px 14px;border-radius:20px;color:#8e8e93}.player-volume-slider{flex:1;height:4px;-webkit-appearance:none;background:#00000014;border-radius:4px;outline:none}.player-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:#fff;border-radius:50%;box-shadow:0 2px 5px #0000001a;border:.5px solid rgba(0,0,0,.05)}.speed-badge,.repeat-badge{background:#0000000d;padding:0 14px;height:34px;border-radius:17px;font-size:11.5px;font-weight:700;color:#1d1d1f;display:flex;align-items:center;justify-content:center;cursor:pointer;gap:6px;transition:all .2s ease}.repeat-badge{color:#8e8e93;padding:0 10px}.repeat-badge.active{color:#27ae60;background:#2ecc711f}.time-row{display:flex;justify-content:space-between;font-size:10.5px;color:#8e8e93;margin-top:10px;font-weight:600;font-variant-numeric:tabular-nums}@media(max-width:768px){.integrated-player{left:12px;bottom:12px;width:calc(100% - 24px);border-radius:24px}.integrated-player.active{width:calc(100% - 24px);padding:12px 14px}.player-side-actions{padding-left:6px}}.player-controls{display:flex;align-items:center;gap:4px}.side-control{flex-shrink:0}.player-side-actions{display:flex;flex-direction:column;align-items:center;gap:4px;border-left:1px solid rgba(0,0,0,.05);padding-left:8px;margin-left:4px}.player-side-actions .control-btn{width:28px;height:28px}.toggle-expand svg{transition:transform .4s cubic-bezier(.16,1,.3,1)}.integrated-player.active .toggle-expand svg{transform:transform .4s cubic-bezier(.16,1,.3,1);transform:rotate(180deg)}.control-btn.active{color:#27ae60}.go-to-source{transition:all .2s ease}.go-to-source:hover{color:var(--accent)}[data-theme=dark] .integrated-player{background:#1c1c1ec7;border-color:#ffffff1a;box-shadow:0 10px 40px #00000080}[data-theme=dark] .player-surah-ar{color:#f5f5f7}[data-theme=dark] .player-surah-tr{color:#e5e5ea}[data-theme=dark] .player-surah-meta{color:#a1a1a6}[data-theme=dark] .player-badge.mekki{background:#fd7e1426;color:#ff922b}[data-theme=dark] .player-badge.medeni{background:#228be626;color:#4dabf7}[data-theme=dark] .player-play-btn,[data-theme=dark] .player-main-controls{background:#ffffff14;color:#f5f5f7}[data-theme=dark] .player-play-btn:hover{background:#ffffff1f}[data-theme=dark] .player-main-controls .control-btn{color:#f5f5f7}[data-theme=dark] .player-main-controls .play-btn{background:#2c2c2e;color:#f5f5f7;box-shadow:0 2px 8px #0000004d}[data-theme=dark] .player-main-controls .play-btn:hover{box-shadow:0 4px 12px #0006}[data-theme=dark] .mini-progress-bg,[data-theme=dark] .player-progress-bg{background:#ffffff26}[data-theme=dark] .player-volume-box{background:#ffffff14;color:#a1a1a6}[data-theme=dark] .player-volume-slider{background:#fff3}[data-theme=dark] .player-volume-slider::-webkit-slider-thumb{background:#f5f5f7;border-color:#ffffff1a}[data-theme=dark] .speed-badge,[data-theme=dark] .repeat-badge{background:#ffffff14;color:#f5f5f7}[data-theme=dark] .repeat-badge{color:#a1a1a6}[data-theme=dark] .repeat-badge.active{color:#2ecc71;background:#2ecc7126}[data-theme=dark] .control-btn.active{color:#2ecc71}[data-theme=dark] .time-row{color:#a1a1a6}[data-theme=dark] .verse-segment:not(.played):not(.active){background:#ffffff26}[data-theme=dark] .intro-dot:not(.played):not(.active){background:#fff3}.verse-segments-container.playlist-segments{flex-direction:column;align-items:stretch;gap:6px}.playlist-segments .verse-segments{gap:4px}.playlist-segment{flex:1;height:4px!important;border-radius:2px!important;min-width:20px;transition:transform .2s,background .2s}.playlist-segment:hover{transform:scaleY(1.5)}.playlist-segment.active{background:#27ae60!important}.playlist-segment.played{background:#2ecc71!important;opacity:.45}.playlist-seg-names{display:flex;gap:4px;margin-top:4px}.playlist-seg-name{flex:1;font-size:9px;color:#8e8e93;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;min-width:0;cursor:pointer;transition:color .15s}.playlist-seg-name.active{color:#27ae60;font-weight:700}[data-theme=dark] .playlist-segment:not(.played):not(.active){background:#ffffff26}[data-theme=dark] .playlist-seg-name{color:#6e6e73}.sr{animation:fadeUp .35s var(--ease) both}.sr-count{font-size:13px;color:var(--text-tertiary);margin-bottom:20px;font-variant-numeric:tabular-nums}.sr-section{margin-bottom:28px}.sr-section-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);margin-bottom:10px}.sr-surah{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--separator);border-radius:var(--radius);margin-bottom:8px;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s var(--ease);animation:fadeUp .3s var(--ease) both;text-decoration:none;color:inherit}.sr-surah:hover{border-color:#3c3c432e;background:var(--fill);box-shadow:0 1px 4px #00000008}.sr-surah-no{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:var(--text-tertiary);background:var(--fill);border-radius:8px;flex-shrink:0;font-variant-numeric:tabular-nums}.sr-surah-body{flex:1;min-width:0}.sr-surah-top{display:flex;align-items:baseline;gap:10px;margin-bottom:3px}.sr-surah-name{font-size:15px;font-weight:600;color:var(--text-primary)}.sr-surah-ar{font-size:17px;font-family:var(--arabic-font-family, "Noto Naskh Arabic", serif);color:var(--text-secondary)}.sr-surah-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-tertiary)}.sr-arrow{width:16px;height:16px;color:var(--text-tertiary);flex-shrink:0;opacity:0;transition:opacity .2s}.sr-surah:hover .sr-arrow{opacity:1}.sr-verse{display:block;padding:16px 18px;border:1px solid var(--separator);border-radius:var(--radius);margin-bottom:8px;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s var(--ease);animation:fadeUp .3s var(--ease) both;text-decoration:none;color:inherit}.sr-verse:hover{border-color:#3c3c432e;background:var(--fill);box-shadow:0 1px 4px #00000008}.sr-verse-ref{display:flex;align-items:center;gap:8px;margin-bottom:10px}.sr-verse-surah{font-size:13px;font-weight:600;color:var(--text-primary)}.sr-verse-ayah{font-size:11px;font-weight:500;color:var(--accent);padding:2px 7px;background:var(--accent-light);border-radius:4px;font-variant-numeric:tabular-nums}.sr-translation-lang{font-size:10px;font-weight:700;letter-spacing:.04em;padding:2px 6px;border-radius:4px;border:1px solid var(--separator);color:var(--text-secondary);background:var(--fill)}.sr-translation-lang.en{color:#2f6fb3;border-color:#2f6fb342;background:#2f6fb314}.sr-translation-lang.tr{color:#1f7f52;border-color:#1f7f5240;background:#1f7f5214}.sr-verse-ar{font-size:20px;font-family:var(--arabic-font-family, "Noto Naskh Arabic", serif);line-height:1.8;color:var(--text-primary);margin-bottom:6px}.sr-verse-tr{font-size:14px;color:var(--text-secondary);line-height:1.55}.highlight{background:#1d7a5f1f;color:var(--accent);border-radius:2px;padding:0 2px}.sr-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:48px 0;animation:fadeUp .35s var(--ease) both}.sr-empty-icon{width:56px;height:56px;margin-bottom:16px;opacity:.4}.sr-empty-icon svg{width:100%;height:100%}.sr-empty-title{font-size:16px;font-weight:600;margin-bottom:4px}.sr-empty-desc{font-size:14px;color:var(--text-secondary)}.sr-load-more{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:32px;padding-bottom:40px}.sr-load-btn{display:flex;align-items:center;gap:10px;padding:10px 20px;background:var(--fill);color:#000;border-radius:12px;font-size:14px;font-weight:600;transition:all .2s var(--ease);border:1px solid var(--separator-light)}.sr-load-btn:hover:not(:disabled){background:var(--fill-hover);border-color:var(--separator)}.sr-load-btn:active:not(:disabled){transform:scale(.98)}.sr-load-btn.loading{opacity:.6;cursor:wait}.sr-spinner{width:14px;height:14px;border:2px solid rgba(0,0,0,.1);border-top-color:#000;border-radius:50%;animation:spin .8s linear infinite}.sr-load-info{font-size:12px;color:var(--text-tertiary)}.daily-verse-card{display:block;margin-bottom:24px;border-radius:20px;overflow:hidden;position:relative;background:linear-gradient(135deg,#1d1d1f,#434345);color:#fff;text-decoration:none;box-shadow:0 10px 30px #0000001a;animation:appleFadeUp .6s var(--spring) .1s both;transition:transform .4s var(--ease)}.daily-verse-card:hover{opacity:.98}.daily-verse-overlay{padding:32px;position:relative;z-index:2;background:radial-gradient(circle at top right,rgba(255,255,255,.05) 0%,transparent 70%)}.daily-badge{display:inline-block;padding:6px 12px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:100px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:20px;color:gold}.daily-ar{font-family:var(--arabic-font-family, "Noto Naskh Arabic", serif);font-size:28px;line-height:1.6;margin-bottom:16px;text-align:right;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.daily-tr{font-size:16px;line-height:1.5;opacity:.9;font-weight:400;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.daily-ref{font-size:12px;font-weight:600;opacity:.6;text-transform:uppercase;letter-spacing:.05em}@media(max-width:768px){.daily-verse-overlay{padding:24px}.daily-ar{font-size:24px}.daily-tr{font-size:14px}}.home{min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:88px 32px 80px;box-sizing:border-box;animation:fadeIn .35s var(--ease)}.home-logo-img{display:none}.quick-access{margin-bottom:24px;animation:fadeUp .4s var(--ease) .12s both}.quick-card{display:flex;align-items:center;gap:16px;padding:20px;background:#fff;border:1px solid var(--separator);border-radius:var(--radius);transition:all .3s var(--ease)}.quick-card:hover{border-color:var(--accent)}.quick-icon{width:48px;height:48px;background:var(--accent-light);color:var(--accent);border-radius:12px;display:flex;align-items:center;justify-content:center}.quick-icon svg{width:24px;height:24px}.quick-info{flex:1}.quick-info h3{font-size:16px;font-weight:600;margin-bottom:2px;color:var(--text-primary)}.quick-info p{font-size:13px;color:var(--text-secondary)}.quick-arrow{color:var(--text-tertiary)}.home-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:transform .3s var(--spring);color:var(--text-secondary);overflow:hidden;background:transparent;border:none}.home-avatar:hover{opacity:.8}.home-avatar-icon{width:18px;height:18px}.search-area{width:100%;max-width:1000px;margin:0 auto;display:flex;flex-direction:column;align-items:center;padding:60px 0 32px;transition:padding .4s var(--ease);position:relative;z-index:100}@media(max-width:768px){.search-area,.search-area.has-results{padding-left:0;padding-right:0}}.search-header{text-align:center;margin-bottom:32px;animation:fadeUp .4s var(--ease) both;transition:margin .4s var(--ease)}.search-area.has-results .search-header{margin-bottom:20px}.search-main-logo{height:80px;width:auto;margin-bottom:12px;animation:appleFadeUp .8s var(--spring) both;transition:all .4s var(--ease);color:#1d1d1f}.search-area.has-results .search-main-logo{height:48px}@keyframes editorialFade{0%{opacity:0;transform:translateY(15px);letter-spacing:4px}to{opacity:1;transform:translateY(0);letter-spacing:-.5px}}@keyframes shine{to{background-position:200% center}}@keyframes appleFadeUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes titleAppear{0%{opacity:0;transform:translateY(20px) scale(.98);filter:blur(8px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.search-title{font-size:48px;font-weight:800;color:var(--text-primary);letter-spacing:-.04em;margin-bottom:8px;animation:titleAppear 1s var(--spring) .1s both;position:relative;font-style:italic;transition:all .4s var(--ease)}@media(max-width:768px){.search-title{font-size:36px}}@media(max-width:480px){.search-title{font-size:28px}}.search-area.has-results .search-title{font-size:32px;font-style:normal}@media(max-width:768px){.search-area.has-results .search-title{font-size:24px}}.search-area.has-results .search-title:after{display:none}.search-subtitle{font-size:16px;color:var(--text-secondary);font-weight:400}@media(max-width:480px){.search-subtitle{font-size:14px}}.search-area.has-results .search-subtitle{font-size:14px}.search-box{width:100%;max-width:580px;position:relative;animation:fadeUp .4s var(--ease) .08s both}.search-input{width:100%;padding:14px 84px 14px 48px;font-size:15px;font-family:inherit;color:var(--text-primary);background:var(--fill);border:1.5px solid transparent;border-radius:14px;outline:none;transition:all .25s var(--ease);letter-spacing:-.01em}.search-input::placeholder{color:var(--text-tertiary)}.search-box.focused .search-input{background:#fff;border-color:var(--separator)}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--text-tertiary);pointer-events:none;transition:color .2s}.search-box.focused .search-icon{color:var(--text-secondary)}.search-clear{position:absolute;right:48px;top:50%;transform:translateY(-50%);width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .15s}.search-clear:hover{background:var(--fill-hover);opacity:.8}.search-clear svg{width:15px;height:15px;color:var(--text-tertiary)}.keyboard-toggle-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;transition:all .2s}.keyboard-toggle-btn:hover{background:var(--fill-hover);color:var(--text-secondary)}.keyboard-toggle-btn.active{background:var(--accent-light);color:var(--accent)}.keyboard-toggle-btn svg{width:18px;height:18px}[data-theme=dark] .keyboard-toggle-btn.active{background:#1a73e833}.home-content{flex:1;width:100%;max-width:1000px;margin:0 auto;padding:0 0 80px}@media(max-width:768px){.home-content{padding:0 0 80px}}.home-sections-grid{display:grid;grid-template-columns:1fr;gap:32px;width:100%}.section-title{font-size:18px;font-weight:700;margin-bottom:20px;color:var(--text-primary)}.quick-access-section{width:100%;margin:48px auto 0;animation:fadeUp .4s var(--ease) .2s both}.quick-access-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:24px;align-items:stretch}.quick-card-promo{display:flex;flex-direction:column;justify-content:flex-end;border-radius:24px;overflow:hidden;position:relative;text-decoration:none;transition:all .4s var(--ease);min-height:220px}.quran-reading-card{background:linear-gradient(135deg,#1d7a5f,#155d48)}.quick-card-promo:hover{opacity:.95}.promo-overlay{padding:32px;color:#fff;background:radial-gradient(circle at top right,rgba(255,255,255,.12) 0%,transparent 70%);height:100%;display:flex;flex-direction:column;justify-content:center}.promo-badge{display:inline-block;padding:6px 12px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:100px;font-size:11px;font-weight:700;letter-spacing:.1em;margin-bottom:16px;width:fit-content}.quick-card-promo h3{font-size:24px;font-weight:700;margin-bottom:8px;letter-spacing:-.02em}.quick-card-promo p{font-size:14px;opacity:.85;line-height:1.5;margin-bottom:24px;max-width:280px}.promo-action{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600}.promo-action svg{transition:transform .3s var(--ease)}.quick-card-promo:hover .promo-action svg{transform:translate(4px)}.topics-container{background:var(--fill);border:1px solid var(--separator-light);border-radius:24px;padding:24px;display:flex;flex-direction:column}.topics-mini-title{font-size:15px;font-weight:700;color:var(--text-primary);margin-bottom:16px}.topics-grid{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.topic-tag{padding:8px 16px;background:#fff;border:1px solid var(--separator);border-radius:12px;font-size:13px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s var(--ease);display:flex;align-items:center;justify-content:center}.topic-tag:hover{border-color:var(--accent);color:var(--accent);background:var(--fill)}.view-all-topics{margin-top:auto;display:block;text-align:center;padding:10px;background:#fff;border:1.5px solid var(--separator);border-radius:12px;font-size:13px;font-weight:600;color:var(--text-secondary);text-decoration:none;transition:all .2s}.view-all-topics:hover{background:var(--fill);color:var(--text-primary);border-color:var(--text-tertiary)}.home-promo-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:24px}.quick-links-section{width:100%}.moon-promo-card,.quran-promo-card{display:block;border-radius:var(--radius);overflow:hidden;position:relative;text-decoration:none;transition:border-color .2s var(--ease),opacity .2s var(--ease);border:1px solid var(--separator)}.moon-promo-card{background:linear-gradient(135deg,#111,#2a2a2e);color:#fff}.quran-promo-card{background:linear-gradient(135deg,#1d7a5f,#155d48);color:#fff}.moon-promo-card:hover,.quran-promo-card:hover{opacity:.96;border-color:#3c3c432e}.moon-promo-overlay,.quran-promo-overlay{padding:24px;min-height:160px;display:flex;flex-direction:column}.moon-promo-badge,.quran-promo-badge{display:inline-block;padding:5px 10px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;font-size:10px;font-weight:700;letter-spacing:.1em;margin-bottom:auto;width:fit-content}.moon-promo-content h3,.quran-promo-content h3{font-size:20px;font-weight:800;margin-bottom:6px;letter-spacing:-.01em;color:#fff!important}.moon-promo-content p,.quran-promo-content p{font-size:13px;opacity:.8;line-height:1.4;max-width:220px}.explore-topics-section{margin-top:48px;width:100%}.horizontal-topics{display:flex;flex-wrap:wrap;gap:10px}.topic-tag-chip{padding:8px 14px;background:#fff;border:1px solid var(--separator);border-radius:12px;font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s var(--ease);text-decoration:none}.topic-tag-chip-ar{font-family:var(--arabic-font-family, "Noto Naskh Arabic", serif);font-size:16px;line-height:1;padding-top:9px;padding-bottom:9px}.topic-tag-chip:hover{border-color:var(--accent);color:var(--accent)}.topic-tag-chip.all-topics{background:#fff;border-color:var(--accent);color:var(--accent)}.topic-tag-chip.all-topics:hover{background:var(--accent-light)}@media(max-width:768px){.home-promo-row{grid-template-columns:1fr}}@media(max-width:850px){.quick-access-grid{grid-template-columns:1fr;gap:16px}.quick-card-promo{min-height:180px}.promo-overlay{padding:24px}}@media(max-width:480px){.quick-card-promo h3{font-size:20px}.quick-card-promo p{font-size:13px;margin-bottom:16px}}.popular-section{width:100%;margin:0 auto 48px;animation:fadeUp .4s var(--ease) .15s both}.popular-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.popular-card{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--separator);border-radius:var(--radius);cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s var(--ease);animation:fadeUp .35s var(--ease) both;text-decoration:none;color:inherit}.popular-card:hover{border-color:#3c3c432e;background:var(--fill)}.popular-no{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--text-tertiary);background:var(--fill);border-radius:8px;flex-shrink:0;font-variant-numeric:tabular-nums}.popular-info{flex:1;min-width:0}.popular-name-ar{display:block;font-size:18px;font-family:var(--arabic-font-family, "Noto Naskh Arabic", serif);line-height:1.3;color:var(--text-primary)}.popular-name-tr{font-size:13px;color:var(--text-secondary);font-weight:500}.popular-meta{text-align:right;flex-shrink:0}.popular-ayah{display:block;font-size:11px;color:var(--text-tertiary)}@media(max-width:600px){.search-area{padding-top:48px}.search-title{font-size:28px}.popular-grid{grid-template-columns:1fr}}.continue-reading-section{width:100%;margin-bottom:8px;animation:fadeUp .4s var(--ease) both}.continue-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.continue-card{display:flex;align-items:center;gap:16px;padding:20px;background:#fff;border:1px solid var(--separator);border-radius:16px;text-decoration:none;transition:all .2s var(--ease)}.continue-card:hover{border-color:var(--accent);background:var(--fill)}.continue-card.string-marked:hover{border-color:var(--accent);background:#fff}.continue-card.string-marked .continue-icon-box{background:var(--accent-light);color:var(--accent)}.continue-icon-box{width:48px;height:48px;background:var(--accent-light);color:var(--accent);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.continue-info{flex:1}.continue-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin-bottom:4px;display:block}.continue-surah{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:2px}.continue-meta{font-size:13px;color:var(--text-secondary)}.continue-arrow{color:var(--text-tertiary);transition:transform .2s}.continue-card:hover .continue-arrow{transform:translate(4px);color:var(--accent)}.continue-card.string-marked:hover .continue-arrow{color:var(--accent)}@media(max-width:700px){.continue-grid{grid-template-columns:1fr}}.theme-toggle{display:flex;align-items:center;justify-content:center;padding:2px;background:var(--fill);border-radius:100px;width:52px;height:28px;transition:all .3s var(--ease);border:1px solid var(--separator-light)}.theme-toggle:hover{background:var(--fill-hover);transform:scale(1.05)}.toggle-track{position:relative;width:100%;height:100%}.toggle-thumb{position:absolute;top:50%;left:2px;transform:translateY(-50%);width:20px;height:20px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .35s var(--spring)}.is-dark .toggle-thumb{left:calc(100% - 22px);background:#2c2c2e}.theme-icon{width:12px;height:12px;transition:all .3s var(--ease)}.theme-icon.sun{color:#f39c12}.theme-icon.moon{color:#f1c40f}@media(max-width:768px){.theme-toggle{width:48px;height:26px}.toggle-thumb{width:18px;height:18px}.is-dark .toggle-thumb{left:calc(100% - 20px)}}@keyframes rsPulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.ramadan-status{position:relative;display:flex;align-items:center;background:var(--fill);border:1px solid var(--separator);border-radius:11px;padding:4px 10px;height:34px;gap:9px;font-family:var(--ui-font-family);-webkit-user-select:none;user-select:none;transition:all .3s var(--ease)}.ramadan-status:hover{border-color:var(--text-tertiary);background:var(--fill-hover)}.rs-clock-section{display:flex;align-items:center;cursor:pointer}.rs-hijri-wrapper{display:flex;align-items:center;gap:8px;max-width:0;opacity:0;overflow:hidden;white-space:nowrap;transition:all .5s var(--spring)}.rs-hijri-wrapper.open{max-width:200px;opacity:1;margin-right:8px}.rs-hijri-date{font-size:13px;font-weight:500;color:var(--text-secondary);letter-spacing:.2px;flex-shrink:0}.rs-clock-divider{width:3px;height:3px;border-radius:50%;background:var(--text-tertiary);opacity:.5;flex-shrink:0}.rs-live-time{font-size:12px;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums;letter-spacing:.3px}.rs-clock-chevron{color:var(--text-tertiary);transition:transform .4s var(--spring);margin-left:2px}.rs-clock-chevron.open{transform:rotate(180deg)}.rs-divider{width:1px;height:14px;background:var(--separator)}.rs-info-section{display:flex;align-items:center;gap:6px;cursor:pointer}.rs-city{font-size:12px;font-weight:700;color:var(--text-primary)}.rs-event{display:flex;align-items:baseline;gap:3px}.rs-label{font-size:10px;font-weight:800;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1px}.rs-time{font-size:12px;font-weight:700;color:var(--accent)}.rs-chevron{color:var(--text-tertiary);transition:transform .3s var(--spring)}.rs-chevron.open{transform:rotate(180deg)}.rs-picker-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:168px;background:var(--bg);border:1px solid var(--separator);border-radius:14px;z-index:10002;overflow:hidden;animation:authModalAppear .3s var(--spring);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.rs-picker-header{padding:10px 12px;font-size:11px;font-weight:800;color:var(--text-tertiary);text-transform:uppercase;border-bottom:1px solid var(--separator-light)}.rs-picker-search-wrap{padding:8px 8px 4px;position:relative}.rs-picker-search{width:100%;height:32px;border:1px solid var(--separator);border-radius:8px;background:var(--fill);color:var(--text-primary);font-size:12px;padding:0 30px;outline:none}.rs-picker-search:focus{border-color:var(--accent)}.rs-picker-search-icon{position:absolute;left:17px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--text-tertiary);pointer-events:none}.rs-picker-search-clear{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;border-radius:999px;border:0;background:transparent;color:var(--text-tertiary);font-size:16px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.rs-picker-search-clear:hover{background:var(--fill);color:var(--text-secondary)}.rs-picker-list{max-height:214px;overflow-y:auto;padding:4px}.rs-picker-item{width:100%;padding:8px 10px;border:none;background:transparent;text-align:left;font-size:12.5px;font-weight:500;color:var(--text-primary);border-radius:8px;cursor:pointer;transition:all .2s}.rs-picker-item:hover{background:var(--fill)}.rs-picker-item.active{background:var(--accent-light);color:var(--accent);font-weight:650}.rs-picker-empty{padding:10px;font-size:12px;color:var(--text-tertiary)}[data-theme=dark] .rs-picker-dropdown{background:#1c1c1ef2}@media(max-width:600px){.ramadan-status{padding:4px 8px;gap:6px;height:32px}.rs-clock-section,.rs-divider{display:none}}.pro-countdown-badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;border:1px solid rgba(37,99,235,.28);background:#2563eb1f;color:#1e40af;font-size:12px;font-weight:700;letter-spacing:.01em;white-space:nowrap}[data-theme=dark] .pro-countdown-badge{color:#93c5fd;border-color:#93c5fd59;background:#2563eb33}@media(max-width:768px){.pro-countdown-badge{display:none}}.flat-keyboard-wrapper{--kb-key-height: 42px;--kb-row-gap: 6px;position:fixed;z-index:2147483647;width:480px;background:var(--bg-card, #ffffff);border:1px solid var(--border-color, #d1d1d6);border-radius:8px;box-shadow:0 4px 12px #0000000d;overflow:hidden;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;animation:fadeIn .2s ease-out}[data-theme=dark] .flat-keyboard-wrapper{background:#2c2c2e;border-color:#3a3a3c;box-shadow:0 8px 32px #0000004d}.kb-flat-header{height:40px;background:var(--fill-secondary, #f2f2f7);padding:0 12px;display:flex;align-items:center;justify-content:space-between;cursor:grab;border-bottom:1px solid var(--border-color, #d1d1d6)}.kb-flat-header:active{cursor:grabbing}[data-theme=dark] .kb-flat-header{background:#1c1c1e;border-color:#3a3a3c}.kb-title{font-size:11px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em}.kb-close-btn{width:24px;height:24px;border:none;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-tertiary);transition:all .2s}.kb-close-btn:hover{color:#ff3b30}.kb-close-btn svg{width:14px;height:14px}.kb-flat-body{padding:10px}.kb-grid{display:flex;flex-direction:column;gap:var(--kb-row-gap);min-height:calc((var(--kb-key-height) * 4) + (var(--kb-row-gap) * 3))}.kb-row{display:flex;gap:5px;justify-content:center}.kb-key{flex:1;height:var(--kb-key-height);min-width:30px;border:1px solid #d1d1d6;background:#fff;color:#000;border-radius:6px;font-size:1rem;font-family:var(--arabic-font-family, "Noto Naskh Arabic", serif);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .1s}[data-theme=dark] .kb-key{background:#3a3a3c;border-color:#48484a;color:#fff}.kb-key:hover{background:#f2f2f7;border-color:#acacb7}[data-theme=dark] .kb-key:hover{background:#48484a;border-color:#636366}.kb-key:active{background:#e5e5ea;transform:scale(.985)}[data-theme=dark] .kb-key:active{background:#1c1c1e}.util-key{background:#e5e5ea;max-width:68px;font-size:.9rem;font-family:var(--ui-font-family);font-weight:500}[data-theme=dark] .util-key{background:#1c1c1e}.space-key{flex:4}.backspace-btn{color:#8f2d2d}[data-theme=dark] .backspace-btn{color:#ff8a80}.backspace-btn svg{width:18px;height:18px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:500px){.flat-keyboard-wrapper{width:100%!important;inset:auto 0 0!important;border-radius:12px 12px 0 0}}.profile-view .section-divider{height:1px;background:var(--separator);margin:32px 0}.profile-top-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:32px}@media(max-width:768px){.profile-top-row{grid-template-columns:1fr;gap:16px}}.profile-section-title{font-size:18px!important;font-weight:600!important;color:var(--accent)!important;margin-bottom:24px!important;text-transform:none!important;letter-spacing:-.02em!important;opacity:1!important}.profile-top-row .last-read-container{margin-bottom:0}.profile-tabs{display:flex;gap:4px;background:var(--fill);border-radius:10px;padding:4px;margin:20px 0}.profile-tab{flex:1;padding:8px 12px;font-size:13px;font-weight:500;color:var(--text-secondary);background:none;border:none;cursor:pointer;border-radius:8px;transition:all .2s}.profile-tab.active{background:#fff;color:var(--text-primary);box-shadow:none}.profile-tab-content{animation:fadeUp .3s var(--ease)}.analytics-lock-card{gap:10px}.analytics-lock-card p{margin:0;font-size:14px;line-height:1.55;color:var(--text-secondary)}.analytics-lock-meta{font-size:13px;color:var(--text-tertiary)}.settings-list{display:flex;flex-direction:column;gap:18px;max-width:100%}.settings-top-grid{display:grid;grid-template-columns:1fr;gap:18px}.settings-section{display:flex;flex-direction:column;gap:14px;padding:22px;border:1px solid var(--separator);border-radius:18px;background:var(--card-bg);box-shadow:none;transition:border-color .22s var(--ease),background .22s var(--ease)}.settings-section:hover{border-color:#1d7a5f47;background:color-mix(in srgb,var(--card-bg) 90%,var(--accent-light) 10%)}.tab-shared-header{display:flex;flex-direction:column;gap:4px;margin:0}.tab-shared-title{font-size:18px;font-weight:600;letter-spacing:-.02em;color:var(--text-primary);margin:0}.tab-shared-subtitle{margin:0;color:var(--text-secondary);font-size:14px;line-height:1.4}.tab-with-header{display:flex;flex-direction:column;gap:18px}.settings-hero{display:flex;flex-direction:column;gap:2px;padding:2px 2px 0}.settings-hero h2{font-size:clamp(30px,4vw,40px);line-height:1.05;letter-spacing:-.03em;color:var(--text-primary);margin:0}.settings-hero p{margin:0;color:var(--text-secondary);font-size:16px}.settings-verse-showcase{width:min(100%,760px);margin:0 auto;padding:20px 16px 18px;border:1px solid var(--separator);border-radius:20px;background:radial-gradient(circle at 12% 18%,color-mix(in srgb,var(--accent-light) 30%,transparent 70%) 0%,transparent 45%),radial-gradient(circle at 88% 82%,color-mix(in srgb,var(--accent-light) 24%,transparent 76%) 0%,transparent 48%),var(--card-bg);display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.settings-verse-head{display:inline-flex;align-items:center;gap:10px;margin-bottom:4px}.settings-verse-ref{font-size:20px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);font-weight:700}.settings-verse-place{display:inline-flex;align-items:center;justify-content:center;padding:5px 10px;border-radius:9px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#d07a1b;background:#f7ead8}.settings-verse-arabic{margin:0;line-height:1.9;color:var(--text-primary)}.settings-verse-transcription{margin:0;color:var(--text-secondary);font-style:italic;font-weight:600;line-height:1.35}.settings-verse-translation{margin:0;max-width:720px;color:var(--text-primary);line-height:1.55}.settings-section h3{font-size:16px;font-weight:700;margin:0;color:var(--text-primary);letter-spacing:-.01em}.settings-section h3:before{display:none}.settings-kicker{margin:0;color:var(--text-tertiary);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.appearance-section{gap:16px}.theme-cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.theme-card{border:1px solid var(--separator);border-radius:16px;background:#fff;color:var(--text-primary);padding:14px 12px;min-height:84px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;transition:border-color .2s var(--ease),background-color .2s var(--ease),transform .2s var(--ease)}.theme-card:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--separator) 65%);transform:translateY(-1px)}.theme-card.active{background:color-mix(in srgb,var(--accent-light) 85%,var(--card-bg) 15%);border-color:color-mix(in srgb,var(--accent) 48%,var(--separator) 52%)}.theme-dot{width:40px;height:40px;border-radius:999px;border:2px solid rgba(60,60,67,.2);display:inline-flex;align-items:center;justify-content:center;color:var(--accent)}.theme-card.active .theme-dot{border-color:color-mix(in srgb,var(--accent) 55%,#ffffff 45%)}.theme-card-label{font-size:15px;font-weight:600}.settings-toggle-stack{border-top:1px solid var(--separator)}.settings-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0}.settings-toggle-row+.settings-toggle-row{border-top:1px solid var(--separator)}.settings-toggle-copy{display:flex;flex-direction:column;gap:4px}.settings-toggle-copy strong{font-size:16px;line-height:1.2;color:var(--text-primary)}.settings-toggle-copy span{font-size:14px;line-height:1.4;color:var(--text-secondary)}.ios-toggle{width:52px;height:30px;border-radius:999px;border:1px solid rgba(60,60,67,.24);background:#3c3c433d;padding:2px;position:relative;flex-shrink:0;transition:background-color .2s var(--ease),border-color .2s var(--ease)}.ios-toggle.on{background:var(--accent);border-color:color-mix(in srgb,var(--accent) 65%,#ffffff 35%)}.ios-toggle-knob{width:24px;height:24px;border-radius:999px;background:#fff;display:block;box-shadow:0 1px 4px #0000002e;transform:translate(0);transition:transform .2s var(--ease)}.ios-toggle.on .ios-toggle-knob{transform:translate(22px)}.typography-section{gap:18px}.typography-subtitle{margin:-4px 0 0;color:var(--text-secondary);font-size:14px;line-height:1.45}.font-preview-card{border:1px solid color-mix(in srgb,var(--separator) 75%,var(--accent-light) 25%);border-radius:18px;background:linear-gradient(160deg,color-mix(in srgb,var(--card-bg) 88%,var(--accent-light) 12%) 0%,var(--card-bg) 100%);padding:18px 16px 14px;display:flex;flex-direction:column;gap:14px}.font-preview-head{display:flex;align-items:center;justify-content:flex-end;gap:8px;font-size:14px;color:var(--text-secondary)}.font-preview-meta{font-size:13px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;font-weight:700}.font-preview-arabic{text-align:center;color:var(--text-primary);line-height:1.9;letter-spacing:.01em;min-height:78px;padding:2px 2px 0}.font-preview-transcription{margin:0;color:var(--text-secondary);text-align:center;font-style:italic;line-height:1.3;font-weight:600}.font-preview-translation{margin:0;color:var(--text-primary);text-align:center;line-height:1.45}.font-preview-note{margin:0;color:var(--text-secondary);font-size:13px;line-height:1.45}.font-chip-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.font-chip{border:1px solid color-mix(in srgb,var(--separator) 80%,#fff 20%);border-radius:15px;background:color-mix(in srgb,var(--card-bg) 90%,var(--fill) 10%);padding:10px 10px 9px;min-height:106px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;position:relative;transition:border-color .2s var(--ease),background .2s var(--ease)}.font-chip:hover{border-color:color-mix(in srgb,var(--separator) 80%,#fff 20%);background:color-mix(in srgb,var(--card-bg) 90%,var(--fill) 10%)}.font-chip.active{border-color:color-mix(in srgb,var(--accent) 55%,var(--separator) 45%);background:color-mix(in srgb,var(--accent-light) 78%,#fff 22%)}.font-chip-arabic{font-size:30px;line-height:1.28;color:var(--text-primary);text-align:center;display:block;width:100%}.font-chip-name{position:absolute;right:9px;bottom:7px;font-size:10px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--text-tertiary);line-height:1;pointer-events:none}.typography-controls-card{border:1px solid color-mix(in srgb,var(--separator) 76%,var(--accent-light) 24%);border-radius:16px;background:color-mix(in srgb,var(--card-bg) 92%,var(--accent-light) 8%);padding:14px 14px 12px}.typography-sliders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.typography-sliders .setting-item{margin-bottom:0;border:1px solid var(--separator);border-radius:12px;padding:10px 10px 8px;background:color-mix(in srgb,var(--card-bg) 92%,var(--fill) 8%)}.typography-sliders .setting-item label{font-weight:600;color:var(--text-primary);font-size:13px;margin-bottom:4px}.setting-item{display:grid;grid-template-columns:minmax(140px,180px) 1fr;align-items:center;gap:12px;margin-bottom:8px;padding:6px 0;width:100%}.setting-item label{font-size:14px;font-weight:500;color:var(--text-secondary)}.font-size-control{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;width:100%;max-width:none;padding:4px 0;border:none;border-radius:0;background:transparent}.font-size-value{min-width:52px;height:28px;border-radius:999px;border:1px solid var(--separator);background:var(--fill);color:var(--text-primary);font-size:12px;font-weight:600;display:inline-flex;align-items:center;justify-content:center}.font-size-section{padding:16px 16px 14px;min-height:128px}.font-size-section .setting-item{display:flex;flex-direction:column;align-items:stretch;gap:6px;margin-bottom:10px;padding:0}.font-size-section .setting-item:last-child{margin-bottom:0}.font-size-section .modern-input{min-height:40px}.font-size-section .font-size-control{max-width:none}.font-size-section .setting-item label{font-size:13px;font-weight:600}.security-section{gap:12px}.security-section .settings-kicker{margin-bottom:-6px}.settings-range{width:100%;justify-self:start;appearance:none;-webkit-appearance:none;background:transparent;height:22px;cursor:pointer}.settings-range:focus{outline:none}.settings-range:focus-visible::-webkit-slider-runnable-track{border-color:#1d7a5f73}.settings-range::-webkit-slider-runnable-track{height:4px;border-radius:999px;border:none;background:linear-gradient(90deg,rgba(29,122,95,.96) 0%,rgba(29,122,95,.96) var(--range-fill, 50%),rgba(60,60,67,.18) var(--range-fill, 50%),rgba(60,60,67,.18) 100%)}.settings-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:999px;background:#fff;border:1.5px solid var(--accent);box-shadow:0 1px 3px #00000024;margin-top:-5px}.settings-range:hover::-webkit-slider-thumb{border-color:#1d7a5fd9}.settings-range::-moz-range-track{height:4px;border-radius:999px;border:none;background:#3c3c432e}.settings-range::-moz-range-progress{height:4px;border-radius:999px;background:#1d7a5ff5}.settings-range::-moz-range-thumb{width:14px;height:14px;border-radius:999px;background:#fff;border:1.5px solid var(--accent);box-shadow:0 1px 3px #00000024}.status-message{padding:12px;border-radius:8px;margin-top:12px;font-size:13px}.status-message.success{background:#e6f7ef;color:#1d7a5f}.status-message.error{background:#fef2f2;color:#e74c3c}.password-change-form{width:100%;display:flex;flex-direction:column;flex:0 0 auto}.security-inline-row{display:flex;align-items:flex-end;justify-content:stretch;gap:10px;width:100%;margin-top:0}.security-field{display:flex;flex-direction:column;gap:6px;flex:1 1 0;min-width:0;width:auto}.security-field label{font-size:13px;font-weight:600;color:var(--text-secondary)}.modern-input{width:100%;min-height:42px;padding:10px 12px;background:#fff;border:1px solid var(--separator);border-radius:11px;font-size:14px;transition:border-color .2s var(--ease),background-color .2s var(--ease)}.modern-input:focus{outline:none;border-color:#1d7a5f8c;background:#fff}.password-submit-btn{margin-top:0;min-height:42px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;background:var(--fill);border:1px solid var(--separator);border-radius:10px;font-size:11px;font-weight:700;color:var(--text-secondary);box-shadow:none;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.02em}.inline-password-btn{white-space:nowrap;min-width:160px}.password-submit-btn:hover{background:#fff;border-color:#ff3b30;color:#ff3b30}.password-submit-btn:disabled{opacity:.55;cursor:not-allowed}.settings-hint{margin-bottom:12px;color:var(--text-secondary);font-size:13px;line-height:1.45}.meals-header{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.meals-header h3{margin-bottom:0}.meals-header-text{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.meals-collapsed-note{margin:0;font-size:13px;color:var(--text-secondary);line-height:1.4}.meals-toggle-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:10px;border:1px solid var(--separator);background:#fff;color:var(--text-secondary);font-size:12px;font-weight:700;letter-spacing:.01em;white-space:nowrap}.meals-toggle-btn:hover{color:var(--accent);border-color:#1d7a5f61;background:var(--accent-light)}.meals-toggle-icon{color:var(--text-tertiary);transition:transform .2s var(--ease)}.meals-toggle-icon.open{transform:rotate(180deg)}.meals-content{margin-top:12px}.verse-preview-card{margin-top:12px;margin-bottom:14px;padding:14px 14px 12px;border-radius:12px;border:1px solid var(--separator);background:var(--fill)}.verse-preview-card.collapsed{margin-bottom:14px}.verse-preview-ref{font-size:12px;color:var(--text-tertiary);letter-spacing:.3px;text-transform:uppercase;font-weight:600;margin-bottom:8px}.verse-preview-arabic{font-size:30px;line-height:1.9;font-family:var(--arabic-font-family, "Noto Naskh Arabic", serif);color:var(--text-primary);text-align:center;margin-bottom:8px}.verse-preview-translation{font-size:14px;color:var(--text-secondary);line-height:1.55;text-align:center}.compare-trigger-btn{min-height:34px;padding:6px 12px;border-radius:10px;border:1px solid var(--separator);background:#fff;color:var(--text-secondary);font-size:12px;font-weight:600;transition:border-color .2s var(--ease),color .2s var(--ease),background .2s var(--ease)}.compare-trigger-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.comparison-inline-card{margin-bottom:14px;padding:12px;border-radius:12px;border:1px solid var(--separator);background:var(--fill)}.comparison-inline-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.comparison-inline-header h4{font-size:14px;font-weight:700;color:var(--text-primary)}.comparison-inline-close{padding:5px 10px;border-radius:8px;border:1px solid var(--separator);background:#fff;color:var(--text-secondary);font-size:12px;font-weight:600}.comparison-inline-close:hover{border-color:#ff3b30;color:#ff3b30}.comparison-arabic-card{padding:10px 12px;border-radius:10px;border:1px solid var(--separator);background:#fff;margin-bottom:10px}.arabic-text{font-family:var(--arabic-font-family, "Noto Naskh Arabic", serif);font-size:25px;line-height:1.8;text-align:center;color:var(--text-primary)}.comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.comparison-card{padding:10px 11px;border-radius:10px;border:1px solid var(--separator);background:#fff}.card-author{font-size:12px;color:var(--text-secondary);margin-bottom:6px;line-height:1.4}.card-text{font-size:13px;color:var(--text-primary);line-height:1.5}.meal-zone-label{margin:8px 0 6px;font-size:12px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.3px;font-weight:700}.meal-chip{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;background:#fff;border:1px solid var(--separator);border-radius:10px;margin-bottom:0;min-height:58px;cursor:grab;min-width:0;transition:border-color .16s var(--ease),background-color .16s var(--ease),transform .16s var(--ease)}.meal-chip.drag-target{border-color:#19191c47;background:#19191c14;transform:translateY(-3px) scale(1.005)}.meal-drop-zone{min-height:50px;padding:10px;background:var(--fill);border-radius:12px;margin-bottom:24px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:stretch}.core-zone{background:#1d7a5f14}.active-zone{background:#357edd14}.inactive-zone{border:1px dashed var(--text-tertiary);background:var(--fill)}.core-zone .meal-chip{background:#1d7a5f0f;border-color:#1d7a5f33}.active-zone .meal-chip{background:#357edd0f;border-color:#357edd3d}.inactive-zone .meal-chip{background:#fff;border-color:var(--separator)}.chip-main{display:flex;align-items:center;gap:10px;min-width:0}.chip-drag-indicator{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:7px;border:1px solid var(--separator);background:#fffc;color:var(--text-tertiary);font-size:11px;-webkit-user-select:none;user-select:none}.chip-grip{font-size:14px;line-height:1;letter-spacing:-1px}.chip-name-row{display:flex;align-items:center;gap:6px;min-width:0}.chip-info{display:flex;flex-direction:column;min-width:0}.chip-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chip-author{font-size:12px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chip-lang-badge{flex-shrink:0;font-size:10px;font-weight:700;letter-spacing:.04em;color:var(--text-secondary);background:var(--fill);border:1px solid var(--separator);border-radius:4px;padding:2px 6px}.chip-lang-badge.en{color:#2f6fb3;border-color:#2f6fb342;background:#2f6fb314}.chip-lang-badge.tr{color:#1f7f52;border-color:#1f7f5240;background:#1f7f5214}.chip-remove,.chip-add{font-size:20px;color:var(--text-tertiary);width:30px;height:30px;display:flex;align-items:center;justify-content:center}.chip-remove:hover,.chip-add:hover{color:var(--accent)}.icon-modal-overlay,.comparison-modal-overlay{position:fixed;inset:0;background:#0a0e148f;display:flex;align-items:center;justify-content:center;z-index:1000002;padding:20px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.icon-modal,.comparison-modal{background:var(--card-bg);border:1px solid var(--separator);box-shadow:0 20px 70px #00000047;padding:16px 18px 18px;border-radius:16px;width:min(92vw,700px);max-height:min(84vh,760px);overflow-y:auto}.modal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:12px}.icon-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.icon-modal-header h3{font-size:28px;font-weight:700;letter-spacing:-.02em}.icon-modal-close{width:32px;height:32px;border-radius:9px;background:var(--fill);border:1px solid var(--separator);font-size:20px;color:var(--text-secondary)}.icon-modal-close:hover{background:var(--fill-hover);color:var(--text-primary)}.profile-icon-option{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 8px;border-radius:12px;border:1px solid transparent;background:var(--fill);color:var(--text-primary);transition:border-color .16s ease,background-color .16s ease,transform .16s ease}.profile-icon-option:hover{border-color:var(--separator);background:var(--fill-hover);transform:translateY(-1px)}.profile-icon-option svg{width:34px;height:34px}.icon-name{font-size:12px;font-weight:600;text-align:center;line-height:1.2}.profile-icon-option.active{background:var(--accent-light);color:var(--accent);border-color:#1d7a5f59}@media(max-width:820px){.settings-verse-showcase{width:100%;padding:18px 14px 16px}.settings-verse-ref{font-size:16px}.settings-verse-transcription{line-height:1.25}.theme-cards-grid,.font-chip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.typography-sliders{grid-template-columns:1fr}.setting-item{grid-template-columns:1fr;align-items:stretch;gap:8px}.settings-range{justify-self:stretch;width:100%}.password-change-form{max-width:none}.security-inline-row{flex-direction:column;align-items:stretch}.security-field,.inline-password-btn{width:100%}.font-size-section .setting-item{grid-template-columns:1fr}.font-size-section .font-size-control{max-width:none}.profile-tabs{margin-bottom:20px}.meals-header{flex-direction:column;gap:10px;align-items:flex-start}}@media(max-width:1280px){.meal-drop-zone{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1040px){.meal-drop-zone{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.tab-shared-title{font-size:17px}.settings-verse-head{flex-direction:column;gap:6px}.settings-verse-ref{font-size:14px}.font-preview-arabic{min-height:64px}.theme-cards-grid,.font-chip-grid,.meal-drop-zone,.comparison-grid{grid-template-columns:1fr}}@media(max-width:920px){.settings-top-grid{grid-template-columns:1fr}.security-section{min-height:auto}}[data-theme=dark] .settings-section{background:var(--card-bg);box-shadow:none}[data-theme=dark] .theme-card,[data-theme=dark] .font-chip{background:#ffffff08;border-color:#ffffff26}[data-theme=dark] .theme-dot{border-color:#ffffff42}[data-theme=dark] .font-preview-card{background:#ffffff08;border-color:#ffffff1f}[data-theme=dark] .settings-verse-showcase{border-color:#ffffff29;background:radial-gradient(circle at 12% 18%,rgba(120,227,172,.12) 0%,transparent 45%),radial-gradient(circle at 88% 82%,rgba(120,227,172,.08) 0%,transparent 48%),#ffffff05}[data-theme=dark] .settings-verse-place{color:#ffd49e;background:#d07a1b33}[data-theme=dark] .typography-controls-card{background:#ffffff08;border-color:#ffffff26}[data-theme=dark] .ios-toggle{background:#ffffff2e;border-color:#fff3}[data-theme=dark] .settings-section:hover{border-color:#fff3;background:var(--fill)}[data-theme=sepia] .theme-card,[data-theme=sepia] .font-chip{background:#fffaf0;border-color:#5c4a3933}[data-theme=sepia] .font-preview-card{background:#fff9ef;border-color:#5c4a392e}[data-theme=sepia] .settings-verse-showcase{border-color:#5c4a3938;background:radial-gradient(circle at 12% 18%,rgba(138,103,55,.12) 0%,transparent 45%),radial-gradient(circle at 88% 82%,rgba(138,103,55,.09) 0%,transparent 48%),#fff8eb}[data-theme=sepia] .settings-verse-place{background:#f2e3cd;color:#b66f17}[data-theme=sepia] .typography-controls-card{background:#fff9f0;border-color:#5c4a3933}[data-theme=dark] .modern-input{background:#ffffff0d}[data-theme=dark] .core-zone{background:#2ecc711a}[data-theme=dark] .active-zone{background:#357edd24}[data-theme=dark] .core-zone .meal-chip{background:#2ecc7114;border-color:#2ecc7147}[data-theme=dark] .active-zone .meal-chip{background:#357edd1a;border-color:#357edd4d}[data-theme=dark] .inactive-zone .meal-chip{background:#ffffff0a;border-color:#ffffff24}[data-theme=dark] .meal-chip.drag-target{border-color:#ffffff57;background:#ffffff1f}[data-theme=dark] .chip-drag-indicator{background:#ffffff0d;border-color:#ffffff2e}[data-theme=dark] .chip-lang-badge{color:var(--text-secondary);background:var(--fill);border-color:#fff3}[data-theme=dark] .chip-lang-badge.en{color:#8dc4ff;border-color:#8dc4ff59;background:#2f6fb338}[data-theme=dark] .chip-lang-badge.tr{color:#92deb8;border-color:#92deb857;background:#1f7f5238}[data-theme=dark] .comparison-inline-card,[data-theme=dark] .comparison-arabic-card,[data-theme=dark] .comparison-card,[data-theme=dark] .comparison-inline-close{background:#ffffff0a}[data-theme=dark] .comparison-inline-close{border-color:#ffffff29;color:var(--text-secondary)}[data-theme=dark] .settings-range::-webkit-slider-thumb,[data-theme=dark] .settings-range::-moz-range-thumb{border-color:#78e3ac;background:#1b1d20}[data-theme=dark] .settings-range::-webkit-slider-runnable-track{border-color:#fff3;background:linear-gradient(90deg,rgba(120,227,172,.96) 0%,rgba(120,227,172,.96) var(--range-fill, 50%),rgba(255,255,255,.16) var(--range-fill, 50%),rgba(255,255,255,.16) 100%)}[data-theme=dark] .settings-range::-moz-range-track{border-color:#fff3;background:#ffffff29}[data-theme=dark] .settings-range::-moz-range-progress{background:#78e3acf5}[data-theme=dark] .modern-input:focus{background:#ffffff14;border-color:#2ecc718c}[data-theme=dark] .font-size-value,[data-theme=dark] .compare-trigger-btn{background:#ffffff0f}[data-theme=dark] .font-size-control{border:none;background:transparent}[data-theme=dark] .password-submit-btn{background:var(--fill);border-color:var(--separator);color:var(--text-secondary)}[data-theme=dark] .password-submit-btn:hover{background:#ff3b3026;border-color:#ff3b30;color:#ff3b30}[data-theme=dark] .meals-toggle-btn{background:#ffffff0d;border-color:#ffffff24;color:var(--text-secondary)}[data-theme=dark] .meals-toggle-btn:hover{background:#2ecc711f;border-color:#2ecc716b;color:#78e3ac}.profile-header{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:24px;animation:fadeUp .4s var(--ease) .05s both}.avatar-container{position:relative;flex-shrink:0;cursor:pointer;margin-bottom:16px}.avatar{width:96px;height:96px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;border:none;box-shadow:none;background:transparent}.avatar-icon{width:44px;height:44px;color:var(--text-secondary);transition:color .3s}.avatar-container:hover .avatar-icon{color:var(--accent)}.avatar-edit-overlay{position:absolute;inset:0;border-radius:50%;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.avatar-edit-overlay.visible{opacity:1}.avatar-edit-overlay svg{width:24px;height:24px;color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.profile-info{min-width:0;width:100%;max-width:500px;display:flex;flex-direction:column;align-items:center;gap:2px}.profile-name{font-size:26px;font-weight:700;letter-spacing:-.4px;line-height:1.2}.profile-username{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--text-tertiary);margin-bottom:2px;opacity:.8}.profile-vip-mark{display:inline-flex;align-items:center;justify-content:center;font-size:12px;line-height:1}.profile-vip-mark-name{font-size:20px}.profile-bio{font-size:14px;color:var(--text-secondary);line-height:1.5}.editable-row{display:inline-flex;align-items:center;position:relative;transition:background .2s}.profile-name.editable,.profile-bio.editable{outline:none;border:none;cursor:text;border-radius:6px;padding:2px 6px;margin:-2px -6px;transition:background .2s;white-space:nowrap}.profile-name.editable:hover,.profile-bio.editable:hover{background:#00000009}.profile-name.editable:focus,.profile-bio.editable:focus{background:#0000000d}.edit-pencil{position:absolute;left:100%;margin-left:8px;display:inline-flex;align-items:center;color:var(--text-tertiary);opacity:0;transition:opacity .2s;flex-shrink:0}.editable-row:hover .edit-pencil{opacity:.5}.profile-logout-btn{margin:20px 0 12px;display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 14px;background:var(--fill);border:1px solid var(--separator);border-radius:100px;font-size:11px;font-weight:700;color:var(--text-secondary);cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.02em;box-shadow:none}.profile-logout-btn:hover{background:#fff;border-color:#ff3b30;color:#ff3b30;box-shadow:none}[data-theme=dark] .profile-name.editable:hover,[data-theme=dark] .profile-bio.editable:hover{background:#ffffff0d}[data-theme=dark] .profile-logout-btn:hover{background:#ff3b3026}.custom-select-container{position:relative;width:auto;min-width:100px}.custom-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 16px;background:var(--fill);border:1px solid transparent;border-radius:10px;cursor:pointer;transition:all .2s var(--ease);color:var(--text-secondary);width:100%}.custom-select-trigger:hover{background:var(--fill-hover);color:var(--text-primary)}.custom-select-container.is-open .custom-select-trigger{background:#fff;border-color:var(--separator);color:var(--text-primary)}.trigger-label{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;text-align:left}.trigger-arrow{transition:transform .2s var(--ease)}.custom-select-container.is-open .trigger-arrow{transform:rotate(180deg)}.custom-select-dropdown{position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);width:200px;background:#fffffff2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--separator);border-radius:14px;z-index:1000;overflow:hidden;animation:dropdownAppear .25s var(--spring)}@keyframes dropdownAppear{0%{opacity:0;transform:translate(-50%) translateY(-10px) scale(.95)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.dropdown-scroll{max-height:280px;overflow-y:auto;padding:6px}.dropdown-scroll::-webkit-scrollbar{width:4px}.dropdown-scroll::-webkit-scrollbar-thumb{background:var(--separator);border-radius:10px}.dropdown-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;font-size:14px;font-weight:500;color:var(--text-secondary);border-radius:8px;cursor:pointer;transition:all .15s}.dropdown-item:hover{background:var(--fill);color:var(--text-primary)}.dropdown-item.selected{background:var(--accent-light);color:var(--accent);font-weight:600}.item-check{width:12px;height:12px}.native-playlist-section{width:100%;padding-top:4px;margin-bottom:40px}.native-playlist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin-top:4px}.native-pl-card{display:flex;align-items:center;gap:14px;padding:16px 18px;min-height:92px;border-radius:var(--radius, 12px);border:1px solid var(--separator);background:var(--card-bg);cursor:pointer;transition:background .18s,border-color .18s}.native-pl-card:hover{background:var(--fill-hover);border-color:var(--accent)}.native-pl-card.add-new-card{border-style:dashed}.native-pl-card.add-new-card.disabled-card{opacity:.75;border-color:#3c3c434d}.native-pl-card.add-new-card.disabled-card:hover{background:var(--card-bg);border-color:#3c3c434d}.pl-card-icon-plain{width:44px;height:44px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;color:var(--text-secondary);transition:color .2s}.pl-card-icon-plain.new{color:var(--text-secondary)}.pl-card-icon-plain.pl-icon-playing{color:var(--accent);background:#2ecc711f;animation:plPulseGreen 2s infinite}@keyframes plPulseGreen{0%{box-shadow:0 0 #2ecc7166}70%{box-shadow:0 0 0 8px #2ecc7100}to{box-shadow:0 0 #2ecc7100}}.pl-card-title-playing{color:var(--accent)}.pl-card-info{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.pl-card-title{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pl-card-sub{font-size:12px;color:var(--text-secondary)}.pl-card-quick-play{width:34px;height:34px;border-radius:50%;border:1px solid var(--separator);background:var(--fill);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;align-self:center;margin-left:16px;transition:background .18s,border-color .18s,color .18s}.pl-card-quick-play:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.create-pl-overlay{position:fixed;inset:0;background:#0000005c;display:flex;align-items:center;justify-content:center;z-index:300;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.create-pl-modal{background:var(--card-bg);border-radius:16px;border:1px solid var(--separator);padding:28px;width:min(400px,calc(100vw - 40px));display:flex;flex-direction:column;gap:16px;box-shadow:0 20px 60px #0000002e}.create-pl-title{font-size:17px;font-weight:700;color:var(--text-primary);margin:0}.create-pl-input{width:100%;padding:10px 14px;border:1px solid var(--separator);border-radius:var(--radius-sm, 8px);font-size:14px;color:var(--text-primary);background:var(--fill);outline:none;transition:border-color .18s;box-sizing:border-box;font-family:inherit}.create-pl-input:focus{border-color:var(--accent)}.inline-create-card{align-items:flex-start;cursor:default;gap:8px;padding-top:10px;padding-bottom:10px}.inline-create-card:hover{background:var(--card-bg);border-color:var(--separator)}.inline-create-info{flex:1;min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:6px}.create-pl-input.inline{width:100%;min-height:34px;padding:7px 10px;border-radius:10px;border:1px solid var(--separator);background:var(--fill);color:var(--text-primary);font-size:13px;font-weight:500;line-height:1.2}.create-pl-actions.inline{width:auto;justify-content:flex-start;flex-wrap:nowrap;gap:8px}.create-pl-actions.inline .btn-cancel,.create-pl-actions.inline .btn-create{min-height:30px;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;transition:background .18s,border-color .18s,color .18s,opacity .18s}.create-pl-actions.inline .btn-cancel{border:1px solid var(--separator);background:var(--fill);color:var(--text-secondary)}.create-pl-actions.inline .btn-cancel:hover{background:var(--fill-hover);border-color:var(--accent);color:var(--accent)}.create-pl-actions.inline .btn-create{border:1px solid var(--accent);background:var(--accent-light);color:var(--accent)}.create-pl-actions.inline .btn-create:hover:not(:disabled){background:var(--accent);color:#fff}@media(max-width:720px){.create-pl-actions.inline{width:100%}.create-pl-actions.inline .btn-cancel,.create-pl-actions.inline .btn-create{flex:1}}.create-pl-actions{display:flex;justify-content:flex-end;gap:10px}.btn-cancel{padding:8px 18px;border:1px solid var(--separator);border-radius:var(--radius-sm, 8px);font-size:13px;font-weight:500;cursor:pointer;background:transparent;color:var(--text-secondary);font-family:inherit;transition:background .15s}.btn-cancel:hover{background:var(--fill-hover)}.btn-create{padding:8px 18px;border:none;border-radius:var(--radius-sm, 8px);font-size:13px;font-weight:600;cursor:pointer;background:var(--accent);color:#fff;font-family:inherit;transition:opacity .15s}.btn-create:disabled{opacity:.4;cursor:default}.native-playlist-detail,.native-playlist-section.grid-view,.native-playlist-section.detail-view{width:100%;display:flex;flex-direction:column;gap:0;animation:plFadeIn .34s var(--ease, ease) both;will-change:opacity,transform}@keyframes plFadeIn{0%{opacity:0;transform:translateY(12px) scale(.995)}to{opacity:1;transform:translateY(0) scale(1)}}.pl-back-btn{background:none;border:none;cursor:pointer;font-family:inherit;margin-bottom:20px}.pl-detail-header{display:flex;align-items:center;gap:16px;padding:18px 20px;border:1px solid var(--separator);border-radius:var(--radius, 12px);background:var(--card-bg);margin-bottom:20px}.pl-detail-icon{width:52px;height:52px;border-radius:10px;border:1px solid var(--separator);background:var(--fill);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--accent)}.pl-detail-meta{display:flex;flex-direction:column;gap:3px;align-items:flex-start}.pl-detail-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary)}.pl-editable-row{display:inline-flex;align-items:center;position:relative;transition:background .2s}.pl-detail-name.pl-editable{font-size:20px;font-weight:800;color:var(--text-primary);line-height:1.2;outline:none;border:none;cursor:text;border-radius:6px;padding:2px 6px;margin:-2px -6px;transition:background .2s;white-space:nowrap}.pl-detail-name.pl-editable:hover{background:#00000009}.pl-detail-name.pl-editable:focus{background:#0000000d}.pl-edit-pencil{position:absolute;left:100%;margin-left:8px;display:inline-flex;align-items:center;color:var(--text-tertiary);opacity:0;transition:opacity .2s;flex-shrink:0}.pl-editable-row:hover .pl-edit-pencil{opacity:.5}[data-theme=dark] .pl-detail-name.pl-editable:hover{background:#ffffff0d}.pl-detail-count{font-size:12px;color:var(--text-secondary)}.pl-action-bar{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--separator);margin-bottom:8px}.pl-play-all-wrap{display:flex;align-items:center;gap:10px}.pl-play-all-circle{width:40px;height:40px;border-radius:50%;background:var(--card-bg);border:1.5px solid var(--accent);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--accent);transition:background .18s,color .18s;flex-shrink:0}.pl-play-all-circle:hover{background:var(--accent);color:#fff;transform:scale(1.05)}.pl-play-all-circle.shuffle-btn{border-color:var(--separator);color:var(--text-secondary)}.pl-play-all-circle.shuffle-btn:hover{background:var(--fill-hover);color:var(--text-primary);border-color:var(--text-primary)}.pl-play-all-label{font-size:14px;font-weight:600;color:var(--text-primary)}.pl-action-right{display:flex;align-items:center;gap:8px}.pl-add-wrapper{position:relative}.pl-add-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border-radius:8px;border:1px solid var(--separator);background:var(--fill);color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;font-family:inherit;transition:background .18s,border-color .18s}.pl-add-btn:hover,.pl-add-btn.active{background:var(--fill-hover);border-color:var(--accent);color:var(--accent)}.pl-delete-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:8px;border:1px solid var(--separator);background:transparent;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;font-family:inherit;transition:color .18s,border-color .18s}.pl-delete-btn:hover{color:#e74c3c;border-color:#e74c3c}.pl-search-popover{position:absolute;top:calc(100% + 8px);right:0;width:340px;background:var(--card-bg);border:1px solid var(--separator);border-radius:var(--radius, 12px);z-index:200;overflow:hidden;box-shadow:0 8px 32px #00000024;animation:plFadeIn .18s ease}.pl-search-header{display:flex;align-items:center;gap:8px;padding:11px 14px;border-bottom:1px solid var(--separator);color:var(--text-secondary)}.pl-search-input{flex:1;border:none;outline:none;font-size:14px;color:var(--text-primary);background:transparent;font-family:inherit}.pl-search-input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.pl-search-input::placeholder{color:var(--text-secondary)}.pl-search-clear{background:none;border:none;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;padding:0}.pl-search-results{max-height:300px;overflow-y:auto}.pl-search-row{display:flex;align-items:center;gap:10px;padding:9px 14px;transition:background .14s;cursor:default}.pl-search-row:hover{background:var(--fill-hover)}.pl-search-num{width:26px;height:26px;border-radius:6px;background:var(--fill);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--text-secondary);flex-shrink:0}.pl-search-row-info{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0;overflow:hidden}.pl-search-row-name{font-size:13px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pl-search-row-sub{font-size:11px;color:var(--text-secondary)}.pl-search-add{display:flex;align-items:center;justify-content:center;padding:5px 12px;border:1px solid var(--accent);border-radius:20px;background:transparent;color:var(--accent);font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;font-family:inherit;flex-shrink:0;transition:background .15s,color .15s}.pl-search-add:hover{background:var(--accent);color:#fff}.pl-search-added{display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0;width:24px;height:24px}.pl-search-empty,.pl-search-hint{padding:16px 14px;font-size:13px;color:var(--text-secondary);text-align:center}.pl-feedback-toast{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--accent);font-weight:500;padding:0 8px 0 0;margin-right:4px;animation:plFadeInLeft .3s cubic-bezier(.2,.8,.2,1)}@keyframes plFadeInLeft{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.pl-track-list{display:flex;flex-direction:column;gap:8px;padding-top:4px}.pl-track-card{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--separator);border-radius:var(--radius, 12px);background:var(--card-bg);transition:border-color .15s,background .15s;cursor:default}.pl-track-card:hover{border-color:var(--accent);background:var(--fill)}.pl-track-card.drag-over{border-color:var(--accent);background:var(--accent-light, rgba(29, 122, 95, .06));border-style:dashed}.pl-drag-handle{color:var(--text-tertiary, var(--text-secondary));cursor:grab;display:flex;align-items:center;padding:2px 0;flex-shrink:0;opacity:0;transition:opacity .15s}.pl-track-card:hover .pl-drag-handle{opacity:1}.pl-drag-handle:active{cursor:grabbing}.pl-track-card.is-playing{border-color:var(--accent);background:var(--accent-light, rgba(29, 122, 95, .06))}.pl-tc-num{width:32px;height:32px;border-radius:8px;background:var(--fill);display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;position:relative;transition:background .15s}.pl-tc-num:hover{background:var(--fill-hover)}.pl-tc-num:hover .pl-num-text{opacity:0}.pl-tc-num:hover .pl-play-icon{opacity:1;color:var(--accent)}.pl-num-text{font-size:12px;font-weight:700;color:var(--text-secondary);transition:opacity .12s}.pl-play-icon{position:absolute;opacity:0;transition:opacity .12s;color:var(--accent)}.pl-track-card.is-playing .pl-num-text{opacity:0}.pl-track-card.is-playing .pl-play-icon{opacity:1;color:var(--accent)}.pl-playing-bars{display:flex;align-items:flex-end;gap:2px;height:14px}.pl-playing-bars span{width:3px;background:var(--accent);border-radius:2px;animation:plBar .8s ease-in-out infinite alternate}.pl-playing-bars span:nth-child(1){height:8px;animation-delay:0s}.pl-playing-bars span:nth-child(2){height:14px;animation-delay:.2s}.pl-playing-bars span:nth-child(3){height:6px;animation-delay:.4s}@keyframes plBar{0%{transform:scaleY(.4)}to{transform:scaleY(1)}}.pl-tc-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.pl-tc-info{flex:1;min-width:0}.pl-tc-flat-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.pl-tc-title-row{display:flex;align-items:center;gap:8px}.pl-tc-name{font-size:14px;font-weight:600;color:var(--text-primary)}.pl-tc-name.accent{color:var(--accent)}.pl-tc-type{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:2px 7px;border-radius:5px}.pl-tc-type.mekki{background:#fd7e141f;color:#f97316}.pl-tc-type.medeni{background:#3b82f61f;color:#3b82f6}.pl-tc-sub-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.pl-tc-ar{font-size:13px;color:var(--text-secondary);font-family:var(--arabic-font-family, "Noto Naskh Arabic", serif)}.pl-tc-meta{font-size:12px;color:var(--text-secondary)}.pl-tc-dot{font-size:10px;color:var(--text-tertiary)}.pl-tc-controls{display:flex;align-items:center;gap:10px;flex-shrink:0}.pl-lang-tabs{display:flex;align-items:center;justify-content:center;position:relative;width:68px;height:28px;background:var(--fill);border-radius:100px;border:1px solid var(--separator);flex-shrink:0;cursor:pointer;padding:2px;transition:border-color .2s;-webkit-user-select:none;user-select:none}.pl-lang-tabs:hover{border-color:var(--accent)}.pl-lang-thumb{position:absolute;top:2px;left:2px;width:calc(50% - 3px);height:calc(100% - 4px);background:#fff;border-radius:100px;transition:left .28s cubic-bezier(.4,0,.2,1);pointer-events:none}.pl-lang-tabs.tr-active .pl-lang-thumb{left:calc(50% + 1px)}.pl-lang-tab{position:relative;z-index:1;flex:1;text-align:center;font-size:11px;font-weight:800;letter-spacing:.4px;line-height:1;border:none;background:none;color:var(--text-secondary);cursor:pointer;padding:0;transition:color .2s;font-family:inherit}.pl-lang-tab.active{color:var(--accent)}.pl-tc-reciter-fixed{width:210px;flex-shrink:0}.pl-track-select.custom-select-container{width:100%}.pl-track-select .custom-select-trigger{padding:5px 10px;border-radius:8px;font-size:12px;background:var(--fill);border:1px solid var(--separator);justify-content:space-between}.pl-track-select .custom-select-dropdown{min-width:200px;font-size:12px;border-radius:10px;left:50%;transform:translate(-50%);right:auto;top:calc(100% + 4px);z-index:150}.pl-tc-remove{background:none;border:none;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;padding:5px;border-radius:6px;opacity:0;transition:opacity .14s,color .14s;align-self:center}.pl-track-card:hover .pl-tc-remove{opacity:1}.pl-tc-remove:hover{color:#e74c3c}.pl-tc-go-source-inline{background:none;border:none;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;padding:2px 4px;margin-left:-2px;border-radius:4px;opacity:.6;transition:all .2s ease}.pl-tc-go-source-inline:hover{color:var(--accent);opacity:1;background:#1d7a5f14}.pl-empty-state{display:flex;flex-direction:column;align-items:center;gap:12px;padding:52px 24px;color:var(--text-secondary);text-align:center}.pl-empty-state svg{opacity:.25}.pl-empty-state p{font-size:14px;color:var(--text-secondary);margin:0}@media(max-width:640px){.native-playlist-grid{grid-template-columns:1fr 1fr}.pl-tc-controls{flex-direction:column;align-items:flex-end}.pl-tc-reciters{min-width:120px}}.recent-section{margin-bottom:40px;animation:fadeUp .4s var(--ease) .12s both}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.section-title{font-size:18px;font-weight:600;letter-spacing:-.02em}.section-action{font-size:13px;color:var(--accent);font-weight:500;padding:4px 0;transition:opacity .2s}.section-action:hover{opacity:.7}.saved-verse-card{padding:14px;border:1px solid var(--separator);border-radius:var(--radius);text-decoration:none;transition:all .2s;background:#fff;display:block}.saved-verse-text{font-size:17px;font-family:var(--arabic-font-family, "Noto Naskh Arabic", serif);color:var(--text-secondary);line-height:1.7;margin:0}.empty-history{padding:40px 0;text-align:center;color:var(--text-tertiary)}.surahs-section{animation-delay:.1s}.surah-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.rs-ios-card:hover{border-color:#3c3c4340;background:var(--fill);transform:translateY(-1px);box-shadow:none}.rs-ios-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.rs-ios-badges-row{display:flex;align-items:center;gap:8px}.rs-ios-top-info{display:flex;align-items:center;gap:6px}.rs-ios-time{font-size:10px;color:var(--text-tertiary);opacity:.8}.rs-ios-badge{font-size:9px;font-weight:700;padding:0 10px;border-radius:6px;text-transform:uppercase;letter-spacing:.05em;height:24px;display:flex;align-items:center;justify-content:center;min-width:50px}.saved-badge{height:24px;width:24px;background:var(--accent-light);color:var(--accent);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}@media(max-width:768px){.surah-grid{grid-template-columns:1fr}.rs-ios-card{padding:14px}}.saved-items{animation:fadeUp .3s var(--ease)}.saved-section{margin-bottom:32px}.saved-section-title{font-size:18px;font-weight:600;color:var(--text-primary);letter-spacing:-.02em;margin-bottom:20px}.saved-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.rs-ios-card{background:#fff;border:1px solid var(--separator);border-radius:12px;padding:16px;display:flex;align-items:center;justify-content:space-between;transition:all .2s cubic-bezier(.2,.8,.2,1);text-decoration:none;animation:fadeUp .5s var(--ease) both;min-height:80px}.rs-ios-card:hover{border-color:#3c3c4340;background:var(--fill);transform:translateY(-1px)}.rs-ios-left{display:flex;align-items:center;gap:16px}.rs-ios-number{width:44px;height:44px;background:var(--fill);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;color:var(--text-tertiary);font-variant-numeric:tabular-nums;flex-shrink:0}.rs-ios-names{display:flex;flex-direction:column;gap:2px}.rs-ios-name-ar{font-size:20px;font-family:var(--arabic-font-family, "Noto Naskh Arabic", serif);color:var(--text-primary);line-height:1.2}.rs-ios-name-tr{font-size:13px;font-weight:500;color:var(--text-secondary)}.rs-ios-right{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:6px;height:100%}.rs-ios-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.rs-ios-ayah-count{font-size:11px;font-weight:500;color:var(--text-tertiary)}.rs-ios-badge{font-size:9px;font-weight:700;padding:3px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.05em}.rs-ios-badge.mekki{background:#fff7ed;color:#f97316}.rs-ios-badge.medeni{background:#eff6ff;color:#3b82f6}.saved-badge{width:24px;height:24px;background:var(--accent-light);color:var(--accent);border-radius:6px;display:flex;align-items:center;justify-content:center}.saved-badge.sm{width:20px;height:20px}.saved-verse-list{display:flex;flex-direction:column;gap:8px}.saved-verse-card{padding:14px;border:1px solid var(--separator);border-radius:var(--radius);text-decoration:none;transition:all .2s;background:#fff}.saved-verse-card:hover{border-color:var(--accent);background:var(--fill)}.saved-verse-ref{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.saved-verse-surah-info{display:flex;align-items:center;gap:8px}.saved-verse-surah{font-size:13px;font-weight:600;color:var(--text-primary)}.saved-verse-no{font-size:11px;font-weight:500;color:var(--accent);padding:2px 7px;background:var(--accent-light);border-radius:4px;font-variant-numeric:tabular-nums}.saved-verse-text{font-size:17px;font-family:var(--arabic-font-family, "Noto Naskh Arabic", serif);color:var(--text-secondary);line-height:1.7}.verse-date-meta{font-size:11px;color:var(--text-tertiary);margin-left:4px;font-weight:400}.saved-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:60px 0;animation:fadeUp .3s var(--ease)}.saved-empty-icon{width:56px;height:56px;margin-bottom:16px;color:var(--text-tertiary);opacity:.5}.saved-empty h3{font-size:16px;font-weight:600;margin-bottom:4px}.saved-empty p{font-size:14px;color:var(--text-secondary)}@media(max-width:768px){.saved-grid{grid-template-columns:1fr}}.last-read-container{width:100%;margin-bottom:32px;animation:fadeUp .4s var(--ease) .1s both}.last-read-card{display:flex;flex-direction:column;justify-content:flex-end;padding:32px;background:linear-gradient(135deg,#1d7a5f,#155d48);border-radius:24px;text-decoration:none;transition:all .3s var(--ease);position:relative;overflow:hidden;min-height:200px;color:#fff}.card-rope-wrapper{position:absolute;top:-40px;right:-130px;pointer-events:none;z-index:1;opacity:1}.last-read-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #1d7a5f33}.last-read-card:active{transform:scale(.98)}.last-read-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(255,255,255,.12) 0%,transparent 70%)}.last-read-icon{display:none}.last-read-badge{display:inline-block;padding:6px 12px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:100px;font-size:11px;font-weight:700;letter-spacing:.1em;color:#fff;margin-bottom:16px;width:fit-content;position:relative;z-index:2;text-transform:uppercase}.last-read-info{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;justify-content:center}.last-read-surah{font-size:24px;font-weight:700;color:#fff;margin-bottom:8px;letter-spacing:-.02em}.last-read-meta{font-size:15px;color:#ffffffe6;font-weight:500;margin-bottom:24px}.last-read-arrow{position:relative;z-index:2;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#fff;padding:0;border:none;margin-top:auto}.last-read-arrow svg{transition:transform .2s;width:18px;height:18px}.last-read-card:hover .last-read-arrow svg{transform:translate(4px)}@media(max-width:768px){.last-read-card{min-height:180px;padding:24px}}.continue-read-card{padding:0;min-height:160px;border-radius:var(--radius, 12px);border:1px solid var(--separator);background:linear-gradient(135deg,#1d7a5f,#155d48);color:#fff}.continue-read-card:before{background:radial-gradient(circle at top right,rgba(255,255,255,.12) 0%,transparent 70%)}.continue-read-card:hover{transform:none;box-shadow:none;border-color:#3c3c432e;opacity:.96}.continue-read-card:active{transform:none}.continue-read-overlay{min-height:160px;padding:24px;display:flex;flex-direction:column;position:relative;z-index:2}.continue-read-badge{display:inline-block;padding:5px 10px;background:#ffffff29;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;font-size:10px;font-weight:700;letter-spacing:.1em;margin-bottom:auto;width:fit-content}.continue-read-content h3{margin:0;font-size:20px;font-weight:800;letter-spacing:-.01em;color:#fff}.continue-read-content p{margin:6px 0 0;font-size:13px;line-height:1.45;opacity:.85;color:#fff}.continue-read-action{margin-top:20px;display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#fff}.continue-read-action svg{transition:transform .2s ease}.continue-read-card:hover .continue-read-action svg{transform:translate(4px)}@media(max-width:768px){.continue-read-card{min-height:150px}.continue-read-overlay{min-height:150px;padding:20px}.continue-read-content h3{font-size:18px}}.journeys-promo-card{padding:0;min-height:160px;border-radius:var(--radius, 12px);border:1px solid var(--separator);background:linear-gradient(135deg,#8e44ad,#6c3483);color:#fff}.journeys-promo-card:before{background:radial-gradient(circle at top right,rgba(255,255,255,.12) 0%,transparent 70%)}.journeys-promo-card:hover{transform:none;box-shadow:none;border-color:#8e44ad73;opacity:.96}.journeys-promo-card:active{transform:none}.journeys-promo-overlay{min-height:160px;padding:24px;display:flex;flex-direction:column;position:relative;z-index:2}.journeys-promo-badge{display:inline-block;padding:5px 10px;background:#ffffff29;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;font-size:10px;font-weight:700;letter-spacing:.1em;margin-bottom:auto;width:fit-content}.journeys-promo-content h3{margin:0;font-size:20px;font-weight:800;letter-spacing:-.01em;color:#fff}.journeys-promo-content p{margin:6px 0 0;font-size:13px;line-height:1.45;opacity:.85;color:#fff}.journeys-promo-action{margin-top:20px;display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#fff}.journeys-promo-action svg{transition:transform .2s ease}.journeys-promo-card:hover .journeys-promo-action svg{transform:translate(4px)}@media(max-width:768px){.journeys-promo-card{min-height:150px}.journeys-promo-overlay{min-height:150px;padding:20px}.journeys-promo-content h3{font-size:18px}}.usage-stats-panel{display:flex;flex-direction:column;gap:14px}.usage-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.usage-summary-card{border:1px solid var(--separator);border-radius:14px;background:color-mix(in srgb,var(--card-bg) 92%,var(--fill) 8%);padding:15px 16px;display:flex;flex-direction:column;gap:6px}.usage-summary-card-total{border-color:color-mix(in srgb,var(--accent) 22%,var(--separator) 78%);background:color-mix(in srgb,var(--card-bg) 86%,var(--accent-light) 14%)}.usage-summary-card-week{border-color:color-mix(in srgb,var(--accent) 16%,var(--separator) 84%)}.usage-summary-head{display:flex;align-items:center;gap:8px}.usage-summary-dot{width:8px;height:8px;border-radius:999px;background:color-mix(in srgb,var(--accent) 78%,#ffffff 22%);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent-light) 76%,transparent 24%)}.usage-summary-label{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary);font-weight:600}.usage-summary-value{font-size:28px;line-height:1.05;color:var(--text-primary);font-weight:700}.usage-summary-meta{font-size:12px;color:var(--text-secondary)}.usage-card{border:1px solid var(--separator);border-radius:14px;background:var(--card-bg);padding:14px}.usage-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:12px}.usage-card-head h3{font-size:15px;color:var(--text-primary);font-weight:700;margin:0}.usage-card-sub{font-size:12px;color:var(--text-tertiary)}.usage-bars{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.usage-bar-col{display:flex;flex-direction:column;align-items:center;gap:6px}.usage-bar-value{font-size:11px;color:color-mix(in srgb,var(--text-secondary) 88%,var(--text-primary) 12%);white-space:nowrap}.usage-bar-track{width:100%;height:88px;border:1px solid var(--separator);border-radius:11px;background:var(--fill);display:flex;align-items:flex-end;justify-content:center;padding:4px;transition:border-color .2s ease,background-color .2s ease}.usage-bar-fill{width:100%;border-radius:8px;background:linear-gradient(180deg,#1d7a5f9e,#1d7a5ff0);min-height:8px}.usage-bar-col.has-value .usage-bar-track{border-color:color-mix(in srgb,var(--accent) 14%,var(--separator) 86%)}.usage-bar-col.is-peak .usage-bar-track{border-color:color-mix(in srgb,var(--accent) 28%,var(--separator) 72%);background:color-mix(in srgb,var(--fill) 82%,var(--accent-light) 18%)}.usage-bar-col.is-today .usage-bar-label{color:var(--accent);font-weight:700}.usage-bar-label{font-size:11px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.03em}.usage-lists-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.usage-list{display:flex;flex-direction:column;gap:8px}.usage-list-row{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--separator-light);border-radius:11px;padding:9px 10px;background:color-mix(in srgb,var(--fill) 94%,var(--card-bg) 6%)}.usage-list-row.is-top{border-color:color-mix(in srgb,var(--accent) 18%,var(--separator-light) 82%);background:color-mix(in srgb,var(--accent-light) 18%,var(--fill) 82%)}.usage-list-main{display:inline-flex;align-items:center;gap:8px;min-width:0}.usage-list-rank{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:999px;font-size:11px;font-weight:700;color:var(--text-secondary);background:color-mix(in srgb,var(--fill-hover) 84%,var(--fill) 16%);flex-shrink:0}.usage-list-rank.is-gold{color:#8c6400;background:#f9e5a8}.usage-list-rank.is-silver{color:#5c6470;background:#dce3ec}.usage-list-rank.is-bronze{color:#7a4f2c;background:#eac7a8}.usage-list-name{font-size:13px;color:var(--text-primary);font-weight:600;min-width:0}.usage-list-time{font-size:12px;color:var(--accent);font-weight:700;white-space:nowrap}.usage-empty{margin:4px 0 0;font-size:13px;color:var(--text-secondary);line-height:1.45}.usage-empty-wide{border:1px dashed var(--separator);border-radius:10px;padding:10px 12px;background:var(--fill)}@media(max-width:880px){.usage-summary-grid,.usage-lists-grid{grid-template-columns:1fr}}@media(max-width:640px){.usage-bars{gap:6px}.usage-bar-track{height:74px}.usage-summary-value{font-size:24px}}.bookmark-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:none;background:var(--fill);border-radius:10px;cursor:pointer;transition:all .2s var(--ease);position:relative}.bookmark-btn:hover{background:var(--fill-hover);transform:scale(1.05)}.bookmark-btn svg{width:20px;height:20px;color:var(--text-secondary);transition:all .3s var(--ease)}.bookmark-btn.bookmarked svg{fill:var(--accent);color:var(--accent)}.bookmark-btn.animating{animation:bookmarkPop .6s var(--spring)}.bookmark-btn.animating svg{animation:bookmarkFill .6s var(--spring)}@keyframes bookmarkPop{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes bookmarkFill{0%,to{transform:scale(1)}30%{transform:scale(.8)}60%{transform:scale(1.1)}}.bookmark-btn.animating:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;background:radial-gradient(circle,rgba(29,122,95,.3) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%) scale(0);animation:bookmarkRipple .6s ease-out}@keyframes bookmarkRipple{to{transform:translate(-50%,-50%) scale(2);opacity:0}}.surah-page-header{display:flex;align-items:center;gap:20px;margin:24px 0;animation:fadeUp .4s var(--ease) both}@media(max-width:768px){.surah-page-header{flex-direction:column;text-align:center;gap:12px;margin:16px 0}}.surah-page-no{width:52px;height:52px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;color:var(--text-tertiary);background:var(--fill);border-radius:12px;flex-shrink:0;font-variant-numeric:tabular-nums}.surah-page-titles{min-width:0}.surah-page-name-ar{font-size:28px;font-family:var(--arabic-font-family, "Noto Naskh Arabic", serif);line-height:1.3;margin-bottom:2px}@media(max-width:768px){.surah-page-name-ar{font-size:24px}}.surah-page-name{font-size:20px;font-weight:600;letter-spacing:-.3px;margin-bottom:2px}.surah-page-meta{font-size:13px;color:var(--text-secondary)}.section-divider{height:1px;background:var(--separator-light);margin:16px 0}.verse-list-page{display:flex;flex-direction:column}.verse-row{display:flex;align-items:flex-start;gap:16px;padding:18px 16px;border-bottom:1px solid var(--separator-light);text-decoration:none;color:inherit;transition:background .15s;animation:fadeUp .3s var(--ease) both}@media(max-width:768px){.verse-row{padding:14px 10px;gap:12px}}.verse-row:hover{background:var(--fill)}.verse-row:last-child{border-bottom:none}.verse-row-no{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:var(--text-tertiary);background:var(--fill);border-radius:6px;flex-shrink:0;margin-top:4px;font-variant-numeric:tabular-nums}.surah-tabs{display:flex;gap:4px;background:var(--fill);border-radius:10px;padding:4px;margin:20px 0;animation:fadeUp .4s var(--ease) .1s both}.surah-tab{flex:1;padding:8px 12px;border:none;background:transparent;font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;border-radius:8px;transition:all .2s}.surah-tab.active{background:#fff;color:var(--text-primary);box-shadow:0 1px 3px #00000014}[data-theme=dark] .surah-tab.active{background:var(--fill-hover);color:var(--accent);box-shadow:none;border:1px solid rgba(29,122,95,.3)}.surah-info-content{animation:fadeUp .3s var(--ease);padding:0}.surah-info-tabs{display:flex;align-items:center;flex-wrap:wrap;gap:4px;background:var(--fill);border-radius:10px;padding:4px;width:100%;margin:0 0 18px}.surah-info-subtab{padding:8px 12px;border-radius:8px;border:none;background:transparent;font-size:12px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s var(--ease);white-space:nowrap}.surah-info-subtab:hover{background:var(--fill-hover);color:var(--text-primary)}.surah-info-subtab.active{background:#fff;color:var(--text-primary);box-shadow:0 1px 3px #00000014}[data-theme=dark] .surah-info-subtab.active{background:var(--fill-hover);color:var(--accent);box-shadow:none;border:1px solid rgba(29,122,95,.3)}@media(max-width:768px){.surah-info-subtab{flex:1 1 calc(50% - 4px);text-align:center}}.surah-info-card{background:transparent;border:none;padding:10px 4px}.surah-info-html{font-size:16px;line-height:1.9;color:var(--text-primary)}@media(max-width:768px){.surah-info-html{font-size:15px;line-height:1.7}}.surah-info-html h2,.surah-info-html h3{font-size:20px;font-weight:700;margin:40px 0 16px;color:var(--text-primary);position:relative;padding-left:16px;letter-spacing:-.02em;display:block;border:none;border-bottom:none;background:none}.surah-info-html h3{font-size:18px;margin:32px 0 14px}.surah-info-html h2:before,.surah-info-html h3:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:20px;background:var(--accent);border-radius:10px}.surah-info-html h4{font-size:14px;font-weight:600;color:var(--text-tertiary);margin:6px 0 16px;font-style:italic;padding-left:16px}.verse-analysis{margin-bottom:32px}.surah-info-html p{margin-bottom:18px;text-align:justify;color:var(--text-secondary);line-height:1.85;text-indent:0!important}.surah-info-html ul{margin-bottom:24px;padding-left:20px}.surah-info-html li{margin-bottom:12px;color:var(--text-secondary);line-height:1.75}.surah-info-html font[size="1"],.surah-info-html span[style*="font-size:5px"],.surah-info-html span[style*="font-size:1"]{font-size:11px!important;color:var(--text-tertiary);vertical-align:super}.surah-info-html a[name]{display:block;margin-top:20px}.surah-info-html br+br{display:none}.surah-info-source{padding:14px 18px;background:var(--fill);border-radius:12px;font-size:12px;color:var(--text-tertiary);font-style:italic;display:flex;align-items:center;gap:8px;line-height:1.5}.diyanet-source-card{margin-top:48px;display:flex;align-items:flex-start;gap:12px}.diyanet-source-card:before{display:none}.source-content{display:flex;flex-direction:column;gap:10px;flex:1;min-width:0}.source-label{font-size:12px;font-style:italic;color:var(--text-tertiary);font-weight:500}.source-biblio{font-size:11px;line-height:1.75;color:var(--text-tertiary);padding-top:10px;border-top:1px solid var(--separator-light);opacity:.8}.source-biblio p,.source-biblio br{font-size:11px;color:var(--text-tertiary);margin-bottom:2px}.surah-info-card>.surah-info-source{margin-top:48px}.loading-state-mini{padding:60px 20px;text-align:center;color:var(--text-tertiary);font-size:14px;display:flex;flex-direction:column;align-items:center;gap:16px}.loading-spinner-mini{width:32px;height:32px;border:3px solid var(--separator-light);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.surah-tabs .surah-tab{flex:1}.verse-row-content{flex:1;min-width:0}.verse-row-ar{font-size:20px;font-family:var(--arabic-font-family, "Noto Naskh Arabic", serif);line-height:1.8;margin-bottom:8px;font-feature-settings:"rlig" 1,"liga" 1,"calt" 1;font-variant-ligatures:common-ligatures contextual;text-rendering:optimizeLegibility}.verse-row-ar tajweed,.verse-row-ar .end{font-family:inherit!important}.verse-row-transcription{margin:0 0 8px;color:var(--text-tertiary);font-style:italic;line-height:1.45}.verse-row-tr-group{margin-top:12px}.verse-row-tr{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-bottom:2px}.verse-row-author{font-size:11px;color:var(--text-tertiary);font-style:italic;font-weight:500}.verse-row-arrow{width:16px;height:16px;color:var(--text-tertiary);flex-shrink:0;margin-top:8px;opacity:.4;transition:all .2s}.verse-row:hover .verse-row-arrow{opacity:1;color:var(--accent);transform:translate(2px)}.graph-toggle-btn{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);background:var(--fill);transition:all .2s}.graph-toggle-btn:hover{background:var(--fill-hover);color:var(--text-primary)}.graph-toggle-btn.active{background:var(--accent-light);color:var(--accent)}.graph-toggle-btn svg{width:20px;height:20px}.graph-mode{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;z-index:9999!important;background:#fff!important;margin:0!important;padding:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;cursor:default!important}.graph-mode .page-content{max-width:100%!important;width:100%!important;height:100%!important;padding:0!important;margin:0!important;display:flex!important;flex-direction:column!important;background:#fff!important}.graph-mode .page-header-row{padding:16px 32px!important;height:72px!important;display:flex!important;justify-content:space-between!important;align-items:center!important;background:#fff!important}.graph-mode .graph-container{flex:1!important;margin:0!important;padding:0!important;border:none!important;background:#fff!important;position:relative!important}.verse-page-header{text-align:center;padding:32px 0 24px;animation:fadeUp .4s var(--ease) both}@media(max-width:768px){.verse-page-header{padding:24px 0 16px}}.verse-page-ref{font-size:13px;color:var(--text-secondary);margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.verse-page-arabic{font-size:32px;font-family:var(--arabic-font-family, "Noto Naskh Arabic", serif);line-height:2;margin-bottom:12px;font-feature-settings:"rlig" 1,"liga" 1,"calt" 1;font-variant-ligatures:common-ligatures contextual;text-rendering:optimizeLegibility}.verse-page-arabic tajweed,.verse-page-arabic .end{font-family:inherit!important}@media(max-width:768px){.verse-page-arabic{font-size:26px;line-height:1.8}}.verse-page-transcription{font-size:14px;color:var(--text-tertiary);font-style:italic}.verse-tabs{display:flex;gap:4px;background:var(--fill);border-radius:10px;padding:4px;margin:20px 0;animation:fadeUp .4s var(--ease) .1s both}.verse-tab{flex:1;padding:8px 12px;border:none;background:transparent;font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;border-radius:8px;transition:all .2s}.verse-tab.active{background:#fff;color:var(--text-primary);box-shadow:0 1px 3px #00000014}[data-theme=dark] .verse-tab.active{background:var(--fill-hover);color:var(--accent);box-shadow:none;border:1px solid rgba(29,122,95,.3)}.verse-meal-section{animation:fadeUp .3s var(--ease)}.verse-meal-card{padding:20px 0;border-bottom:1px solid var(--separator-light)}.verse-meal-card:last-child{border-bottom:none}.verse-meal-text{font-size:16px;line-height:1.8;color:var(--text-primary);margin-bottom:12px}@media(max-width:768px){.verse-meal-text{font-size:15px;line-height:1.7}}.verse-meal-author{font-size:13px;color:var(--accent);font-weight:500}.verse-footnotes{margin-top:16px;padding-top:16px;border-top:1px solid var(--separator-light)}.verse-footnotes-title{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);margin-bottom:10px;font-weight:600}.verse-footnote{display:flex;gap:6px;font-size:13px;color:var(--text-secondary);line-height:1.6;margin-bottom:8px}.verse-footnote-no{font-weight:600;color:var(--accent);flex-shrink:0}.verse-tafsir-section{animation:fadeUp .3s var(--ease)}.tafsir-subtabs{display:flex;align-items:center;flex-wrap:wrap;gap:4px;background:var(--fill);border-radius:10px;padding:4px;width:100%;margin:0 0 18px}.tafsir-subtab{padding:8px 12px;border-radius:8px;border:none;background:transparent;font-size:12px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s var(--ease);white-space:nowrap}.tafsir-subtab:hover{background:var(--fill-hover);color:var(--text-primary)}.tafsir-subtab.active{background:#fff;color:var(--text-primary);box-shadow:0 1px 3px #00000014}[data-theme=dark] .tafsir-subtab.active{background:var(--fill-hover);color:var(--accent);box-shadow:none;border:1px solid rgba(29,122,95,.3)}@media(max-width:768px){.tafsir-subtab{flex:1 1 calc(50% - 4px);text-align:center}}.tafsir-card{background:transparent;border:none;padding:10px 4px}.tafsir-html{font-size:16px;line-height:1.9;color:var(--text-primary)}@media(max-width:768px){.tafsir-html{font-size:15px;line-height:1.7}}.tafsir-html h2,.tafsir-html h3,.tafsir-html h4{font-size:20px;font-weight:700;margin:40px 0 16px;color:var(--text-primary);position:relative;padding-left:16px;letter-spacing:-.02em;display:block;border:none;border-bottom:none;background:none}.tafsir-html h3{font-size:18px;margin:32px 0 14px}.tafsir-html h4{font-size:17px;margin:28px 0 12px;font-style:normal;color:var(--text-primary)}.tafsir-html h2:before,.tafsir-html h3:before,.tafsir-html h4:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:20px;background:var(--accent);border-radius:10px}.tafsir-html p{margin-bottom:18px;text-align:justify;color:var(--text-secondary);line-height:1.85;text-indent:0!important}.tafsir-html ul{margin-bottom:24px;padding-left:20px}.tafsir-html li{margin-bottom:12px;color:var(--text-secondary);line-height:1.75}.tafsir-html br+br{display:none}.tafsir-html strong{color:var(--text-primary);font-weight:600}.tafsir-source{margin-top:48px;padding:14px 18px;background:var(--fill);border-radius:12px;font-size:12px;color:var(--text-tertiary);font-style:italic;display:block;line-height:1.5;white-space:pre-line}.verse-words-section{animation:fadeUp .3s var(--ease)}.ebced-summary-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 14px;border:1px solid var(--separator-light);border-radius:12px;background:color-mix(in srgb,var(--fill) 90%,var(--accent-light) 10%)}.ebced-summary-card-bottom{margin:4px auto 0;max-width:620px}.ebced-summary-item{display:flex;align-items:baseline;gap:8px}.ebced-summary-label{font-size:12px;text-transform:uppercase;letter-spacing:.45px;color:var(--text-tertiary);font-weight:600}.ebced-summary-value{font-size:20px;font-weight:700;color:var(--accent)}.ebced-summary-meta{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--text-secondary)}.ebced-summary-note{margin:8px 0 2px;color:var(--text-tertiary);font-size:12px;line-height:1.5;text-align:center}.ebced-summary-note-bottom{margin:6px 0 2px}@media(max-width:640px){.ebced-summary-card{flex-direction:column;align-items:flex-start;gap:8px}}.words-grid{display:flex;flex-wrap:wrap;gap:8px;padding:16px 0;justify-content:center}.word-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 16px;border:1px solid var(--separator-light);border-radius:10px;background:transparent;cursor:pointer;transition:all .2s;min-width:70px}@media(max-width:480px){.word-card{padding:10px 12px;min-width:60px}.word-arabic{font-size:18px!important}}.word-card:hover{border-color:var(--accent);background:#1d7a5f0a}.word-card.selected{border-color:var(--accent);background:#1d7a5f14}.word-arabic{font-size:20px;font-family:var(--arabic-font-family, "Noto Naskh Arabic", serif)}.word-tr{font-size:11px;color:var(--text-secondary);direction:ltr}.word-ebced-chip{margin-top:2px;font-size:10px;font-weight:600;letter-spacing:.2px;color:var(--accent)}.word-detail{margin-top:16px;padding:20px;background:var(--fill);border-radius:12px;animation:fadeUp .2s var(--ease)}@media(max-width:480px){.word-detail{padding:16px}}.word-detail-title{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);margin-bottom:12px;font-weight:600}.word-detail-arabic{font-size:28px;font-family:var(--arabic-font-family, "Noto Naskh Arabic", serif);text-align:center;margin-bottom:16px}.word-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}@media(max-width:480px){.word-detail-grid{grid-template-columns:1fr;gap:8px}}.word-detail-item{display:flex;flex-direction:column;gap:2px}.word-detail-label{font-size:11px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.3px;font-weight:500}.word-detail-value{font-size:14px;color:var(--text-primary)}.word-root-info{margin-top:12px;padding-top:12px;border-top:1px solid var(--separator-light)}.word-root-label{font-size:12px;color:var(--text-tertiary);font-weight:600;text-transform:uppercase;letter-spacing:.3px;margin-right:6px}.word-root-arabic{font-size:18px;font-family:var(--arabic-font-family, "Noto Naskh Arabic", serif);margin-right:4px}.word-root-latin{font-size:13px;color:var(--text-secondary)}.word-root-mean{font-size:13px;color:var(--text-secondary);line-height:1.6;margin-top:6px}.word-ebced-breakdown{margin-top:10px;padding-top:12px;border-top:1px solid var(--separator-light)}.word-ebced-letters{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.word-ebced-letter{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid var(--separator-light);border-radius:8px;background:var(--card-bg)}.word-ebced-char{font-family:var(--arabic-font-family, "Noto Naskh Arabic", serif);font-size:18px;line-height:1;color:var(--text-primary)}.word-ebced-value{font-size:12px;font-weight:600;color:var(--accent)}.verse-translations-section{animation:fadeUp .3s var(--ease)}.translation-card{padding:18px 0;border-bottom:1px solid var(--separator-light)}.translation-card:last-child{border-bottom:none}.translation-text{font-size:15px;line-height:1.7;color:var(--text-primary);margin-bottom:8px}.translation-author{font-size:12px;color:var(--accent);font-weight:500}.translation-desc{color:var(--text-tertiary);font-weight:400}.translation-footnotes{margin-top:8px}.translation-footnote{font-size:12px;color:var(--text-secondary);line-height:1.5;margin-bottom:4px}.translation-footnote span{font-weight:600;color:var(--accent)}.verse-nav{display:flex;justify-content:space-between;padding:16px 0 32px;gap:12px}@media(max-width:480px){.verse-nav{flex-direction:column;align-items:stretch}}.verse-nav-btn{display:inline-flex;align-items:center;gap:12px;padding:0;border-radius:0;font-size:15px;font-weight:500;color:var(--accent);text-decoration:none;background:transparent;transition:opacity .2s var(--ease)}@media(max-width:480px){.verse-nav-btn{justify-content:center;padding:12px;background:var(--fill);border-radius:12px}}.verse-nav-btn:hover{background:transparent;opacity:.7}.verse-nav-btn svg{margin-top:0;stroke-width:2px!important;transition:transform .2s var(--ease);transform:translateY(1px)}.nav-prev:hover svg{transform:translate(-3px,1px)}.nav-next:hover svg{transform:translate(3px)}.verse-audio-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--fill);color:var(--accent);border:none;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s var(--spring);margin-right:8px}@media(max-width:480px){.verse-audio-btn{width:100%;margin-right:0;margin-bottom:8px;justify-content:center;padding:12px}}.verse-audio-btn:hover{background:var(--fill-hover);transform:translateY(-2px)}.verse-audio-btn.playing{background:var(--fill);color:#e74c3c}.loading-state-mini{display:flex;align-items:center;justify-content:center;gap:10px;padding:18px 0;color:var(--text-tertiary);font-size:14px}.loading-spinner-mini{width:16px;height:16px;border:2px solid var(--separator-light);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.journey-section{display:flex;flex-direction:column;gap:12px;margin-top:0}.journey-overview-card{border:1px solid var(--separator);border-radius:var(--radius, 12px);background:var(--card-bg);padding:15px 16px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}.journey-overview-tag{display:inline-flex;align-items:center;height:22px;padding:0 10px;border-radius:999px;border:1px solid var(--separator);background:var(--fill);font-size:10px;font-weight:700;letter-spacing:.06em;color:var(--text-secondary)}.journey-overview-title{margin:8px 0 0;font-size:18px;line-height:1.2;font-weight:700;color:var(--text-primary)}.journey-overview-desc{margin:6px 0 0;max-width:860px;font-size:13px;line-height:1.55;color:var(--text-secondary)}.journey-overview-stats{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px}.journey-overview-stat{border:1px solid var(--separator);border-radius:999px;background:transparent;padding:6px 10px;min-width:0;display:inline-flex;align-items:baseline;justify-content:space-between;gap:6px}.journey-stat-value{font-size:12px;font-weight:700;color:var(--accent);line-height:1}.journey-stat-label{font-size:12px;color:var(--text-secondary)}.journey-empty-card{border:1px dashed var(--separator);border-radius:var(--radius, 12px);background:var(--card-bg);min-height:70px;padding:14px;display:flex;align-items:center;gap:10px;color:var(--text-secondary)}.journey-empty-card p{margin:0;font-size:13px}.journey-card{border:1px solid var(--separator);border-radius:var(--radius, 12px);background:var(--card-bg);overflow:hidden;transition:border-color .18s,background .18s}.journey-card:hover{border-color:#3c3c432e;background:var(--fill)}.journey-card.open{border-color:#1d7a5f73}.journey-card-header{padding:14px 16px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}.journey-card-topline{display:flex;align-items:center;gap:6px}.journey-card-tag{font-size:10px;font-weight:700;letter-spacing:.05em;color:var(--text-secondary)}.journey-card-dot{font-size:8px;line-height:1;color:var(--text-tertiary)}.journey-card-status{font-size:12px;color:var(--text-secondary)}.journey-card-name{font-size:19px;line-height:1.2;font-weight:800;color:var(--text-primary);outline:none;border:none;border-radius:6px;padding:2px 6px;margin:6px 0 0 -6px;display:inline-block;min-width:140px;max-width:100%}.journey-card-name:hover{background:var(--fill)}.journey-card-name:focus{background:var(--fill-hover)}.journey-card-meta{margin-top:6px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12px;color:var(--text-secondary)}.journey-card-actions{display:flex;align-items:center;gap:8px}.journey-btn{height:32px;padding:0 12px;border-radius:8px;border:1px solid var(--separator);background:var(--fill);color:var(--text-primary);font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;transition:border-color .18s,background .18s,color .18s,opacity .18s}.journey-btn:hover{border-color:var(--accent);color:var(--accent)}.journey-btn:disabled{opacity:.45;cursor:default}.journey-btn:disabled:hover{border-color:var(--separator);color:var(--text-primary)}.journey-btn-primary{border-color:var(--accent);background:var(--accent);color:#fff}.journey-btn-primary:hover{background:#15664d;border-color:#15664d;color:#fff}.journey-btn-secondary{background:var(--fill);border-color:var(--separator);color:var(--text-primary)}.journey-btn-secondary:hover:not(:disabled){background:var(--fill-hover);border-color:var(--accent);color:var(--accent)}.journey-btn-ghost{background:transparent}.journey-btn-danger{background:transparent;border-color:#d9a8a8;color:#a94444}.journey-btn-danger:hover{border-color:#c96d6d;color:#c94b4b;background:#c94b4b0f}.journey-progress-row{border-top:1px solid var(--separator);padding:9px 16px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.journey-progress-track{width:100%;height:8px;border-radius:999px;border:1px solid var(--separator);background:var(--fill);overflow:hidden}.journey-progress-fill{height:100%;background:var(--accent);transition:width .22s ease}.journey-progress-value{min-width:44px;text-align:right;font-size:12px;font-weight:700;color:var(--text-secondary)}.journey-card-body{border-top:1px solid var(--separator);padding:12px 16px 14px;display:flex;flex-direction:column;gap:12px;background:var(--card-bg)}.journey-card-body-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.journey-card-body-note{margin:0;font-size:12px;line-height:1.5;color:var(--text-secondary)}.journey-juz-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.journey-juz-item{border:1px solid var(--separator);border-radius:9px;background:var(--card-bg);padding:7px;display:grid;grid-template-columns:1fr auto;gap:7px;align-items:center}.journey-juz-item.done{border-color:#1d7a5f57;background:#1d7a5f14}.journey-juz-toggle{height:30px;border-radius:7px;border:1px solid var(--separator);background:var(--card-bg);color:var(--text-primary);font-size:13px;font-weight:700;font-family:inherit;cursor:pointer;transition:border-color .18s,background .18s,color .18s}.journey-juz-toggle:hover{border-color:var(--accent);color:var(--accent)}.journey-juz-toggle.done{border-color:var(--accent);background:var(--accent);color:#fff}.journey-juz-read{height:30px;padding:0 9px;border-radius:7px;border:1px solid var(--separator);background:transparent;color:var(--text-secondary);font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;transition:border-color .18s,color .18s,background .18s}.journey-juz-read:hover{border-color:var(--accent);color:var(--accent);background:var(--card-bg)}.journey-create-trigger{height:44px;width:100%;border:1px dashed var(--separator);border-radius:var(--radius, 12px);background:var(--card-bg);color:var(--text-secondary);font-size:14px;font-weight:600;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:border-color .18s,color .18s,background .18s}.journey-create-trigger:hover{border-color:var(--accent);color:var(--accent);background:var(--fill)}.journey-create-card{border:1px solid var(--separator);border-radius:var(--radius, 12px);background:var(--card-bg);padding:10px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.journey-create-input{width:100%;height:38px;border-radius:8px;border:1px solid var(--separator);background:var(--fill);padding:0 12px;color:var(--text-primary);font-size:14px;font-family:inherit;outline:none;transition:border-color .18s;box-sizing:border-box}.journey-create-input:focus{border-color:var(--accent)}.journey-create-actions{display:flex;align-items:center;gap:8px}.journey-complete-note{margin-top:2px;font-size:12px;color:var(--text-secondary)}@media(max-width:1024px){.journey-overview-card{grid-template-columns:1fr}.journey-overview-stats{justify-content:flex-start}}@media(max-width:768px){.journey-card-header{grid-template-columns:1fr}.journey-card-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.journey-card-body-header{flex-direction:column;align-items:flex-start}.journey-juz-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.journey-create-card{grid-template-columns:1fr}.journey-create-actions{justify-content:flex-end}}.journeys-view{min-height:100vh}.journeys-page-content{margin-top:20px;max-width:1000px}.journeys-page-top{display:flex;align-items:center;margin-bottom:10px}.journeys-back-link{margin-bottom:0}.journeys-page-header{margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--separator)}.journeys-page-title{margin:0;font-size:18px;line-height:1.2;font-weight:700;color:var(--accent);letter-spacing:-.02em}.journeys-page-desc{margin:10px 0 0;max-width:860px;font-size:13px;line-height:1.55;color:var(--text-secondary)}@media(max-width:768px){.journeys-page-content{margin-top:10px}.journeys-page-top{margin-bottom:8px}.journeys-page-desc{font-size:13px}}.reading-view{background:var(--bg)}.reading-nav-header{margin-bottom:32px}.reading-selectors{display:flex;gap:12px;align-items:center}.reading-selectors .custom-select-container{width:auto;min-width:80px}.reading-selectors .custom-select-container:nth-child(1){max-width:110px}.reading-selectors .custom-select-container:nth-child(2){max-width:150px}.reading-selectors .custom-select-container:nth-child(3){max-width:130px}.reading-selectors .custom-select-container:nth-child(4){max-width:130px}.reading-header-center{display:flex;align-items:center;gap:12px}.reading-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.audio-control-group{display:flex;align-items:center;gap:4px;background:var(--fill);padding:0 4px;border-radius:12px;height:40px}.audio-control-group .surah-audio-btn,.audio-control-group .speed-toggle{background:transparent;height:32px}.audio-control-group .surah-audio-btn:hover,.audio-control-group .speed-toggle:hover{background:var(--fill-hover)}.play-page-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--fill);color:var(--accent);border-radius:10px;font-size:13px;font-weight:600;transition:all .2s var(--spring);box-shadow:none;height:100%;box-sizing:border-box}.play-page-btn:hover{background:var(--fill-hover)}.play-page-btn.playing{background:var(--fill);color:#e74c3c;box-shadow:none}.play-page-btn svg{width:16px;height:16px}.minimal-select{padding:6px 12px;font-size:13px;font-weight:600;color:var(--text-secondary);background:var(--fill);border:none;border-radius:8px;outline:none;cursor:pointer;transition:all .2s;appearance:none;-webkit-appearance:none;text-align:center}.minimal-select:hover{background:var(--fill-hover);color:var(--text-primary)}.reading-section{margin-bottom:40px}.reading-surah-header{position:relative;margin-top:20px;padding:24px;background:var(--fill);border-radius:var(--radius);display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.reciter-info-badge{display:flex;align-items:center;gap:8px;background:#fff;padding:6px 12px;border-radius:100px;border:1px solid var(--separator);box-shadow:0 2px 8px #0000000a}.reciter-info-badge svg{color:var(--accent);opacity:.8}.reciter-mini-select{border:none;background:transparent;font-size:12px;font-weight:600;color:var(--text-primary);outline:none;cursor:pointer}.surah-mini-header{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);padding:24px 0 12px;border-bottom:1px solid var(--separator-light);margin-bottom:8px}.split-verse-row{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:24px 16px;border-bottom:1px solid var(--separator-light);animation:fadeUp .4s var(--ease) both;transition:background .3s;border-radius:12px}.split-verse-row.active-verse{background:#1d7a5f1f;border-color:transparent}.split-verse-row:last-child{border-bottom:none}.arabic-side{padding-left:10px}.verse-ar-wrap{display:flex;align-items:flex-start;gap:16px;justify-content:flex-start}.verse-play-btn{width:28px;height:28px;border-radius:50%;background:var(--fill);color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;transition:all .2s;margin-top:10px;flex-shrink:0}.verse-play-btn:hover,.verse-play-btn.playing{background:var(--accent);color:#fff}.verse-ar-actions{display:flex;flex-direction:column;gap:8px;margin-top:10px;flex-shrink:0}.verse-link-btn{width:28px;height:28px;border-radius:50%;background:var(--fill);color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;transition:all .2s}.verse-link-btn:hover{background:var(--accent-light);color:var(--accent)}.verse-link-btn.active{background:var(--accent-light);color:var(--accent);border:1px solid rgba(29,122,95,.3)}.verse-play-btn.playing{background:var(--accent);color:#fff}.verse-ar-text{flex:1;font-family:var(--arabic-font-family, "Noto Naskh Arabic", serif);font-size:28px;line-height:2.2;color:#2c3e50;text-align:right;word-spacing:4px;font-feature-settings:"rlig" 1,"liga" 1,"calt" 1;font-variant-ligatures:common-ligatures contextual;text-rendering:optimizeLegibility}.verse-ar-text tajweed,.verse-ar-text .end{font-family:inherit!important}.verse-ar-transcription{margin:8px 0 0;color:var(--text-tertiary);font-style:italic;line-height:1.45;text-align:right}.verse-num-badge{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--accent-light);color:var(--accent);border-radius:50%;font-size:14px;font-weight:700;margin-right:12px;font-family:var(--ui-font-family);vertical-align:middle}.meal-side{padding-right:20px;transition:all .2s;border-radius:8px;display:flex;flex-direction:column}.meal-side.hover-action-side:hover{background:#1d7a5f08}.meal-side-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.meal-actions{display:flex;gap:8px;align-items:center}.meal-actions button,.meal-actions a{pointer-events:auto;margin-top:0}.meta-info{font-size:12px;font-weight:700;color:var(--accent);margin-bottom:8px;display:block}.reading-tr-group{margin-top:12px}.verse-tr-text{font-size:16px;line-height:1.7;color:var(--text-primary);margin-bottom:2px}.verse-tr-author{font-size:11px;color:var(--accent);opacity:.8;font-style:italic;font-weight:500}.reading-footer{display:flex;justify-content:space-between;align-items:center;margin-top:40px;padding:24px 0 60px;border-top:1px solid var(--separator-light)}.reading-nav-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:500;color:var(--accent);background:transparent;transition:background .15s}.reading-nav-btn:hover:not(:disabled){background:#1d7a5f0f}.reading-nav-btn:disabled{opacity:.2;cursor:not-allowed}@media(max-width:768px){.reading-nav-header{margin-bottom:20px;padding-top:10px}.reading-header-center{flex-direction:row;align-items:center;width:100%;gap:6px}.reading-selectors{display:flex;flex:1;gap:4px;min-width:0}.reading-selectors .custom-select{flex:1;min-width:0}.reading-selectors .custom-select-trigger{padding:8px 6px;gap:4px}.reading-selectors .trigger-label{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:block}.reading-selectors .trigger-arrow{display:none}.reading-actions{width:auto}.audio-control-group{gap:4px}.surah-audio-btn{padding:8px 10px;font-size:11px}.surah-audio-btn svg{width:12px;height:12px}.speed-toggle{padding:8px;font-size:11px;min-width:34px}}@media(max-width:900px){.split-verse-row{grid-template-columns:1fr;gap:20px}.arabic-side{padding-left:0;border-bottom:1px dashed var(--separator-light);padding-bottom:20px}.meal-side{padding-right:0}.reading-footer{flex-direction:row;justify-content:space-between}}.rope-bookmark-wrapper{position:fixed;top:0;left:calc(50% + 445px);z-index:999999;height:0;width:0;overflow:visible;pointer-events:none;transition:all .3s var(--ease)}@media(max-width:1450px){.rope-bookmark-wrapper{left:auto;right:24px}}@media(max-width:1100px){.rope-bookmark-wrapper{right:20px;transform:scale(.9)}}@media(max-width:768px){.rope-bookmark-wrapper{right:150px;transform:scale(.8);top:-10px;z-index:999999}}.global-nav{pointer-events:none;z-index:999998}.global-nav>*{pointer-events:auto}.fihrist-page{background:var(--bg-light)}.fihrist-hero{text-align:center;margin-bottom:32px;padding-top:16px;animation:fadeUp .45s var(--ease) both}.fihrist-title{font-size:34px;font-weight:800;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:10px}.fihrist-subtitle{font-size:15px;color:var(--text-secondary);font-weight:500}.fihrist-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:100px;animation:fadeIn .5s var(--ease) .08s both}.fihrist-category-card{background:var(--fill);border:1px solid var(--separator);border-radius:16px;padding:20px;transition:border-color .25s var(--ease),background .25s var(--ease);display:flex;flex-direction:column;min-height:100%}.fihrist-category-card:hover{border-color:var(--text-tertiary);background:var(--card-bg)}.cat-header-wrap{margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--separator-light)}.cat-header{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:8px;letter-spacing:-.01em}.cat-desc{font-size:13px;color:var(--text-secondary);line-height:1.45;margin-left:0}.cat-subcategories{display:flex;flex-direction:column;gap:16px}.subcat-title{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--text-tertiary);letter-spacing:.08em;margin-bottom:8px}.subcat-topics{display:flex;flex-wrap:wrap;gap:8px}.fihrist-topic-tag{padding:8px 14px;background:#fff;border:1px solid var(--separator);border-radius:12px;font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s var(--ease);text-decoration:none}.fihrist-topic-tag:hover{border-color:var(--accent);color:var(--accent)}@media(max-width:900px){.fihrist-grid{grid-template-columns:1fr;gap:14px}}@media(max-width:600px){.fihrist-title{font-size:28px}.fihrist-subtitle{font-size:14px}.fihrist-category-card{padding:16px;border-radius:14px}.cat-desc{margin-left:0}}.about-page{background:radial-gradient(1000px 280px at 8% -12%,rgba(33,150,83,.08),transparent 56%),radial-gradient(900px 240px at 100% 0%,rgba(23,70,155,.06),transparent 54%),var(--bg-light);min-height:100vh}.about-hero{margin:18px 0}.about-hero-card{display:grid;grid-template-columns:1.6fr 1fr;gap:14px;border:1px solid var(--separator);border-radius:18px;background:var(--fill);padding:20px}.about-hero-main h1{margin:4px 0 10px;font-size:36px;font-weight:800;letter-spacing:-.03em;color:var(--text-primary)}.about-hero-main p{margin:0;max-width:640px;font-size:15px;line-height:1.6;color:var(--text-secondary)}.about-hero-eyebrow{display:inline-flex;align-items:center;padding:5px 10px;border:1px solid var(--separator);border-radius:999px;color:var(--text-tertiary);background:var(--card-bg);font-size:11px;font-weight:700;letter-spacing:.08em}.about-hero-meta{display:grid;grid-template-columns:1fr;gap:10px}.about-meta-item{border:1px solid var(--separator);border-radius:12px;background:var(--card-bg);padding:10px 12px;display:flex;flex-direction:column;gap:2px}.about-meta-label{font-size:11px;color:var(--text-tertiary);font-weight:600;text-transform:uppercase;letter-spacing:.06em}.about-meta-value{font-size:13px;color:var(--text-primary);font-weight:600}.about-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.about-card{background:var(--fill);border:1px solid var(--separator);border-radius:16px;padding:20px}.about-card h2{margin:0 0 10px;font-size:22px;line-height:1.2;letter-spacing:-.02em;color:var(--text-primary)}.about-card p{margin:0;font-size:14px;line-height:1.65;color:var(--text-secondary)}.about-card p+p{margin-top:10px}.about-inline-link{color:var(--accent);font-weight:600;text-decoration:none}.about-inline-link:hover{text-decoration:underline}.about-tech-list{display:flex;flex-direction:column;gap:8px}.about-tech-row{padding:9px 10px;border-radius:10px;border:1px solid var(--separator-light);background:var(--card-bg);font-size:13px;color:var(--text-secondary)}.about-tech-row strong{color:var(--text-primary)}.about-card-wide{grid-column:1 / -1}.about-roadmap-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.about-roadmap-col{border:1px solid var(--separator);border-radius:12px;background:var(--card-bg);padding:12px;display:flex;flex-direction:column;gap:10px}.about-roadmap-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px;border-bottom:1px solid var(--separator-light)}.about-roadmap-head h3{margin:0;font-size:14px;font-weight:700;color:var(--text-primary)}.about-roadmap-count{min-width:22px;height:22px;border-radius:999px;border:1px solid var(--separator);background:var(--fill);color:var(--text-primary);font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.about-roadmap-items{display:flex;flex-direction:column;gap:8px}.about-roadmap-item{border:1px solid var(--separator-light);border-radius:10px;background:var(--fill);padding:10px}.about-roadmap-item-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.about-roadmap-item strong{font-size:13px;line-height:1.4;color:var(--text-primary)}.about-roadmap-item p{margin:7px 0 0;font-size:12px;line-height:1.5;color:var(--text-secondary)}.roadmap-badge{display:inline-flex;align-items:center;justify-content:center;height:22px;padding:0 8px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border:1px solid transparent;white-space:nowrap}.roadmap-badge.done{background:#299d621f;border-color:#299d6242;color:#1f7f52}.roadmap-badge.progress{background:#ffb80024;border-color:#ffb80047;color:#8d6500}.roadmap-badge.next{background:#1778ff1c;border-color:#1778ff3d;color:#195dad}.about-roadmap-col.is-done{border-top:2px solid rgba(41,157,98,.55)}.about-roadmap-col.is-progress{border-top:2px solid rgba(255,184,0,.6)}.about-roadmap-col.is-next{border-top:2px solid rgba(23,120,255,.58)}.about-source-note{margin-top:16px;padding:12px 2px;border-top:1px solid var(--separator-light);display:flex;align-items:center;justify-content:space-between;gap:12px}.about-source-note p{margin:0;font-size:12px;color:var(--text-tertiary)}.about-source-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:10px;border:1px solid var(--separator);background:var(--card-bg);color:var(--text-primary);font-size:12px;font-weight:600;text-decoration:none;transition:border-color .2s var(--ease),color .2s var(--ease),background .2s var(--ease)}.about-source-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.about-source-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}@media(max-width:980px){.about-hero-card{grid-template-columns:1fr}}@media(max-width:860px){.about-grid,.about-roadmap-board{grid-template-columns:1fr}}@media(max-width:680px){.about-hero-main h1{font-size:30px}.about-hero-main p{font-size:14px}.about-hero-card,.about-card{padding:16px;border-radius:14px}.about-source-note{flex-direction:column;align-items:flex-start}}.support-page{background:radial-gradient(960px 260px at 8% -12%,rgba(33,150,83,.07),transparent 56%),radial-gradient(900px 240px at 100% 0%,rgba(23,70,155,.06),transparent 54%),var(--bg);min-height:100vh}.support-toast{position:fixed;top:84px;right:24px;z-index:999999;padding:11px 14px;border-radius:12px;border:1px solid var(--separator);background:var(--card-bg);color:var(--text-primary);font-size:13px;font-weight:700}.support-overlay{position:fixed;inset:0;z-index:999998;background:#0307129e;display:flex;align-items:center;justify-content:center;padding:16px}.support-overlay-card{width:min(420px,100%);border-radius:16px;border:1px solid rgba(255,255,255,.16);background:#101826;color:#f8fafc;padding:20px;display:flex;flex-direction:column;gap:8px}.overlay-eyebrow{font-size:11px;font-weight:700;letter-spacing:.08em;color:#94a3b8}.support-overlay-card h3{margin:0;font-size:22px;letter-spacing:-.02em}.support-overlay-card p{margin:0;color:#cbd5e1;font-size:14px}.overlay-loader{margin-top:10px;width:100%;height:8px;border-radius:999px;background:#ffffff24;overflow:hidden;position:relative}.overlay-loader:after{content:"";position:absolute;inset:0;width:35%;background:#60a5fa;animation:overlayRun 1.2s linear infinite}@keyframes overlayRun{0%{transform:translate(-120%)}to{transform:translate(300%)}}.support-stage{margin:18px 0 14px}.support-hourly-card{display:block;border-radius:18px;overflow:hidden;border:1px solid var(--separator);background:var(--fill)}.support-hourly-overlay{padding:20px}.support-hourly-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.9fr);gap:16px;align-items:stretch}.support-hourly-main{min-width:0;display:flex;flex-direction:column;gap:14px}.support-hourly-top{display:flex;align-items:flex-start;justify-content:flex-start;gap:14px}.support-hourly-body{display:grid;gap:12px}.support-hourly-action{padding:8px 0 8px 18px;border-left:1px solid var(--separator);display:flex;flex-direction:column;justify-content:center;gap:10px}.support-hourly-action-title{margin:0;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-primary)}.support-hourly-action-copy{margin:0;font-size:13px;line-height:1.45;color:var(--text-secondary)}.support-user-strip{display:flex;align-items:center;gap:12px}.support-user-avatar{width:64px;height:64px;border-radius:50%;border:1px solid var(--separator);background:var(--card-bg);display:inline-flex;align-items:center;justify-content:center;overflow:hidden;flex:0 0 auto}.support-user-avatar-fallback{width:32px;height:32px;color:var(--text-secondary)}.support-user-copy{min-width:0}.support-user-handle{margin:0 0 2px;display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text-tertiary)}.support-user-name{margin:0;display:inline-flex;align-items:center;gap:8px;font-size:clamp(30px,3vw,42px);font-weight:800;line-height:1.12;letter-spacing:-.03em;color:var(--text-primary)}.support-user-bio{margin:4px 0 0;font-size:14px;color:var(--text-secondary)}.support-hourly-badge{display:inline-flex;align-items:center;padding:5px 10px;border:1px solid var(--separator);border-radius:999px;color:var(--text-tertiary);background:var(--card-bg);font-size:11px;font-weight:700;letter-spacing:.08em}.support-hourly-content h2{margin:2px 0 8px;font-size:24px;font-weight:700;line-height:1.2;letter-spacing:-.02em;color:var(--text-primary)}.support-hourly-content p{margin:0;max-width:62ch;font-size:14px;line-height:1.58;color:var(--text-secondary)}.support-hourly-meta{margin-top:2px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.support-hourly-meta span{display:flex;align-items:center;justify-content:space-between;gap:6px;border-radius:10px;border:1px solid var(--separator);background:var(--card-bg);color:var(--text-secondary);padding:7px 8px;font-size:11px}.support-hourly-meta strong{color:var(--text-primary);font-size:11px}.quick-pro-btn{width:100%;min-height:44px;padding:0 15px;border-radius:12px;border:1px solid var(--separator);background:var(--card-bg);color:var(--text-primary);font-size:13px;font-weight:700;transition:border-color .2s var(--ease),background .2s var(--ease),opacity .2s var(--ease)}.quick-pro-btn:hover:not(:disabled){border-color:var(--accent);background:var(--accent-light)}.quick-pro-btn:disabled{opacity:.62;cursor:default}.quick-pro-hint{margin:0;font-size:12px;color:var(--text-secondary)}.quick-pro-hint-positive{color:var(--accent);font-weight:600}.support-cards{display:block;margin-bottom:14px}.support-card{border-radius:18px;border:1px solid var(--separator);padding:18px;display:flex;flex-direction:column;gap:12px}.support-card-merged{background:var(--card-bg);border-color:var(--separator);padding:0;overflow:hidden}.support-merged-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.support-merged-panel{padding:18px;display:flex;flex-direction:column;gap:12px}.support-merged-panel-divider{border-left:1px solid var(--separator)}.support-badge{width:fit-content;padding:5px 10px;border-radius:999px;border:1px solid var(--separator);background:var(--card-bg);color:var(--text-tertiary);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.support-card h3{margin:0;font-size:24px;line-height:1.15;letter-spacing:-.02em;color:var(--text-primary)}.support-card p{margin:0;color:var(--text-secondary);line-height:1.56;font-size:14px}.support-ad-btn,.support-sponsor-btn{width:100%;min-height:44px;border-radius:12px;border:1px solid var(--separator);background:var(--card-bg);color:var(--text-primary);font-size:14px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:border-color .2s var(--ease),background .2s var(--ease)}.support-ad-btn:hover:not(:disabled),.support-sponsor-btn:hover,.support-mode-toggle:hover:not(:disabled){border-color:var(--accent);background:var(--accent-light)}.support-ad-btn:disabled{opacity:.72;cursor:default}.support-mode-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.support-mode-row-centered{margin-top:auto;padding-top:8px;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:10px}.support-mode-label{font-size:13px;font-weight:700;color:var(--text-primary)}.support-mode-toggle{position:relative;display:inline-flex;align-items:center;gap:0;width:156px;height:44px;border-radius:100px;border:1px solid var(--separator);background:var(--fill);padding:4px;transition:all .28s var(--ease)}.support-mode-toggle.is-on{border-color:#1d7a5f6b;background:#1d7a5f24}.support-mode-toggle:disabled{opacity:.6;cursor:default}.support-mode-option{z-index:2;width:50%;text-align:center;font-size:13px;font-weight:700;color:var(--text-tertiary);transition:color .28s var(--ease);-webkit-user-select:none;user-select:none}.support-mode-thumb{position:absolute;top:4px;left:4px;width:calc(50% - 4px);height:34px;border-radius:999px;background:#fff;transition:transform .32s var(--spring)}.support-mode-toggle.is-on .support-mode-thumb{transform:translate(100%);background:var(--accent)}.support-mode-toggle.is-on .support-mode-option.on,.support-mode-toggle:not(.is-on) .support-mode-option.off{color:var(--text-primary)}.support-mode-toggle.is-on .support-mode-option.on{color:#fff}.support-mode-loading{margin:-2px 0 0;font-size:12px;color:var(--text-tertiary)}.support-state-copy{margin:-2px 0 0;font-size:12px;color:var(--text-secondary)}.support-progress-head{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;font-weight:700;color:var(--text-primary)}.support-progress-track{height:12px;border-radius:999px;border:1px solid var(--separator);background:var(--fill);overflow:hidden}.support-progress-fill{height:100%;background:var(--accent)}.support-feature-list{margin:0;padding-left:18px;display:grid;gap:7px;color:var(--text-secondary);font-size:14px;line-height:1.45}.support-note{margin-top:12px;padding:12px 4px;border-top:1px solid var(--separator-light)}.support-note p{margin:0;font-size:12px;color:var(--text-tertiary)}@media(max-width:980px){.support-merged-grid{grid-template-columns:1fr}.support-merged-panel-divider{border-left:none;border-top:1px solid var(--separator)}.support-hourly-layout{grid-template-columns:1fr}.support-hourly-action{border-left:none;border-top:1px solid var(--separator);padding:14px 0 0}.support-hourly-meta{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.support-user-avatar{width:56px;height:56px}.support-user-name{font-size:24px}.support-hourly-content h2{font-size:21px}.support-hourly-overlay,.support-card{padding:14px;border-radius:14px}.support-card-merged{padding:0;border-radius:14px}.support-merged-panel{padding:14px}.support-hourly-layout{gap:12px}.support-user-strip{align-items:flex-start}.support-hourly-meta{gap:8px;grid-template-columns:1fr}.support-hourly-meta span{font-size:11px}.support-toast{top:72px;right:12px;left:12px;text-align:center}.support-mode-row{flex-direction:column;align-items:flex-start}.support-mode-row-centered{align-items:center}}.supporters-page{background:radial-gradient(960px 260px at 8% -12%,rgba(33,150,83,.07),transparent 56%),radial-gradient(900px 240px at 100% 0%,rgba(23,70,155,.06),transparent 54%),var(--bg);min-height:100vh}.supporters-hero{margin:18px 0 16px}.supporters-hero-card{display:grid;grid-template-columns:1.6fr 1fr;gap:14px;border:1px solid var(--separator);border-radius:18px;background:var(--fill);padding:20px}.supporters-eyebrow{display:inline-flex;align-items:center;padding:5px 10px;border:1px solid var(--separator);border-radius:999px;color:var(--text-tertiary);background:var(--card-bg);font-size:11px;font-weight:700;letter-spacing:.08em}.supporters-hero-main h1{margin:6px 0 10px;font-size:34px;line-height:1.1;letter-spacing:-.03em;color:var(--text-primary)}.supporters-hero-main p{margin:0;font-size:14px;line-height:1.6;color:var(--text-secondary);max-width:62ch}.supporters-hero-meta{display:grid;gap:10px}.supporters-meta-item{border:1px solid var(--separator);border-radius:12px;background:var(--card-bg);padding:10px 12px;display:flex;flex-direction:column;gap:2px}.supporters-meta-label{font-size:11px;color:var(--text-tertiary);font-weight:600;text-transform:uppercase;letter-spacing:.06em}.supporters-meta-value{font-size:13px;color:var(--text-primary);font-weight:600}.supporters-board{border:1px solid var(--separator);border-radius:16px;background:var(--fill);padding:16px}.supporters-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.supporter-item{border:1px solid var(--separator);border-radius:12px;background:var(--card-bg);padding:10px 12px;display:flex;align-items:center;gap:10px}.supporter-item-avatar{width:34px;height:34px;border-radius:50%;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border:1px solid var(--separator);background:var(--fill)}.supporter-item-avatar .fallback-dot{width:10px;height:10px;border-radius:50%;background:var(--text-tertiary);opacity:.72}.supporter-item-name{font-size:14px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.supporter-item-name-row{min-width:0;display:inline-flex;align-items:center;gap:6px}.supporter-item-vip{font-size:19px;line-height:1;flex:0 0 auto}.supporters-empty{border:1px dashed var(--separator);border-radius:12px;background:var(--fill);padding:12px;font-size:13px;color:var(--text-secondary)}@media(max-width:980px){.supporters-hero-card{grid-template-columns:1fr}.supporters-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.supporters-hero-main h1{font-size:28px}.supporters-hero-card{padding:16px;border-radius:14px}.supporters-board{padding:14px;border-radius:14px}.supporters-grid{grid-template-columns:1fr}}.moon-page-standard{min-height:100vh;background:var(--bg);transition:background .3s var(--ease)}[data-theme=dark] .moon-page-standard{background:#000}.moon-page-standard .global-nav{background:transparent!important;border-bottom:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}[data-theme=dark] .moon-page-standard .global-nav{border-bottom:none!important;box-shadow:none!important}.moon-page-standard .page-content{max-width:1000px;margin:0 auto;padding-top:0}.moon-standard-hero{display:flex;flex-direction:column;align-items:center;gap:24px;margin:40px 0 34px;text-align:center}.moon-visual-focus{position:relative;display:flex;flex-direction:column;align-items:center}.moon-nasa-wrapper{width:340px;height:340px;position:relative;transition:all .5s var(--ease)}.moon-mask-circle{width:100%;height:100%;border-radius:50%;overflow:hidden;background:#000;box-shadow:none;position:relative;z-index:2}.moon-mask-circle:after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 12px #000000d9;pointer-events:none;z-index:3}.moon-mask-circle img{width:100%;height:100%;display:block;object-fit:cover;transform:scale(1.12);image-rendering:auto}.moon-glow-aura{position:absolute;inset:-30px;background:radial-gradient(circle,var(--accent) 0%,transparent 70%);opacity:.1;z-index:1;animation:moonBreathe 5s infinite alternate ease-in-out}@keyframes moonBreathe{0%{transform:scale(.9);opacity:.05}to{transform:scale(1.1);opacity:.15}}.moon-date-navigator{display:flex;align-items:center;gap:16px;background:var(--fill);padding:10px 24px;border-radius:16px;border:1px solid var(--separator-light);margin-top:38px;box-shadow:0 2px 10px #00000005}.nav-btn{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--text-primary);background:var(--fill-hover);transition:all .2s;cursor:pointer}.nav-btn:hover{background:var(--accent);color:#fff}.nav-current{text-align:center;cursor:pointer;min-width:130px;-webkit-user-select:none;user-select:none}.nav-date-text{display:block;font-size:15px;font-weight:700;color:var(--text-primary)}.nav-date-sub{display:block;margin-top:2px;font-size:11px;color:var(--text-secondary)}.nav-label-today{font-size:10px;font-weight:800;color:var(--accent);letter-spacing:1.5px;margin-top:2px;display:block}.moon-title-block{margin-top:-4px;margin-bottom:-2px}.moon-main-title{font-size:32px;font-weight:800;letter-spacing:-.03em;margin-top:12px}.moon-page-standard .verse-page-header{padding:14px 0 10px}.moon-page-standard .verse-page-arabic{margin-bottom:4px}.moon-page-standard .section-divider{margin:12px 0}.moon-page-standard .verse-meal-card{padding:12px 0 10px}.moon-stats-table{margin-top:18px;border:1px solid var(--separator-light);border-radius:14px;overflow:hidden;background:color-mix(in srgb,var(--fill) 88%,transparent)}.moon-stats-row{display:grid;grid-template-columns:1.2fr 1fr;gap:10px;align-items:center;padding:11px 14px;border-bottom:1px solid var(--separator-light)}.moon-stats-row:last-child{border-bottom:none}.moon-stats-label{font-size:12px;font-weight:600;color:var(--text-secondary)}.moon-stats-value{font-size:13px;font-weight:700;color:var(--text-primary);text-align:right}.moon-audio-controls{border-radius:10px}.moon-page-standard .surah-audio-btn{border-radius:8px}.moon-page-standard .surah-audio-btn:hover{transform:none;box-shadow:none}.moon-verse-link-btn{text-decoration:none}.moon-audio-notice{margin:-8px 0 14px;text-align:center;color:#ffb4a8;font-size:13px;font-weight:600}[data-theme=dark] .app-layout:has(.is-moon-view) .site-footer{background:#000!important;border-top:1px solid rgba(255,255,255,.1)!important}[data-theme=dark] .app-layout:has(.is-moon-view) .site-footer p,[data-theme=dark] .app-layout:has(.is-moon-view) .site-footer .dev-link,[data-theme=dark] .app-layout:has(.is-moon-view) .site-footer .footer-link{color:#fff9!important}@media(max-width:768px){.moon-nasa-wrapper{width:280px;height:280px}.moon-main-title{font-size:26px}.moon-stats-row{grid-template-columns:1fr;gap:4px}.moon-stats-value{text-align:left}}.not-found-page{min-height:100vh;display:flex;flex-direction:column}.nf-v4-main{display:grid;grid-template-columns:1fr 1fr;align-items:center;width:100%;gap:40px;padding-top:40px}.nf-v4-left{display:flex;flex-direction:column}.nf-v4-header{display:flex;align-items:center;gap:16px;margin-bottom:32px}.nf-v4-code{font-size:13px;font-weight:800;letter-spacing:.2em;color:var(--text-tertiary);text-transform:uppercase}.nf-v4-line{height:1px;width:40px;background:var(--separator)}.nf-v4-quote-area{margin-bottom:40px}.nf-v4-arabic{font-family:var(--arabic-font-family, "Noto Naskh Arabic", serif);font-size:64px;line-height:1.4;color:var(--text-primary);margin:0 0 16px;font-weight:700}.nf-v4-translation{position:relative;padding-left:20px}.nf-v4-translation:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:2.5px;background:var(--accent);border-radius:1px}.nf-v4-tr-text{font-size:20px;font-weight:600;color:var(--text-secondary);margin:0 0 6px;line-height:1.4}.nf-v4-ref{font-size:12px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.nf-v4-footer{max-width:400px}.nf-v4-hint{font-size:15px;line-height:1.6;color:var(--text-tertiary);margin:0}.nf-v4-right{display:flex;align-items:center;justify-content:flex-end}.nf-v4-img-wrapper{width:100%;max-width:460px}.nf-v4-image{width:100%;height:auto;opacity:.8;mix-blend-mode:multiply}[data-theme=dark] .nf-v4-image{filter:invert(.9) grayscale(1);mix-blend-mode:screen}@media(max-width:900px){.nf-v4-main{grid-template-columns:1fr;gap:48px;padding-top:20px;text-align:center}.nf-v4-left{align-items:center}.nf-v4-header{justify-content:center}.nf-v4-translation{padding-left:0}.nf-v4-translation:before{display:none}.nf-v4-arabic{font-size:56px}.nf-v4-right{justify-content:center;order:-1}}@media(max-width:480px){.nf-v4-arabic{font-size:44px}.nf-v4-tr-text{font-size:18px}.nf-v4-img-wrapper{max-width:320px}}.auth-modal-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999999;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s var(--ease)}.auth-modal-content{background:var(--bg);width:100%;max-width:420px;padding:40px;border-radius:28px;position:relative;box-shadow:0 20px 40px #0000001a;border:1px solid var(--separator-light);animation:authModalAppear .4s var(--spring)}@keyframes authModalAppear{0%{transform:scale(.9) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.auth-modal-close{position:absolute;top:20px;right:20px;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--text-tertiary);transition:all .2s}.auth-modal-close:hover{background:var(--fill);color:var(--text-primary)}.auth-modal-header{text-align:center;margin-bottom:32px}.auth-modal-header h2{font-size:24px;font-weight:800;color:var(--text-primary);margin-bottom:8px;letter-spacing:-.02em}.auth-modal-header p{font-size:14px;color:var(--text-secondary)}.auth-modal-error{background:#ff3b3014;color:#ff3b30;padding:12px;border-radius:12px;font-size:13px;text-align:center;margin-bottom:24px;font-weight:500;border:1px solid rgba(255,59,48,.1)}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:13px;font-weight:600;color:var(--text-primary);margin-left:4px}.form-group input{width:100%;padding:14px 16px;background:var(--fill);border:1.5px solid transparent;border-radius:14px;font-size:14px;color:var(--text-primary);transition:all .2s;outline:none}.form-group input:focus{background:#fff;border-color:var(--text-tertiary)}.auth-icon-picker{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;padding:10px;background:var(--fill);border-radius:14px;max-height:160px;overflow-y:auto;margin-top:4px}.auth-icon-btn{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:10px;border:2px solid transparent;background:#fff;cursor:pointer;transition:all .2s;color:var(--text-secondary)}.auth-icon-btn:hover{background:var(--bg);transform:scale(1.05)}.auth-icon-btn.active{border-color:var(--text-primary);background:#fff;color:var(--text-primary)}.auth-submit-btn{margin-top:12px;padding:16px;background:var(--text-primary);color:var(--bg);border-radius:14px;font-weight:700;font-size:15px;transition:all .2s;cursor:pointer}.auth-submit-btn:hover{opacity:.9}.auth-submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.auth-modal-footer{margin-top:24px;text-align:center}.auth-modal-footer p{font-size:14px;color:var(--text-secondary)}.auth-modal-footer button{background:none;border:none;color:var(--text-primary);font-weight:700;cursor:pointer;padding:0 4px;text-decoration:underline}.auth-modal-open-signup{margin-left:4px}[data-theme=dark] .auth-modal-content{background:var(--card-bg)}[data-theme=dark] .form-group input:focus{background:#ffffff0d}[data-theme=dark] .auth-icon-btn{background:#ffffff0d}[data-theme=dark] .auth-icon-btn.active{background:#ffffff1a;border-color:#fff}@media(max-width:600px){.auth-modal-overlay{align-items:center;padding:16px}.auth-modal-content{max-width:100%;border-radius:20px;padding:24px 20px;max-height:85vh;overflow-y:auto;animation:authModalAppearFade .3s var(--ease)}.auth-modal-header{margin-bottom:20px}.auth-modal-header h2{font-size:20px}.auth-form{gap:14px}.form-group label{font-size:12px}.form-group input{padding:12px 14px;font-size:14px}.auth-icon-picker{grid-template-columns:repeat(4,1fr);gap:8px;max-height:120px}.auth-submit-btn{padding:14px;font-size:14px;margin-top:4px}.auth-modal-close{top:12px;right:12px;width:28px;height:28px;font-size:20px}.auth-modal-footer{margin-top:16px}}@keyframes authModalAppearFade{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.signup-page{height:100vh;padding:18px;background:#050607;display:flex;align-items:stretch;justify-content:center}.signup-shell{width:calc(100vw - 36px);height:calc(100vh - 36px);display:grid;grid-template-columns:1.16fr .84fr;border:1px solid #1a1d1b;background:#000;border-radius:0;overflow:hidden}.signup-visual{position:relative;background:radial-gradient(75% 52% at 78% 72%,rgba(84,248,206,.26),transparent 72%),radial-gradient(52% 48% at 20% 22%,rgba(35,178,126,.24),transparent 75%),linear-gradient(165deg,#05231b,#0b6b52 58%,#0a3f31);color:#f5fffb}.signup-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#00000014,#00000040)}.signup-visual-inner{position:relative;z-index:1;height:100%;padding:56px 36px 30px;display:flex;flex-direction:column;justify-content:space-between}.signup-copy{max-width:560px}.signup-copy h1{margin:0 0 10px;font-size:clamp(46px,4.8vw,62px);line-height:.96;letter-spacing:-.03em;font-weight:700;white-space:nowrap}.signup-copy p{margin:0;max-width:440px;font-size:15px;line-height:1.6;color:#e8fff6cc}.signup-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.signup-step{border:1px solid rgba(255,255,255,.2);background:#ffffff1f;border-radius:10px;min-height:98px;padding:12px 12px 10px;display:flex;flex-direction:column;gap:10px}.signup-step span{width:20px;height:20px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;background:#ffffff42;color:#f4fff8}.signup-step strong{font-size:13px;line-height:1.35;color:#edfff7e0;font-weight:600}.signup-step.active{background:#fff;border-color:#fff}.signup-step.active span{background:#101114;color:#fff}.signup-step.active strong{color:#121315}.signup-step.done{border-color:#ffffff4d}.signup-login-note{border:1px solid rgba(255,255,255,.2);background:#ffffff1f;border-radius:10px;min-height:98px;padding:14px 12px;display:flex;align-items:center;color:#edfff7e6;font-size:13px;font-weight:600}.signup-form-panel{background:#060708;color:#f5f7fb;padding:56px 36px 34px;display:flex;flex-direction:column}.signup-header{margin-bottom:14px}.signup-header h2{margin:0;font-size:32px;line-height:1.15;letter-spacing:-.02em;color:#fff}.signup-header p{margin:10px 0 0;color:#9da3ab;font-size:13px}.signup-error{margin-bottom:10px;border:1px solid rgba(255,84,84,.35);background:#ff54541f;color:#ff9e9e;border-radius:8px;padding:9px 10px;font-size:12px}.signup-form{display:flex;flex-direction:column;gap:10px}.signup-form label{display:flex;flex-direction:column;gap:6px;color:#cfd5dd;font-size:12px;font-weight:600}.signup-form input{height:40px;border:1px solid #262a31;border-radius:8px;background:#0d1014;color:#f8faff;padding:0 12px;font-size:13px;outline:none}.signup-form select{height:40px;border:1px solid #262a31;border-radius:8px;background:#0d1014;color:#f8faff;padding:0 38px 0 12px;font-size:13px;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239ca4b2' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px;transition:border-color .2s ease,background-color .2s ease;color-scheme:dark}.signup-form select:hover{border-color:#36404d;background-color:#0f1319}.signup-form input:focus{border-color:#2d8d72}.signup-form select:focus{border-color:#2d8d72;background-color:#0f1319}.signup-form select option{background:#0b0f14;color:#eef3fb}.signup-survey-selects{display:flex;flex-direction:column;gap:12px}.signup-custom-select-label{display:flex;flex-direction:column;gap:6px;color:#cfd5dd;font-size:12px;font-weight:600}.signup-custom-select-title{display:inline-block}.signup-custom-select{position:relative}.signup-custom-select-trigger{width:100%;height:42px;border:1px solid #2a313b;border-radius:9px;background:linear-gradient(180deg,#0d1117,#0b0f15);color:#f5f8ff;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:13px;font-weight:500;cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.signup-custom-select-trigger:hover{border-color:#3a4452}.signup-custom-select.open .signup-custom-select-trigger{border-color:#2d8d72;background:#0f141b}.signup-custom-select-trigger svg{width:16px;height:16px;stroke:#9ca4b2;fill:none;stroke-width:2.2;transition:transform .2s ease}.signup-custom-select.open .signup-custom-select-trigger svg{transform:rotate(180deg)}.signup-custom-select-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:12;border:1px solid #2a313b;border-radius:9px;background:#0b1016;box-shadow:0 12px 30px #00000059;overflow:hidden}.signup-custom-select-option{width:100%;min-height:38px;border:0;border-top:1px solid #171d25;background:transparent;color:#e8edf7;text-align:left;padding:0 12px;font-size:13px;cursor:pointer}.signup-custom-select-option:first-child{border-top:0}.signup-custom-select-option:hover{background:#121924}.signup-custom-select-option.active{background:#2d8d722e;color:#d9ffef}.signup-strength{border:1px solid #222730;border-radius:8px;padding:10px 10px 9px;background:#0b0e12}.signup-strength-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;gap:12px}.signup-strength-head span{font-size:11px;color:#aeb6c2;font-weight:600}.strength-text{font-size:11px;font-weight:700;min-width:42px;text-align:right}.strength-text.weak{color:#ff8c8c}.strength-text.medium{color:#ffd28f}.strength-text.strong{color:#8ef5cf}.signup-strength-bar{width:100%;height:9px;border-radius:999px;border:1px solid #2a313c;background:linear-gradient(90deg,#1a1f27,#1f2530);overflow:hidden}.signup-strength-fill{height:100%;width:0;border-radius:999px;transition:width .22s ease}.signup-strength-fill.empty{background:transparent}.signup-strength-fill.weak{background:#f26f6f}.signup-strength-fill.medium{background:#e8b35b}.signup-strength-fill.strong{background:#35bd86}.signup-icon-group{display:flex;flex-direction:column;gap:6px}.signup-icon-label{color:#cfd5dd;font-size:12px;font-weight:600}.signup-icon-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.signup-icon-btn{width:100%;aspect-ratio:1 / 1;min-height:56px;border:1px solid #262a31;border-radius:8px;background:#0d1014;color:#b8c0cc;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.signup-icon-btn svg{width:34px!important;height:34px!important}.signup-icon-btn.active{border-color:#2d8d72;background:#2d8d722e;color:#dbfff1}.signup-hint{margin:8px 0 0;font-size:11px;color:#838a94}.signup-actions{margin-top:2px;display:flex;justify-content:flex-end;gap:8px}.signup-back-btn,.signup-next-btn,.signup-submit-btn{height:42px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;padding:0 18px}.signup-back-btn{border:1px solid #313741;background:#0b0f14;color:#e7ecf3}.signup-next-btn,.signup-submit-btn{border:1px solid #ffffff;background:#fff;color:#0d1117;font-weight:700}.signup-submit-btn:disabled{opacity:.6;cursor:not-allowed}.signup-footer-link{margin:16px 0 0;font-size:12px;color:#8f97a0;text-align:center}.signup-footer-home{margin-top:6px}.signup-footer-link a{color:#fff;text-decoration:none;font-weight:600}.signup-footer-link a:hover{text-decoration:underline}@media(max-width:980px){.signup-page{padding:10px}.signup-shell{width:calc(100vw - 20px);height:calc(100vh - 20px);grid-template-columns:1fr}.signup-visual-inner{min-height:300px;padding:28px 20px 18px}.signup-copy h1{font-size:38px;white-space:normal}.signup-form-panel{padding:24px 16px 18px}}@media(max-width:560px){.signup-steps{grid-template-columns:1fr}.signup-icon-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.signup-actions{flex-direction:column-reverse}.signup-back-btn,.signup-next-btn,.signup-submit-btn{width:100%}}.site-footer{width:100%;margin-top:auto;padding:28px 0 26px;background:transparent}.footer-container{max-width:1000px;margin:0 auto;padding:0}.footer-surface{border:1px solid var(--separator-light);border-radius:28px;background:var(--fill);overflow:hidden}[data-theme=dark] .footer-surface{background:color-mix(in srgb,var(--card-bg) 94%,var(--fill) 6%)}.footer-top{display:grid;grid-template-columns:minmax(280px,1fr) auto auto auto;column-gap:18px;row-gap:14px;padding:26px 24px 14px}.footer-col{display:flex;flex-direction:column;gap:8px;min-width:0}.footer-top .footer-col:nth-child(2),.footer-top .footer-col:nth-child(3){min-width:120px}.footer-top .footer-col:nth-child(4){min-width:200px}.footer-col h4{margin:0;font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:var(--text-tertiary);font-weight:700}.footer-brand p{margin:0;max-width:340px;font-size:20px;letter-spacing:-.02em;line-height:1.24;color:var(--text-primary);font-weight:500}.footer-link{font-size:14px;color:var(--text-secondary);text-decoration:none;line-height:1.3;width:fit-content}.footer-link:hover{color:var(--text-primary)}.footer-cta{align-items:flex-start}.footer-donate-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:0 11px 0 12px;border:1px solid color-mix(in srgb,var(--separator) 65%,var(--text-secondary) 35%);border-radius:999px;color:var(--text-primary);background:color-mix(in srgb,var(--card-bg) 93%,var(--fill) 7%);font-size:13px;font-weight:500;letter-spacing:0;text-decoration:none;line-height:1}.footer-donate-btn:hover{border-color:color-mix(in srgb,var(--accent) 58%,var(--separator) 42%);background:color-mix(in srgb,var(--card-bg) 86%,var(--accent-light) 14%);color:color-mix(in srgb,var(--text-primary) 84%,var(--accent) 16%)}.footer-donate-heart{width:20px;height:20px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--text-primary);border:1px solid color-mix(in srgb,var(--separator) 72%,var(--text-secondary) 28%);flex-shrink:0}.footer-donate-heart svg{width:10px;height:10px;display:block}.footer-donate-btn:hover .footer-donate-heart{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 58%,var(--separator) 42%)}.footer-cta-note{font-size:12px;color:var(--text-secondary);line-height:1.4;max-width:210px;margin-top:4px}.footer-logo-wrap{margin:0;border-radius:0;background:transparent;padding:0;height:clamp(168px,25vw,262px);display:flex;align-items:flex-end;justify-content:flex-start;overflow:hidden}[data-theme=dark] .footer-logo-wrap{background:color-mix(in srgb,var(--card-bg) 94%,var(--fill) 6%)}.footer-giant-logo{width:158%;height:auto;max-width:none;color:var(--text-primary);opacity:.96;margin:0;transform:translate(4px,122px)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 4px 0}.footer-bottom p{margin:0;font-size:12px;color:var(--text-secondary);opacity:.88}.dev-link{color:var(--text-primary);text-decoration:none;font-weight:600}.dev-link:hover{text-decoration:underline}.footer-meta-links{display:flex;align-items:center;gap:8px;font-size:12px}.footer-dot{color:var(--text-tertiary)}@media(max-width:940px){.footer-top{grid-template-columns:1fr 1fr;column-gap:16px}.footer-brand p{max-width:none}.footer-top .footer-col:nth-child(4){grid-column:1 / -1;min-width:0}.footer-logo-wrap{height:158px}.footer-giant-logo{width:176%;transform:translate(3px,106px)}}@media(max-width:640px){.site-footer{padding:20px 0 22px}.footer-container{padding:0 16px}.footer-surface{border-radius:18px}.footer-top{grid-template-columns:1fr;gap:16px;padding:20px 16px 8px}.footer-brand p{font-size:18px}.footer-logo-wrap{margin:0;height:130px;padding:0;border-radius:0}.footer-giant-logo{width:226%;height:auto;transform:translate(2px,76px)}.footer-bottom{flex-direction:column;align-items:flex-start;gap:6px;padding-top:10px}}.support-ad-overlay{position:fixed;inset:0;z-index:2000;background:#070a0e6b;display:flex;align-items:center;justify-content:center;padding:18px}.support-ad-card{width:min(420px,100%);border-radius:14px;border:1px solid var(--separator);background:var(--card-bg);padding:16px;display:flex;flex-direction:column;gap:10px}.support-ad-badge{display:inline-flex;align-self:flex-start;font-size:11px;font-weight:700;letter-spacing:.05em;color:var(--accent);background:#1d7a5f1f;border:1px solid rgba(29,122,95,.26);border-radius:999px;padding:4px 9px}.support-ad-card h3{margin:0;font-size:18px;color:var(--text-primary);line-height:1.25}.support-ad-card p{margin:0;font-size:13px;color:var(--text-secondary);line-height:1.45}.support-ad-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.support-ad-btn{min-height:36px;border-radius:10px;border:1px solid var(--separator);padding:0 12px;font-size:12px;font-weight:700;letter-spacing:.02em;cursor:pointer}.support-ad-btn.passive{background:var(--fill);color:var(--text-secondary)}.support-ad-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.support-ad-btn:disabled{opacity:.65;cursor:not-allowed}.support-ad-toast{position:fixed;right:16px;bottom:92px;z-index:2001;border:1px solid rgba(29,122,95,.28);background:#eef9f3;color:#1d7a5f;border-radius:10px;padding:8px 10px;font-size:12px;font-weight:700}[data-theme=dark] .support-ad-toast{background:#1d7a5f2e;color:#9de7c4}