.practice-page{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.practice-page .site-header{top:auto;bottom:0;border-top:var(--rule);border-bottom:none}.practice-nav-centre{display:flex;align-items:center;gap:var(--sp-3);flex-shrink:0}.practice-page-ctrl{display:flex;align-items:center;gap:.5rem}.page-label{font-size:var(--type-small);color:var(--gray-500);letter-spacing:.02em}.page-num-input{width:52px;height:32px;text-align:center;border:var(--rule);background:var(--white);font-family:var(--font);font-size:var(--type-small);font-weight:600;color:var(--black);outline:none;transition:border-color var(--t-fast);-moz-appearance:textfield;appearance:textfield}.page-num-input::-webkit-outer-spin-button,.page-num-input::-webkit-inner-spin-button{-webkit-appearance:none}.page-num-input:focus{border-color:var(--black)}.practice-word-count{font-size:var(--type-small);color:var(--gray-500);font-variant-numeric:tabular-nums;letter-spacing:.02em;white-space:nowrap}.practice-main{flex:1;overflow-y:auto;margin-bottom:var(--nav-h);padding:var(--sp-5) var(--sp-4) calc(var(--sp-4) + 100px + var(--nav-h));display:flex;justify-content:center;scrollbar-width:thin;scrollbar-color:var(--gray-200) transparent}.practice-main::-webkit-scrollbar{width:4px}.practice-main::-webkit-scrollbar-thumb{background:var(--gray-200)}.practice-card{width:100%;max-width:600px;font-family:var(--font-ar);font-size:clamp(1.55rem,3vw,2rem);line-height:2.6;direction:rtl;text-align:right;color:var(--black);word-break:normal;overflow-wrap:break-word}.practice-surah-banner{display:flex;align-items:center;justify-content:space-between;border:1.5px solid var(--black);padding:.4rem .875rem;margin:.75rem 0 .375rem;direction:rtl;background:var(--gray-50)}.practice-surah-banner>[lang=ar]{font-family:var(--font-ar);font-size:1rem;font-weight:700;color:var(--black);line-height:1.4}.practice-surah-banner .banner-en{font-family:var(--font);font-size:.6rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--gray-500);direction:ltr;flex-shrink:0;margin-right:auto;margin-left:.5rem;padding-right:.25rem}.practice-bismillah{text-align:center;font-family:var(--font-ar);font-size:1.35rem;line-height:1.8;direction:rtl;padding:.375rem 0;margin-bottom:.25rem;color:var(--black)}.word{display:inline;transition:filter .25s ease,color .25s ease,background-color .12s}.word-hidden{filter:blur(7px);color:var(--gray-300);-webkit-user-select:none;user-select:none;cursor:default}.word-next{filter:blur(2px);color:var(--gray-700);background:#00000012;border-radius:3px;padding:0 3px;cursor:pointer}@keyframes word-reveal{0%{opacity:.4}to{opacity:1}}.word-revealing{animation:word-reveal .2s ease-out forwards}.practice-ayah-marker{font-family:var(--font-ar);font-size:.75em;color:var(--gray-400);display:inline;unicode-bidi:embed;direction:rtl}.practice-loading,.practice-error{text-align:center;color:var(--gray-400);font-size:var(--type-small);padding:var(--sp-8) 0;direction:ltr}.practice-page-footer{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:2rem;padding:.625rem 0;border-top:1px solid var(--gray-200);direction:rtl}.practice-page-footer [lang=ar]{font-family:var(--font-ar);font-size:.95rem;color:var(--gray-600);letter-spacing:0}.footer-surah-num{font-family:var(--font-ar);font-size:.7rem;color:var(--gray-400);border:1px solid var(--gray-200);border-radius:50%;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.reveal-bar{position:fixed;bottom:var(--nav-h);left:0;right:0;background:var(--white);border-top:1px solid var(--gray-100);box-shadow:0 -4px 20px #00000012;z-index:50}.reveal-bar-inner{max-width:var(--max-width);margin:0 auto;padding:.625rem var(--sp-3) .75rem}.reveal-progress-track{height:3px;background:var(--gray-100);margin-bottom:.625rem;position:relative}.reveal-progress-fill{height:100%;background:var(--black);width:0%;transition:width .2s ease}.reveal-controls{display:flex;align-items:center;gap:var(--sp-2)}.reveal-next-btn{flex:1;height:48px;background:var(--black);color:var(--white);font-family:var(--font);font-size:var(--type-small);font-weight:700;letter-spacing:.03em;border-radius:2px;display:flex;align-items:center;justify-content:center;gap:.625rem;transition:opacity var(--t-fast);cursor:pointer}.reveal-next-btn:hover:not(:disabled){opacity:.85}.reveal-next-btn:disabled{opacity:.5;cursor:default}.reveal-hint{font-size:var(--type-micro);font-weight:500;color:var(--gray-400);background:var(--gray-100);padding:.125rem .375rem;border-radius:2px;letter-spacing:.04em}.reveal-page-btn{height:48px;padding:0 1.125rem;font-family:var(--font);font-size:var(--type-small);font-weight:600;letter-spacing:.03em;color:var(--gray-600);border:1.5px solid var(--gray-200);border-radius:2px;white-space:nowrap;background:var(--white);transition:color var(--t-fast),border-color var(--t-fast);flex-shrink:0}.reveal-page-btn:hover:not(:disabled){color:var(--black);border-color:var(--black)}.reveal-page-btn:disabled{opacity:.35;cursor:default}@media(max-width:640px){.practice-nav-centre{gap:var(--sp-2)}.practice-word-count{display:none}.practice-main{padding:var(--sp-4) var(--sp-3) calc(var(--sp-3) + 108px)}.practice-card{font-size:clamp(1.4rem,6vw,1.75rem)}.reveal-hint{display:none}.reveal-controls{gap:var(--sp-1)}.reveal-page-btn{padding:0 .875rem;font-size:var(--type-micro)}}