.surah-name-v1{vertical-align:middle;color:#886322;max-width:100%;height:1.45em;font-weight:400;display:inline-block;position:relative}.surah-name-v1>span{white-space:nowrap;font-synthesis:none;direction:ltr;font:400 1.35em/1.1 Minbar Surah Name V1;position:absolute;inset:0}[data-theme=dark] .surah-name-v1{color:#dec17f}.surah-picker-trigger{background:var(--surface);width:100%;min-height:48px;color:var(--text);border:1px solid var(--border);font:inherit;text-align:right;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.surah-picker-trigger svg{width:18px;height:18px}.surah-picker-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:55vh;display:grid;overflow:auto}.surah-picker-options button{min-height:60px;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:8px;align-items:center;gap:10px;padding:10px;display:flex}.surah-picker-options button[aria-pressed=true]{background:#b898551f;border-color:#a78340}@font-face{font-family:Minbar Amiri Quran;src:url(/fonts/AmiriQuran.woff2)format("woff2");font-display:block;font-style:normal;font-weight:400}:root{color:#253c31;font-synthesis:none;text-rendering:optimizelegibility;--bg:#f5f3eb;--surface:#ebece2;--surface-2:#e1e4d7;--surface-3:#d7ddce;--text:#253c31;--muted:#536659;--line:#354c352e;--gold:#8c682f;--gold-strong:#755421;--gold-soft:#e7dfc8;--green:#448460;--blue:#3d8795;--paper:#fffbed;--paper-ink:#263b2d;--paper-selection:#e4e4c9;--paper-active:#b89a5c;--paper-active-ink:#15251c;--paper-concealed:#dbe0ce;--red:#a33b35;--shadow:0 10px 28px #26231d14;--header-height:76px;--player-height:142px;--player-compact-height:74px;background:#f5f3eb;font-family:Minbar Plex Arabic,Tahoma,Arial,sans-serif}:root[data-theme=dark]{color:#f2f0e7;--bg:#111c19;--surface:#1a2822;--surface-2:#22322a;--surface-3:#2c3d32;--text:#f2f0e7;--muted:#93a297;--line:#a7b8a42b;--gold:#dfc083;--gold-strong:#ebce93;--gold-soft:#38452d;--green:#7fb798;--blue:#76a9b5;--paper:#17231f;--paper-ink:#e9e5d5;--paper-selection:#38452d;--paper-active:#cbb77e;--paper-active-ink:#15251c;--paper-concealed:#2b3c32;--red:#ee7d73;--shadow:0 14px 36px #00000042;background:#111c19}:root[data-high-contrast=true]{--muted:#4b473f;--line:#777064;--gold:#76520c;--gold-strong:#4f3500}:root[data-theme=dark][data-high-contrast=true]{--muted:#ddd5c4;--line:#9a8a67;--gold:#f0cb72;--gold-strong:#ffe39b}:root[data-larger-text=true]{font-size:112.5%}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;min-width:320px;height:100%;overflow:hidden}body{min-width:320px;height:100%;color:var(--text);background:var(--bg);letter-spacing:0;margin:0;overflow:hidden}#root{height:100%;overflow:hidden}.app-shell{grid-template-rows:auto minmax(0,1fr);height:100dvh;display:grid;overflow:hidden}button,input,select,textarea{font:inherit;letter-spacing:0}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}svg{stroke-width:1.8px;flex:none;width:1.2em;height:1.2em;display:block}img{max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3,strong{overflow-wrap:anywhere}:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:1000;border:2px solid var(--gold);color:var(--text);background:var(--surface);border-radius:6px;padding:10px 14px;position:fixed;inset-block-start:8px;inset-inline-start:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.page-width{width:min(100% - 32px,1240px);margin-inline:auto}.app-main{overscroll-behavior:contain;scrollbar-width:none;max-width:100%;min-height:0;padding-block:40px 56px;overflow:hidden auto}.app-main::-webkit-scrollbar{display:none}.app-main:focus{outline:none}.page-stack{gap:26px;display:grid}.narrow-page{width:min(100%,880px);margin-inline:auto}.muted{color:var(--muted)}.error-text{color:var(--red)}.app-header{z-index:50;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg) 94%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0}.header-main{min-height:var(--header-height);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;display:grid}.header-main:has(.header-context){grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.brand{justify-self:start;align-items:center;gap:12px;min-width:0;display:flex}.brand img{object-fit:contain;border-radius:7px;width:52px;height:52px}.brand-copy{gap:2px;display:grid}.brand-copy strong{color:var(--gold-strong);font-family:Noto Naskh Arabic,Amiri,serif;font-size:27px;line-height:1}.brand-copy small{color:var(--muted);white-space:nowrap;font-size:12px}.header-context{min-width:0;color:var(--text);text-align:right;justify-content:center;align-items:center;gap:9px;display:flex}.header-context>svg{width:25px;height:25px;color:var(--gold);flex:none}.header-context>span{gap:1px;min-width:0;line-height:1.15;display:grid}.header-context strong{white-space:nowrap;font-family:Noto Naskh Arabic,Amiri,serif;font-size:20px}.header-context small{color:var(--muted);white-space:nowrap;font-size:10px}.header-menu-wrap{justify-self:end;position:relative}.header-menu-toggle{width:46px;height:46px}.header-menu{z-index:60;width:min(330px,100vw - 24px);max-height:calc(100dvh - var(--header-height) - 18px);border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 97%, transparent);overscroll-behavior:contain;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:7px;gap:7px;padding:8px;display:grid;position:absolute;inset-block-start:calc(100% + 9px);inset-inline-end:0;overflow-y:auto;box-shadow:0 20px 52px #0000003d}.header-menu-group{gap:2px;padding-block:3px;display:grid}.header-menu-group+.header-menu-group{border-top:1px solid var(--line);padding-top:7px}.header-menu-label{color:var(--gold-strong);padding:4px 10px 6px;font-family:Noto Naskh Arabic,Amiri,serif;font-size:16px}.header-menu-action{width:100%;min-height:42px;color:var(--text);text-align:right;background:0 0;border:0;border-radius:5px;align-items:center;gap:11px;padding:0 11px;font-weight:800;display:flex}.header-menu-action:hover,.header-menu-action:focus-visible,.header-menu-action.is-active{color:var(--gold-strong);background:var(--gold-soft)}.header-menu-action:disabled{opacity:.5}.header-menu-action>svg{width:19px;height:19px;color:var(--gold);flex:none}.contextual-menu-group{background:color-mix(in srgb, var(--gold-soft) 42%, transparent);border-radius:6px}.header-tools{justify-content:center;align-items:center;gap:7px;min-width:0;display:flex}.tool-link,.icon-button{border:1px solid var(--line);min-width:42px;height:42px;color:var(--muted);background:var(--surface);border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:0 12px;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.tool-link svg,.icon-button svg{width:19px;height:19px}.tool-link span{font-size:14px;font-weight:700}.tool-link:hover,.icon-button:hover,.tool-link.is-active,.icon-button.is-active{color:var(--gold-strong);border-color:var(--gold);background:var(--gold-soft)}.icon-button{padding:0}.icon-button.small{width:34px;min-width:34px;height:34px}.icon-button.small svg{width:17px;height:17px}.icon-button.danger,.action-row.danger{color:var(--red)}.search-panel{padding-block:0 16px}.search-field{border:1px solid var(--gold);background:var(--surface);min-height:54px;box-shadow:var(--shadow);border-radius:7px;grid-template-columns:24px minmax(0,1fr) 34px;align-items:center;gap:10px;padding:7px 12px;display:grid}.search-field>svg{color:var(--gold)}.search-field input{min-width:0;height:38px;color:var(--text);text-align:right;background:0 0;border:0;outline:0;font-size:16px}.search-field input::-webkit-search-cancel-button{display:none}.search-field button{width:34px;height:34px;color:var(--muted);background:0 0;border:0;place-items:center;padding:0;display:grid}.search-results{border:1px solid var(--line);background:var(--surface);max-height:min(62vh,540px);box-shadow:var(--shadow);border-radius:7px;margin-top:8px;padding:8px;overflow:auto}.search-result-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.search-result-list a{border-radius:6px;align-items:center;gap:12px;min-width:0;padding:11px;display:flex}.search-result-list a:hover{background:var(--surface-2)}.search-result-list a>svg{color:var(--gold)}.search-result-list a>span{gap:2px;min-width:0;display:grid}.search-results small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.page-heading,.book-heading,.item-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding-bottom:24px;display:flex}.page-heading h1,.book-heading h1,.item-heading h1{color:var(--gold-strong);margin-bottom:8px;font-family:Noto Naskh Arabic,Amiri,serif;font-size:36px;line-height:1.25}.page-heading p:last-child,.book-heading p:last-child,.item-heading p:last-child{color:var(--muted);margin-bottom:0}.page-heading.compact-heading{justify-content:flex-start}.page-heading.split-heading{justify-content:space-between}.heading-pair{align-items:center;gap:16px;display:flex}.eyebrow{color:var(--gold);margin-bottom:5px;font-size:13px;font-weight:800}.heading-icon{border:1px solid var(--line);width:52px;height:52px;color:var(--gold);background:var(--surface);border-radius:7px;place-items:center;display:grid}.heading-icon svg{width:25px;height:25px}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.library-search{border:1px solid var(--line);background:var(--surface);border-radius:7px;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:8px;width:min(360px,46vw);min-height:46px;padding-inline:13px;display:grid}.library-search:focus-within{border-color:var(--gold);box-shadow:0 0 0 2px color-mix(in srgb, var(--gold) 18%, transparent)}.library-search svg{color:var(--gold)}.library-search input{min-width:0;height:42px;color:var(--text);background:0 0;border:0;outline:0;padding:0}.quran-library-feature{border-block:1px solid var(--gold);grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:22px;min-height:156px;padding-block:22px;display:grid}.quran-library-feature h2{color:var(--gold-strong);margin:0 0 4px;font-family:Minbar Amiri Quran,Amiri,serif;font-size:30px}.quran-library-feature p:last-child{color:var(--muted);margin:0}.quran-library-actions{align-items:center;gap:8px;display:flex}.library-books{gap:15px;display:grid}.library-books>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:16px;padding-bottom:10px;display:flex}.library-books h2{color:var(--gold-strong);margin:0;font-family:Noto Naskh Arabic,Amiri,serif;font-size:24px}.library-books>header>span{color:var(--muted);font-weight:800}.semantic-grid-list{margin-block:0;padding:0;list-style:none}.semantic-grid-list>li{min-width:0}.semantic-grid-list>li>a{height:100%}.book-card{border:1px solid var(--line);background:var(--surface);min-height:150px;box-shadow:var(--shadow);border-radius:7px;grid-template-columns:66px minmax(0,1fr) 24px;align-items:center;gap:18px;padding:24px;display:grid}.book-card:hover{border-color:var(--gold)}.book-icon{border:1px solid var(--gold);width:66px;height:66px;color:var(--gold);background:var(--gold-soft);border-radius:7px;place-items:center;display:grid}.book-icon svg{width:34px;height:34px}.book-icon.large{width:76px;height:76px}.book-card-copy{gap:6px;min-width:0;display:grid}.book-card-copy strong{color:var(--gold-strong);font-family:Noto Naskh Arabic,Amiri,serif;font-size:25px}.book-card-copy small,.book-card-copy>span,.card-arrow{color:var(--muted)}.book-heading,.item-heading{justify-content:flex-start}.item-heading .text-link{margin-bottom:6px}.text-link{color:var(--gold);align-items:center;gap:7px;font-size:14px;font-weight:700;display:inline-flex}.view-switch{border:1px solid var(--line);background:var(--surface);border-radius:7px;align-items:center;gap:4px;width:fit-content;padding:4px;display:inline-flex}.view-switch-option{min-height:40px;color:var(--muted);border-radius:5px;justify-content:center;align-items:center;gap:7px;padding:0 13px;font-size:14px;font-weight:800;display:inline-flex}.view-switch-option.is-active{color:var(--gold-strong);background:var(--gold-soft)}.view-switch-option svg{width:18px;height:18px}.item-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.item-card{border:1px solid var(--line);background:var(--surface);border-radius:7px;grid-template-columns:58px minmax(0,1fr) 20px;align-items:center;gap:14px;min-height:98px;padding:16px;display:grid}.item-card:hover{border-color:var(--gold)}.item-card>span:not(.number-ornament){gap:5px;min-width:0;display:grid}.item-card strong{color:var(--gold-strong);font-family:Noto Naskh Arabic,Amiri,serif;font-size:21px}.item-card small{color:var(--muted)}.number-ornament{border:1px solid var(--gold);width:58px;height:58px;color:var(--gold-strong);background:var(--gold-soft);border-radius:50%;place-items:center;font-family:Noto Naskh Arabic,Amiri,serif;font-size:24px;font-weight:800;display:grid}.number-ornament.large{width:76px;height:76px;font-size:31px}.range-player,.form-panel,.practice-form,.auth-panel,.settings-sections>section{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:7px;padding:22px}.range-player{gap:18px;display:grid}.range-grid{grid-template-columns:minmax(0,1.2fr) minmax(110px,.6fr) minmax(0,1.2fr) minmax(110px,.6fr) minmax(150px,.7fr);align-items:end;gap:12px;display:grid}.field{min-width:0;color:var(--muted);align-content:start;gap:7px;font-size:14px;font-weight:700;display:grid}.field>span{justify-content:space-between;align-items:baseline;gap:8px;min-height:21px;display:flex}.field small{color:var(--muted);font-size:11px;font-weight:500}.field .field-help{text-align:start;direction:rtl;min-height:17px}.field input,.field select,.field textarea,.speed-select{border:1px solid var(--line);width:100%;min-width:0;color:var(--text);background:var(--surface-2);appearance:none;box-shadow:none;border-radius:6px}.field input,.field select{height:48px;padding:0 13px}.field textarea{resize:vertical;padding:12px 13px}.field select::-ms-expand{display:none}.field input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}.field input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}.field input[type=number]{-moz-appearance:textfield}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px color-mix(in srgb, var(--gold) 20%, transparent);outline:0}.field-reader{width:100%}.reader-choice{border:1px solid var(--line);background:var(--surface);border-radius:7px;width:100%;padding:16px}.reader-back-link{justify-self:start;width:fit-content}.primary-button,.secondary-button{border:1px solid var(--gold);border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-weight:800;display:inline-flex}.primary-button{color:#18140c;background:#d7ae50}.primary-button:hover{background:#e4c06a}.secondary-button{color:var(--gold-strong);background:var(--gold-soft)}.primary-button svg,.secondary-button svg{width:18px;height:18px}.play-range-button{height:48px}.segment-list{gap:14px;display:grid}.segment-row{border:1px solid var(--line);background:var(--surface);scroll-margin-block:calc(var(--header-height) + 28px) calc(var(--player-height) + 28px);border-radius:7px;overflow:hidden}.segment-row.is-playing{border-color:var(--gold);box-shadow:0 0 0 3px color-mix(in srgb, var(--gold) 16%, transparent)}.segment-row>header{border-bottom:1px solid var(--line);min-height:64px;color:var(--gold-strong);background:var(--surface-2);justify-content:space-between;align-items:center;padding:12px 16px;font-weight:800;display:flex}.segment-play{border:1px solid var(--gold);width:42px;height:42px;color:var(--gold-strong);background:var(--surface);border-radius:50%;place-items:center;padding:0;display:grid}.segment-play svg{width:19px;height:19px}.segment-row>p{align-items:center;min-height:88px;margin:0;padding:22px;display:flex}.synchronized-visual{display:inline}.synchronized-word{border-radius:4px;padding-inline:.08em;transition:color .1s,background-color .1s,box-shadow .1s}.synchronized-word.is-active{color:var(--gold-strong);background:var(--gold-soft);box-shadow:inset 0 -.08em 0 color-mix(in srgb, var(--gold) 55%, transparent)}.quran-text{letter-spacing:0;font-family:Minbar Amiri Quran,Noto Naskh Arabic,Amiri,serif;font-size:31px;font-weight:400;line-height:2.05}.quran-title,.quran-select{letter-spacing:0;font-family:Minbar Amiri Quran,Noto Naskh Arabic,Amiri,serif;font-weight:400}.item-heading h1.quran-title,.item-card strong.quran-title,.field select.quran-select{font-family:Minbar Amiri Quran,Noto Naskh Arabic,Amiri,serif}.item-heading h1.quran-title{line-height:1.55}.item-card strong.quran-title{font-size:24px;line-height:1.55}.field select.quran-select{font-size:18px}.basmala-heading{color:#886322;text-align:center;justify-content:center;align-items:center;gap:18px;min-height:76px;display:flex}.basmala-heading:before,.basmala-heading:after{content:none}[data-theme=dark] .basmala-heading{color:#dec17f}.basmala-heading>span{white-space:nowrap}.prose-text{white-space:pre-wrap;text-wrap:pretty;font-family:Noto Naskh Arabic,Amiri,serif;font-size:24px;line-height:1.95}.state-box{border:1px solid var(--line);min-height:120px;color:var(--muted);background:var(--surface);text-align:center;border-radius:7px;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex}.state-box.empty-state{flex-direction:column}.state-box.empty-state svg{color:var(--gold);width:28px;height:28px}.state-box.error-state{color:var(--red)}.not-found,.fatal-state{width:min(100%,620px);min-height:360px;color:var(--text);text-align:center;align-content:center;justify-items:center;gap:18px;margin:auto;padding:28px;display:grid}.not-found>svg{width:54px;height:54px;color:var(--gold)}.not-found h1,.fatal-state h1{color:var(--gold-strong);margin:0;font-family:Noto Naskh Arabic,Amiri,serif}.not-found p,.fatal-state p{color:var(--muted)}.fatal-state{min-height:100dvh}.fatal-state>div{gap:8px;display:flex}.spinner{border:2px solid var(--line);border-top-color:var(--gold);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app-main:has(.mushaf-page){padding-block:8px 10px}.mushaf-page{grid-template-rows:minmax(0,1fr);gap:8px;width:min(100%,1400px);height:100%;min-height:0;margin-inline:auto;position:relative}.mushaf-heading{align-items:center}.save-state{color:var(--muted);font-size:12px}.mushaf-controls{z-index:25;justify-content:space-between;align-items:center;gap:10px;display:flex;position:relative}.mushaf-location{border:1px solid var(--line);background:var(--surface);border-radius:7px;align-items:center;gap:9px;min-width:0;min-height:44px;padding:5px 11px;display:flex}.mushaf-location>svg{width:24px;height:24px;color:var(--gold)}.mushaf-location>span{line-height:1.15;display:grid}.mushaf-location small{color:var(--muted);font-size:10px}.mushaf-action-dock{align-items:center;gap:6px;min-width:0;display:flex;position:relative}.mushaf-tools-menu{z-index:7;border:1px solid var(--line);background:var(--surface);width:230px;box-shadow:var(--shadow);border-radius:7px;gap:3px;padding:6px;display:grid;position:absolute;inset-block-start:calc(100% + 6px);inset-inline-end:0}.mushaf-menu-action{width:100%;min-height:42px;color:var(--text);text-align:right;background:0 0;border:0;border-radius:5px;align-items:center;gap:10px;padding:0 10px;font-weight:800;display:flex}.mushaf-menu-action:hover,.mushaf-menu-action:focus-visible{color:var(--gold-strong);background:var(--gold-soft)}.mushaf-menu-action.is-active{color:var(--green);background:color-mix(in srgb, var(--green) 10%, var(--surface))}.mushaf-menu-action svg{width:18px;height:18px;color:var(--gold);flex:none}.mushaf-navigation-panel{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:7px;grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:10px;padding:13px;display:grid;position:absolute;inset-block-start:calc(100% + 6px);inset-inline:0}.mushaf-navigation-panel .bookmark-strip{grid-column:1/-1;padding-bottom:0}.mushaf-nav-grid{grid-template-columns:minmax(150px,1.35fr) minmax(120px,.8fr) 100px minmax(160px,.8fr);align-items:end;gap:10px;display:grid}.ayah-jump{grid-template-columns:minmax(0,1fr) 44px;align-items:end;gap:6px;display:grid}.ayah-jump .secondary-button{width:44px;min-width:44px;height:48px;padding:0}.mushaf-toolbar,.selection-actions{align-items:center;gap:5px;display:flex}.mushaf-toolbar{border:1px solid var(--line);background:var(--surface);border-radius:7px;justify-content:center;min-height:44px;padding:3px}.mushaf-recall-popover{border:1px solid var(--line);background:var(--surface);border-radius:7px;align-items:center;gap:5px;min-height:44px;padding:3px;display:flex}.mushaf-context-layer{z-index:30;pointer-events:none;justify-content:center;display:flex;position:absolute;inset-block-start:6px;inset-inline:8px}.mushaf-context-layer>*{pointer-events:auto}.mushaf-context-layer .mushaf-navigation-panel{width:100%;padding-inline-start:52px;position:relative;inset:auto}.mushaf-navigation-close{position:absolute;inset-block-start:9px;inset-inline-start:9px}.segmented-control{border:1px solid var(--line);background:var(--surface-2);border-radius:6px;min-height:42px;padding:3px;display:inline-flex}.segmented-control button{min-height:34px;color:var(--muted);background:0 0;border:0;border-radius:4px;padding:0 10px;font-size:12px;font-weight:800}.segmented-control button.is-active{color:var(--gold-strong);background:var(--gold-soft)}.mushaf-reader-stage{touch-action:pan-y;-webkit-user-select:none;user-select:none;width:min(100%,620px);height:100%;min-height:0;margin-inline:auto;position:relative}.mushaf-reader-stage.is-double{width:min(100%,1218px)}.mushaf-page-turn{z-index:8;border-color:color-mix(in srgb, var(--gold) 65%, var(--line));background:color-mix(in srgb, var(--surface) 88%, transparent);width:46px;min-width:46px;height:72px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:absolute;inset-block-start:50%;transform:translateY(-50%)}.mushaf-page-turn.is-previous{inset-inline-start:6px}.mushaf-page-turn.is-next{inset-inline-end:6px}.mushaf-page-turn:disabled{opacity:.22}.mushaf-spread{direction:rtl;grid-template-columns:minmax(0,620px);justify-content:center;align-items:stretch;gap:18px;width:100%;height:100%;min-height:0;display:grid}.mushaf-spread.is-double{grid-template-columns:repeat(2,minmax(0,600px))}.mushaf-sheet{border:1px solid color-mix(in srgb, var(--gold) 55%, var(--line));color:#17130b;background:#fffdf6;border-radius:4px;grid-template-rows:minmax(0,1fr) auto;width:100%;height:100%;min-height:0;padding:30px 24px 12px;display:grid;position:relative;overflow:hidden;box-shadow:0 15px 36px #3a2b111f;container-type:size}:root[data-theme=dark] .mushaf-sheet{color:#f4ead2;background:#17150f;box-shadow:0 18px 40px #00000057}.mushaf-sheet:before{content:"";border:1px solid color-mix(in srgb, var(--gold) 38%, transparent);pointer-events:none;position:absolute;inset:12px}.mushaf-font-loading{color:#76520c;text-align:center;place-content:center;justify-items:center;gap:10px;min-height:0;display:grid}.mushaf-font-loading svg{width:30px;height:30px;color:var(--gold)}:root[data-theme=dark] .mushaf-font-loading{color:#d4aa4c}.mushaf-font-error{grid-template-rows:auto auto minmax(0,1fr);justify-items:center;gap:9px;min-height:0;padding:17px 12px 8px;display:grid;overflow:hidden}.mushaf-font-error>p{color:#76520c;text-align:center;margin:0;font-size:12px;font-weight:800}:root[data-theme=dark] .mushaf-font-error>p{color:#d4aa4c}.mushaf-font-error>.secondary-button{min-height:34px;padding-inline:10px;font-size:11px}.mushaf-fallback-ayahs{overscroll-behavior:contain;align-content:start;gap:4px;width:100%;min-height:0;display:grid;overflow:auto}.mushaf-fallback-ayahs button{width:100%;color:inherit;text-align:right;direction:rtl;background:0 0;border:0;border-radius:3px;padding:5px 7px;font-family:Noto Naskh Arabic,Amiri,serif;font-size:clamp(15px,2.9cqh,22px);line-height:1.75}.mushaf-fallback-ayahs button:hover,.mushaf-fallback-ayahs button:focus-visible{background:color-mix(in srgb, var(--gold) 12%, transparent)}.mushaf-fallback-ayahs button.is-playing{color:#17130b;background:#f2cb65}.mushaf-fallback-ayahs button>span{color:var(--gold-strong);padding-inline-start:.35em;font-size:.8em}.mushaf-page-number{z-index:1;color:var(--gold-strong);text-align:center;font-size:11px;position:absolute;inset-block-start:16px;inset-inline:0}.mushaf-lines{grid-template-rows:repeat(var(--mushaf-line-count), minmax(0, 1fr));gap:1px;min-height:0;padding-block:12px;display:grid;overflow:hidden}.mushaf-line{text-align:center;white-space:nowrap;direction:rtl;justify-content:center;align-items:center;height:100%;min-height:0;display:flex}.surah-line{border-block:1px solid color-mix(in srgb, var(--gold) 55%, transparent);color:#76520c;width:88%;margin:0 auto;font-family:Noto Naskh Arabic,Amiri,serif;font-size:23px;font-weight:800}:root[data-theme=dark] .surah-line{color:#f0cb72}.basmala-line{color:inherit;font-family:Noto Naskh Arabic,Amiri,serif;font-size:21px}.ayah-line{font-family:var(--mushaf-font), "Noto Naskh Arabic", serif;font-size:clamp(18px,3.8cqh,30px);line-height:1}.mushaf-ayah{height:100%;min-height:0;color:inherit;font:inherit;line-height:inherit;background:0 0;border:0;border-radius:3px;align-items:center;gap:3px;margin:0;padding:0 2px;display:inline-flex}.mushaf-ayah:hover{background:color-mix(in srgb, var(--gold) 12%, transparent)}.mushaf-ayah.is-selected{background:color-mix(in srgb, var(--green) 19%, transparent);box-shadow:inset 0 -2px 0 var(--green)}.mushaf-ayah.is-playing{color:#4b3200;background:#f2cb65;box-shadow:0 0 0 2px #f2cb6573}:root[data-theme=dark] .mushaf-ayah.is-playing{color:#17130b;background:#f0cb72}.mushaf-ayah span{min-width:.35em;transition:color .12s,text-shadow .12s;display:inline-block}.mushaf-ayah span.is-word-active{color:#fffdf6;background:#76520c;border-radius:2px;box-shadow:0 0 0 2px #76520c}:root[data-theme=dark] .mushaf-ayah span.is-word-active{color:#17130b;background:#fff1bd;box-shadow:0 0 0 2px #fff1bd}.mushaf-ayah span.is-concealed{color:#0000;text-shadow:0 0 8px color-mix(in srgb, currentColor 0%, transparent);background:color-mix(in srgb, var(--muted) 18%, transparent);border-radius:2px}.mushaf-sheet footer{border-top:1px solid color-mix(in srgb, var(--gold) 30%, transparent);color:#76520c;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;min-height:26px;padding-inline:4px;font-family:Noto Naskh Arabic,Amiri,serif;font-size:12px;display:grid}.mushaf-sheet footer span:last-child{text-align:left}:root[data-theme=dark] .mushaf-sheet footer{color:#d4aa4c}.mushaf-selection{z-index:30;border:1px solid var(--gold);background:color-mix(in srgb, var(--surface) 96%, transparent);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:7px;grid-template-columns:minmax(220px,1fr) minmax(180px,280px) auto;align-items:end;gap:12px;padding:12px;display:grid;position:absolute;inset-block-end:10px;inset-inline:12px}.mushaf-selection>div:first-child{gap:4px;display:grid}.mushaf-selection small{color:var(--muted)}.mushaf-selection-close{background:var(--surface);border-radius:50%;width:32px;min-width:32px;height:32px;position:absolute;inset-block-start:-11px;inset-inline-end:-11px}.compact-field select{height:42px}.bookmark-strip{border-block:1px solid var(--line);gap:10px;padding-block:12px;display:grid}.bookmark-strip h2{color:var(--gold-strong);margin:0;font-size:19px}.bookmark-strip>div{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.bookmark-strip button{border:1px solid var(--line);min-height:38px;color:var(--text);background:var(--surface);border-radius:6px;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.bookmark-strip svg{width:15px;height:15px;color:var(--gold)}.sign-in-prompt{border:1px solid var(--line);background:var(--surface);border-radius:7px;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:18px;min-height:190px;padding:28px;display:grid}.sign-in-prompt>svg{width:34px;height:34px;color:var(--gold)}.sign-in-prompt p{color:var(--muted);margin:5px 0 0}.form-panel{gap:18px;display:grid}.form-panel h2,.plan-content h3,.settings-sections h2{color:var(--gold-strong);margin-bottom:0;font-family:Noto Naskh Arabic,Amiri,serif;font-size:24px}.form-grid{gap:14px;display:grid}.form-grid.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-list{gap:16px;display:grid}.plan-card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:7px;overflow:hidden}.plan-card-header{justify-content:space-between;align-items:center;gap:14px;padding:15px 18px;display:flex}.plan-toggle{min-width:0;color:var(--text);text-align:right;background:0 0;border:0;flex:1;justify-content:space-between;align-items:center;gap:14px;padding:0;display:flex}.plan-toggle>span{gap:4px;display:grid}.plan-toggle strong{color:var(--gold-strong);font-size:18px}.plan-toggle small{color:var(--muted)}.row-actions{align-items:center;gap:6px;display:flex}.plan-progress{background:var(--surface-3);border-radius:4px;height:24px;margin-inline:18px;position:relative;overflow:hidden}.plan-progress>span{background:var(--green);position:absolute;inset-block:0;inset-inline-start:0}.plan-progress>strong{z-index:1;color:var(--text);padding-inline:8px;font-size:12px;line-height:24px;display:block;position:relative}.plan-content{gap:14px;padding:18px;display:grid}.section-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.practice-form{box-shadow:none;background:var(--surface-2);grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;display:grid}.practice-form .full{grid-column:1/-1}.practice-form>.primary-button{justify-self:start}.practice-row{border:1px solid var(--line);background:var(--surface-2);border-radius:6px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px;display:grid}.practice-list{gap:10px;display:grid}.practice-error{grid-column:1/-1;margin:0}.practice-row.is-complete{border-color:color-mix(in srgb, var(--green) 55%, var(--line))}.completion-button{width:36px;height:36px;color:var(--green);background:0 0;border:0;place-items:center;padding:0;display:grid}.practice-copy{gap:3px;min-width:0;display:grid}.practice-copy span,.practice-copy small{color:var(--muted)}.review-card{border:1px solid var(--line);background:var(--surface);border-radius:7px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;padding:18px;display:grid}.review-list{gap:12px;display:grid}.review-card.is-due{border-inline-start:4px solid var(--gold)}.review-card>div:first-child{gap:4px;display:grid}.review-card small,.review-card span{color:var(--muted)}.admin-subtabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:7px;margin-bottom:16px;padding-bottom:12px;display:flex}.admin-subtabs button{border:1px solid var(--line);min-height:42px;color:var(--muted);background:var(--surface);font:inherit;cursor:pointer;border-radius:5px;padding:7px 14px;font-weight:800}.admin-subtabs button.is-active{border-color:var(--gold);color:var(--gold-strong);background:var(--gold-soft)}.alignment-review{gap:15px;min-width:0;display:grid}.alignment-review-header{grid-template-columns:minmax(0,1fr) minmax(180px,.35fr);align-items:center;gap:18px;display:grid}.alignment-review-header h3,.alignment-task h3{color:var(--gold-strong);margin:0}.alignment-review-header p{color:var(--muted);margin:3px 0 0}.alignment-review-scope{max-width:720px;color:var(--muted);margin-top:5px;line-height:1.65;display:block}.alignment-review-progress{font-variant-numeric:tabular-nums;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px 10px;display:grid}.alignment-review-progress progress{width:100%;accent-color:var(--gold)}.alignment-review-progress small{color:var(--red);grid-column:1/-1}.alignment-review-filters{grid-template-columns:minmax(0,1fr) minmax(150px,.32fr);gap:10px;display:grid}.alignment-review-filters.is-single{grid-template-columns:minmax(180px,320px)}.alignment-start{justify-self:start}.alignment-continuous{border:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;display:flex}.alignment-continuous.is-active{border-color:var(--green);background:color-mix(in srgb, var(--green) 7%, var(--surface))}.alignment-continuous>div{gap:3px;display:grid}.alignment-continuous span{color:var(--muted);font-size:12px;line-height:1.65}.alignment-continuous button{flex:none}.alignment-task{border:1px solid var(--line);background:var(--surface-2);border-radius:7px;gap:14px;min-width:0;padding:16px;display:grid}.alignment-task>header{justify-content:space-between;align-items:center;gap:12px;display:flex}.alignment-canonical-text{border-block:1px solid var(--line);text-align:center;margin:0;padding:16px;font-family:Amiri Quran,Amiri,serif;font-size:25px;line-height:2}.alignment-boundary-target{color:var(--muted);text-align:center;margin:-6px 0 0;font-size:12px;font-weight:800}.alignment-canonical-pair{border-block:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.alignment-canonical-pair article{min-width:0;padding:13px}.alignment-canonical-pair article+article{border-inline-start:1px solid var(--line)}.alignment-canonical-pair small{color:var(--gold-strong);font-weight:900}.alignment-canonical-pair p{margin:4px 0 0;font-family:Amiri Quran,Amiri,serif;font-size:20px;line-height:1.9}.alignment-review-brief{border-inline-start:3px solid var(--green);background:color-mix(in srgb, var(--green) 7%, var(--surface));grid-template-columns:22px minmax(0,1fr);gap:10px;padding:11px 13px;display:grid}.alignment-review-brief>svg{width:20px;height:20px;color:var(--green);margin-top:2px}.alignment-review-brief>div{gap:3px;display:grid}.alignment-review-brief span{color:var(--muted);font-size:12px;line-height:1.65}.alignment-listen-row{grid-template-columns:120px minmax(0,1fr);align-items:end;gap:10px;display:grid}.alignment-speed-picker{width:100%}.alignment-clips{gap:8px;display:grid}.alignment-clips article{border:1px solid var(--line);background:var(--surface);grid-template-columns:auto minmax(0,1fr) 24px;align-items:center;gap:10px;min-height:62px;padding:9px 11px;display:grid}.alignment-clips article>div{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 10px;display:grid}.alignment-clip-requirement{color:var(--muted);margin-inline-start:6px;font-size:10px;font-weight:800;display:inline-block}.alignment-clips article span{color:var(--muted);font-variant-numeric:tabular-nums;direction:ltr;font-size:11px}.alignment-clips article progress{width:100%;height:6px;accent-color:var(--gold);grid-column:1/-1}.alignment-clips audio{display:none}.alignment-listened{width:20px;height:20px;color:var(--green)}.alignment-extra-clips{border:1px solid var(--line);background:var(--surface);padding:10px 12px}.alignment-extra-clips summary{color:var(--muted);cursor:pointer;font-weight:800}.alignment-extra-clips>p{color:var(--muted);margin:4px 0 8px;font-size:11px}.alignment-decision{grid-template-columns:minmax(190px,.35fr) minmax(0,1fr);gap:10px;display:grid}.alignment-decision textarea{resize:vertical;min-height:76px}.alignment-decision>div{grid-column:1/-1;justify-content:flex-end;gap:8px;display:flex}.alignment-verdict{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding-top:12px;display:flex}.alignment-verdict p{margin:0;font-weight:800}.alignment-verdict>div{gap:8px;display:flex}.alignment-gate{color:var(--muted);align-items:center;gap:8px;margin:0;font-size:12px;display:flex}.alignment-gate svg{flex:none;width:17px;height:17px}.outcome-actions{gap:7px;display:flex}.outcome-actions button{border:1px solid var(--line);min-height:40px;color:var(--text);background:var(--surface-2);border-radius:6px;align-items:center;gap:5px;padding:0 10px;display:inline-flex}.outcome-actions svg{width:15px;height:15px}.auth-panel{gap:22px;width:min(100%,520px);margin-inline:auto;display:grid}.auth-panel>header{align-items:center;gap:14px;display:flex}.auth-panel h1{color:var(--gold-strong);margin:0}.auth-panel form{gap:15px;display:grid}.auth-panel .primary-button{width:100%}.auth-switch{color:var(--muted);text-align:center;margin:0}.auth-switch a{color:var(--gold-strong);font-weight:800}.welcome-legal{color:var(--muted);justify-content:center;gap:16px;font-size:12px;display:flex}.welcome-legal a{color:inherit;text-underline-offset:3px;text-decoration:underline}.account-actions{gap:10px;display:grid}.action-row{border:1px solid var(--line);width:100%;color:var(--text);background:var(--surface);text-align:right;border-radius:7px;align-items:center;gap:14px;padding:17px;display:flex}.action-row>svg{color:var(--gold)}.action-row>span{gap:4px;display:grid}.action-row small{color:var(--muted)}.settings-sections{gap:16px;display:grid}.settings-sections>section{box-shadow:none;gap:16px;display:grid}.settings-sections>.primary-button{justify-self:start}.google-setup-card{gap:16px}.google-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.google-service-grid article{border:1px solid var(--line);background:var(--surface-2);border-radius:7px;grid-template-columns:42px minmax(0,1fr) 22px;align-items:center;gap:12px;min-height:76px;padding:13px;display:grid}.google-service-grid article>span{border:1px solid var(--line);width:42px;height:42px;color:var(--gold-strong);background:var(--surface);border-radius:50%;place-items:center;display:grid}.google-service-grid article>span svg{width:20px;height:20px}.google-service-grid article>div{gap:3px;min-width:0;display:grid}.google-service-grid article small{color:var(--muted);overflow-wrap:anywhere}.google-service-grid article>svg{color:var(--green)}.google-service-grid article.is-ready{border-color:color-mix(in srgb, var(--green) 45%, var(--line))}.google-service-grid article.is-warning{border-color:color-mix(in srgb, var(--gold) 55%, var(--line))}.google-scope-note{border-inline-start:3px solid var(--green);color:var(--muted);background:color-mix(in srgb, var(--green) 6%, var(--surface));margin:0;padding:11px 13px}.inline-error{border-inline-start:3px solid var(--red);background:color-mix(in srgb, var(--red) 7%, var(--surface));justify-content:space-between;align-items:center;gap:12px;padding:11px;display:flex}.inline-error p{color:var(--text)}.inline-error a{color:var(--gold-strong);flex:none;font-weight:800}.identity-mfa{border-top:1px solid var(--line);margin-top:12px;padding-top:14px}.theme-choice{border:1px solid var(--line);width:100%;color:var(--text);background:var(--surface-2);text-align:right;border-radius:6px;align-items:center;gap:14px;padding:15px;display:flex}.theme-choice>svg{color:var(--gold)}.theme-choice>span{gap:4px;display:grid}.theme-choice small,.settings-sections label+small{color:var(--muted)}.preference-toggle{border:1px solid var(--line);background:var(--surface-2);cursor:pointer;border-radius:6px;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:12px;min-height:58px;padding:10px 12px;display:grid}.preference-toggle input{width:20px;height:20px;accent-color:var(--gold);margin:0}.preference-toggle>span{gap:3px;display:grid}.preference-toggle small{color:var(--muted);font-weight:400}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.metric-grid article{border:1px solid var(--line);background:var(--surface);border-radius:7px;grid-template-columns:auto 1fr;align-items:center;gap:8px 12px;padding:20px;display:grid}.metric-grid article svg{width:27px;height:27px;color:var(--gold);grid-row:1/3}.metric-grid article span{color:var(--muted)}.metric-grid article strong{font-size:25px}.metric-grid article small{color:var(--muted);grid-column:2}.admin-health{gap:16px;display:grid}.admin-task-list{border-top:1px solid var(--line);display:grid}.admin-task-list>div{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px 0;display:grid}.admin-task-list span,.admin-task-list small{color:var(--muted)}.status-badge{border:1px solid var(--line);min-height:32px;color:var(--green);border-radius:999px;align-items:center;padding:4px 10px;display:inline-flex}.status-badge.is-warning{color:var(--red)}.admin-page{padding-bottom:32px}.admin-tabs{z-index:12;border:1px solid var(--line);background:color-mix(in srgb, var(--background) 94%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:7px;flex-wrap:wrap;justify-content:center;gap:6px;padding:10px;display:flex;position:sticky;top:-40px}.admin-tabs button{min-height:38px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;padding:7px 12px}.admin-tabs button.is-active{border-color:var(--gold);color:var(--text);background:var(--surface)}.admin-panel{gap:16px;display:grid}.admin-panel h3{margin:8px 0 0;font-size:18px}.admin-rows{border-top:1px solid var(--line);display:grid}.admin-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;min-width:0;padding:12px 2px;display:flex}.admin-row>div:first-child{min-width:0;margin-inline-end:auto}.admin-row strong,.admin-row small{overflow-wrap:anywhere;display:block}.admin-row small{color:var(--muted);margin-top:3px}.admin-order-controls{flex:none;gap:6px;display:flex}.admin-book-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.4fr) auto;align-items:end;gap:10px;display:grid}.admin-book-description{min-width:0}.compact-toggle{border:1px solid var(--line);background:var(--surface);min-height:36px;color:var(--muted);font:inherit;cursor:pointer;border-radius:6px;flex:none;align-items:center;gap:7px;padding:5px 9px;display:inline-flex}.compact-toggle>span{background:var(--line);border-radius:999px;width:25px;height:14px;padding:2px}.compact-toggle>span:after{content:"";background:var(--muted);border-radius:50%;width:10px;height:10px;transition:transform .15s;display:block}.compact-toggle.is-on{color:var(--green)}.compact-toggle.is-on>span{background:color-mix(in srgb, var(--green) 28%, var(--surface))}.compact-toggle.is-on>span:after{background:var(--green);transform:translate(-11px)}.admin-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.admin-summary-grid>span{border-inline-start:2px solid var(--gold);background:var(--surface);color:var(--muted);gap:4px;padding:14px;display:grid}.admin-summary-grid strong{color:var(--text);overflow-wrap:anywhere;font-size:20px}.admin-summary-grid small{color:var(--muted)}.admin-failures{gap:8px;max-height:620px;display:grid;overflow-y:auto}.admin-failures article{border-inline-start:3px solid var(--red);background:color-mix(in srgb, var(--red) 7%, var(--surface));padding:12px}.admin-failures p{margin:5px 0}.admin-failures time{color:var(--muted);font-size:12px}.admin-actions{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.admin-actions .field{flex:280px}.admin-notice{border-inline-start:3px solid var(--gold);background:var(--surface);justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.admin-notice button{color:inherit;cursor:pointer;background:0 0;border:0;font-size:22px}.compact-action{min-height:40px;padding:7px 12px}.reader-delete-dialog{border:1px solid color-mix(in srgb, var(--red) 52%, var(--line));background:var(--surface-2);width:min(620px,100vw - 28px);max-height:calc(100dvh - 28px);color:var(--text);box-shadow:var(--shadow);border-radius:8px;margin:auto;padding:0;overflow:auto}.reader-delete-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b8}.reader-delete-dialog form{gap:18px;padding:24px;display:grid}.reader-delete-dialog header{align-items:center;gap:13px;display:flex}.reader-delete-dialog h2,.reader-delete-dialog p{margin:0}.reader-delete-dialog h2{color:var(--text)}.reader-delete-warning{border:1px solid color-mix(in srgb, var(--red) 50%, var(--line));width:44px;height:44px;color:var(--red);background:color-mix(in srgb, var(--red) 10%, var(--surface));border-radius:50%;flex:none;place-items:center;display:grid}.reader-delete-warning svg{width:22px;height:22px}.reader-delete-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.reader-delete-summary span{border-inline-start:2px solid var(--red);background:var(--surface);color:var(--muted);gap:5px;padding:11px;display:grid}.reader-delete-summary strong{color:var(--text);font-size:18px}.reader-delete-dialog footer{justify-content:flex-end;gap:9px;padding-top:4px;display:flex}.form-error{color:var(--red);margin:10px 0 0}.admin-empty{text-align:center;min-height:180px;color:var(--muted);align-content:center;place-items:center;gap:8px;display:grid}.admin-empty svg{width:34px;height:34px;color:var(--gold)}.admin-empty p{max-width:620px;margin:0}.surah-review-layout{grid-template-columns:minmax(250px,.38fr) minmax(0,1fr);gap:18px;display:grid}.surah-candidate-list{border-inline-end:1px solid var(--line);align-content:start;gap:14px;min-width:0;padding-inline-end:18px;display:grid}.review-progress{color:var(--muted);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;display:grid}.review-progress progress{width:100%;accent-color:var(--gold)}.ayah-review-index{grid-template-columns:repeat(7,minmax(34px,1fr));gap:6px;max-height:390px;display:grid;overflow-y:auto}.ayah-review-index button{aspect-ratio:1;border:1px solid var(--line);color:var(--muted);background:var(--surface);font:inherit;cursor:pointer;border-radius:5px;place-items:center;padding:0;display:grid}.ayah-review-index button svg{width:15px;height:15px}.ayah-review-index button.is-active{border-color:var(--gold);color:var(--gold-strong);box-shadow:inset 0 0 0 1px var(--gold)}.ayah-review-index button.is-approved{color:var(--green)}.ayah-review-index button.is-rejected{color:var(--red)}.ayah-review-workspace{align-content:start;gap:15px;min-width:0;display:grid}.ayah-review-workspace>header{justify-content:space-between;align-items:center;gap:14px;display:flex}.ayah-review-workspace h3{color:var(--gold-strong);margin:0}.review-ayah-context{border-block:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.review-ayah-context>div{border-inline-end:1px solid var(--line);min-width:0;color:var(--muted);padding:10px 12px}.review-ayah-context>div:last-child{border-inline-end:0}.review-ayah-context>div.is-current{color:var(--text);background:var(--gold-soft)}.review-ayah-context span{color:var(--gold-strong);font-size:11px;font-weight:900}.review-ayah-context p{margin:5px 0 0;font-family:Amiri Quran,Amiri,serif;font-size:17px;line-height:1.9}.quran-review-text{border-block:1px solid var(--line);text-align:center;flex-wrap:wrap;place-content:center;gap:0 8px;min-height:120px;margin:0;padding:24px;font-family:Amiri Quran,Amiri,serif;font-size:29px;line-height:2.15;display:flex}.quran-review-text span{border-radius:4px;padding-inline:2px;transition:color .12s,background-color .12s}.quran-review-text span.is-active{color:var(--gold-strong);background:var(--gold-soft)}.review-waveform{direction:ltr;gap:7px;display:grid}.review-waveform-canvas{border:1px solid var(--line);background:color-mix(in srgb, var(--surface-2) 92%, var(--gold-soft));border-radius:7px;min-height:112px;position:relative;overflow:hidden}.review-waveform-canvas svg{width:calc(100% - 16px);height:calc(100% - 20px);position:absolute;inset:10px 8px}.review-waveform-bars{fill:none;stroke:color-mix(in srgb, var(--muted) 52%, transparent);stroke-width:2.6px;stroke-linecap:round;vector-effect:non-scaling-stroke}.review-waveform-bars.is-played{stroke:var(--gold-strong)}.review-waveform-fallback{stroke:var(--line);stroke-width:3px}.review-waveform-playhead{stroke:var(--text);stroke-width:2px;vector-effect:non-scaling-stroke}.review-waveform-issue{stroke:var(--red);stroke-width:3px;stroke-dasharray:4 3;vector-effect:non-scaling-stroke}.review-waveform-canvas input{opacity:.001;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.review-waveform-canvas:focus-within{border-color:var(--gold);box-shadow:inset 0 0 0 3px color-mix(in srgb, var(--gold) 48%, transparent)}.review-waveform-state{color:var(--muted);background:color-mix(in srgb, var(--surface) 88%, transparent);text-align:center;direction:rtl;font-size:11px;position:absolute;inset-block-end:5px;inset-inline:8px}.review-waveform-meta{color:var(--muted);font-variant-numeric:tabular-nums;grid-template-columns:70px minmax(0,1fr) 120px;align-items:center;font-size:11px;display:grid}.review-waveform-meta span{text-align:center;direction:rtl}.review-waveform-meta time:last-child{text-align:end}.audio-waveform.is-compact{gap:2px}.audio-waveform.is-compact .review-waveform-canvas{min-height:48px}.audio-waveform.is-compact .review-waveform-canvas svg{width:calc(100% - 12px);height:calc(100% - 10px);inset:5px 6px}.audio-waveform.is-compact .review-waveform-meta{grid-template-columns:52px minmax(0,1fr) 105px;font-size:10px}.review-playback-controls,.review-decision-actions{flex-wrap:wrap;align-items:end;gap:9px;display:flex}.review-playback-controls>button{min-height:46px}.review-speed{width:120px}.review-listen-status{color:var(--muted);margin:-7px 0 0;font-size:12px}.review-repeat-cue-note{border-inline-start:3px solid var(--gold);color:var(--gold-strong);background:var(--gold-soft);margin:-7px 0 0;padding:8px 10px;font-size:12px}.review-optional-context{border:1px solid var(--line);background:var(--surface);padding:10px 12px}.review-optional-context summary{color:var(--muted);cursor:pointer;font-weight:800}.review-optional-context>p{color:var(--muted);margin:5px 0 10px;font-size:11px}.review-optional-context .review-ayah-context{margin-bottom:9px}.review-boundary-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.review-boundary-actions button{justify-content:center;min-width:0;padding-inline:7px}.review-decision{border:1px solid var(--line);background:var(--surface-2);grid-template-columns:minmax(0,.7fr) minmax(0,1fr);gap:10px;padding:14px;display:grid}.review-issues{border:1px solid var(--line);grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 14px;margin:0;padding:12px;display:grid}.review-issues legend{color:var(--muted);padding-inline:7px;font-weight:800}.review-issues label{cursor:pointer;align-items:flex-start;gap:8px;min-width:0;line-height:1.65;display:flex}.review-issues input{width:18px;height:18px;accent-color:var(--red);flex:none;margin-top:4px}.review-comment{grid-column:1/-1}.review-comment textarea{resize:vertical;min-height:88px}.review-decision-actions{grid-column:1/-1}.review-recorded,.published-warning{border-inline-start:3px solid var(--green);background:color-mix(in srgb, var(--green) 7%, var(--surface));align-items:center;gap:10px;padding:12px;display:flex}.review-recorded.is-rejected,.published-warning{border-color:var(--red);background:color-mix(in srgb, var(--red) 7%, var(--surface))}.published-warning{flex-wrap:wrap}.published-warning p{flex:1;min-width:220px;margin:0}.player-bar{z-index:60;inset-inline:0;min-height:var(--player-compact-height);padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--line);background:color-mix(in srgb, var(--surface) 96%, transparent);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);position:fixed;bottom:0;box-shadow:0 -12px 32px #0000001f}.player-bar.is-expanded{min-height:var(--player-height)}.player-inner{min-height:var(--player-compact-height);grid-template-columns:minmax(180px,1fr) auto 38px;grid-template-areas:"now transport expand";align-items:center;gap:7px 18px;padding-block:10px;display:grid;position:relative}.player-bar.is-expanded .player-inner{min-height:var(--player-height);grid-template-columns:minmax(180px,1fr) auto auto 38px;grid-template-areas:"now transport settings expand""progress progress progress progress"}.now-playing{grid-area:now;grid-template-columns:auto minmax(0,1fr);gap:1px 8px;min-width:0;display:grid}.now-playing small{color:var(--gold);font-weight:800}.now-playing strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.now-playing>span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;grid-column:1/-1;font-family:Noto Naskh Arabic,Amiri,serif;overflow:hidden}.now-playing .synchronized-word.is-active{color:var(--text)}.player-transport{direction:rtl;grid-area:transport;align-items:center;gap:7px;display:flex}.player-settings{grid-area:settings;align-items:center;gap:7px;display:flex}.player-icon,.player-close{border:1px solid var(--line);width:38px;height:38px;color:var(--text);background:var(--surface-2);border-radius:6px;place-items:center;padding:0;display:grid;position:relative}.player-icon svg,.player-close svg{width:17px;height:17px}.player-primary{border-color:var(--gold);width:46px;height:46px;color:var(--gold-strong);background:var(--gold-soft);border-radius:50%}.speed-select{width:58px;height:38px;color:var(--text);text-align:center;border-radius:6px;padding:0 7px;font-size:13px;font-weight:800}.repeat-button.is-active{color:var(--gold-strong);border-color:var(--gold)}.repeat-badge{color:#18140c;background:#d7ae50;border-radius:10px;place-items:center;min-width:19px;height:19px;padding:0 3px;font-size:10px;font-weight:900;display:grid;position:absolute;inset-block-start:-6px;inset-inline-end:-6px}.repeat-badge svg{stroke-width:2.5px;width:11px;height:11px}.player-progress{direction:ltr;grid-area:progress;min-width:0}.player-expand{width:34px;height:34px;color:var(--gold-strong);background:var(--gold-soft);border:0;border-radius:50%;grid-area:expand;place-items:center;padding:0;display:grid}.player-expand svg{width:17px;height:17px}.player-close{border-radius:50%;width:30px;height:30px;position:absolute;inset-block-start:7px;inset-inline-end:-46px}.today-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding-block:8px 22px;display:flex}.today-heading h1,.welcome-heading h1{color:var(--gold-strong);margin-bottom:7px;font-family:Noto Naskh Arabic,Amiri,serif;font-size:38px;line-height:1.2}.today-heading p:last-child,.welcome-heading p:last-child{color:var(--muted);margin-bottom:0}.today-streak{border-inline-start:1px solid var(--line);grid-template-columns:auto auto;justify-content:center;align-items:center;gap:0 8px;min-width:145px;padding-inline-start:24px;display:grid}.today-streak svg{width:30px;height:30px;color:var(--gold);grid-row:1/3}.today-streak strong{font-size:27px;line-height:1}.today-streak span{color:var(--muted);font-size:12px}.today-task{border:1px solid var(--gold);background:var(--surface);min-height:158px;box-shadow:var(--shadow);border-radius:7px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;padding:26px;display:grid}.today-task-copy{gap:7px;display:grid}.today-task h2{color:var(--gold-strong);margin:0;font-family:Noto Naskh Arabic,Amiri,serif;font-size:32px}.today-task p{color:var(--muted);margin:0}.resume-note{color:var(--green);align-items:center;gap:6px;font-weight:800;display:flex}.resume-note svg{width:15px;height:15px}.today-start{min-height:54px;padding-inline:24px}.daily-progress-panel{border-block:1px solid var(--line);grid-template-columns:150px minmax(0,1fr);align-items:center;gap:28px;min-height:184px;padding:18px 26px;display:grid}.daily-rings{direction:ltr;place-items:center;width:144px;height:144px;display:grid;position:relative}.daily-rings svg{width:100%;height:100%;overflow:visible;transform:rotate(-90deg)}.daily-ring circle{fill:none;stroke-width:7px}.daily-ring-track{stroke:var(--surface-3)}.daily-ring-value{stroke-linecap:round}.daily-ring.is-new .daily-ring-value{stroke:var(--gold)}.daily-ring.is-review .daily-ring-value{stroke:var(--green)}.daily-ring.is-practice .daily-ring-value{stroke:var(--blue)}.daily-rings>span{color:var(--muted);place-items:center;font-size:12px;font-weight:800;display:grid;position:absolute;inset:0}.daily-rings>span svg{width:22px;height:22px;color:var(--green);transform:none}.daily-progress-copy{gap:16px;min-width:0;display:grid}.daily-progress-copy h2,.progress-lifetime h2,.daily-goals h2{color:var(--gold-strong);margin:0;font-family:Noto Naskh Arabic,Amiri,serif;font-size:25px}.daily-progress-values{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.daily-progress-values>div{border-inline-start:3px solid var(--line);gap:3px;padding-inline-start:12px;display:grid}.daily-progress-values>div.is-new{border-color:var(--gold)}.daily-progress-values>div.is-review{border-color:var(--green)}.daily-progress-values>div.is-practice{border-color:var(--blue)}.daily-progress-values span{color:var(--muted);font-size:12px}.daily-progress-values strong{font-size:20px}.daily-progress-values small{color:var(--muted);font-size:11px;font-weight:400}.today-overview{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.today-overview article{border:1px solid var(--line);background:var(--surface);border-radius:7px;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:3px 12px;min-height:92px;padding:17px;display:grid}.today-overview svg{width:27px;height:27px;color:var(--gold);grid-row:1/3}.today-overview span{color:var(--muted);font-size:13px}.today-overview strong{font-size:24px}.learning-rhythm{border-block:1px solid var(--line);grid-template-columns:minmax(180px,.7fr) minmax(0,1.3fr);align-items:center;gap:30px;padding-block:16px;display:grid}.learning-rhythm h2,.today-section h2,.review-section h2,.goal-wizard h2,.session-stage h2,.session-intro h2,.session-result h2,.first-goal-empty h2{color:var(--gold-strong);margin:0;font-family:Noto Naskh Arabic,Amiri,serif;font-size:25px}.rhythm-days{grid-template-columns:repeat(7,minmax(42px,1fr));gap:8px;display:grid}.rhythm-days>div{color:var(--muted);justify-items:center;gap:7px;font-size:11px;display:grid}.rhythm-days i{background:var(--surface-3);border-radius:4px;width:100%;height:8px}.rhythm-days .is-active i{background:var(--green)}.rhythm-days .is-active span,.rhythm-days .is-active small{color:var(--text);font-weight:800}.today-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;display:grid}.today-section{min-width:0}.today-section>header,.welcome-books>header,.review-section>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:13px;padding-bottom:12px;display:flex}.goal-summary-list,.upcoming-review-list{display:grid}.goal-summary-list article{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(80px,.7fr) 42px;align-items:center;gap:12px;padding-block:12px;display:grid}.goal-summary-list article>span{gap:3px;min-width:0;display:grid}.goal-summary-list small,.upcoming-review-list small{color:var(--muted)}.goal-summary-list article>div{background:var(--surface-3);border-radius:4px;height:7px;overflow:hidden}.goal-summary-list article>div i{background:var(--green);height:100%;display:block}.goal-summary-list b{color:var(--muted);text-align:left}.upcoming-review-list a{border-bottom:1px solid var(--line);align-items:center;gap:12px;min-height:62px;padding-block:10px;display:flex}.upcoming-review-list a>span{gap:3px;min-width:0;margin-inline-end:auto;display:grid}.upcoming-review-list b{min-width:60px;color:var(--muted);text-align:center}.upcoming-review-list b.is-due{color:var(--gold-strong)}.inline-empty{min-height:90px;color:var(--muted);align-items:center;gap:14px;padding-block:15px;display:flex}.inline-empty>svg{width:28px;height:28px;color:var(--gold)}.inline-empty>span{gap:4px;display:grid}.inline-empty strong{color:var(--text)}.today-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.today-shortcuts a{border:1px solid var(--line);background:var(--surface);border-radius:7px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;min-height:66px;padding:12px 15px;display:grid}.today-shortcuts svg{width:24px;height:24px;color:var(--gold)}.today-shortcuts span{gap:1px;display:grid}.today-shortcuts small{color:var(--muted)}.progress-page{gap:22px}.progress-lifetime,.daily-goals{border-bottom:1px solid var(--line);gap:16px;padding-block:20px;display:grid}.progress-lifetime>header,.daily-goals>header{gap:2px;display:grid}.progress-lifetime>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.progress-lifetime article{border:1px solid var(--line);background:var(--surface);border-radius:7px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:2px 10px;min-height:90px;padding:14px;display:grid}.progress-lifetime article svg{color:var(--gold);grid-row:1/3}.progress-lifetime article span{color:var(--muted);font-size:12px}.progress-lifetime article strong{font-size:22px}.daily-goal-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.goal-number{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.goal-number input{width:100%}.goal-number small{min-width:44px;color:var(--muted)}.daily-goals>.primary-button{justify-self:start}.progress-continue{justify-self:stretch}.today-agenda{gap:10px;display:grid}.today-agenda>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:14px;padding-bottom:10px;display:flex}.today-agenda h2{color:var(--gold-strong);margin:0;font-family:Noto Naskh Arabic,Amiri,serif;font-size:24px}.today-agenda>header>span{color:var(--muted);font-size:12px;font-weight:800}.agenda-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.agenda-list a{border:1px solid var(--line);background:var(--surface);border-radius:7px;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:10px;min-height:62px;padding:11px 13px;display:grid}.agenda-list a>svg{width:23px;height:23px;color:var(--gold)}.agenda-list a>span{gap:2px;display:grid}.agenda-list small{color:var(--muted)}.welcome-today{align-content:center;gap:24px;min-height:100%;padding-block:12px;display:grid}.welcome-heading{border-bottom:1px solid var(--line);grid-template-columns:64px minmax(0,1fr);align-items:center;gap:18px;padding-bottom:24px;display:grid}.welcome-heading .session-symbol{width:64px;height:64px}.method-strip{border-block:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.method-strip>div{border-inline-end:1px solid var(--line);grid-template-columns:32px minmax(0,1fr);align-content:center;gap:3px 10px;min-height:92px;padding:13px 16px;display:grid}.method-strip>div:first-child{border-inline-end:0}.method-strip span{border:1px solid var(--gold);width:30px;height:30px;color:var(--gold-strong);border-radius:50%;grid-row:1/3;place-items:center;display:grid}.method-strip small{color:var(--muted)}.welcome-actions{justify-content:center;gap:10px;display:flex}.welcome-signin{color:var(--muted);text-align:center;margin:-10px 0 0}.welcome-signin a{color:var(--gold-strong);font-weight:900}.welcome-books>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.welcome-books>div>a{border:1px solid var(--line);background:var(--surface);border-radius:7px;grid-template-columns:38px minmax(0,1fr) 18px;align-items:center;gap:12px;min-height:82px;padding:14px;display:grid}.welcome-books>div>a>svg:first-child{width:28px;height:28px;color:var(--gold)}.welcome-books a>span{gap:3px;display:grid}.welcome-books small{color:var(--muted)}.goal-wizard{border:1px solid var(--gold);background:var(--surface);box-shadow:var(--shadow);border-radius:7px;gap:20px;padding:24px;display:grid}.goal-wizard>header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.goal-wizard>header p:last-child{color:var(--muted);margin:5px 0 0}.wizard-step{min-width:58px;color:var(--gold-strong);text-align:left;font-weight:900}.goal-basics{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.goal-range{border:0;border-top:1px solid var(--line);grid-template-columns:minmax(0,1.15fr) minmax(92px,.55fr) minmax(0,1.15fr) minmax(92px,.55fr);gap:12px;margin:0;padding:19px 0 0;display:grid}.goal-range legend{color:var(--gold-strong);padding:0;font-weight:900}.advanced-settings{border-block:1px solid var(--line)}.advanced-settings summary,.plan-management summary,.row-menu summary{color:var(--muted);cursor:pointer;align-items:center;gap:8px;font-weight:800;list-style:none;display:flex}.advanced-settings summary{min-height:48px}.advanced-settings summary::-webkit-details-marker{display:none}.plan-management summary::-webkit-details-marker{display:none}.row-menu summary::-webkit-details-marker{display:none}.advanced-settings>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-bottom:17px;display:grid}.goal-submit{justify-self:start;min-height:50px}.goal-next{justify-self:end}.wizard-actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.plan-count{height:auto;min-height:38px;color:var(--muted);background:var(--surface-2);justify-content:space-between;align-items:center;gap:12px;padding-inline:14px;display:flex}.plan-count>span{background:0 0;width:auto;height:auto;position:static}.plan-count>strong{color:var(--gold-strong);position:static}.identity-terms{color:var(--muted);text-align:center;margin:-5px 0 0;font-size:12px}.first-goal-empty{border:1px solid var(--line);background:var(--surface);border-radius:7px;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:18px;min-height:190px;padding:28px;display:grid}.first-goal-empty>svg{width:38px;height:38px;color:var(--gold)}.first-goal-empty p{color:var(--muted);margin:5px 0 0}.plan-toggle>span{gap:2px}.plan-toggle em{color:var(--muted);font-size:12px;font-style:normal}.plan-card-header .plan-start{min-width:126px}.plan-content .section-actions{align-items:flex-end}.practice-form>header h4{color:var(--gold-strong);margin:0;font-size:19px}.practice-row{grid-template-columns:38px minmax(0,1fr) auto 36px}.completion-button{place-items:center;display:grid}.row-menu{position:relative}.row-menu summary{border:1px solid var(--line);background:var(--surface);border-radius:6px;place-items:center;width:34px;height:34px;display:grid}.row-menu>div{z-index:4;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:6px;gap:5px;padding:6px;display:flex;position:absolute;inset-block-start:40px;inset-inline-end:0}.plan-management{border-top:1px solid var(--line);padding-top:4px}.plan-management summary{min-height:44px}.plan-management>div{align-items:center;gap:7px;padding-bottom:8px;display:flex}.secondary-button.danger{color:var(--red);border-color:color-mix(in srgb, var(--red) 45%, var(--line));background:0 0}.start-plan-page{gap:18px}.start-plan-heading{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:22px;padding-bottom:18px;display:grid}.start-plan-heading h1{color:var(--gold-strong);margin:0 0 5px;font-family:Noto Naskh Arabic,Amiri,serif;font-size:34px}.start-plan-heading p:last-child{color:var(--muted);margin:0}.start-plan-heading ol{direction:rtl;gap:7px;margin:0;padding:0;list-style:none;display:flex}.start-plan-heading li{border:2px solid var(--line);width:34px;height:34px;color:var(--muted);border-radius:50%;place-items:center;font-weight:900;display:grid}.start-plan-heading li.is-active{border-color:var(--gold);color:var(--gold-strong);background:var(--gold-soft)}.start-plan-heading li.is-complete{border-color:var(--green);color:var(--surface);background:var(--green)}.start-plan-heading li svg{width:16px;height:16px}.setup-step{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:7px;gap:20px;padding:24px;display:grid}.setup-step>header{grid-template-columns:58px minmax(0,1fr);align-items:center;gap:15px;display:grid}.setup-step h2{color:var(--gold-strong);margin:0;font-family:Noto Naskh Arabic,Amiri,serif;font-size:27px}.setup-step>header p:last-child{color:var(--muted);margin:4px 0 0}.setup-fields{gap:12px;display:grid}.setup-fields.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.setup-range-grid{border-block:1px solid var(--line);grid-template-columns:minmax(0,1.2fr) minmax(92px,.55fr) minmax(0,1.2fr) minmax(92px,.55fr);gap:12px;padding-block:18px 2px;display:grid}.setup-next{justify-self:end}.choice-group{gap:9px;display:grid}.choice-group>span{color:var(--muted);font-size:14px;font-weight:800}.segmented-choice,.weekday-choice{gap:7px;display:grid}.segmented-choice{grid-template-columns:repeat(3,minmax(0,1fr))}.weekday-choice{grid-template-columns:repeat(7,minmax(0,1fr))}.segmented-choice button,.weekday-choice button{border:1px solid var(--line);min-height:45px;color:var(--text);background:var(--surface-2);border-radius:6px;padding:7px;font-weight:800}.segmented-choice button.is-selected,.weekday-choice button.is-selected{border-color:var(--gold);color:var(--gold-strong);background:var(--gold-soft)}.setup-step>.advanced-settings>div{grid-template-columns:repeat(2,minmax(0,1fr))}.setup-actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.preview-summary{border-block:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.preview-summary>div{border-inline-end:1px solid var(--line);justify-items:center;gap:2px;padding:15px;display:grid}.preview-summary>div:first-child{border-inline-end:0}.preview-summary strong{color:var(--gold-strong);font-size:25px}.preview-summary span{color:var(--muted);font-size:12px}.plan-warning{border-inline-start:3px solid var(--red);color:var(--red);background:color-mix(in srgb, var(--red) 8%, var(--surface));margin:0;padding:11px 13px}.preview-days{margin:0;padding:0;list-style:none;display:grid}.preview-days li{border-bottom:1px solid var(--line);grid-template-columns:105px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:58px;padding-block:9px;display:grid}.preview-days li>span,.preview-days small{color:var(--muted);font-size:12px}.preview-more,.setup-privacy{color:var(--muted);text-align:center;margin:0;font-size:12px}.setup-privacy{justify-content:center;align-items:center;gap:7px;display:flex}.setup-privacy svg{width:16px;height:16px}.session-heading{border-bottom:1px solid var(--line);grid-template-columns:44px minmax(0,1fr);align-items:center;gap:14px;padding-bottom:20px;display:grid}.session-heading h1{color:var(--gold-strong);margin:0 0 4px;font-family:Noto Naskh Arabic,Amiri,serif;font-size:32px}.session-heading p:last-child{color:var(--muted);margin:0}.session-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none;display:grid}.session-steps li{color:var(--muted);text-align:center;justify-items:center;gap:7px;font-size:12px;font-weight:800;display:grid;position:relative}.session-steps li:before{content:"";z-index:-1;background:var(--line);width:100%;height:2px;position:absolute;inset-block-start:16px;inset-inline-start:50%}.session-steps li:last-child:before{display:none}.session-steps li>span{border:2px solid var(--line);width:34px;height:34px;color:var(--muted);background:var(--bg);border-radius:50%;place-items:center;display:grid}.session-steps li>span svg{width:16px;height:16px}.session-steps li.is-active,.session-steps li.is-complete{color:var(--gold-strong)}.session-steps li.is-active>span{border-color:var(--gold);color:var(--gold-strong);background:var(--gold-soft)}.session-steps li.is-complete>span{border-color:var(--green);color:var(--surface);background:var(--green)}.session-steps li.is-complete:before{background:var(--green)}.session-intro,.session-stage,.session-result{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:7px;gap:22px;padding:28px;display:grid}.session-intro{grid-template-columns:62px minmax(0,1fr)}.session-intro>.session-facts,.session-intro>.session-main-action{grid-column:1/-1}.session-symbol{border:1px solid var(--gold);width:58px;height:58px;color:var(--gold-strong);background:var(--gold-soft);border-radius:50%;place-items:center;display:grid}.session-symbol svg{width:28px;height:28px}.session-symbol.success{color:var(--green);border-color:var(--green);background:color-mix(in srgb, var(--green) 13%, var(--surface))}.session-intro p,.session-stage header p:last-child,.session-result p{color:var(--muted);margin:5px 0 0}.session-facts{border-block:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.session-facts>div{border-inline-end:1px solid var(--line);padding:14px}.session-facts>div:first-child{border-inline-end:0}.session-facts dt{color:var(--muted);font-size:12px}.session-facts dd{margin:5px 0 0;font-weight:800}.session-main-action{justify-self:center;min-width:210px}.session-stage>header{grid-template-columns:58px minmax(0,1fr);align-items:center;gap:16px;display:grid}.session-stage h2:focus,.session-result h2:focus{outline:0}.practice-script{gap:7px;display:grid}.practice-script article{background:var(--surface-2);min-height:78px;scroll-margin-block:calc(var(--header-height) + 20px) calc(var(--player-height) + 20px);border-inline-start:3px solid #0000;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:14px;padding:12px 15px;display:grid}.practice-script article.is-active{border-inline-start-color:var(--gold);background:var(--gold-soft)}.practice-script article>span{color:var(--muted);font-size:12px}.practice-script article p{min-width:0;margin:0}.practice-script article .quran-text{font-size:26px;line-height:1.8}.session-actions{flex-wrap:wrap;justify-content:center;gap:9px;display:flex}.session-status{color:var(--muted);text-align:center;margin:-10px 0 0;font-size:12px}.recall-canvas{border:1px dashed var(--line);min-height:230px;color:var(--muted);background:var(--surface-2);text-align:center;place-content:center;justify-items:center;gap:8px;display:grid}.recall-canvas strong{color:var(--text);font-size:20px}.assessment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.assessment-grid button{border:1px solid var(--line);min-height:86px;color:var(--text);background:var(--surface-2);text-align:right;border-radius:7px;gap:5px;padding:14px;display:grid}.assessment-grid button:hover{border-color:var(--gold);background:var(--gold-soft)}.assessment-grid span{color:var(--muted);font-size:12px}.session-result{grid-template-columns:62px minmax(0,1fr);align-items:center}.session-result .session-actions{grid-column:1/-1}.ayah-progress{color:var(--muted);grid-template-columns:auto minmax(100px,1fr);align-items:center;gap:13px;font-size:12px;font-weight:800;display:grid}.ayah-progress>div{background:var(--surface-3);border-radius:4px;height:7px;overflow:hidden}.ayah-progress i{background:var(--green);height:100%;transition:inline-size .2s;display:block}.focused-ayah .practice-script article{grid-template-columns:120px minmax(0,1fr);min-height:150px;padding:20px}.focused-ayah .practice-script article .quran-text{text-align:center;font-size:31px;line-height:2}.segment-assessment{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.segment-assessment button{border:1px solid var(--line);min-height:76px;color:var(--text);background:var(--surface-2);text-align:start;border-radius:7px;gap:4px;padding:12px 14px;display:grid}.segment-assessment button:hover,.segment-assessment button:focus-visible{border-color:var(--gold);background:var(--gold-soft)}.segment-assessment span{color:var(--muted);font-size:12px}.mistake-field{max-width:420px}.link-stage .recall-canvas{min-height:180px}.result-breakdown{border-block:1px solid var(--line);grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.result-breakdown span{border-inline-end:1px solid var(--line);color:var(--muted);justify-content:center;align-items:baseline;gap:7px;padding:13px;display:flex}.result-breakdown span:first-child{border-inline-end:0}.result-breakdown strong{color:var(--gold-strong);font-size:22px}.review-section>header{align-items:center}.review-count{color:#18140c;background:#d7ae50;border-radius:50%;place-items:center;min-width:38px;height:38px;font-weight:900;display:grid}.review-card{grid-template-columns:42px minmax(0,1fr) auto}.review-icon{width:38px;height:38px;color:var(--gold-strong);background:var(--gold-soft);border-radius:50%;place-items:center;display:grid}.review-card>div{gap:3px;display:grid}.review-card time{color:var(--gold-strong);font-size:12px;font-weight:800}.upcoming-section .review-card{opacity:.78}.book-purpose-actions{flex-wrap:wrap;align-items:center;gap:9px;padding-block:4px;display:flex}.item-memorize-action{width:fit-content}@media (width<=980px){:root{--header-height:68px}.header-main{min-height:var(--header-height);grid-template-columns:minmax(0,1fr) auto;gap:10px;padding-block:6px}.header-main:has(.header-context){grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.brand img{width:43px;height:43px}.brand-copy{align-items:baseline;gap:8px;display:flex}.brand-copy strong{font-size:23px}.header-tools{flex-wrap:nowrap;justify-content:center;width:100%}.tool-link span{display:none}.tool-link{min-width:42px;padding:0}.item-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.range-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.play-range-button{grid-column:4}.practice-form{grid-template-columns:repeat(2,minmax(0,1fr))}.player-close{inset-inline-end:4px}.now-playing{padding-inline-end:35px}.mushaf-nav-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mushaf-spread.is-double{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mushaf-spread.is-double .mushaf-sheet{min-height:0;padding-inline:19px}.mushaf-spread.is-double .ayah-line{font-size:23px}.mushaf-selection{grid-template-columns:minmax(0,1fr) minmax(170px,240px)}.mushaf-selection .selection-actions{grid-column:1/-1;justify-content:center}}@media (width<=700px){.admin-subtabs{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.admin-subtabs button{min-width:0;padding-inline:7px;font-size:12px}.alignment-review-header{grid-template-columns:1fr;gap:10px}.alignment-review-filters{grid-template-columns:1fr 110px}.alignment-continuous{display:grid}.alignment-continuous button{width:100%}.alignment-task{padding:11px}.alignment-task>header{align-items:flex-start}.alignment-canonical-pair{grid-template-columns:1fr}.alignment-canonical-pair article+article{border-inline-start:0;border-top:1px solid var(--line)}.alignment-canonical-text{padding:12px 5px;font-size:22px}.alignment-canonical-pair p{font-size:18px}.alignment-listen-row{grid-template-columns:92px minmax(0,1fr)}.alignment-clips article{grid-template-columns:auto minmax(0,1fr) 20px;padding-inline:8px}.alignment-verdict{display:grid}.alignment-verdict>div{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.alignment-verdict button{min-width:0;padding-inline:7px}.alignment-decision{grid-template-columns:1fr}.alignment-decision>div{grid-column:1;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.alignment-decision>div button{min-width:0;padding-inline:6px}.google-connect-stage{grid-template-columns:42px minmax(0,1fr);gap:12px;padding:14px}.google-connect-mark{width:42px;height:42px}.google-connect-button,.google-account-picker,.google-connect-stage>.inline-error{grid-column:1/-1;width:100%}.google-account-picker>*{flex:100%}:root{--header-height:60px;--player-height:174px;--player-compact-height:70px}.page-width{width:min(100% - 20px,1240px)}.app-main{padding-block:24px 38px}.page-stack{gap:18px}.header-main{gap:7px;padding-block:5px}.brand img{width:38px;height:38px}.brand-copy small{display:none}.brand-copy strong{font-size:20px}.header-context{gap:5px}.header-context>svg{width:20px;height:20px}.header-context strong{font-size:17px}.header-context small{font-size:9px}.header-menu-toggle{width:40px;min-width:40px;height:40px}.header-menu{width:auto;max-height:calc(100dvh - var(--header-height) - 14px);position:fixed;inset-block-start:calc(var(--header-height) + 7px);inset-inline:10px}.header-tools{gap:5px}.tool-link,.icon-button{border-radius:6px;width:38px;min-width:38px;height:38px}.tool-link svg,.icon-button svg{width:18px;height:18px}.search-panel{padding-bottom:10px}.search-field{min-height:48px}.page-heading,.book-heading,.item-heading{gap:14px;padding-bottom:18px}.page-heading h1,.book-heading h1,.item-heading h1{font-size:28px}.page-heading.split-heading{align-items:flex-end}.page-heading.split-heading .primary-button{min-width:44px;padding-inline:11px}.heading-icon{width:46px;height:46px}.book-grid,.item-grid,.metric-grid{grid-template-columns:1fr}.library-page .page-heading.split-heading{flex-direction:column;align-items:stretch}.library-search{width:100%}.quran-library-feature{grid-template-columns:62px minmax(0,1fr);gap:14px;padding-block:18px}.quran-library-feature h2{font-size:24px}.quran-library-actions{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.quran-library-actions>*{min-width:0;padding-inline:8px}.admin-task-list>div{grid-template-columns:1fr auto}.admin-task-list small{grid-column:1/-1}.admin-tabs{justify-content:flex-start;top:-24px}.admin-tabs button{flex:calc(25% - 6px);padding-inline:6px;font-size:13px}.admin-row{flex-wrap:wrap;align-items:flex-start}.admin-row>div:first-child{flex-basis:100%}.admin-book-form{grid-template-columns:1fr}.admin-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-actions>button{flex:130px}.reader-delete-dialog form{padding:18px}.reader-delete-summary{grid-template-columns:1fr}.reader-delete-dialog footer{grid-template-columns:1fr;display:grid}.surah-review-layout{grid-template-columns:1fr}.surah-candidate-list{padding-inline-end:0;border-inline-end:0;border-bottom:1px solid var(--line);padding-bottom:14px}.ayah-review-index{grid-template-columns:repeat(8,minmax(32px,1fr));max-height:170px}.review-decision{grid-template-columns:1fr}.review-issues{grid-column:1;grid-template-columns:repeat(2,minmax(0,1fr))}.review-comment,.review-decision-actions{grid-column:1}.review-ayah-context{grid-template-columns:1fr}.review-ayah-context>div{border-inline-end:0;border-bottom:1px solid var(--line)}.review-ayah-context>div:last-child{border-bottom:0}.review-boundary-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.google-service-grid{grid-template-columns:1fr}.book-card{grid-template-columns:54px minmax(0,1fr) 20px;gap:13px;min-height:112px;padding:16px}.book-icon{width:54px;height:54px}.book-icon svg{width:27px;height:27px}.book-card-copy strong{font-size:21px}.book-card-copy>span{display:none}.number-ornament{width:52px;height:52px;font-size:21px}.number-ornament.large,.book-icon.large{width:62px;height:62px}.range-player,.form-panel,.practice-form,.auth-panel,.settings-sections>section{padding:15px}.range-grid{grid-template-columns:minmax(0,1fr) 92px minmax(0,1fr) 92px;gap:9px}.field input,.field select{height:44px}.field>span{font-size:12px}.field small{font-size:10px}.play-range-button{grid-column:1/-1;justify-self:stretch;height:44px}.segment-row>header{min-height:54px}.segment-play{width:38px;height:38px;margin-inline-start:auto}.segment-row>p{min-height:76px;padding:17px}.quran-text{font-size:25px;line-height:1.95}.basmala-heading{grid-template-columns:minmax(16px,1fr) auto minmax(16px,1fr);gap:10px;min-height:64px;font-size:22px}.prose-text{font-size:22px;line-height:1.9}.form-grid.two-columns{grid-template-columns:1fr}.sign-in-prompt{grid-template-columns:44px minmax(0,1fr);padding:18px}.sign-in-prompt .primary-button{grid-column:1/-1}.plan-card-header{flex-wrap:wrap;align-items:flex-start}.plan-card-header .row-actions{margin-inline-start:auto}.practice-form{grid-template-columns:repeat(2,minmax(0,1fr))}.practice-row{grid-template-columns:34px minmax(0,1fr)}.practice-row>.row-actions{grid-column:1/-1;justify-content:flex-end}.review-card{grid-template-columns:1fr;gap:13px}.outcome-actions{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.outcome-actions button{justify-content:center;padding-inline:6px;font-size:12px}.player-inner{grid-template-columns:minmax(0,1fr) auto 34px;grid-template-areas:"now transport expand";gap:5px 7px;padding-block:7px}.player-bar.is-expanded .player-inner{grid-template-columns:minmax(0,1fr) auto 34px;grid-template-areas:"now now expand""settings transport blank""progress progress progress"}.now-playing{padding-inline-end:28px}.now-playing small{font-size:10px}.now-playing strong,.now-playing>span{font-size:12px}.player-transport{justify-self:center}.player-settings{justify-self:start}.player-icon{width:44px;height:44px}.player-primary{width:42px;height:42px}.speed-select{width:52px;height:34px}.player-progress{grid-template-columns:38px minmax(0,1fr) 38px;gap:4px}.player-close{inset-block-start:7px;inset-inline-end:0}.player-bar.is-compact .now-playing small,.player-bar.is-compact .now-playing>span{display:none}.player-bar.is-compact .now-playing{display:block}.player-bar.is-compact .now-playing strong{font-size:13px;display:block}.mushaf-heading{align-items:flex-start}.mushaf-heading .save-state{display:none}.view-switch{width:100%}.view-switch-option{flex:1;min-width:0;padding-inline:8px}.app-main:has(.mushaf-page){padding-block:5px 7px}.mushaf-controls{gap:6px}.mushaf-location{gap:6px;min-height:40px;padding:4px 7px}.mushaf-location>svg{width:19px;height:19px}.mushaf-location strong{font-size:13px}.mushaf-location small{font-size:9px}.mushaf-action-dock{gap:6px;display:grid}.mushaf-tools-menu{width:min(230px,100vw - 20px)}.mushaf-navigation-panel{max-height:calc(100dvh - var(--header-height) - 70px);overscroll-behavior:contain;grid-template-columns:1fr;align-items:stretch;overflow-y:auto}.mushaf-nav-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mushaf-nav-grid .field input,.mushaf-nav-grid .field select,.ayah-jump .secondary-button{height:42px}.mushaf-toolbar{gap:3px;min-height:40px;padding:2px}.mushaf-toolbar .icon-button{width:34px;min-width:34px;height:34px;min-height:34px;padding:0}.mushaf-recall-popover{justify-self:start;gap:3px;min-height:40px;padding:3px}.mushaf-recall-popover .icon-button{width:36px;min-width:36px;height:36px}.mushaf-context-layer{inset-block-start:4px;inset-inline:3px}.mushaf-context-layer .mushaf-navigation-panel{max-height:calc(100dvh - var(--header-height) - var(--player-height) - 18px);padding-inline-start:46px;overflow-y:auto}.segmented-control{order:2;width:100%}.segmented-control button{flex:1}.mushaf-reader-stage,.mushaf-reader-stage.is-double{width:100%}.mushaf-page-turn{background:color-mix(in srgb, var(--surface) 82%, transparent);width:38px;min-width:38px;height:62px}.mushaf-page-turn.is-previous{inset-inline-start:4px}.mushaf-page-turn.is-next{inset-inline-end:4px}.mushaf-spread,.mushaf-spread.is-double{grid-template-columns:minmax(0,1fr)}.mushaf-sheet,.mushaf-spread.is-double .mushaf-sheet{aspect-ratio:auto;min-height:0;padding:27px 14px 10px}.mushaf-line{min-height:0}.ayah-line,.mushaf-spread.is-double .ayah-line{font-size:22px}.mushaf-ayah{gap:2px;min-height:0;padding-inline:1px}.surah-line{font-size:19px}.basmala-line{font-size:18px}.mushaf-selection{grid-template-columns:1fr;gap:6px;padding:9px;position:absolute;inset-block-end:3px;inset-inline:3px}.mushaf-selection>div:first-child small,.mushaf-selection .field>span{display:none}.mushaf-selection .field select{height:38px}.mushaf-selection .selection-actions{grid-column:auto}.selection-actions>*{flex:1}}@media (width<=440px){.brand{gap:6px}.brand-copy strong{font-size:18px}.header-context strong{font-size:16px}.header-context>svg{display:none}.tool-link,.icon-button{width:42px;min-width:32px;height:42px}.range-grid{grid-template-columns:minmax(0,1fr) 78px}.range-grid .field:nth-child(3){grid-column:1}.range-grid .field:nth-child(4){grid-column:2}.practice-form{grid-template-columns:1fr 82px}.practice-form .full{grid-column:1/-1}.outcome-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.review-issues{grid-template-columns:1fr}.review-waveform-meta{grid-template-columns:54px minmax(0,1fr) 98px}.review-playback-controls>*{flex:100%;width:100%}.mushaf-nav-grid{grid-template-columns:1fr}.mushaf-sheet,.mushaf-spread.is-double .mushaf-sheet{min-height:0;padding-inline:9px}.mushaf-line{min-height:0}.ayah-line,.mushaf-spread.is-double .ayah-line{font-size:19px}.mushaf-ayah{gap:1px;min-height:0}.surah-line{margin-block:0;font-size:17px}.basmala-line{font-size:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root[data-reduced-motion=true] *,:root[data-reduced-motion=true] :before,:root[data-reduced-motion=true] :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}:root[data-simplified-controls=true] .primary-button,:root[data-simplified-controls=true] .secondary-button,:root[data-simplified-controls=true] .segment-play,:root[data-simplified-controls=true] .player-icon{min-width:48px;min-height:48px}@media (width<=700px){.today-page{gap:20px}.today-heading{align-items:flex-start;gap:12px}.today-heading h1,.welcome-heading h1{font-size:29px}.today-streak{min-width:95px;padding-inline-start:12px}.today-streak svg{width:24px;height:24px}.today-streak strong{font-size:22px}.today-streak span{font-size:10px}.today-task{grid-template-columns:1fr;gap:18px;min-height:0;padding:21px}.today-task h2{font-size:26px}.today-start{width:100%}.daily-progress-panel{grid-template-columns:100px minmax(0,1fr);gap:14px;min-height:0;padding:14px 4px}.daily-rings{width:100px;height:100px}.daily-ring circle{stroke-width:8px}.daily-progress-copy{gap:10px}.daily-progress-copy h2{font-size:20px}.daily-progress-values{grid-template-columns:1fr;gap:6px}.daily-progress-values>div{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:8px;padding-inline-start:8px}.daily-progress-values strong{font-size:16px}.daily-progress-values small{font-size:9px}.today-overview{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.today-overview article{text-align:center;grid-template-columns:1fr;justify-items:center;gap:3px;min-height:96px;padding:10px 5px}.today-overview svg{grid-row:auto;width:22px;height:22px}.today-overview span{font-size:10px}.today-overview strong{font-size:19px}.learning-rhythm{grid-template-columns:1fr;gap:18px}.rhythm-days{gap:4px}.rhythm-days>div{font-size:9px}.today-columns{grid-template-columns:1fr;gap:28px}.today-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}.progress-lifetime>div{grid-template-columns:1fr}.progress-lifetime article{min-height:66px}.daily-goal-fields{grid-template-columns:1fr}.daily-goals>.primary-button{width:100%}.agenda-list{grid-template-columns:1fr}.goal-summary-list article{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}.goal-summary-list article>span{grid-area:1/1}.goal-summary-list article>div{grid-area:2/1/auto/-1}.goal-summary-list article>b{grid-area:1/2;min-width:42px}.welcome-heading{grid-template-columns:50px minmax(0,1fr);gap:12px}.welcome-heading .session-symbol{width:50px;height:50px}.method-strip{grid-template-columns:1fr}.method-strip>div{border-inline-end:0;border-bottom:1px solid var(--line);min-height:82px}.method-strip>div:last-child{border-bottom:0}.welcome-actions>*{flex:1}.welcome-books>div{grid-template-columns:1fr}.goal-wizard{padding:18px 15px}.goal-basics{grid-template-columns:1fr}.goal-range{grid-template-columns:minmax(0,1fr) 88px}.advanced-settings>div{grid-template-columns:1fr}.goal-submit,.goal-next{width:100%}.start-plan-heading{grid-template-columns:1fr;gap:13px}.start-plan-heading h1{font-size:28px}.start-plan-heading ol{justify-self:center}.setup-step{padding:19px 15px}.setup-step>header{grid-template-columns:48px minmax(0,1fr);gap:12px}.setup-step h2{font-size:23px}.setup-fields.two-columns{grid-template-columns:1fr}.setup-range-grid{grid-template-columns:minmax(0,1fr) 84px;gap:9px}.weekday-choice{grid-template-columns:repeat(4,minmax(0,1fr))}.setup-step>.advanced-settings>div{grid-template-columns:1fr}.preview-days li{grid-template-columns:86px minmax(0,1fr);gap:5px 10px}.preview-days small{grid-column:2}.wizard-actions{grid-template-columns:auto minmax(0,1fr);display:grid}.first-goal-empty{grid-template-columns:40px minmax(0,1fr);padding:20px}.first-goal-empty .primary-button{grid-column:1/-1}.plan-card-header{grid-template-columns:minmax(0,1fr) auto;display:grid}.plan-card-header .plan-start{width:44px;min-width:44px;padding:0;font-size:0}.plan-card-header .plan-start svg{width:18px;height:18px}.practice-row{grid-template-columns:32px minmax(0,1fr) 36px;gap:9px}.practice-row>.compact-action{grid-column:2;width:fit-content;min-height:38px}.practice-row>.row-menu{grid-area:1/3/3;align-self:center}.practice-form>.primary-button{grid-column:1/-1;width:100%}.session-heading{grid-template-columns:38px minmax(0,1fr)}.session-heading h1{font-size:27px}.session-steps li{font-size:10px}.session-steps li>span{width:30px;height:30px}.session-steps li:before{inset-block-start:14px}.session-intro,.session-stage,.session-result{padding:19px 15px}.session-intro,.session-result{grid-template-columns:48px minmax(0,1fr)}.session-stage>header{grid-template-columns:48px minmax(0,1fr);gap:12px}.session-symbol{width:46px;height:46px}.session-symbol svg{width:22px;height:22px}.session-stage h2,.session-intro h2,.session-result h2{font-size:23px}.session-facts{grid-template-columns:1fr}.session-facts>div{border-inline-end:0;border-bottom:1px solid var(--line)}.session-facts>div:last-child{border-bottom:0}.practice-script article{grid-template-columns:1fr;gap:5px}.practice-script article .quran-text{font-size:24px}.focused-ayah .practice-script article{grid-template-columns:1fr;min-height:170px;padding:16px}.focused-ayah .practice-script article .quran-text{font-size:27px}.session-actions>*{flex:150px}.assessment-grid,.segment-assessment{grid-template-columns:1fr}.review-card{grid-template-columns:38px minmax(0,1fr);gap:10px}.review-card>.primary-button,.review-card>.secondary-button{grid-column:1/-1;width:100%}.book-purpose-actions>*{flex:180px}.item-memorize-action{width:100%}}@media (width<=440px){.today-heading{grid-template-columns:minmax(0,1fr) auto;display:grid}.today-heading p:last-child{grid-column:1/-1}.today-streak{min-width:78px}.today-section>header,.welcome-books>header{align-items:flex-start}.today-section .text-link,.welcome-books .text-link{font-size:12px}.session-steps li{font-size:9px}.session-main-action{width:100%;min-width:0}.goal-range{grid-template-columns:minmax(0,1fr) 78px;gap:8px}}@font-face{font-family:Minbar Plex Arabic;src:url(/fonts/plex-regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Minbar Plex Arabic;src:url(/fonts/plex-medium.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Minbar Plex Arabic;src:url(/fonts/plex-semibold.ttf)format("truetype");font-weight:600 900;font-style:normal;font-display:swap}:root{--tabbar-height:72px;--player-compact-height:124px;--player-height:176px}.app-header{background:var(--bg);border-color:var(--line)}.brand{align-items:center;gap:10px}.brand-wordmark{background:var(--gold-strong);flex:none;width:52px;height:40px;display:block;-webkit-mask:url(/minbar-wordmark.svg) 50%/contain no-repeat;mask:url(/minbar-wordmark.svg) 50%/contain no-repeat}.brand img{width:42px;height:42px}.quran-title-art{vertical-align:middle;aspect-ratio:4205.22/1662.29;background:currentColor;max-width:100%;height:3.5rem;display:inline-block;-webkit-mask:url(/quran-title.svg) 50%/contain no-repeat;mask:url(/quran-title.svg) 50%/contain no-repeat}.quran-title-art.is-short{aspect-ratio:1889.61/1432.61;height:1.75rem;-webkit-mask-image:url(/quran-title-short.svg);mask-image:url(/quran-title-short.svg)}.header-context .quran-title-art{height:34px}.header-context:has(.quran-title-art)>span{justify-items:center}.reading-focus-bar .quran-title-art,.header-menu-label .quran-title-art{height:28px}.quran-resume-copy .quran-title-art{height:2.75rem}.icon-button,.player-icon,.secondary-button,.speed-select{border-radius:12px}.icon-button{min-width:44px;min-height:44px}.primary-button,.secondary-button{min-height:46px;padding:10px 18px;font-size:.9375rem;font-weight:500}.primary-button,.player-icon.player-primary{background:var(--gold);color:#fffbed;border-color:#0000}:root[data-theme=dark] .primary-button,:root[data-theme=dark] .player-icon.player-primary{color:#15251c}.primary-button{border-radius:12px}.field input,.field select,.field textarea,.library-search{background:var(--surface);border-color:var(--line);border-radius:12px}.page-heading h1,.today-heading h1,.welcome-heading h1{color:var(--text);font-family:Minbar Amiri Quran,serif;font-size:clamp(2rem,4vw,2.8rem);font-weight:400}.page-heading p,.today-heading p{font-size:.9375rem;line-height:1.8}.eyebrow{color:var(--muted);font-size:.8125rem;font-weight:500}.header-menu{box-shadow:var(--shadow);border-radius:18px;padding:10px}.header-menu-action{border-radius:10px;font-size:.9375rem;font-weight:500}.learner-tabbar{z-index:55;inset-inline:0;height:calc(var(--tabbar-height) + env(safe-area-inset-bottom));padding:7px 16px calc(7px + env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--line);justify-content:center;align-items:stretch;gap:42px;display:flex;position:fixed;bottom:0}.learner-tabbar a{min-width:84px;color:var(--muted);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:.8125rem;display:flex}.learner-tabbar a>svg{width:22px;height:22px}.learner-tabbar a.is-active{color:var(--gold);background:color-mix(in srgb, var(--gold-soft) 35%, transparent)}.app-main{padding-bottom:calc(var(--tabbar-height) + 24px + env(safe-area-inset-bottom))}.app-shell:has(.player-bar) .app-main{padding-bottom:calc(var(--tabbar-height) + var(--player-compact-height) + 22px + env(safe-area-inset-bottom))}.app-shell:has(.player-bar.is-expanded) .app-main{padding-bottom:calc(var(--tabbar-height) + var(--player-height) + 22px + env(safe-area-inset-bottom))}.app-shell.is-admin .learner-tabbar{display:none}.app-shell.is-admin{--tabbar-height:0px}.app-main>.today-page,.app-main>.library-page,.app-main>.progress-page{max-width:1080px;margin-inline:auto}.today-page{gap:25px}.today-heading{border:0;padding-bottom:0}.today-heading>div>p:last-child{max-width:38rem}.today-task{border:1px solid var(--line);box-shadow:none;background:var(--surface);border-radius:20px;padding:26px}.today-task h2{color:var(--text);font-family:Minbar Amiri Quran,serif;font-size:2rem;font-weight:400}.task-kicker{color:var(--green);font-size:.8125rem;font-weight:500}.today-task p,.resume-note{font-size:.875rem}.daily-progress-panel{border:0;grid-template-columns:168px minmax(0,1fr);padding:20px 4px}.daily-rings{width:160px;height:160px}.daily-rings>span{font-size:.8125rem;font-weight:500}.daily-progress-copy h2,.progress-lifetime h2,.daily-goals h2,.today-agenda h2{color:var(--text);font-family:Minbar Amiri Quran,serif;font-weight:400}.daily-progress-values span,.daily-progress-values small{font-size:.8125rem}.daily-progress-values strong{font-size:1.4rem;font-weight:500}.today-overview article,.today-shortcuts a,.progress-lifetime article,.book-card,.item-card,.segment-row,.memorization-card{box-shadow:none;border-color:var(--line);border-radius:16px}.today-overview strong{font-size:1.4rem;font-weight:500}.today-overview span,.today-shortcuts small{font-size:.8125rem}.today-agenda,.learning-rhythm,.today-shortcuts{margin-top:4px}.agenda-list>a{border-radius:14px}.quran-library-feature{background:var(--surface);border-color:var(--line);border-radius:20px;padding:28px}.quran-library-feature h2{color:var(--text);font-family:Minbar Amiri Quran,serif;font-weight:400}.book-icon{background:var(--surface-2);color:var(--green);border-radius:12px}.book-card-copy>strong{font-family:Minbar Amiri Quran,serif;font-size:1.65rem;font-weight:400}.welcome-today{align-content:start;max-width:850px}.welcome-heading{border:0;grid-template-columns:1fr;padding-bottom:0}.welcome-heading .session-symbol{display:none}.welcome-heading h1{margin-bottom:10px}.welcome-actions{justify-content:start}.method-strip{background:0 0;border:0;gap:16px}.method-strip>div{border:0}.method-strip small,.method-strip strong{font-size:.875rem}.quran-resume-card{border:1px solid var(--line);background:var(--surface);border-radius:20px;grid-template-columns:minmax(0,1fr) 130px;align-items:center;gap:22px;padding:24px;display:grid;overflow:hidden}.quran-resume-copy{justify-items:start;gap:10px;display:grid}.quran-resume-copy h2{margin:0;font-family:Minbar Amiri Quran,serif;font-size:2rem;font-weight:400}.quran-resume-copy p{color:var(--muted);margin:0;font-size:.875rem}.quran-resume-copy .eyebrow{color:var(--green)}.quran-resume-thumb{aspect-ratio:.7;background:var(--paper);border:0;border-radius:5px;width:100%;padding:0;box-shadow:0 5px 16px #0002}.player-bar{bottom:calc(var(--tabbar-height) + env(safe-area-inset-bottom));min-height:var(--player-compact-height);background:var(--surface);border:1px solid var(--line);box-shadow:none;border-radius:16px 16px 0 0;padding:10px 0}.player-bar .player-inner{grid-template-columns:minmax(0,1fr) auto 44px;grid-template-areas:"now transport expand""progress progress progress";gap:6px 12px;min-height:100px}.player-bar.is-expanded .player-inner{grid-template-columns:minmax(0,1fr) auto auto 44px;grid-template-areas:"now transport settings expand""progress progress progress progress";min-height:150px}.player-bar .player-progress{grid-area:progress;min-width:0;display:block}.player-bar .now-playing{min-width:0}.player-bar .now-playing strong{color:var(--text);font-size:.9375rem;font-weight:500}.player-bar .now-playing small{color:var(--muted);font-size:.75rem}.player-bar.is-compact .now-playing>span{display:none}.player-icon.player-primary{border-radius:50%;outline:0;width:44px;height:44px;min-height:44px}.player-icon{background:0 0;border:0;min-width:44px;min-height:44px}.player-close{inset-inline:auto 4px;border:1px solid var(--line);background:var(--surface);width:44px;height:44px;min-height:44px;top:-22px}.player-expand{border-radius:12px;min-width:44px;min-height:44px}.audio-waveform{border-radius:10px}.vector-sheet{background:var(--paper);width:auto;min-width:0;max-width:100%;height:100%;min-height:0;max-height:100%;color:var(--paper-ink);border-radius:6px;margin-inline:auto;position:relative;overflow:hidden;box-shadow:0 12px 32px #0001}.mushaf-vector{stroke-width:0;width:100%;height:100%;display:block}.mushaf-vector.is-interactive{touch-action:none}.mushaf-vector.is-zoomed{cursor:grab}.mushaf-page-zoom{gap:8px;min-width:0;display:flex}.vector-zoom-controls{background:0 0;border:0;display:flex}.vector-zoom-controls:hover,.vector-zoom-controls:focus-within,.vector-zoom-controls.is-zoomed{opacity:1}.vector-zoom-controls button{width:44px;height:44px;color:var(--paper-ink);background:0 0;border:0;place-items:center;display:grid}.vector-zoom-controls svg{width:18px;height:18px}.vector-furniture{fill:none;stroke:color-mix(in srgb, var(--paper-ink) 25%, transparent);stroke-width:.65px;pointer-events:none}.vector-decorations,.vector-ink{fill:var(--paper-ink);pointer-events:none}.vector-hit{fill:#0000;cursor:pointer}.vector-word.is-current .vector-ink{fill:var(--paper-active-ink)}.vector-current{fill:var(--paper-active);pointer-events:none}.vector-band.is-selected{fill:var(--paper-selection)}.vector-band.is-concealed{fill:var(--paper-concealed)}.vector-word.is-concealed .vector-ink{fill:#0000}.vector-bands{pointer-events:none}.vector-sheet.is-thumbnail{pointer-events:none;width:100%;height:auto;box-shadow:none}.vector-sheet.is-focus{box-shadow:none;border-radius:0}.vector-load-state{flex-direction:column;justify-content:center;align-items:center;height:100%;padding:16px;font-size:.875rem;display:flex}.vector-semantics button{width:100%;color:var(--paper-ink);background:var(--paper);text-align:right;border:0;padding:10px;font-family:Minbar Amiri Quran,serif;font-size:1.4rem}.vector-semantics.sr-only:focus-within{clip:auto;z-index:4;white-space:normal;border:1px solid var(--gold);border-radius:10px;width:auto;height:auto;max-height:40%;inset:auto 10px 10px;overflow:auto}.mushaf-page{flex-direction:column;height:100%;min-height:0;display:flex}.mushaf-page>.mushaf-reader-stage{flex:1;grid-template-rows:minmax(0,1fr) 48px;height:auto;display:grid}.mushaf-page-navigation{direction:rtl;justify-content:space-between;align-items:center;padding-inline:4px;display:flex}.mushaf-page-navigation .mushaf-page-turn{width:48px;min-width:48px;height:48px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--paper-ink);cursor:pointer;opacity:1;background:0 0;border:0;place-items:center;padding:0;display:grid;position:static;transform:none}.mushaf-page-navigation .mushaf-page-turn svg{stroke-width:1.8px;width:26px;height:26px}.mushaf-page-navigation .mushaf-page-turn:hover{color:var(--gold-strong)}.mushaf-page-navigation .mushaf-page-turn:disabled{opacity:.3;cursor:default}.reader-toolbar{flex:none;justify-content:center;align-items:center;gap:4px;display:flex}.quran-view-switch{flex:none;align-self:center;width:min(100%,420px)}.quran-view-switch>.view-switch-option{text-align:center;flex:1;min-width:0;min-height:44px;padding:6px 10px}.quran-library-actions{grid-template-columns:repeat(2,minmax(0,1fr));justify-self:center;width:360px;min-width:0;max-width:100%;display:grid}.quran-library-actions>.quran-view-switch{grid-column:1/-1;width:100%}.app-shell.is-reading-focus .quran-view-switch{display:none}.reader-toolbar>button,.reader-toolbar>a{max-width:170px;min-height:44px;color:var(--text);white-space:nowrap;background:0 0;border:0;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:7px 5px;font-size:.875rem;display:inline-flex}.reader-toolbar svg{flex-shrink:0;width:18px;height:18px}.reader-toolbar button:hover,.reader-toolbar a:hover,.reader-toolbar [aria-pressed=true]{background:var(--gold-soft);color:var(--gold-strong)}.reader-sheet{width:min(580px,100% - 20px);max-height:calc(90dvh - env(safe-area-inset-top));color:var(--text);background:var(--bg);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;padding:22px;overflow-y:auto}.reader-sheet::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#11291fc0}.reader-sheet>header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.reader-sheet h2{margin:0;font-size:1.5rem}.reader-sheet .range-player{background:0 0;border:0;margin-top:18px;padding:0}.reader-sheet .range-grid{grid-template-columns:minmax(0,1fr) minmax(80px,.55fr)}.reader-sheet .play-range-button{grid-column:1/-1}.reader-presets,.review-scope-options{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.review-scope-options label{align-items:center;gap:8px;min-height:44px;display:flex}.reader-presets>*{flex:1}.range-playback-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-block:12px;display:grid}.reader-page-range{border:1px solid var(--line);border-radius:12px;padding:12px}.reader-page-range summary{cursor:pointer;min-height:32px}.reader-juz-range{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;margin-top:16px;display:grid}.mushaf-selection.reader-range-dock{border:1px solid var(--line);box-shadow:none;flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;display:flex;position:relative;inset:auto}.reader-range-dock>div:first-child{padding-inline-end:25px}.reader-range-dock strong{font-size:.9375rem}.reader-range-dock small{font-size:.8125rem;display:block}.reader-range-dock .selection-actions{gap:8px;display:flex}.reader-range-dock .selection-actions>*{min-height:44px;padding:7px 12px;font-size:.875rem}.reader-range-dock .mushaf-selection-close{top:4px;width:36px;min-width:36px;height:36px;inset-inline-end:4px}.reader-follow{min-height:36px;color:var(--muted);flex:none;justify-content:center;align-items:center;gap:12px;font-size:.8125rem;display:flex}.reader-follow button{min-height:36px}.reader-review-dock{border:1px solid var(--line);background:var(--surface);border-radius:14px;flex:none;padding:10px}.review-position,.review-navigation{justify-content:space-between;align-items:center;gap:8px;display:flex}.review-position{flex-wrap:wrap;font-size:.8125rem}.review-hints{gap:6px;margin:6px 0;display:flex}.review-hints>button{flex:1;min-height:44px;padding:6px;font-size:.875rem}.review-navigation button{min-height:44px;padding:6px 10px;font-size:.875rem}.queue-notice{margin:0;padding:8px 20px;font-size:.875rem}.app-shell.is-reading-focus .reader-toolbar,.app-shell.is-reading-focus .reader-follow{display:none}.app-shell.is-reading-focus .reader-review-dock{padding:4px 8px}.app-shell.is-reading-focus .review-position>strong{font-size:.875rem}.listening-page{min-width:0;max-width:720px}.listening-page>*{min-width:0}.listening-picker{border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:24px}.listening-picker>header,.listening-current-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.listening-picker h2{margin:0;font-size:1.4rem}.listening-picker .range-player{background:0 0;border:0;margin-top:16px;padding:0}.is-simple-listening .range-grid{grid-template-columns:minmax(0,1fr);display:contents}.is-simple-listening .play-range-button{width:100%}.listening-custom-range{width:100%;margin:12px 0}.listening-options{border-block:1px solid var(--line)}.listening-options summary{cursor:pointer;min-height:44px;color:var(--text);padding-block:8px;font-size:.875rem}.listening-options summary span{color:var(--muted);white-space:nowrap;margin-inline-start:8px;font-size:.8125rem}.listening-picker .is-simple-listening{gap:12px}.listening-current{border:1px solid var(--line);background:var(--paper);border-radius:20px;padding:20px}.listening-current-heading{color:var(--muted);margin:0;font-size:.875rem}.listening-current-heading>span{align-items:center;gap:8px;display:inline-flex}.listening-current-heading svg{width:20px}.player-bar.is-embedded{width:100%;box-shadow:none;background:0 0;border:0;border-radius:0;padding:12px 0;position:relative;inset:auto}.player-bar.is-embedded .player-inner{grid-template-columns:1fr;grid-template-areas:"now""transport""progress""settings";gap:20px;width:100%;min-height:250px;padding-block:12px}.player-bar.is-embedded .now-playing{text-align:center;align-items:center;padding-inline:28px}.player-bar.is-embedded .now-playing strong{font-family:Minbar Amiri Quran,serif;font-size:1.65rem}.player-bar.is-embedded .now-playing>span{white-space:normal;overflow-wrap:anywhere;width:100%;min-width:0;max-height:30dvh;overflow:auto}.player-bar.is-embedded .player-transport,.player-bar.is-embedded .player-settings{justify-content:center}.player-bar.is-embedded .player-transport>.player-icon{display:grid}.player-bar.is-embedded .player-primary{width:70px;height:70px}.player-bar.is-embedded .player-close{inset-block-start:12px;inset-inline-end:0}.listening-view-options{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.app-shell:has(.listening-page) .app-main{padding-bottom:calc(var(--tabbar-height) + 24px + env(safe-area-inset-bottom))}.app-shell.is-reading-focus .reader-page>.reader-back-link,.app-shell.is-reading-focus .reader-page>.item-heading,.app-shell.is-reading-focus .reader-page>.view-switch,.app-shell.is-reading-focus .reader-page>.item-memorize-action,.app-shell.is-reading-focus .reader-page>.reader-choice{display:none}.app-shell.is-reading-focus .app-main:has(.reader-page){padding:10px max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left))}.app-main:has(.mushaf-page){padding:8px 0 calc(var(--tabbar-height) + 10px + env(safe-area-inset-bottom))}.app-shell:has(.player-bar) .app-main:has(.mushaf-page){padding-bottom:calc(var(--tabbar-height) + var(--player-compact-height) + 10px + env(safe-area-inset-bottom))}.app-shell:has(.player-bar.is-expanded) .app-main:has(.mushaf-page){padding-bottom:calc(var(--tabbar-height) + var(--player-height) + 10px + env(safe-area-inset-bottom))}.mushaf-spread{place-items:center}.mushaf-selection{background:var(--surface);border-radius:16px}.mushaf-sheet,:root[data-theme=dark] .mushaf-sheet{background:var(--paper);color:var(--paper-ink)}.reading-focus-bar{display:none}.app-shell.is-reading-focus{grid-template-rows:auto minmax(0,1fr)}.app-shell.is-reading-focus>.app-header,.app-shell.is-reading-focus>.learner-tabbar,.app-shell.is-reading-focus>.player-bar{display:none}.app-shell.is-reading-focus .reading-focus-bar{min-height:48px;padding:env(safe-area-inset-top) max(10px, env(safe-area-inset-right)) 0 max(10px, env(safe-area-inset-left));border-bottom:1px solid var(--line);grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;display:grid}.reading-focus-bar>span{justify-content:center;align-items:center;gap:10px;min-width:0;display:flex}.reading-focus-bar strong{font-size:.9375rem;font-weight:500}.reading-focus-bar small{color:var(--muted);font-size:.8125rem}.app-shell.is-reading-focus .app-main:has(.mushaf-page){width:100%;padding:4px max(10px, env(safe-area-inset-right)) max(4px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left))}.app-shell.is-reading-focus .mushaf-selection{display:none}.app-shell.is-reading-focus .mushaf-recall-popover{inset-block:auto 0}.practice-vector{aspect-ratio:.7;width:min(100%,440px);min-height:0;margin:0 auto}.practice-vector .vector-sheet{width:100%}.session-stage,.session-intro,.session-result{background:var(--surface);border-color:var(--line);border-radius:20px}.session-stage>header h2{color:var(--text);font-family:Minbar Amiri Quran,serif;font-weight:400}.session-stage>header p{color:var(--muted);font-size:.875rem}.session-steps{font-size:.875rem}.practice-script article{border-radius:14px}.practice-script article>span{font-size:.8125rem}.prose-text{font-family:Minbar Amiri Quran,serif;line-height:2.2}.segment-row{background:var(--surface)}.segment-assessment>button{border-radius:14px}.catch-up-note{border:1px solid color-mix(in srgb, var(--gold) 60%, var(--line));background:var(--gold-soft);border-radius:16px;align-items:flex-start;gap:12px;padding:16px 18px;display:flex}.catch-up-note>svg{color:var(--gold-strong);flex:0 0 22px}.catch-up-note strong{margin-bottom:3px;display:block}.catch-up-note p{color:var(--muted);margin:0;font-size:.875rem;line-height:1.7}.retention-forecast{gap:14px;display:grid}.retention-forecast>header{justify-content:space-between;align-items:center;gap:12px;display:flex}.retention-forecast h2{margin:0;font-family:Minbar Amiri Quran,serif;font-weight:400}.retention-forecast>header>svg{width:24px;color:var(--gold-strong)}.forecast-days{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.forecast-days>div{border:1px solid var(--line);min-height:82px;color:var(--muted);background:var(--surface);text-align:center;border-radius:14px;align-content:center;place-items:center;gap:2px;padding:8px 4px;display:grid}.forecast-days>div.has-review{border-color:var(--gold);color:var(--text);background:var(--gold-soft)}.forecast-days span,.forecast-days small{font-size:.75rem}.forecast-days strong{color:var(--gold-strong);font-size:1.25rem}.plan-paused,.plan-archived{border-style:dashed}.plan-archived{opacity:.76}.plan-edit-form{border:1px solid var(--line);background:var(--surface-2);border-radius:14px;grid-template-columns:minmax(0,1fr) minmax(180px,.5fr);gap:12px;padding:16px;display:grid}.plan-edit-actions{grid-column:1/-1;gap:8px;display:flex}.plan-management>div{flex-wrap:wrap}@media (width>=900px){:root{--tabbar-height:0px}.learner-tabbar{inset-inline:30%;background:0 0;border:0;gap:6px;height:50px;padding:0;position:absolute;top:12px;bottom:auto}.learner-tabbar a{flex-direction:row;gap:8px;padding:0 18px;font-size:.9375rem}.app-shell:has(.mushaf-page) .learner-tabbar{display:none}.today-page{grid-template-columns:1.1fr .9fr;column-gap:38px;display:grid}.today-heading,.today-page>.quran-resume-card,.today-task{grid-column:1}.today-page>.daily-progress-panel{text-align:center;flex-direction:column;grid-area:1/2/4;align-self:center;width:100%;padding:28px;display:flex}.today-page .daily-rings{width:215px;height:215px}.today-overview,.catch-up-note,.retention-forecast,.today-agenda,.learning-rhythm,.today-shortcuts{grid-column:1/-1}.player-bar{border-radius:18px 18px 0 0;inset-inline:max(20px,50vw - 550px)}.player-inner{width:calc(100% - 36px)}}@media (width<=620px){.page-width{width:calc(100% - 36px)}.app-main{padding-top:24px}.header-main{width:calc(100% - 28px)}.brand img{width:36px;height:36px}.brand-wordmark{width:43px;height:34px}.header-context strong{font-size:.9375rem}.header-context small{font-size:.75rem}.learner-tabbar{gap:12px}.learner-tabbar a{flex:1;min-width:0}.today-task{grid-template-columns:1fr;gap:16px;padding:20px}.today-start{width:100%}.daily-progress-panel{grid-template-columns:130px minmax(0,1fr);gap:18px;padding:12px 0}.daily-rings{width:130px;height:130px}.daily-progress-values{grid-template-columns:1fr;gap:8px}.daily-progress-values>div{grid-template-columns:1fr auto;align-items:center}.daily-progress-values strong{font-size:1.05rem}.daily-progress-copy{gap:12px}.daily-progress-copy h2{font-size:1.4rem}.today-overview{gap:8px}.today-overview article{flex-direction:column;gap:7px;padding:14px 5px;display:flex}.today-overview span{text-align:center;font-size:.75rem}.quran-resume-card{grid-template-columns:minmax(0,1fr) 105px;gap:16px;padding:18px}.quran-resume-copy h2{font-size:1.65rem}.quran-resume-copy .primary-button{padding:8px 13px;font-size:.875rem}.quran-library-feature{padding:20px}.player-bar .player-inner{grid-template-columns:minmax(0,1fr) auto 36px;gap:5px;width:calc(100% - 30px)}.player-bar .player-transport{gap:0}.player-bar .player-transport>.player-icon:not(.player-primary){display:none}.player-bar.is-expanded .player-transport>.player-icon{display:grid}.player-bar.is-expanded .player-inner{grid-template-columns:minmax(0,1fr) auto 36px;grid-template-areas:"now now expand""settings transport blank""progress progress progress"}.player-bar .now-playing strong{font-size:.875rem}.app-main:has(.mushaf-page){width:calc(100% - 20px)}.mushaf-reader-stage{width:100%}.mushaf-selection.reader-range-dock{flex-direction:column;align-items:stretch;display:flex}.mushaf-selection.reader-range-dock>div:first-child small{display:block}.reader-range-dock .selection-actions{padding-inline-start:0}.reader-range-dock .selection-actions>*{flex:1}.reader-range-dock .mushaf-selection-close{top:4px}.reader-sheet{margin:auto auto max(10px, env(safe-area-inset-bottom));padding:18px}.listening-picker,.listening-current{padding:16px}.mushaf-page-turn{opacity:.5}.session-stage{padding:16px}.practice-session{gap:16px}.session-stage>header{grid-template-columns:minmax(0,1fr);margin-bottom:12px}.session-stage>header .session-symbol,.session-stage>header p{display:none}.forecast-days{gap:5px}.forecast-days>div{border-radius:10px;min-height:70px}.forecast-days span,.forecast-days small{font-size:.6875rem}.plan-edit-form{grid-template-columns:1fr}.plan-edit-actions{grid-column:1}}@media (prefers-reduced-motion:reduce){.vector-word,.vector-current{transition:none;animation:none}}button.text-button{min-height:44px;color:var(--gold-strong);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:6px 10px;font-size:.875rem;display:inline-flex}button.text-button svg{width:18px;height:18px}button.text-button:hover{background:var(--gold-soft)}button.text-button:disabled{cursor:default;opacity:.5}.review-position>span{direction:ltr;unicode-bidi:isolate}.review-position button.text-button{min-height:32px}.listening-current .player-bar.is-embedded .player-inner{flex-direction:column;gap:20px;width:100%;min-width:0;min-height:0;display:flex}.listening-current .player-bar.is-embedded .player-inner>*{min-width:0;max-width:100%}.listening-current .player-bar.is-embedded .now-playing{flex-direction:column;gap:8px;width:100%;display:flex}.listening-current .player-bar.is-embedded .player-progress{width:100%}.listening-current .player-bar.is-embedded .player-settings{flex-direction:row;justify-content:center;display:flex}.listening-current .player-bar.is-embedded .player-transport{justify-content:center;gap:20px;display:flex}.listening-current .player-bar.is-embedded .player-transport .player-icon{display:grid}.listening-current .player-bar.is-embedded .now-playing strong{font-size:1.6rem}.player-bar:not(.is-embedded){background:var(--surface);border:1px solid color-mix(in srgb, var(--line) 80%, white);box-shadow:inset 0 1px #ffffffa6,inset 0 -1px #ffffff1f,0 8px 28px #0000002e}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.player-bar:not(.is-embedded){background:color-mix(in srgb, var(--surface) 78%, transparent);-webkit-backdrop-filter:blur(24px)saturate(150%);backdrop-filter:blur(24px)saturate(150%)}}:root[data-theme=dark] .player-bar:not(.is-embedded){border-color:#fff3;box-shadow:inset 0 1px #ffffff38,inset 0 -1px #ffffff0d,0 8px 28px #0000004d}.player-bar.is-tucked{inset-inline:auto 12px;bottom:calc(var(--tabbar-height) + env(safe-area-inset-bottom) + 12px);border-radius:28px;align-items:center;gap:4px;width:min(270px,100% - 24px);min-height:56px;padding:6px;display:flex}.player-restore{color:var(--text);background:0 0;border:0;flex:1;align-items:center;gap:8px;min-width:0;min-height:44px;padding:6px 10px;display:flex}.player-restore span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.player-restore svg{flex-shrink:0;width:18px;height:18px}.app-shell:has(.player-bar.is-tucked){--player-compact-height:76px}@media (prefers-reduced-transparency:reduce),(forced-colors:active){.player-bar:not(.is-embedded){background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}}.app-shell{width:100%;position:fixed;inset:0}.sr-only{position:fixed;inset-block-start:0;inset-inline-start:0}.header-location{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:4px}.learning-nav{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.learning-nav a{color:var(--muted);justify-content:center;align-items:center;gap:8px;padding:12px 4px;display:flex}.learning-nav a.is-active{color:var(--gold-strong);border-bottom:2px solid var(--gold)}.learning-nav svg{width:18px;height:18px}.reading-actions,.location-list{flex-wrap:wrap;gap:8px;display:flex}.location-list{flex-direction:column}.location-list a{border-bottom:1px solid var(--line);padding:12px}.reading-actions>*{flex:1}.passage-summary{border-inline-start:3px solid var(--gold);color:var(--text);margin:0;padding:8px 12px}.segment-row.is-selected{border-color:var(--gold);background:var(--gold-soft)}.segment-row>header{flex-wrap:wrap;gap:8px}.reader-page .item-heading{padding-block:8px}.reader-page .item-heading .large,.reader-page .item-heading .text-link{display:none}.reader-page .item-heading h1{margin:0;font-size:1.75rem}.reader-page .item-heading p{margin:0}.reader-page .reader-back-link{align-self:start;min-height:40px;padding-block:4px}.reader-page{gap:12px}.ayah-reading-navigation{justify-content:center;align-items:center;gap:8px;display:flex}.ayah-reading-navigation .field{flex:1;max-width:240px}.ayah-reading-navigation select{width:100%}.app-shell.is-reading-focus .reader-page>.reading-actions{display:none}.book-heading{gap:12px;padding-block:8px 16px}.book-heading .book-icon.large{width:48px;height:48px;padding:10px}.book-heading .eyebrow,.book-heading p+p{display:none}.book-heading h1{margin:0}.book-heading .quran-title-art{height:2.75rem}.book-purpose-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.book-purpose-actions>*{min-width:0;padding:10px}.reader-page .quran-view-switch{align-self:center;width:100%;max-width:420px}.reader-page .reader-choice{background:0 0;border:0;align-items:center;gap:12px;max-width:480px;padding:0;display:flex}.reader-page .reader-choice select{flex:1;min-width:0}.playback-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-block:12px;display:grid}.player-repeat-options{font-size:.875rem}.player-repeat-options summary,.today-details summary{cursor:pointer;color:var(--text);padding-block:12px}.player-bar.is-expanded{overscroll-behavior:contain;max-height:65dvh;overflow-y:auto}.player-repeat-options .field select{width:100%;min-height:44px}.recall-text{width:100%;min-width:0}.recall-text>p{overflow-wrap:anywhere;margin-block:12px;line-height:2.4}.recall-word-hidden{color:#0000;background:var(--line);-webkit-user-select:none;user-select:none;border-radius:3px}.recall-word-hidden::selection{color:#0000;background:var(--line)}.practice-session .session-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.practice-session .segment-assessment{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.segment-assessment button:disabled{opacity:.5;cursor:default}.session-stage>.quran-text,.session-stage>.prose-text{overflow-wrap:anywhere;line-height:2.3}.today-details{border-top:1px solid var(--line);grid-column:1/-1}.today-details>:not(summary){margin-block:20px}.today-page{grid-template-columns:minmax(0,1fr);max-width:950px;margin-inline:auto}.today-page>*{grid-column:1}.today-heading>div>p:last-child{display:none}.download-saved-list{gap:12px;display:grid}.download-saved-list article{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;padding:12px 0;display:flex}.download-saved-list article>div{overflow-wrap:anywhere;flex:1;min-width:0}.download-saved-list small{color:var(--muted);display:block}.download-fields{border:0;gap:16px;min-width:0;margin:0;padding:0;display:grid}.practice-session .session-actions{flex-wrap:wrap}.practice-session button svg{flex-shrink:0;width:20px;height:20px}@media (width<=899px){:root{--tabbar-height:max(72px, 4.5rem)}.learner-tabbar a{overflow-wrap:anywhere;line-height:1.4}}@media (width<=620px){.practice-session .segment-assessment{grid-template-columns:1fr}.practice-session .segment-assessment button{min-height:48px;padding:10px 14px}.reading-actions{grid-template-columns:minmax(0,1fr) auto;display:grid}.reading-actions .primary-button{padding:10px;font-size:.875rem}.reader-page .item-heading{display:block}.reader-page .segment-row{padding:12px}.reader-page .segment-row>header{padding:4px 0}.reader-page .segment-row .text-button{font-size:.75rem}.today-shortcuts{gap:8px}.today-shortcuts a{padding:10px}.today-shortcuts small{display:none}}
