.RecitationAlbumCard{appearance:none;cursor:pointer;background:0 0;border:none;flex-direction:column;flex-shrink:0;align-items:center;gap:6px;width:150px;padding:0;display:flex}.RecitationAlbumCard-name{color:var(--foreground);text-align:center;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.72rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}
.RecitationAlbumSheet-view{z-index:51}.RecitationAlbumSheet-content{background-color:var(--sheet-bg);position:relative;overflow:hidden}.RecitationAlbumSheet-content .LongSheet-innerContent{background-color:inherit;box-shadow:none;border-radius:0 0 24px 24px;margin-top:0;margin-bottom:0}.RecitationAlbumSheet-heroHeader{background:linear-gradient(to bottom,var(--accent),var(--sheet-bg));position:relative;overflow:visible}.RecitationAlbumSheet-roseBg{z-index:0;opacity:.15;pointer-events:none;width:380px;height:380px;-webkit-mask-image:var(--rose-svg);mask-image:var(--rose-svg);-webkit-mask-image:var(--rose-svg);position:absolute;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.RecitationAlbumSheet-roseBg--tl{animation:180s linear infinite RecitationAlbumSheet-roseTlSpin;top:-190px;left:-190px}.RecitationAlbumSheet-roseBg--br{animation:180s linear infinite RecitationAlbumSheet-roseBrSpin;bottom:-190px;right:-190px}@keyframes RecitationAlbumSheet-roseTlSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes RecitationAlbumSheet-roseBrSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.RecitationAlbumSheet-closeBtn{appearance:none;top:calc(env(safe-area-inset-top,0px) + 16px);z-index:2;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);background:#00000026;border:none;border-radius:9999px;place-items:center;padding:6px;display:grid;position:absolute;right:20px}.RecitationAlbumSheet-header{z-index:1;padding:calc(env(safe-area-inset-top,0px) + 48px)28px 16px;flex-direction:column;align-items:center;gap:14px;display:flex;position:relative;overflow:visible}.RecitationAlbumSheet-header .RecitationCover{margin-bottom:-2rem}.RecitationAlbumSheet-headerInfo{text-align:center;overflow:visible}.RecitationAlbumSheet-arabicName{font-family:var(--font-amiri),serif;color:var(--accent);z-index:0;direction:rtl;margin:0 0 -.7em;font-size:3.2rem;font-style:italic;font-weight:1000;position:relative;transform:rotate(1deg)}.RecitationAlbumSheet-title{color:var(--foreground);z-index:1;margin:0;font-size:1.2rem;font-weight:700;position:relative}.RecitationAlbumSheet-subtitle{color:var(--muted);z-index:1;text-transform:lowercase;letter-spacing:.03em;margin:6px 0 0;font-size:.75rem;position:relative}.RecitationAlbumSheet-bio{color:var(--muted);text-align:justify;margin:0;max-width:380px;margin-inline:auto;padding:0 32px 16px;font-size:.78rem;line-height:1.7}.RecitationAlbumSheet-bioToggle{appearance:none;color:var(--accent);cursor:pointer;background:0 0;border:none;margin-left:4px;padding:0;font-size:.78rem;font-weight:600}.RecitationAlbumSheet-list{z-index:1;padding:8px 12px calc(env(safe-area-inset-bottom,0px) + 24px);position:relative}.RecitationAlbumSheet-list--withPlayer{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 24px + 76px)}.RecitationAlbumSheet-episode{appearance:none;cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:14px;width:100%;padding:11px 12px;transition:background .15s;display:flex}.RecitationAlbumSheet-episode:active,.RecitationAlbumSheet-episode--active{background:var(--accent-light)}.RecitationAlbumSheet-episodeNumber{color:var(--muted);text-align:center;font-variant-numeric:tabular-nums;flex-shrink:0;width:26px;font-size:.75rem;font-weight:600}.RecitationAlbumSheet-episode--active .RecitationAlbumSheet-episodeNumber{color:var(--accent)}.RecitationAlbumSheet-episodeName{color:var(--foreground);text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.88rem;font-weight:500;overflow:hidden}.RecitationAlbumSheet-episode--active .RecitationAlbumSheet-episodeName{color:var(--accent);font-weight:600}.RecitationAlbumSheet-episodeIcon{color:var(--muted);opacity:.6;flex-shrink:0;align-items:center;display:flex}.RecitationAlbumSheet-episode--active .RecitationAlbumSheet-episodeIcon{color:var(--accent);opacity:1}
.RecitationsSection{margin-bottom:14px}.RecitationsSection-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.RecitationsSection-title{color:var(--foreground);align-items:center;gap:8px;margin:0;font-size:.88rem;font-weight:700;display:flex}.RecitationsSection-title svg{color:var(--accent)}.RecitationsSection-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.RecitationsSection-scroll::-webkit-scrollbar{display:none}.RecitationsSection-radioCard{appearance:none;cursor:pointer;background:0 0;border:none;flex-direction:column;flex-shrink:0;align-items:center;gap:6px;width:150px;padding:0;display:flex}.RecitationsSection-radioCard:active .RecitationsSection-radioCover{filter:brightness(.85)}.RecitationsSection-radioCover{background-color:var(--accent);border-radius:16px;justify-content:center;align-items:center;width:140px;height:140px;transition:filter .2s;display:flex;position:relative;overflow:hidden}.RecitationsSection-radioRose{opacity:.3;pointer-events:none;background-color:var(--rose-color,#922500);width:130%;height:130%;-webkit-mask-image:var(--rose-svg);mask-image:var(--rose-svg);-webkit-mask-image:var(--rose-svg);animation:RecitationsSection-radioSpin var(--rose-duration,120s)linear infinite;position:absolute;inset:-15%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@keyframes RecitationsSection-radioSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.RecitationsSection-radioIcon{z-index:1;color:#fff;filter:drop-shadow(0 2px 6px #00000040);position:relative}.RecitationsSection-radioLabel{color:var(--foreground);text-align:center;font-size:.72rem;font-weight:600;line-height:1.3}
.ResumeCard-section{margin-bottom:14px}.ResumeCard-sectionHeader{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.ResumeCard-sectionTitle{color:var(--foreground);margin:0;font-size:.88rem;font-weight:700}.ResumeCard-seeAll{appearance:none;cursor:pointer;color:var(--accent);background:0 0;border:none;font-size:.78rem;font-weight:600}.ResumeCard-scroll{gap:8px;display:flex}.ResumeCard{border:1px solid var(--border);background:var(--card);cursor:pointer;border-radius:14px;flex:1;align-items:center;gap:12px;min-width:0;padding:12px 14px;transition:transform .15s,background-color .15s;display:flex}.ResumeCard:hover{background-color:var(--card-hover,#f5f3ef)}.ResumeCard:active{transform:scale(.98)}.ResumeCard-number{background:var(--accent-light);width:32px;height:32px;color:var(--accent);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}.ResumeCard-number--completed{background:var(--accent-light);color:var(--accent);position:relative}.ResumeCard-checkBadge{background:var(--card);color:var(--accent);border-radius:50%;position:absolute;top:-2px;right:-2px}.ResumeCard-content{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.ResumeCard-title{color:var(--foreground);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:600;overflow:hidden}.ResumeCard-progressRow{align-items:center;gap:8px;display:flex}.ResumeCard-progressTrack{background:var(--border);border-radius:2px;flex:1;height:4px;overflow:hidden}.ResumeCard-progressFill{background:var(--accent);border-radius:2px;height:100%;transition:width .3s}.ResumeCard-meta{color:var(--muted);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.65rem;font-weight:600}.ResumeCard--completed{border-color:var(--accent-light)}.ResumeCard--selected{border-color:var(--accent);background:var(--accent-light)}.ResumeCard-checkbox{border:2px solid var(--border);color:#fff;background:0 0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:background .15s,border-color .15s;display:flex}.ResumeCard-checkbox--checked{background:var(--accent);border-color:var(--accent)}.ResumeCard-close{width:24px;height:24px;color:var(--muted);opacity:.4;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:opacity .2s,background .2s;display:flex}.ResumeCard:hover .ResumeCard-close{opacity:.7}.ResumeCard-close:active{background:var(--border);opacity:1}.ResumeSheet-view{z-index:60}.ResumeSheet-backdrop{background-color:#00000080;position:fixed;inset:0}.ResumeSheet-content{background-color:var(--sheet-bg,#fff);border-radius:16px 16px 0 0;flex-direction:column;max-height:70svh;display:flex;overflow:hidden}.ResumeSheet-handle{background-color:var(--border);border-radius:2px;width:36px;height:4px;margin:10px auto 0;display:block}.ResumeSheet-header{background-color:var(--sheet-bg,#fff);z-index:1;justify-content:space-between;align-items:center;padding:16px 20px 12px;display:flex;position:sticky;top:0}.ResumeSheet-title{color:var(--foreground);margin:0;font-size:1.1rem;font-weight:700}.ResumeSheet-closeBtn{appearance:none;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:9999px;place-items:center;padding:4px;display:grid}.ResumeSheet-closeBtn:hover{color:var(--foreground)}.ResumeSheet-toolbar{align-items:center;gap:8px;padding:0 20px 10px;display:flex}.ResumeSheet-toolbarBtn{appearance:none;color:var(--accent);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px 8px;font-size:.78rem;font-weight:600}.ResumeSheet-toolbarBtn:active{background:var(--accent-light)}.ResumeSheet-toolbarBtn--danger{color:#d32f2f}.ResumeSheet-toolbarBtn--danger:active{background:#fde8e8}.ResumeSheet-toolbarBtn:disabled{opacity:.3;cursor:default}.ResumeSheet-toolbarCount{color:var(--muted);font-size:.75rem;font-weight:600}.ResumeSheet-toolbarSpacer{flex:1}.ResumeSheet-confirmText{color:var(--foreground);font-size:.78rem;font-weight:600}[data-theme=dark] .ResumeSheet-toolbarBtn--danger{color:#ef5350}[data-theme=dark] .ResumeSheet-toolbarBtn--danger:active{background:#ef53501a}.ResumeSheet-list{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;gap:8px;padding:4px 16px 20px;display:flex;overflow-y:auto}.ResumeSheet-list .ResumeCard{flex:none}[data-theme=dark] .ResumeSheet-content,[data-theme=dark] .ResumeSheet-header{background-color:var(--card)}
.SearchResults-nav{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:.5rem;margin-top:.75rem;padding-bottom:.75rem;display:flex;overflow-x:auto}.SearchResults-nav::-webkit-scrollbar{display:none}.SearchResults-card{scroll-snap-align:start;border:1px solid var(--border);background:var(--accent-light);color:var(--accent);white-space:nowrap;cursor:pointer;border-radius:.75rem;flex-shrink:0;align-items:center;gap:.5rem;padding:.625rem .875rem;font-size:.8125rem;font-weight:500;display:flex}.SearchResults-card:active{scale:.97}.SearchResults-cardSurah{color:var(--muted);font-weight:400}.SearchResults-verses{flex-direction:column;gap:.5rem;margin-top:.75rem;display:flex}.SearchResults-verseItem{border:1px solid var(--border);background:var(--card);cursor:pointer;text-align:left;border-radius:.75rem;flex-direction:column;gap:.375rem;padding:.75rem;transition:background .15s;display:flex}.SearchResults-verseItem:active{scale:.99}.SearchResults-verseHeader{align-items:center;gap:.5rem;display:flex}.SearchResults-verseKey{color:var(--accent);background:var(--accent-light);border-radius:.375rem;padding:.125rem .5rem;font-size:.75rem;font-weight:600}.SearchResults-verseArabic{color:var(--foreground);text-align:right;text-overflow:ellipsis;-webkit-line-clamp:2;direction:rtl;-webkit-box-orient:vertical;font-family:UthmanicHafs,Traditional Arabic,serif;font-size:1.25rem;line-height:2;display:-webkit-box;overflow:hidden}.SearchResults-verseTranslation{color:var(--muted);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8125rem;line-height:1.5;display:-webkit-box;overflow:hidden}.SearchResults-verseTranslation em,.SearchResults-verseArabic em{color:var(--accent);font-style:normal;font-weight:600}.SearchResults-loading{color:var(--muted);justify-content:center;align-items:center;gap:.5rem;padding:1.5rem;font-size:.875rem;display:flex}.SearchResults-empty{text-align:center;color:var(--muted);padding:1.5rem;font-size:.875rem}.SearchResults-noResults{flex-direction:column;align-items:center;gap:.5rem;padding:2.5rem 1rem;display:flex}.SearchResults-noResultsIcon{color:var(--muted);opacity:.4;margin-bottom:.25rem}.SearchResults-noResultsTitle{color:var(--muted);font-size:.9375rem;font-weight:500}.SearchResults-retryBtn{background:var(--accent);color:#fff;cursor:pointer;border-radius:.625rem;margin-top:.5rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:500}.SearchResults-retryBtn:active{scale:.97}.SearchResults-count{color:var(--muted);margin-bottom:.5rem;font-size:.75rem}.SearchResults-empty-state{flex-direction:column;align-items:center;gap:.5rem;padding:2.5rem 1rem 1.5rem;display:flex}.SearchResults-emptyIcon{color:var(--muted);opacity:.4;margin-bottom:.25rem}.SearchResults-emptyTitle{color:var(--foreground);font-size:1rem;font-weight:600}.SearchResults-emptyHint{color:var(--muted);margin-bottom:.5rem;font-size:.8125rem}.SearchResults-suggestions{flex-wrap:wrap;justify-content:center;gap:.5rem;max-width:24rem;display:flex}.SearchResults-suggestion{border:1px solid var(--border);background:var(--card);cursor:pointer;border-radius:.625rem;align-items:center;gap:.375rem;padding:.5rem .75rem;font-size:.8125rem;transition:background .15s;display:flex}.SearchResults-suggestion:active{scale:.97}.SearchResults-suggestionLabel{color:var(--foreground);font-weight:500}.SearchResults-suggestionExample{color:var(--muted);font-size:.75rem}