@font-face{font-family:SQKB Madinah Mushaf Uthmani;src:url(/assets/UthmanicHafs-V22-CDdq5xhX.ttf)format("truetype");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:SQKB Madinah Mushaf Legacy;src:url(/assets/KFGQPC-HAFS-Uthmanic-Script-CKVrig1D.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{--text:#6f6a60;--text-h:#1f2430;--bg:#fffaf2;--bg-elevated:#fff;--border:#e6ddce;--code-bg:#f3ede0;--accent:#2f6f5e;--accent-strong:#1f4f43;--accent-bg:#2f6f5e17;--accent-border:#2f6f5e52;--gold:#c49a45;--gold-strong:#a67d2e;--gold-bg:#c49a4524;--gold-border:#c49a4566;--success-text:#1f6e4d;--success-bg:#dcefe5;--success-border:#a9d9c3;--warning-text:#7a5a12;--warning-bg:#f7e4b8;--warning-border:#e8c778;--danger-text:#9a3b3b;--danger-bg:#f5d6d6;--danger-border:#e8adad;--mushaf-current:#2563eb;--mushaf-current-bg:#2563eb0f;--mushaf-correct:#1f6e4d;--mushaf-correct-bg:#dcefe5;--mushaf-correct-border:#a9d9c3;--mushaf-substitution:#9a3b3b;--mushaf-substitution-bg:#f5d6d6;--mushaf-substitution-border:#e8adad;--mushaf-skipped:#92400e;--mushaf-skipped-bg:#ffedd5;--mushaf-skipped-border:#fdba74;--mushaf-repeated:#7a5a12;--mushaf-repeated-bg:#f7e4b8;--mushaf-repeated-border:#e8c778;--social-bg:#f3ede080;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-pill:999px;--shadow-sm:0 1px 2px #1f20180f, 0 1px 1px #1f20180a;--shadow-md:0 10px 30px -12px #1f201838, 0 2px 10px -4px #1f20181a;--shadow-lg:0 30px 70px -24px #1f201852;--shadow:var(--shadow-md);--sans:"Segoe UI", Tahoma, system-ui, Roboto, sans-serif;--heading:"Segoe UI", Tahoma, system-ui, Roboto, sans-serif;--quran-font:"SQKB Madinah Mushaf Uthmani", "SQKB Madinah Mushaf Legacy", serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#bbb1a4;--text-h:#f4efe5;--bg:#151b19;--bg-elevated:#202a26;--border:#3d4943;--code-bg:#1a2320;--accent:#8cc8b7;--accent-strong:#b7ead9;--accent-bg:#8cc8b724;--accent-border:#8cc8b766;--gold:#e0bd6a;--gold-strong:#f0d191;--gold-bg:#e0bd6a29;--gold-border:#e0bd6a6b;--success-text:#bdeed7;--success-bg:#244b3d;--success-border:#326953;--warning-text:#f5dfab;--warning-bg:#5c4720;--warning-border:#8a6a2e;--danger-text:#f3caca;--danger-bg:#583031;--danger-border:#7c4344;--mushaf-current:#93c5fd;--mushaf-current-bg:#93c5fd1f;--mushaf-correct:#bdeed7;--mushaf-correct-bg:#244b3d8c;--mushaf-correct-border:#326953;--mushaf-substitution:#f3caca;--mushaf-substitution-bg:#5830318c;--mushaf-substitution-border:#7c4344;--mushaf-skipped:#fed7aa;--mushaf-skipped-bg:#9a34126b;--mushaf-skipped-border:#f97316;--mushaf-repeated:#f5dfab;--mushaf-repeated-bg:#5c47208c;--mushaf-repeated-border:#8a6a2e;--social-bg:#202a2680;--shadow-sm:0 1px 2px #00000059, 0 1px 1px #0003;--shadow-md:0 12px 32px -14px #0000008c, 0 2px 10px -4px #00000059;--shadow-lg:0 32px 80px -24px #000000a6;--shadow:var(--shadow-md)}#social .button-icon{filter:invert()brightness(2)}}*{box-sizing:border-box}#root{text-align:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-xl);width:1126px;max-width:100%;min-height:calc(100svh - 68px);box-shadow:var(--shadow-lg);flex-direction:column;margin:28px auto 40px;display:flex;overflow:hidden}@media (width<=700px){#root{min-height:100svh;box-shadow:none;border:0;border-radius:0;margin:0}}body{background:radial-gradient(1400px 620px at 50% -16%, color-mix(in srgb, var(--accent) 20%, transparent), transparent 62%), radial-gradient(1000px 520px at 105% -6%, color-mix(in srgb, var(--gold) 16%, transparent), transparent 58%), var(--bg);min-height:100svh;margin:0}h1,h2,h3{font-family:var(--heading);color:var(--text-h);font-weight:700}h1{letter-spacing:-.4px;color:var(--accent-strong);margin:0 0 6px;font-size:38px;line-height:1.2}@media (width<=1024px){h1{font-size:28px}}h2{letter-spacing:-.2px;border-inline-start:4px solid var(--gold);margin:0 0 8px;padding-inline-start:14px;font-size:22px;line-height:118%;position:relative}@media (width<=1024px){h2{font-size:19px}}h3{margin:0;font-size:17px}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.app-shell{max-width:900px;font-family:var(--sans);margin:0 auto;padding:0 24px 40px}.app-topbar{background:repeating-linear-gradient(135deg, #ffffff12 0 2px, transparent 2px 16px), linear-gradient(115deg, var(--accent-strong) 0%, var(--accent) 55%, var(--gold-strong) 145%);justify-content:center;align-items:center;gap:14px;margin:0 -24px 24px;padding:20px 24px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 -1px #00000014}.app-topbar-mark{border-radius:var(--radius-pill);color:#fff;background:#ffffff29;border:1px solid #fff6;flex:none;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;line-height:1;display:inline-flex}.app-topbar-brand{flex-direction:column;align-items:flex-start;line-height:1.35;display:flex}.app-topbar-name{color:#fff;letter-spacing:.6px;text-shadow:0 1px 2px #00000026;font-size:19px;font-weight:800}.app-topbar-tagline{color:#ffffffe0;font-size:13px}button{font:inherit;color:inherit;cursor:pointer}.primary-button,.actions-row button,.start-action-bar button,.review-studio-navigation button,.review-studio-actions button,.review-audio-buttons button,.preview-controls button{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);color:var(--text-h);cursor:pointer;box-shadow:var(--shadow-sm);padding:11px 20px;font-size:15px;font-weight:600;transition:transform .15s,box-shadow .15s,background-color .15s,border-color .15s,color .15s}.primary-button:hover:not(:disabled),.actions-row button:hover:not(:disabled),.start-action-bar button:hover:not(:disabled),.review-studio-navigation button:hover:not(:disabled),.review-studio-actions button:hover:not(:disabled),.review-audio-buttons button:hover:not(:disabled),.preview-controls button:hover:not(:disabled){border-color:var(--accent-border);background:var(--accent-bg);transform:translateY(-1px)}.primary-button:active:not(:disabled),.actions-row button:active:not(:disabled),.start-action-bar button:active:not(:disabled),.review-studio-navigation button:active:not(:disabled),.review-studio-actions button:active:not(:disabled),.review-audio-buttons button:active:not(:disabled),.preview-controls button:active:not(:disabled){box-shadow:var(--shadow-sm);transform:translateY(0)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.primary-button{border-radius:var(--radius-pill);background:linear-gradient(135deg, var(--accent) 0%, var(--accent-strong) 100%);color:#fff;letter-spacing:.2px;box-shadow:var(--shadow-md);border:none;padding:15px 30px;font-size:17px;font-weight:700}.primary-button:hover:not(:disabled){background:linear-gradient(135deg, var(--accent-strong) 0%, var(--accent) 100%);box-shadow:var(--shadow-lg)}button:disabled{cursor:not-allowed;opacity:.55;transform:none!important}.recitation-panel{border:1px solid var(--border);border-radius:var(--radius-lg);text-align:right;background:var(--bg-elevated);box-shadow:var(--shadow-sm);margin:28px 0;padding:20px}.recitation-panel textarea{box-sizing:border-box;direction:rtl;width:100%;margin-top:8px;padding:12px;font-size:18px}.actions-row{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.actions-row-top{z-index:5;flex-wrap:wrap;justify-content:flex-start;gap:10px;margin-block:4px 10px;display:flex;position:sticky;top:8px}.live-mushaf{position:relative}.mushaf-hover-actions{z-index:12;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-elevated);box-shadow:var(--shadow-sm);white-space:nowrap;gap:6px;padding:6px;display:flex;position:absolute;transform:translate(-50%,-110%)}.mushaf-hover-actions button{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg);color:var(--text-h);cursor:pointer;padding:6px 12px;font-size:14px;font-weight:700}.mushaf-hover-actions button:hover{background:color-mix(in srgb, var(--mushaf-current-bg) 30%, var(--bg))}.word-fix-banner{border-radius:var(--radius-lg);border:1px solid color-mix(in srgb, var(--mushaf-current) 40%, transparent);background:color-mix(in srgb, var(--mushaf-current-bg) 24%, var(--bg-elevated));color:var(--text-h);justify-content:space-between;align-items:center;gap:12px;margin:10px 0;padding:12px 16px;font-size:17px;font-weight:700;display:flex}.word-fix-banner button{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg);cursor:pointer;padding:6px 14px}.entry-mismatch-note{border-radius:var(--radius-lg);border:1px solid color-mix(in srgb, var(--gold) 45%, transparent);background:color-mix(in srgb, var(--gold) 12%, var(--bg-elevated));color:var(--text-h);margin:10px 0;padding:12px 16px;font-size:17px;font-weight:600}.status-banner{border-radius:var(--radius-lg);border:1px solid #0000;margin:16px 0;padding:16px 18px;font-size:22px;font-weight:700;animation:1.4s both feedback-pop}.status-banner-positive{color:var(--success-text);background:var(--success-bg);border-color:var(--success-border)}.status-banner-major{color:var(--danger-text);background:var(--danger-bg);border-color:var(--danger-border)}.status-banner-minor{color:var(--warning-text);background:var(--warning-bg);border-color:var(--warning-border)}@keyframes feedback-pop{0%{opacity:0;transform:translateY(8px)scale(.98)}18%,78%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-4px)scale(.99)}}.screen-card{border:1px solid var(--border);border-radius:var(--radius-xl);text-align:right;background:var(--bg-elevated);box-shadow:var(--shadow-md);gap:18px;padding:26px;display:grid;position:relative;overflow:hidden}.screen-card:before{content:"";background:linear-gradient(90deg, var(--accent) 0%, var(--gold) 60%, var(--accent) 100%);height:6px;position:absolute;inset:0 0 auto}.form-grid,.metric-grid,.report-grid,.live-meta{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.form-grid label,.live-screen label{color:var(--text-h);gap:6px;font-size:15px;font-weight:600;display:grid}select,input,textarea{box-sizing:border-box;border:1px solid var(--border);border-radius:var(--radius-md);width:100%;font:inherit;color:var(--text-h);background:var(--bg);padding:10px 12px;font-weight:400;transition:border-color .15s,box-shadow .15s}select:focus-visible,input:focus-visible,textarea:focus-visible,select:focus,input:focus,textarea:focus{border-color:var(--accent-border);box-shadow:0 0 0 3px var(--accent-bg);outline:none}.session-header{color:var(--text-h);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-bottom:6px;display:flex}.word-progress,.score-card{border:1px solid var(--accent-border);border-radius:var(--radius-pill);color:var(--accent-strong);background:var(--accent-bg);justify-self:start;padding:12px 20px;font-size:16px;font-weight:800}.quran-line{border:1px solid var(--border);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--bg) 55%, var(--bg-elevated));color:var(--text-h);font-family:var(--quran-font);padding:20px;font-size:26px;line-height:1.9}.issue-list{gap:8px;margin:0;padding-inline-start:22px;display:grid}.note{color:var(--text);font-size:15px}.error-text{color:var(--danger-text);background:var(--danger-bg);border:1px solid var(--danger-border);border-radius:var(--radius-md);padding:10px 12px}.font-warning-banner{max-width:720px;color:var(--warning-text);background:var(--warning-bg);border:1px solid var(--warning-border);border-radius:var(--radius-md);text-align:center;margin:10px auto 0;padding:10px 14px;font-size:.95rem}.dev-panel{border:1px dashed var(--accent-border);border-radius:var(--radius-md);text-align:left;font:13px/1.45 var(--mono);color:var(--text-h);background:var(--code-bg);direction:ltr;gap:6px;margin-top:20px;padding:14px;display:grid}.calibration-passage{border:1px solid var(--border);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--bg) 55%, var(--bg-elevated));gap:12px;padding:18px;display:grid}.feature-list{gap:6px;margin:0;padding-inline-start:22px;display:grid}.start-countdown{border-radius:var(--radius-pill);min-width:140px;color:var(--accent-strong);background:var(--accent-bg);border:1px solid var(--accent-border);justify-self:center;padding:18px 28px;font-size:32px;font-weight:800}.quran-tracking{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.live-mushaf{background:0 0;border:0;border-radius:0;gap:14px;padding:10px 4px 18px;display:grid}.live-mushaf-status{z-index:1;border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-h);background:color-mix(in srgb, var(--bg-elevated) 92%, transparent);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;padding:10px;font-size:14.5px;font-weight:700;display:grid;position:sticky;top:0}.live-mushaf-status span{border-radius:var(--radius-pill);background:var(--bg);border:1px solid var(--border);justify-content:center;align-items:center;padding:8px 12px;display:flex}.live-mushaf-status span:nth-child(2){color:var(--accent-strong);background:var(--accent-bg);border-color:var(--accent-border)}.live-mushaf-status span:nth-child(3){color:var(--gold-strong);background:var(--gold-bg);border-color:var(--gold-border)}.mushaf-view-toggle{border:1px solid var(--accent-border);border-radius:var(--radius-pill);color:var(--accent-strong);background:var(--accent-bg);font:inherit;cursor:pointer;justify-content:center;align-items:center;padding:8px 12px;font-weight:700;display:flex}.mushaf-view-toggle:hover{background:color-mix(in srgb, var(--accent-bg) 70%, var(--bg-elevated))}.live-reading-state{color:#fff;font-weight:800;background:linear-gradient(120deg, var(--accent) 0%, var(--accent-strong) 100%)!important;border-color:#0000!important}.live-mushaf-text{border-radius:var(--radius-lg);background:color-mix(in srgb, var(--bg) 55%, var(--bg-elevated));color:var(--text-h);font-family:var(--quran-font);text-align:center;word-spacing:.16em;scroll-behavior:smooth;direction:rtl;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:0;padding:22px 16px 24px;font-size:clamp(42px,6vw,64px);line-height:2.35;display:flex}.mushaf-word{white-space:nowrap;min-width:0;min-height:0;color:var(--text-h);font:inherit;text-underline-offset:.22em;background:0 0;border:0;border-radius:.22em;margin-inline:.08em;padding:0 .06em .08em;text-decoration-line:underline;text-decoration-color:#0000;text-decoration-thickness:.08em;transition:background-color .18s,color .18s,opacity .18s,text-decoration-color .18s,box-shadow .18s,text-shadow .18s;display:inline;position:relative}button.mushaf-word{appearance:none;cursor:pointer}.mushaf-word:disabled{cursor:not-allowed;opacity:1}.mushaf-word:focus-visible{outline:2px solid color-mix(in srgb, var(--mushaf-current) 70%, transparent);outline-offset:.16em;border-radius:.22em}.mushaf-word-hidden{vertical-align:baseline;color:#0000;min-width:1.35em;min-height:1em;display:inline-flex}.mushaf-word-hidden:before{content:"";background:color-mix(in srgb, var(--border) 70%, transparent);border-radius:999px;align-self:center;width:1.1em;height:.18em}.mushaf-word-current{color:var(--mushaf-current);background:color-mix(in srgb, var(--mushaf-current-bg) 72%, transparent);box-shadow:0 0 .5em color-mix(in srgb, var(--mushaf-current) 20%, transparent);animation:1.8s ease-in-out infinite mushaf-current-pulse}.mushaf-word-correct{color:var(--mushaf-correct);background:color-mix(in srgb, var(--mushaf-correct-bg) 76%, transparent)}.mushaf-word-provisional-confirmed{color:var(--mushaf-correct);background:color-mix(in srgb, var(--mushaf-correct-bg) 34%, transparent);text-decoration-line:underline;text-decoration-style:dotted;-webkit-text-decoration-color:color-mix(in srgb, var(--mushaf-correct) 55%, transparent);text-decoration-color:color-mix(in srgb, var(--mushaf-correct) 55%, transparent)}.mushaf-word-substitution{color:var(--mushaf-substitution);-webkit-text-decoration-color:var(--mushaf-substitution-border);text-decoration-color:var(--mushaf-substitution-border);background:0 0}.mushaf-word-uncertain{text-underline-offset:.18em;background:#f59e0b2e;-webkit-text-decoration:underline #b45309e6;text-decoration:underline #b45309e6;text-decoration-thickness:.12em}.mushaf-word-skipped{color:var(--mushaf-skipped);-webkit-text-decoration-color:var(--mushaf-skipped-border);text-decoration-color:var(--mushaf-skipped-border);background:0 0}.mushaf-word-repeated{color:var(--mushaf-repeated);text-decoration-style:dotted;-webkit-text-decoration-color:var(--mushaf-repeated-border);text-decoration-color:var(--mushaf-repeated-border);background:0 0}.mushaf-word-selected{background:color-mix(in srgb, var(--accent-bg) 70%, transparent);box-shadow:0 0 .42em color-mix(in srgb, var(--accent) 18%, transparent)}.mushaf-ayah{border-radius:.38em;transition:background-color .18s;display:inline}.mushaf-page-shell{gap:10px;min-width:0;display:grid}.mushaf-page-nav{direction:rtl;justify-content:center;align-items:center;gap:14px;display:flex}.mushaf-page-nav button{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-elevated);color:var(--text-h);cursor:pointer;padding:6px 14px;font-size:14px;font-weight:700}.mushaf-page-nav button:disabled{opacity:.45;cursor:default}.mushaf-page-number{text-align:center;min-width:90px;color:var(--gold);font-weight:700}.mushaf-sheet{font-size:inherit;min-width:min(780px,100vw - 120px);display:block}.mushaf-sheet .mushaf-ayah{display:contents}.mushaf-line{flex-wrap:nowrap;justify-content:center;align-items:baseline;min-width:0;display:flex}.mushaf-line-justified{justify-content:space-between}.mushaf-ayah-current{background:color-mix(in srgb, var(--mushaf-current-bg) 26%, transparent)}.ayah-separator{color:var(--gold);white-space:nowrap;margin-inline:.2em .14em;font-size:.68em;display:inline}@keyframes mushaf-current-pulse{0%,to{box-shadow:0 0 .38em color-mix(in srgb, var(--mushaf-current) 16%, transparent);text-shadow:0 0 0 color-mix(in srgb, var(--mushaf-current) 0%, transparent)}50%{box-shadow:0 0 .72em color-mix(in srgb, var(--mushaf-current) 28%, transparent);text-shadow:0 0 .28em color-mix(in srgb, var(--mushaf-current) 12%, transparent)}}@media (prefers-reduced-motion:reduce){.live-mushaf-text{scroll-behavior:auto}.mushaf-word,.mushaf-ayah{transition:none}.mushaf-word-current{animation:none}}@media (width<=640px){.live-mushaf{padding-inline:0}.live-mushaf-status{border-radius:14px;grid-template-columns:1fr 1fr}.live-mushaf-text{word-spacing:.08em;max-width:100%;padding-inline:10px;font-size:38px;line-height:2.1}.mushaf-sheet{max-width:none;margin-inline:-26px;padding-inline:4px}.mushaf-word{margin-inline:.04em}}.heard-transcript-panel{border-top:1px solid var(--border);padding-top:10px}.heard-transcript-panel summary{cursor:pointer;color:var(--text-h);font-weight:700}.heard-transcript-panel textarea{margin-top:10px}.word-token{border-radius:var(--radius-sm);color:var(--text-h);border:1px solid #0000;padding:4px 8px;display:inline-flex}.word-token-correct{color:var(--success-text);background:var(--success-bg);border-color:var(--success-border)}.word-token-substitution{color:var(--danger-text);background:var(--danger-bg);border-color:var(--danger-border)}.word-token-current{color:var(--mushaf-current);border-color:var(--mushaf-current);box-shadow:0 0 0 2px color-mix(in srgb, var(--mushaf-current) 16%, transparent);background:0 0}.word-token-unheard{color:var(--text);background:var(--code-bg);border-color:var(--border)}.review-studio-page{max-width:1280px}.review-studio{gap:18px;min-height:calc(100vh - 48px);display:grid}.review-studio-header{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--bg-elevated);box-shadow:var(--shadow-md);justify-content:space-between;align-items:end;gap:16px;padding:22px 26px;display:flex;position:relative;overflow:hidden}.review-studio-header:before{content:"";background:linear-gradient(90deg, var(--accent) 0%, var(--gold) 60%, var(--accent) 100%);height:6px;position:absolute;inset:0 0 auto}.review-studio-header h1{margin:0 0 6px;font-size:clamp(24px,3.4vw,34px)}.review-studio-header p{color:var(--text);margin:0}.review-studio-header strong{border-radius:var(--radius-pill);color:var(--accent-strong);background:var(--accent-bg);border:1px solid var(--accent-border);white-space:nowrap;padding:8px 16px;font-size:15px}.review-success-banner{color:var(--success-text);background:var(--success-bg);border:1px solid var(--success-border);border-radius:var(--radius-xl);text-align:center;margin:0;padding:14px 22px;font-size:18px;font-weight:600}.review-studio-layout{direction:ltr;grid-template-columns:minmax(0,1fr) minmax(280px,340px);align-items:stretch;gap:18px;display:grid}.review-studio-mushaf,.review-issue-panel,.review-audio-controls,.review-timeline,.review-empty-state{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--bg-elevated);box-shadow:var(--shadow-sm)}.review-studio-mushaf{direction:rtl;align-content:center;min-height:420px;padding:28px 18px;display:grid}.review-word-list .live-mushaf-text{background:0 0;padding-block:8px}.review-studio-mushaf{min-width:0;overflow-x:hidden}.review-studio-mushaf>*{min-width:0;max-width:100%}.review-word-list .live-mushaf-text{max-width:100%}.review-word-list .mushaf-sheet{min-width:0}.review-issue-panel{direction:rtl;padding:22px}.review-issue-panel h2,.review-timeline h2{margin-top:0;font-size:21px}.review-issue-panel dl{gap:14px;margin:0;display:grid}.review-issue-panel dl div{border-bottom:1px solid var(--border);gap:4px;padding-bottom:12px;display:grid}.review-issue-panel dt{color:var(--text);font-size:14px}.review-issue-panel dd{color:var(--text-h);margin:0;font-weight:700}.review-studio-bottom{direction:ltr;grid-template-columns:minmax(280px,420px) minmax(0,1fr);gap:18px;display:grid}.review-audio-controls,.review-timeline{direction:rtl;padding:18px}.review-audio-controls{gap:12px;display:grid}.review-audio-controls>div{justify-content:space-between;gap:12px;display:flex}.review-audio-controls audio{width:100%}.review-audio-buttons{flex-wrap:wrap;gap:8px;display:flex}.review-seek-control,.review-rate-control{gap:6px;display:grid}.review-seek-control input{width:100%;accent-color:var(--accent)}.review-timeline-items{flex-wrap:wrap;gap:10px;display:flex}.review-timeline-track{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--border) 55%, transparent);height:30px;margin:6px 0 14px;position:relative}.review-timeline-marker{border:2px solid var(--bg-elevated);border-radius:var(--radius-pill);width:16px;height:16px;box-shadow:0 0 0 1px var(--border);padding:0;position:absolute;top:50%;transform:translate(-50%,-50%)}.review-timeline-marker-substitution{background:var(--mushaf-substitution-border)}.review-timeline-marker-missing,.review-timeline-marker-skipped{background:var(--mushaf-skipped-border)}.review-timeline-marker-repeated{background:var(--mushaf-repeated-border)}.review-timeline-marker-selected{box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 22%, transparent)}.review-timeline-item{border:1px solid var(--border);border-radius:var(--radius-pill);min-height:38px;color:var(--text-h);background:var(--bg-elevated);font:inherit;align-items:center;gap:8px;padding:6px 12px;display:inline-flex}.review-timeline-item-selected{border-color:var(--accent-border);background:var(--accent-bg);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent)}.review-timeline-item small{color:var(--text)}.review-studio-navigation{flex-wrap:wrap;align-items:center;gap:10px;padding:0 4px;display:flex}@media (width<=860px){.review-studio-layout,.review-studio-bottom{grid-template-columns:1fr}.review-studio-header{flex-direction:column;align-items:start}}.start-screen{max-width:100%;padding-bottom:96px;overflow-x:hidden}.start-action-bar{inset-inline:0;z-index:10;padding:14px max(16px, env(safe-area-inset-left)) calc(14px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-right));border-top:1px solid var(--border);background:color-mix(in srgb, var(--bg-elevated) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:center;gap:12px;display:flex;position:fixed;bottom:0;box-shadow:0 -8px 24px #14182814}.range-preview{border:1px solid var(--border);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--bg) 55%, var(--bg-elevated));gap:12px;padding:18px;display:grid}.range-preview-text{max-height:280px;color:var(--text-h);font-family:var(--quran-font);gap:8px;font-size:22px;line-height:2;display:grid;overflow:auto}.preview-controls,.start-action-bar{align-items:center}.live-error-panel{border-color:var(--warning-border);background:var(--warning-bg)}.save-blockers{border:1px solid var(--warning-border);border-radius:var(--radius-md);color:var(--warning-text);background:var(--warning-bg);padding:12px 14px}.save-blockers ul{margin:8px 0 0;padding-inline-start:22px}.success-text{color:var(--success-text);background:var(--success-bg);border:1px solid var(--success-border);border-radius:var(--radius-md);padding:10px 12px}@media (width<=640px){.app-shell{max-width:100%;padding-inline:12px;overflow-x:hidden}.start-action-bar{flex-direction:column;align-items:stretch}.app-topbar{margin-inline:-12px}.start-sticky-action .primary-button{width:100%}.range-preview-text{max-width:100%;font-size:20px}}.mushaf-word-inspectable{cursor:pointer;text-underline-offset:.22em;text-decoration-thickness:.08em}.mushaf-word-uncertain.mushaf-word-inspectable{text-decoration-line:underline;text-decoration-style:dotted;text-decoration-color:#b7791f}.mushaf-word-substitution.mushaf-word-inspectable,.mushaf-word-skipped.mushaf-word-inspectable{text-decoration-line:underline;text-decoration-style:solid}.token-decision-panel{border:1px solid var(--gold-border);border-radius:var(--radius-xl);background:var(--bg-elevated);max-width:42rem;box-shadow:var(--shadow-lg);color:var(--text-h);margin:1rem auto 0;padding:1.1rem 1.2rem}.token-decision-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.token-decision-header h2,.token-decision-explanation h3{margin:0}.token-decision-close{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--bg);color:var(--text-h);min-height:2.25rem;padding:0 .9rem}.token-decision-list,.token-decision-developer dl{gap:.7rem;margin:0;display:grid}.token-decision-list div,.token-decision-developer div{grid-template-columns:minmax(8rem,.45fr) 1fr;align-items:baseline;gap:.75rem;display:grid}.token-decision-list dt,.token-decision-developer dt{color:var(--text);font-weight:700}.token-decision-list dd,.token-decision-developer dd{margin:0}.token-decision-quran{font-family:var(--quran-font);font-size:1.45rem;line-height:1.9}.token-decision-explanation{margin-top:1rem}.token-decision-explanation p{margin:.35rem 0 0}.token-decision-explanation ul{margin:.6rem 1rem 0 0;padding:0}.token-decision-developer{border-top:1px solid var(--border);text-align:left;direction:ltr;margin-top:1rem;padding-top:.75rem}@media (width<=720px){.token-decision-list div,.token-decision-developer div{grid-template-columns:1fr;gap:.2rem}}.mushaf-word-recovered{background:#f7b2402e;text-decoration-line:underline;text-decoration-style:dotted;text-decoration-color:#9a650c}.teacher-dashboard{gap:16px;display:grid}.teacher-session-table{border-collapse:collapse;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;overflow:hidden}.teacher-session-table th,.teacher-session-table td{border-bottom:1px solid var(--border);text-align:right;padding:10px 14px;font-size:15px}.teacher-session-table th{background:color-mix(in srgb, var(--bg) 60%, var(--bg-elevated));color:var(--text-h);font-weight:700}.teacher-session-table button{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg);cursor:pointer;padding:6px 12px}.teacher-reviewed-badge{background:color-mix(in srgb, var(--mushaf-current-bg) 40%, transparent);color:var(--text-h);border-radius:999px;padding:3px 10px;font-size:13px;font-weight:700;display:inline-block}.teacher-detail-bar{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-elevated);flex-wrap:wrap;align-items:center;gap:14px;padding:12px 16px;display:flex}.teacher-detail-bar button{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg);cursor:pointer;padding:6px 14px}.teacher-review-panel{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-elevated);gap:12px;padding:16px;display:grid}.teacher-reviewed-toggle{color:var(--text-h);align-items:center;gap:8px;font-weight:700;display:flex}.teacher-note-field{color:var(--text-h);gap:6px;font-weight:700;display:grid}.teacher-note-field textarea{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg);resize:vertical;padding:10px 12px;font-family:inherit;font-size:15px}.teacher-repeated-mistakes h3{margin:0 0 6px;font-size:16px}.teacher-repeated-mistakes ul{gap:4px;margin:0;padding-inline-start:18px;display:grid}.review-issue-tagging h3{margin:14px 0 8px;font-size:15px}.review-tag-chips{flex-wrap:wrap;gap:8px;display:flex}.review-tag-chip{border:1px solid var(--border);background:var(--bg);color:var(--text-h);cursor:pointer;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:700}.review-tag-chip-active{border-color:color-mix(in srgb, var(--mushaf-current) 55%, var(--border));background:color-mix(in srgb, var(--mushaf-current-bg) 45%, var(--bg))}.review-tag-chip-static{cursor:default}.teacher-backlog{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-elevated);padding:16px}.teacher-backlog-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.teacher-backlog-header h2{margin:0;font-size:18px}.teacher-backlog-header button{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg);cursor:pointer;padding:6px 14px}.teacher-backlog-list{gap:8px;margin:10px 0 0;padding-inline-start:18px;display:grid}.app-topbar-nav{margin-inline-start:auto}.app-topbar-nav a{border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-h);background:var(--bg-elevated);padding:8px 16px;font-size:14px;font-weight:700;text-decoration:none}.app-topbar-nav a:hover{background:color-mix(in srgb, var(--mushaf-current-bg) 30%, var(--bg-elevated))}