@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:400;src:url(./amiri-arabic-400-normal-D0NIBXga.woff2) format("woff2"),url(./amiri-arabic-400-normal-C_1DQziU.woff) format("woff");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:400;src:url(./amiri-latin-ext-400-normal-C9hoIjPx.woff2) format("woff2"),url(./amiri-latin-ext-400-normal-CGn-6a7O.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:400;src:url(./amiri-latin-400-normal-Czk41Rjn.woff2) format("woff2"),url(./amiri-latin-400-normal-Bv6IM0kz.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-family:Aptos,Segoe UI Variable,Segoe UI,system-ui,-apple-system,sans-serif;color:#17221e;background:#e8ebe7;font-synthesis:none;text-rendering:optimizeLegibility;--ivory: #f3f4ef;--paper: #fbfcf9;--graphite: #17221e;--muted: #5c6963;--jade: #5d9a82;--jade-deep: #2d6752;--jade-wash: #dfece6;--line: #d3dbd6;--line-strong: #b9c6bf;--record: #b75d58;--record-ink: #843f3b;--record-wash: #f2e3e1;--shadow: 0 22px 55px rgba(40, 64, 53, .12)}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:#e8ebe7}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 76% 5%,rgba(93,154,130,.09),transparent 31rem),#e8ebe7}button,input,select{font:inherit}button,select,input,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid rgba(45,103,82,.34);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.42}a{color:var(--jade-deep);text-underline-offset:.2em}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:100;top:12px;left:80px;padding:10px 14px;border-radius:8px;color:var(--paper);background:var(--jade-deep);transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.lab-app{min-height:100vh;padding-left:60px}.tool-rail{position:fixed;z-index:20;inset:0 auto 0 0;display:flex;width:60px;flex-direction:column;align-items:center;border-right:1px solid rgba(45,103,82,.17);background:#f8f9f5f5}.tool-rail nav{display:flex;flex:1;flex-direction:column;gap:7px;padding-top:18px}.lab-mark,.nav-button{display:grid;place-items:center;border:0;background:transparent;cursor:pointer}.lab-mark{width:100%;height:64px;border-bottom:1px solid var(--line);color:var(--jade-deep)}.lab-mark span{display:grid;width:31px;height:31px;place-items:center;border:1px solid currentColor;border-radius:50%;font-family:Traditional Arabic,serif;font-size:1.05rem}.nav-button{position:relative;width:42px;height:42px;border-radius:11px;color:#66726c;transition:color .16s ease,background .16s ease,transform .16s ease}.nav-button:hover{color:var(--graphite);background:#eef2ee}.nav-button:active{transform:scale(.96)}.nav-button.active{color:var(--paper);background:var(--jade-deep);box-shadow:0 9px 20px #2d675238}.nav-button>span{display:none}.tool-rail>.nav-button{margin-bottom:13px}.workspace{width:100%;min-height:100vh}.practice-screen{width:100%}.location-bar{display:flex;min-height:64px;align-items:center;justify-content:space-between;gap:24px;padding:8px clamp(18px,3vw,44px);border-bottom:1px solid rgba(45,103,82,.15);background:#f3f4efe6}.product-name{display:flex;align-items:baseline;gap:9px;white-space:nowrap}.product-name strong{font-size:1.08rem;letter-spacing:-.025em}.product-name span{color:var(--muted);font-size:.78rem}.location-selectors{display:flex;align-items:center;gap:8px}.location-selectors label{display:flex;align-items:center;gap:8px;min-height:40px;padding-left:12px;border:1px solid var(--line);border-radius:10px;background:#fbfcf9c2}.location-selectors label>span{color:var(--muted);font-size:.75rem}.location-selectors select{max-width:220px;height:38px;padding:0 34px 0 4px;border:0;color:var(--graphite);background:transparent;cursor:pointer;font-weight:620}.location-selectors .ayah-select select{width:72px}.lab-surface{width:min(1480px,calc(100% - clamp(24px,5vw,72px)));margin:clamp(16px,2vw,28px) auto 40px;overflow:hidden;border-radius:14px;background:var(--paper);box-shadow:var(--shadow)}.specimen-header{display:flex;min-height:74px;align-items:center;justify-content:space-between;gap:24px;padding:12px clamp(18px,2.5vw,36px);border-bottom:1px solid var(--line)}.specimen-header h1,.page-bar h1{margin:0;font-size:1.18rem;line-height:1.15;letter-spacing:-.025em}.location-code{margin:0 0 3px;color:var(--jade-deep);font-size:.72rem;font-variant-numeric:tabular-nums}.reciter-readout{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:8px;line-height:1.15}.reciter-readout>span:not(.signal-dot){font-size:.85rem;font-weight:650}.reciter-readout small{grid-column:2;color:var(--muted);font-size:.68rem}.signal-dot{grid-row:1 / span 2;width:8px;height:8px;border-radius:50%;background:var(--jade);box-shadow:0 0 0 5px var(--jade-wash)}.stage-rail{display:grid;grid-template-columns:repeat(7,minmax(92px,1fr));overflow-x:auto;border-bottom:1px solid var(--line);background:#f6f7f3;scrollbar-width:thin}.stage-button{position:relative;display:flex;min-height:50px;align-items:center;justify-content:center;gap:7px;padding:8px 10px;border:0;border-right:1px solid var(--line);color:#65716b;background:transparent;cursor:pointer;font-size:.77rem;white-space:nowrap;transition:color .16s ease,background .16s ease}.stage-button:last-child{border-right:0}.stage-button span{display:grid;width:20px;height:20px;place-items:center;border:1px solid #b8c2bd;border-radius:50%;font-size:.65rem}.stage-button:hover{color:var(--graphite);background:#edf2ee}.stage-button.active{color:#204d3c;background:var(--jade-wash);font-weight:660}.stage-button.active:after{content:"";position:absolute;right:14px;bottom:0;left:14px;height:2px;background:var(--jade-deep)}.stage-button.active span{border-color:var(--jade-deep);color:var(--paper);background:var(--jade-deep)}.specimen{min-height:clamp(300px,41vh,500px);padding:16px clamp(20px,4.5vw,76px) 20px;background:radial-gradient(circle at 50% 42%,rgba(93,154,130,.055),transparent 25rem),var(--paper)}.specimen-tools{display:flex;min-height:30px;align-items:center;justify-content:space-between;gap:20px}.specimen-tools p{margin:0;color:var(--muted);font-size:.75rem}.text-button{padding:5px 2px;border:0;color:var(--jade-deep);background:transparent;cursor:pointer;font-size:.76rem;font-weight:650}.text-button:hover{text-decoration:underline;text-underline-offset:.25em}.arabic-plane{display:grid;min-height:clamp(200px,28vh,340px);place-items:center;padding:24px 2vw;transition:background .18s ease,color .18s ease}.arabic-plane p,.recall-arabic{max-width:24ch;margin:0;color:#101b17;font-family:Amiri,Noto Naskh Arabic,Traditional Arabic,Arabic Typesetting,serif;font-size:clamp(2.45rem,5.4vw,5.35rem);font-weight:400;line-height:1.9;text-align:center}.ayah-number{display:inline-block;margin-right:.2em;color:var(--jade-deep);font-size:.4em;vertical-align:.28em}.arabic-plane.hidden{min-height:clamp(200px,28vh,340px);border:1px dashed var(--line-strong);border-radius:12px;background:#f7f8f5}.hidden-marker{color:#78837d;font-size:.9rem}.translation{max-width:68ch;margin:-5px auto 8px;color:#4d5a54;font-size:.9rem;line-height:1.5;text-align:center}.context-ayah{display:grid;width:100%;grid-template-columns:78px 1fr;align-items:center;gap:18px;padding:10px 0;border:0;color:#5c6963;background:transparent;cursor:pointer;text-align:right}.context-ayah+.arabic-plane{min-height:190px}.context-ayah span{font-size:.68rem;text-align:left}.context-ayah b{overflow:hidden;font-family:Amiri,Noto Naskh Arabic,Traditional Arabic,Arabic Typesetting,serif;font-size:clamp(1.1rem,2vw,1.65rem);font-weight:400;line-height:1.6;text-overflow:ellipsis;white-space:nowrap}.context-ayah:hover b{color:var(--jade-deep)}.audio-bench{padding:16px clamp(18px,2.5vw,36px) 18px;border-top:1px solid var(--line);background:#f1f4f0}.bench-heading,.bench-heading>div,.bench-toggles,.transport{display:flex;align-items:center}.bench-heading{justify-content:space-between;gap:18px;margin-bottom:12px}.bench-heading>div:first-child{gap:12px}.bench-heading h2{margin:0;font-size:.84rem;letter-spacing:-.015em}.bench-heading>div:first-child>span{color:var(--muted);font-size:.68rem;font-variant-numeric:tabular-nums}.bench-toggles{gap:5px}.toggle,.speed-control select,.ab-action{min-height:30px;padding:5px 9px;border:1px solid var(--line-strong);border-radius:8px;color:#53605a;background:#fbfcf9b8;cursor:pointer;font-size:.68rem}.toggle:hover,.ab-action:hover,.speed-control select:hover{border-color:var(--jade);color:var(--jade-deep)}.toggle.active{border-color:#93b7a7;color:var(--jade-deep);background:var(--jade-wash)}.toggle:disabled,.ab-action:disabled,.setting-actions button:disabled{cursor:not-allowed;opacity:.48}.speed-control select{padding-right:25px}.waveforms{position:relative;display:grid;gap:6px}.waveform-row{display:grid;min-height:52px;grid-template-columns:36px 92px 1fr;align-items:center;gap:10px;padding:5px 8px;border-radius:9px;transition:opacity .16s ease,background .16s ease}.waveform-row.active{background:#fbfcf9c2}.wave-play{display:grid;width:32px;height:32px;place-items:center;padding:0;border:1px solid var(--line-strong);border-radius:50%;color:var(--jade-deep);background:var(--paper);cursor:pointer}.wave-play:hover{border-color:var(--jade);background:var(--jade-wash)}.wave-label{display:grid;gap:1px}.wave-label strong{font-size:.72rem}.wave-label span{overflow:hidden;color:var(--muted);font-size:.63rem;text-overflow:ellipsis;white-space:nowrap}.wave-track{position:relative;height:38px;overflow:hidden;padding:0;border:0;border-radius:8px;background:transparent;cursor:crosshair;touch-action:none;user-select:none}.wave-track[aria-disabled=true]{cursor:not-allowed;opacity:.45}.wave-track:not([aria-disabled=true]):hover{background:#5d9a820e}.wave-track:focus-visible{outline:2px solid var(--jade-deep);outline-offset:2px}.wave-track:before{content:"";position:absolute;right:0;left:0;top:50%;border-top:1px dashed var(--line-strong)}.wave-bars{position:absolute;inset:2px 0;display:flex;align-items:center;gap:2px}.wave-bars i{flex:1;min-width:1px;max-height:100%;border-radius:1px;background:var(--jade);opacity:.84}.waveform-row.graphite .wave-bars i{background:#53615b}.playhead{position:absolute;z-index:2;top:0;bottom:0;width:1px;background:var(--record);box-shadow:0 0 0 1px #b75d5814}.loop-region{position:absolute;z-index:1;top:2px;bottom:2px;min-width:2px;border-right:1px solid var(--jade-deep);border-left:1px solid var(--jade-deep);background:#5d9a8229;pointer-events:none}.timeline-marker{position:absolute;z-index:2;top:3px;bottom:3px;border-left:1px dashed var(--jade-deep);opacity:.72;pointer-events:none}.timeline-tooltip{position:absolute;z-index:4;top:2px;min-width:40px;padding:2px 5px;border-radius:8px;color:var(--paper);background:var(--graphite);box-shadow:0 5px 12px #17221e2e;font-size:.62rem;line-height:1.35;pointer-events:none;transform:translate(-50%)}.waveforms.overlay .waveform-row{grid-column:1;grid-row:1}.waveforms.overlay .waveform-row.graphite{pointer-events:none}.waveforms.overlay .waveform-row.graphite .wave-play,.waveforms.overlay .waveform-row.graphite .wave-label{visibility:hidden}.waveforms.overlay .waveform-row.graphite .wave-track{opacity:.36}.transport{gap:8px;margin-top:12px;padding-left:138px}.mobile-transport{display:none}.undo-strip{display:flex;width:fit-content;align-items:center;gap:10px;margin:9px 0 0 138px;color:var(--muted);font-size:.7rem}.undo-strip button{padding:2px 0;border:0;color:var(--jade-deep);background:transparent;cursor:pointer;font:inherit;font-weight:680}.record-action{display:inline-flex;min-height:36px;align-items:center;gap:8px;padding:7px 12px;border:1px solid #d2aaa6;border-radius:9px;color:#843f3b;background:var(--record-wash);cursor:pointer;font-size:.72rem;font-weight:650}.record-action>span{width:8px;height:8px;border-radius:50%;background:var(--record)}.record-action.active>span{animation:record-pulse 1.25s ease-in-out infinite}.ab-action{min-height:36px;padding-inline:13px;font-weight:670}.inline-error{margin:10px 0 0 138px;color:#843f3b;font-size:.72rem}.practice-actions{display:flex;min-height:68px;align-items:center;justify-content:space-between;gap:16px;padding:10px clamp(18px,2.5vw,36px);border-top:1px solid var(--line)}.primary-action,.quiet-action{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:8px;padding:9px 15px;border-radius:10px;cursor:pointer;font-size:.78rem;font-weight:650;transition:background .16s ease,color .16s ease,transform .16s ease}.primary-action{border:1px solid var(--jade-deep);color:var(--paper);background:var(--jade-deep);box-shadow:0 8px 18px #2d67522b}.primary-action:hover{background:#245541}.primary-action:active,.quiet-action:active{transform:translateY(1px)}.quiet-action{border:1px solid var(--line-strong);color:#4c5a54;background:transparent}.quiet-action:hover{border-color:#93b7a7;color:var(--jade-deep);background:var(--jade-wash)}.page-bar{display:flex;min-height:92px;align-items:center;justify-content:space-between;gap:24px;padding:20px clamp(22px,4vw,56px);border-bottom:1px solid var(--line);background:#f3f4efeb}.page-bar h1{font-size:1.55rem}.recall-screen,.quran-browser,.progress-screen,.settings-screen{min-height:100vh;background:var(--ivory)}.recall-screen{padding-bottom:48px}.recall-plane{display:grid;width:min(1180px,calc(100% - clamp(28px,7vw,100px)));min-height:clamp(310px,48vh,520px);place-items:center;margin:clamp(22px,4vw,48px) auto 0;border-radius:14px 14px 0 0;background:radial-gradient(circle at center,rgba(93,154,130,.06),transparent 27rem),var(--paper);box-shadow:var(--shadow)}.recall-cue{align-self:start;justify-self:start;display:flex;gap:8px;padding:22px 26px;color:var(--muted);font-size:.76rem}.recall-cue strong{color:var(--graphite)}.recall-arabic{align-self:center;padding:20px 5vw 58px}.reveal-action{align-self:center;min-height:44px;margin-bottom:60px;padding:10px 18px;border:1px solid var(--jade);border-radius:10px;color:var(--jade-deep);background:var(--jade-wash);cursor:pointer;font-weight:650}.recall-plane+.audio-bench{width:min(1180px,calc(100% - clamp(28px,7vw,100px)));margin:0 auto;border-radius:0 0 14px 14px;box-shadow:0 28px 55px #2840351f}.grade-panel{display:grid;width:min(1180px,calc(100% - clamp(28px,7vw,100px)));grid-template-columns:auto 1fr;align-items:center;gap:18px;margin:24px auto 0}.grade-panel>span{color:var(--muted);font-size:.74rem}.grade-panel>div{display:flex;gap:8px}.grade-panel>div button:not(.primary-action){min-height:42px;padding:9px 15px;border:1px solid var(--line-strong);border-radius:10px;background:var(--paper);cursor:pointer;font-size:.78rem}.grade-panel>div button:hover{border-color:var(--jade)}.saved-message{grid-column:2;display:flex;align-items:center;gap:6px;margin:-8px 0 0;color:var(--jade-deep);font-size:.76rem}.grade-actions.complete{justify-content:flex-start}.search-field{display:flex;width:min(320px,42vw);min-height:42px;align-items:center;gap:9px;padding:0 12px;border:1px solid var(--line-strong);border-radius:10px;color:var(--muted);background:var(--paper)}.search-field input{width:100%;border:0;outline:0;color:var(--graphite);background:transparent}.library-layout{display:grid;height:calc(100vh - 92px);grid-template-columns:minmax(280px,34%) 1fr}.surah-list{overflow-y:auto;padding:14px;border-right:1px solid var(--line);background:#ecefeb}.surah-row{display:grid;width:100%;min-height:50px;grid-template-columns:34px 1fr 32px minmax(68px,auto);align-items:center;gap:8px;padding:6px 12px;border:0;border-bottom:1px solid rgba(185,198,191,.68);color:#59655f;background:transparent;cursor:pointer;text-align:left}.surah-row:hover{color:var(--graphite);background:#fbfcf9ad}.surah-row.active{border-bottom-color:transparent;border-radius:10px;color:var(--graphite);background:var(--paper);box-shadow:0 7px 20px #34483e14}.surah-row>span,.surah-row small{color:var(--muted);font-size:.68rem;font-variant-numeric:tabular-nums}.surah-row strong{font-size:.78rem}.surah-row b{color:var(--jade-deep);font-family:Traditional Arabic,serif;font-size:1rem;font-weight:400;text-align:right}.ayah-index{overflow-y:auto;padding:clamp(22px,4vw,58px);background:var(--paper)}.ayah-index>header{display:flex;align-items:end;justify-content:space-between;gap:24px;padding-bottom:24px;border-bottom:1px solid var(--line)}.ayah-index h2{margin:4px 0 0;font-size:clamp(1.45rem,2.5vw,2.2rem);letter-spacing:-.035em}.ayah-index header span{color:var(--muted);font-size:.75rem}.ayah-index header>strong{color:var(--jade-deep);font-family:Traditional Arabic,serif;font-size:clamp(1.6rem,3vw,2.6rem);font-weight:400}.ayah-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:8px;padding-top:24px}.ayah-grid button{aspect-ratio:1;border:1px solid var(--line);border-radius:10px;color:#526059;background:#f5f7f4;cursor:pointer;font-size:.78rem;font-variant-numeric:tabular-nums}.ayah-grid button:hover,.ayah-grid button.active{border-color:var(--jade);color:var(--paper);background:var(--jade-deep)}.progress-screen,.settings-screen{padding-bottom:60px}.progress-strip{display:grid;width:min(1060px,calc(100% - clamp(32px,8vw,120px)));grid-template-columns:repeat(3,1fr);margin:clamp(28px,5vw,64px) auto 0;border-block:1px solid var(--line);background:#fbfcf97a}.progress-strip>div{display:grid;gap:5px;padding:18px 24px;border-right:1px solid var(--line)}.progress-strip>div:last-child{border-right:0}.progress-strip span{color:var(--muted);font-size:.7rem}.progress-strip strong{color:var(--jade-deep);font-size:1.45rem}.progress-list{width:min(1060px,calc(100% - clamp(32px,8vw,120px)));margin:26px auto 0;border-top:1px solid var(--line)}.progress-list>button{display:grid;width:100%;min-height:54px;grid-template-columns:minmax(200px,1.4fr) 1fr 1fr 24px;align-items:center;gap:16px;padding:8px 6px;border:0;border-bottom:1px solid var(--line);color:var(--muted);background:transparent;cursor:pointer;font-size:.75rem;text-align:left}.progress-list>button:hover{color:var(--graphite);background:#fbfcf994}.progress-location{color:var(--graphite);font-weight:650}.progress-location b{margin-left:4px;color:var(--jade-deep)}.empty-row{padding:30px 4px;color:var(--muted);font-size:.82rem}.settings-groups{display:grid;width:min(900px,calc(100% - clamp(32px,8vw,120px)));gap:46px;margin:clamp(30px,6vw,74px) auto 0}.settings-groups h2{margin:0 0 14px;font-size:.82rem}.setting-row,.source-list>div{display:flex;min-height:62px;align-items:center;justify-content:space-between;gap:24px;padding:10px 0;border-top:1px solid var(--line)}.setting-row>div:first-child{display:grid;gap:3px}.setting-row strong,.source-list dt{font-size:.78rem}.setting-row span,.source-list dd{margin:0;color:var(--muted);font-size:.75rem}.setting-error{color:var(--record-ink);font-size:.7rem}.setting-actions{display:flex;gap:8px}.setting-actions button{min-height:36px;padding:7px 12px;border:1px solid var(--line-strong);border-radius:9px;background:var(--paper);cursor:pointer;font-size:.72rem}.setting-actions .danger-action{border-color:#d5aaa6;color:#843f3b;background:var(--record-wash)}.source-list{margin:0}.source-list>div{align-items:baseline}.shortcut-backdrop{position:fixed;z-index:80;inset:0;display:grid;place-items:center;padding:24px;background:#17221e6b}.shortcut-dialog{width:min(520px,100%);max-height:min(680px,calc(100vh - 48px));overflow:auto;padding:18px;border-radius:14px;color:var(--graphite);background:var(--paper);box-shadow:0 28px 70px #17221e47}.shortcut-dialog>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.shortcut-dialog h2{margin:0;font-size:1.18rem}.icon-action{display:grid;width:38px;height:38px;place-items:center;padding:0;border:1px solid var(--line);border-radius:10px;color:var(--muted);background:transparent;cursor:pointer}.shortcut-dialog dl{margin:0;border-top:1px solid var(--line)}.shortcut-dialog dl>div{display:grid;min-height:42px;grid-template-columns:minmax(112px,.7fr) 1fr;align-items:center;gap:16px;border-bottom:1px solid var(--line)}.shortcut-dialog dt,.shortcut-dialog dd{margin:0;font-size:.75rem}.shortcut-dialog dd{color:var(--muted)}.shortcut-dialog kbd{display:inline-block;padding:3px 7px;border:1px solid var(--line-strong);border-bottom-width:2px;border-radius:8px;color:var(--graphite);background:var(--toolbar);font-family:inherit;font-size:.68rem;font-weight:650}.mobile-nav{display:none}@keyframes record-pulse{0%,to{box-shadow:0 0 #b75d5859}50%{box-shadow:0 0 0 7px #b75d5800}}@media(max-width:860px){body{padding-bottom:64px}.lab-app{padding-left:0}.tool-rail{display:none}.mobile-nav{position:fixed;z-index:30;right:0;bottom:0;left:0;display:grid;height:64px;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line-strong);background:#f8f9f5f7}.mobile-nav .nav-button{width:100%;height:64px;gap:2px;border-radius:0}.mobile-nav .nav-button.active{color:var(--jade-deep);background:var(--jade-wash);box-shadow:inset 0 2px var(--jade-deep)}.mobile-nav .nav-button>span{display:block;font-size:.58rem}.mobile-nav .nav-button svg{width:18px;height:18px}.lab-surface{width:calc(100% - 24px);margin-top:12px;margin-bottom:18px}.stage-rail{grid-template-columns:repeat(7,minmax(96px,1fr))}.specimen{min-height:360px;padding-inline:20px}.arabic-plane{min-height:250px}.library-layout{height:auto;min-height:calc(100vh - 92px);grid-template-columns:minmax(230px,40%) 1fr}.ayah-index{padding:28px 22px}}@media(max-width:640px){.practice-screen{padding-bottom:72px}.recall-screen{padding-bottom:168px}.location-bar{min-height:auto;align-items:flex-start;padding:11px 12px}.product-name{display:grid;gap:0}.location-selectors{flex:1;justify-content:flex-end}.location-selectors label{min-width:0;padding-left:8px}.location-selectors label>span{display:none}.location-selectors select{max-width:142px;padding-left:8px}.location-selectors .ayah-select select{width:60px}.specimen-header{min-height:66px;padding-inline:16px}.reciter-readout small{display:none}.stage-button{min-height:46px;font-size:.7rem}.stage-rail{scrollbar-width:none}.stage-rail::-webkit-scrollbar{display:none}.specimen{min-height:330px;padding:12px 16px 16px}.specimen-tools p{max-width:62%}.arabic-plane,.arabic-plane.hidden{min-height:250px;padding:20px 4px}.arabic-plane p,.recall-arabic{max-width:20ch;font-size:clamp(2.25rem,11vw,3.5rem);line-height:1.8}.context-ayah{grid-template-columns:60px 1fr}.audio-bench{padding-inline:12px}.bench-heading{align-items:flex-start}.bench-heading>div:first-child{display:grid;gap:2px}.waveform-row{grid-template-columns:32px 62px 1fr;gap:7px;padding-inline:2px}.wave-label span{max-width:60px}.wave-bars{gap:1px}.transport{display:none}.mobile-transport{position:fixed;z-index:29;right:12px;bottom:72px;left:12px;display:grid;min-height:48px;grid-template-columns:38px 1fr 38px 48px;align-items:center;gap:7px;padding:5px 7px;border-radius:12px;color:var(--paper);background:var(--graphite);box-shadow:0 14px 32px #17221e3d}.mobile-transport.has-clear{grid-template-columns:38px 1fr 38px 44px 38px}.mobile-transport>button{display:grid;min-width:36px;height:36px;place-items:center;padding:0 7px;border:1px solid rgba(251,252,249,.22);border-radius:9px;color:var(--paper);background:transparent}.mobile-transport>span{color:#dfece6;font-size:.68rem;font-variant-numeric:tabular-nums}.mobile-transport .mini-record>span{width:9px;height:9px;border-radius:50%;background:var(--record)}.mobile-transport .mini-record.active>span{animation:record-pulse 1.25s ease-in-out infinite}.undo-strip{margin:10px 0 60px 101px}.inline-error{margin-left:101px}.practice-actions{padding-inline:14px}.page-bar{min-height:78px;padding:16px 18px}.page-bar h1{font-size:1.3rem}.page-bar .quiet-action{padding-inline:10px}.recall-plane,.recall-plane+.audio-bench,.grade-panel{width:calc(100% - 24px)}.recall-plane{min-height:360px;margin-top:14px}.grade-panel{grid-template-columns:1fr}.grade-panel>div{display:grid;grid-template-columns:repeat(3,1fr)}.grade-panel>.grade-actions.complete{grid-template-columns:1fr}.saved-message{grid-column:1}.search-field{width:min(210px,55vw)}.library-layout{display:block}.surah-list{display:flex;height:116px;gap:7px;overflow-x:auto;overflow-y:hidden;border-right:0;border-bottom:1px solid var(--line)}.surah-row{min-width:190px;height:82px;border:1px solid var(--line);border-radius:10px;background:#fbfcf980}.ayah-index{min-height:calc(100vh - 258px);overflow:visible;padding:26px 18px 90px}.ayah-grid{grid-template-columns:repeat(auto-fill,minmax(48px,1fr))}.progress-strip,.progress-list,.settings-groups{width:calc(100% - 28px)}.progress-strip>div{padding-inline:12px}.progress-list>button{grid-template-columns:1fr auto 20px}.progress-list>button span:nth-child(2){display:none}.setting-row,.source-list>div{align-items:flex-start}.setting-row{gap:14px}.setting-actions{flex-shrink:0}.source-list>div{display:grid;gap:5px}.shortcut-backdrop{align-items:end;padding:12px}.shortcut-dialog{max-height:calc(100vh - 88px);padding:16px;border-radius:14px 14px 12px 12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}