.reader-page{overflow:hidden;height:100dvh;display:flex;flex-direction:column}.reader-header{flex-shrink:0}.reader-shell{display:grid;grid-template-columns:280px 1fr;flex:1;min-height:0;margin-top:var(--nav-h);border-top:var(--rule)}.reader-sidebar{border-right:var(--rule);display:flex;flex-direction:column;overflow:hidden}.sidebar-head{padding:var(--sp-3);border-bottom:var(--rule);flex-shrink:0}.sidebar-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-2)}.sidebar-title{font-size:var(--type-label);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gray-400)}.sidebar-search{width:100%;height:36px;padding:0 .75rem;border:var(--rule);background:var(--white);font-family:var(--font);font-size:var(--type-small);color:var(--black);outline:none;transition:border-color var(--t-fast)}.sidebar-search::placeholder{color:var(--gray-400)}.sidebar-search:focus{border-color:var(--black)}.surah-list{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--gray-200) transparent}.surah-list::-webkit-scrollbar{width:4px}.surah-list::-webkit-scrollbar-track{background:transparent}.surah-list::-webkit-scrollbar-thumb{background:var(--gray-200)}.surah-item{display:flex;align-items:center;gap:.75rem;padding:.625rem var(--sp-3);border-bottom:var(--rule-light);cursor:pointer;transition:background var(--t-fast);-webkit-user-select:none;user-select:none}.surah-item:hover{background:var(--gray-50)}.surah-item.active{background:var(--black);color:var(--white)}.surah-num{font-size:var(--type-micro);font-weight:700;color:var(--gray-400);width:24px;text-align:right;flex-shrink:0;font-variant-numeric:tabular-nums}.surah-item.active .surah-num{color:#ffffff80}.surah-names{flex:1;min-width:0}.surah-name-en{font-size:var(--type-small);font-weight:500;color:var(--black);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.surah-item.active .surah-name-en{color:var(--white)}.surah-name-ar{font-family:var(--font-ar);font-size:.9rem;color:var(--gray-500);line-height:1.4;direction:rtl}.surah-item.active .surah-name-ar{color:#ffffffb3}.surah-meta{font-size:var(--type-micro);color:var(--gray-400);text-align:right;flex-shrink:0;letter-spacing:.03em}.surah-item.active .surah-meta{color:#ffffff73}.reader-main{overflow-y:auto;overflow-x:hidden;padding:var(--sp-8) var(--sp-6) calc(var(--sp-8) + 72px);scrollbar-width:thin;scrollbar-color:var(--gray-200) transparent}.reader-main::-webkit-scrollbar{width:4px}.reader-main::-webkit-scrollbar-track{background:transparent}.reader-main::-webkit-scrollbar-thumb{background:var(--gray-200)}.reader-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--sp-3);color:var(--gray-400);min-height:300px}.placeholder-icon{opacity:.25}.reader-placeholder p{font-size:var(--type-small);font-weight:500;letter-spacing:.04em}.surah-header{margin-bottom:var(--sp-6);padding-bottom:var(--sp-4);border-bottom:var(--rule);display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto auto;column-gap:var(--sp-4);align-items:start}.surah-header-num{font-size:var(--type-label);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gray-400);grid-column:1;align-self:center}.surah-header-ar{font-family:var(--font-ar);font-size:clamp(2.5rem,5vw,3.75rem);color:var(--black);direction:rtl;line-height:1.2;grid-column:2;grid-row:1 / 4;align-self:center;text-align:right}.surah-header-en{font-size:var(--type-h3);font-weight:600;color:var(--black);grid-column:1;margin-top:.125rem}.surah-header-meta{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--type-small);color:var(--gray-500);grid-column:1}.surah-header-meta span+span:before{content:"·";margin-right:var(--sp-2)}.surah-bismillah{text-align:center;font-family:var(--font-ar);font-size:1.75rem;line-height:1.6;direction:rtl;padding:var(--sp-5) var(--sp-4);margin-bottom:var(--sp-4);color:var(--black);letter-spacing:0}.ayah-block{margin-bottom:var(--sp-5);padding-bottom:var(--sp-5);border-bottom:var(--rule-light);border-left:3px solid transparent;padding-left:var(--sp-3);transition:background var(--t-mid),border-color var(--t-mid)}.ayah-block.ayah-active{background:var(--gray-50);border-left-color:var(--black)}.ayah-block.ayah-active .ayah-arabic{color:var(--black)}.ayah-block.ayah-active .ayah-translation{border-left-color:var(--black);color:var(--gray-600)}.ayah-block:last-child{border-bottom:none}.reader-main.has-timing .ayah-block{cursor:pointer}.reader-main.has-timing .ayah-block:hover:not(.ayah-active){background:var(--gray-50);border-left-color:var(--gray-300)}.ayah-arabic{font-family:var(--font-ar);font-size:clamp(1.4rem,2.5vw,1.9rem);line-height:2.2;direction:rtl;text-align:right;color:var(--black);margin-bottom:var(--sp-2)}.ayah-num-badge{display:inline-flex;align-items:center;justify-content:center;width:1.75em;height:1.75em;border:1.5px solid var(--gray-200);border-radius:50%;font-family:var(--font);font-size:.55em;font-weight:700;color:var(--gray-400);vertical-align:middle;margin-right:.25em;font-variant-numeric:tabular-nums}.ayah-translation{font-size:var(--type-small);line-height:1.75;color:var(--gray-600);padding-left:.25rem;border-left:2px solid var(--gray-200);margin-left:.25rem}.ayah-translation.hidden{display:none}.player-bar{position:fixed;bottom:0;left:0;right:0;height:72px;background:var(--black);border-top:1px solid rgba(255,255,255,.1);z-index:50;display:flex;align-items:center}.player-inner{display:flex;align-items:center;gap:var(--sp-4);width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--sp-3)}.player-info{display:flex;flex-direction:column;min-width:120px;flex-shrink:0}.player-surah-ar{font-family:var(--font-ar);font-size:1rem;color:var(--white);direction:rtl;line-height:1.3}.player-surah-en{font-size:var(--type-micro);color:#ffffff80;letter-spacing:.04em}.player-controls{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.player-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:#ffffffb3;transition:color var(--t-fast),opacity var(--t-fast);border-radius:0}.player-btn:hover{color:var(--white)}.player-play{width:40px;height:40px;background:var(--white);color:var(--black)}.player-play:hover{opacity:.85}.player-progress-wrap{flex:1;display:flex;align-items:center;gap:.625rem;min-width:0}.player-time{font-size:var(--type-micro);color:#ffffff80;font-variant-numeric:tabular-nums;flex-shrink:0;letter-spacing:.04em}.player-progress{flex:1;height:3px;background:#ffffff26;cursor:pointer;position:relative}.player-progress-fill{height:100%;background:var(--white);width:0%;transition:width .25s linear;pointer-events:none}.player-progress:hover .player-progress-fill{background:var(--green)}.player-trans-btn{flex-shrink:0;font-family:var(--font);font-size:var(--type-micro);font-weight:600;letter-spacing:.06em;color:#ffffff8c;background:#ffffff14;border:1px solid rgba(255,255,255,.15);padding:.375rem .625rem;cursor:pointer;transition:color var(--t-fast),border-color var(--t-fast);white-space:nowrap}.player-trans-btn:hover{color:var(--white);border-color:#fff6}.player-trans-btn[aria-pressed=true]{color:var(--white)}.player-reciter{flex-shrink:0}.reciter-select{font-family:var(--font);font-size:var(--type-micro);color:#ffffffb3;background:#ffffff14;border:1px solid rgba(255,255,255,.15);padding:.375rem .5rem;outline:none;cursor:pointer;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:border-color var(--t-fast)}.reciter-select:focus{border-color:#fff6}.reciter-select option{background:var(--black);color:var(--white)}.reader-loading{display:flex;flex-direction:column;gap:var(--sp-4)}.skeleton-line{background:var(--gray-100);height:1.5rem;animation:shimmer 1.5s ease-in-out infinite}.skeleton-line.wide{width:90%}.skeleton-line.medium{width:60%}.skeleton-line.short{width:30%}@keyframes shimmer{0%,to{opacity:1}50%{opacity:.4}}.mobile-surah-toggle{display:none;position:fixed;bottom:84px;right:1rem;z-index:60;background:var(--black);color:var(--white);padding:.625rem 1rem;font-size:var(--type-small);font-weight:600;letter-spacing:.04em;gap:.5rem;align-items:center;border:none;cursor:pointer;transition:opacity var(--t-fast)}.mobile-surah-toggle:hover{opacity:.8}.sidebar-focus-btn{display:flex;align-items:center;gap:.3rem;font-size:var(--type-label);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--gray-400);background:none;border:none;cursor:pointer;padding:.125rem .25rem;transition:color var(--t-fast)}.sidebar-focus-btn:hover{color:var(--black)}.nav-exit-focus{display:none;align-items:center;gap:.375rem}body.focus-mode .nav-exit-focus{display:flex}.surah-item-right{display:flex;align-items:center;gap:.375rem;flex-shrink:0}.surah-fav-btn{background:none;border:none;cursor:pointer;padding:.125rem;color:var(--gray-300);display:flex;align-items:center;opacity:0;transition:opacity var(--t-fast),color var(--t-fast)}.surah-item:hover .surah-fav-btn,.surah-fav-btn.is-fav{opacity:1}.surah-fav-btn.is-fav{color:var(--black)}.surah-fav-btn:hover{color:var(--black);opacity:1}.surah-list-divider{font-size:var(--type-label);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gray-400);padding:var(--sp-2) var(--sp-3);pointer-events:none;-webkit-user-select:none;user-select:none}.surah-list-divider:not(:first-child){border-top:var(--rule);margin-top:var(--sp-1);padding-top:var(--sp-3)}body.focus-mode .nav-normal-only,body.focus-mode .nav-status{display:none}body.focus-mode .site-header{border-bottom-color:var(--gray-200);transition:border-color var(--t-mid)}body.focus-mode .reader-shell{margin-top:var(--nav-h);grid-template-columns:1fr}body.focus-mode .reader-sidebar{display:none}body.focus-mode .reader-main{padding:var(--sp-10) clamp(var(--sp-4),10vw,var(--sp-20))}body.focus-mode .reader-main>*{max-width:780px;margin-left:auto;margin-right:auto}body.focus-mode .mobile-surah-toggle{display:none}.sidebar-backdrop{display:none;position:fixed;inset:0;background:#00000073;z-index:39;opacity:0;transition:opacity .25s ease}.sidebar-backdrop.visible{display:block;opacity:1}@media(max-width:900px){.reader-shell{grid-template-columns:240px 1fr}.reciter-select{max-width:160px}.player-info{display:none}}@media(max-width:640px){.reader-shell{grid-template-columns:1fr;position:relative}.reader-sidebar{position:fixed;top:var(--nav-h);left:0;bottom:108px;width:300px;background:var(--white);z-index:40;border-right:var(--rule);transform:translate(-100%);transition:transform .25s ease}.reader-sidebar.open{transform:translate(0);box-shadow:4px 0 32px #00000026}.reader-main{padding:var(--sp-5) var(--sp-4) calc(var(--sp-5) + 112px)}.ayah-block{padding-top:var(--sp-3);padding-bottom:var(--sp-4)}.ayah-arabic{font-size:clamp(1.5rem,5vw,1.9rem);line-height:2.4}.surah-header{grid-template-columns:1fr;grid-template-rows:auto auto auto auto}.surah-header-num{grid-column:1;grid-row:1}.surah-header-ar{grid-column:1;grid-row:2;grid-row-end:auto;font-size:clamp(2.25rem,11vw,3rem);text-align:right;align-self:auto;margin-bottom:var(--sp-1)}.surah-header-en{grid-column:1;grid-row:3}.surah-header-meta{grid-column:1;grid-row:4}.mobile-surah-toggle{display:flex;bottom:122px}.player-bar{height:auto}.player-inner{flex-wrap:wrap;align-items:center;gap:.375rem;padding:.625rem var(--sp-3) .75rem}.player-controls{gap:.375rem;flex-shrink:0}.player-progress-wrap{min-width:0}.player-reciter{width:100%;order:10}.reciter-select{display:block;width:100%;max-width:none;font-size:.75rem;padding:.4rem .5rem}}