/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--ink:#16372d;--muted:#687a72;--green:#1c7055;--paper:#f6f4ed;--line:#dfe5df}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}button,a{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:#123c30;flex-direction:column;height:100vh;padding:32px 22px;display:flex;position:sticky;top:0}.brand{color:#fff;align-items:center;gap:13px;margin:0 8px 48px;text-decoration:none;display:flex}.brand-mark{border:1px solid #82ae9d;border-radius:50%;place-items:center;width:42px;height:42px;font:700 25px Georgia,serif;display:grid}.brand strong,.brand small{display:block}.brand strong{font:600 21px Georgia,serif}.brand small{color:#a9cabd;letter-spacing:.18em;text-transform:uppercase;font-size:10px}nav{gap:8px;display:grid}.nav-item{color:#bcd0c8;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:14px;padding:13px 15px;display:flex}.nav-item span{text-align:center;width:20px}.nav-item:hover,.nav-item.active{color:#fff;background:#245847}.sidebar-note{border-top:1px solid #315c4e;margin-top:auto;padding:24px 8px 0}.sidebar-note span,.sidebar-note strong{display:block}.sidebar-note span{color:#9dbbb0;font-size:12px}.sidebar-note strong{margin:7px 0 12px;font-size:14px}.tiny-track,.progress,.mini-progress{background:#d9e0dc;border-radius:20px;overflow:hidden}.tiny-track{background:#315c4e;height:5px}.tiny-track i{background:#e3be6b;width:72%;height:100%;display:block}.content{width:100%;max-width:1440px;margin:auto;padding:30px 48px 56px}.topbar{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.topbar p{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin:0 0 5px;font-size:12px}.topbar h1{margin:0;font:500 25px Georgia,serif}.profile{background:0 0;border:0;align-items:center;gap:12px;display:flex}.profile span{color:#8b672a;background:#f0e3be;border-radius:20px;padding:4px 8px;font-size:11px}.profile b{color:#285e4d;background:#dbeae4;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.hero{color:#fff;background:linear-gradient(115deg,#164c3b,#1c6d53);border-radius:22px;justify-content:space-between;align-items:center;min-height:275px;padding:42px 48px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 50px #16372d1a}.hero:after{content:"";border:1px solid #ffffff20;border-radius:50%;width:440px;height:440px;position:absolute;top:-210px;right:-140px;box-shadow:0 0 0 50px #ffffff08,0 0 0 100px #ffffff07}.hero-copy{z-index:1;max-width:650px;position:relative}.eyebrow{color:#bfdbcf;letter-spacing:.18em;font-size:10px;font-weight:700}.hero h2{margin:12px 0;font:500 38px/1.16 Georgia,serif}.hero p{color:#c9ddd6;max-width:590px;font-size:14px;line-height:1.65}.hero-actions{gap:12px;margin-top:24px;display:flex}.primary,.secondary{border:0;border-radius:10px;padding:13px 18px;font-weight:650}.primary{color:#234033;background:#e4bd69}.primary:hover{background:#f0ce82}.secondary{color:#fff;background:#ffffff13;border:1px solid #ffffff42}.primary span,.text-button span{margin-left:16px}.memory-ring{z-index:1;flex:none;width:180px;height:180px;margin-right:45px;position:relative}.memory-ring svg{width:100%;transform:rotate(-90deg)}.memory-ring circle{fill:none;stroke:#ffffff26;stroke-width:6px}.memory-ring .ring-value{stroke:#e5bd68;stroke-linecap:round;stroke-dasharray:308;stroke-dashoffset:99px}.memory-ring div{text-align:center;place-content:center;display:grid;position:absolute;inset:0}.memory-ring strong{font:500 45px Georgia,serif}.memory-ring span{color:#bed5cc;font-size:11px}.stats{grid-template-columns:repeat(3,1fr);gap:18px;margin:20px 0;display:grid}.stats article{border:1px solid var(--line);background:#fff;border-radius:15px;align-items:center;gap:15px;padding:20px;display:flex}.stat-icon{border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.stat-icon.green{color:#28765b;background:#e0efe9}.stat-icon.gold{color:#9b7123;background:#f5ead2}.stat-icon.coral{color:#b95e3a;background:#f5dfd5}.stats small,.stats strong,.stats em{display:block}.stats small{color:var(--muted);font-size:11px}.stats strong{margin:4px 0;font:500 20px Georgia,serif}.stats em{color:#3f8069;font-size:10px;font-style:normal}.main-grid{grid-template-columns:1.25fr .9fr;gap:20px;display:grid}.continue-card,.mandatory-card{border:1px solid var(--line);background:#fff;border-radius:18px;padding:27px}.section-heading{justify-content:space-between;align-items:flex-start;display:flex}.section-heading h3{margin:7px 0 0;font:500 22px Georgia,serif}.pill{color:#36705c;background:#e7f0eb;border-radius:20px;padding:7px 10px;font-size:11px;font-weight:700}.ayah{text-align:center;padding:27px 18px 15px;font:500 31px/1.8 Traditional Arabic,Georgia,serif}.translation{text-align:center;color:var(--muted);font:italic 13px Georgia,serif}.stage-row{color:var(--muted);justify-content:space-between;margin-top:26px;font-size:12px;display:flex}.stage-row strong{color:var(--green)}.progress{height:7px;margin:10px 0 18px}.progress i{background:var(--green);border-radius:20px;width:60%;height:100%;display:block}.wide{width:100%}.count{color:#a65a3b;background:#f2dfd3;border-radius:50%;place-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:grid}.review-item{border-bottom:1px solid #edf0ed;padding:20px 0}.review-item div:first-child{justify-content:space-between;gap:12px;display:flex}.review-item strong{font-size:13px}.review-item small{color:var(--muted);font-size:10px}.mini-progress{height:5px;margin-top:10px}.mini-progress i{background:#d5a950;border-radius:20px;height:100%;display:block}.text-button{color:var(--green);background:0 0;border:0;padding:18px 0 0;font-weight:700}@media (max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{z-index:10;width:100%;height:auto;padding:8px 12px;position:fixed;top:auto;bottom:0}.brand,.sidebar-note{display:none}.sidebar nav{justify-content:space-around;display:flex}.nav-item{text-align:center;gap:2px;padding:9px 14px;font-size:0;display:grid}.nav-item span{font-size:19px}.content{padding:24px 18px 100px}.hero{padding:30px}.memory-ring{width:130px;height:130px;margin:0}.stats,.main-grid{grid-template-columns:1fr}}@media (max-width:600px){.hero{display:block}.hero h2{font-size:30px}.memory-ring{display:none}.hero-actions{flex-direction:column}.topbar h1{font-size:20px}.nav-item{padding:8px}.ayah{font-size:26px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.app-back-link{box-sizing:border-box;color:#176b53;background:linear-gradient(135deg,#f7fdf9f5,#e8f6edeb);border:1px solid #c7e1d5;border-radius:999px;align-items:center;gap:9px;min-height:40px;padding:8px 15px 8px 11px;font:800 14px/1.2 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;text-decoration:none;transition:border-color .16s,background .16s,box-shadow .16s,transform .16s;display:inline-flex;box-shadow:0 5px 14px #1b574014}.app-back-link:hover{color:#105b45;background:#fff;border-color:#79b99b;transform:translate(-2px);box-shadow:0 8px 18px #1b574024}.app-back-link:focus-visible{outline-offset:3px;outline:3px solid #39976f40}.app-back-link:active{transform:translate(0);box-shadow:0 3px 8px #1b57401a}button.app-back-link{cursor:pointer}button.app-back-link:disabled{cursor:not-allowed;opacity:.55;transform:none}@media (max-width:520px){.app-back-link{min-height:37px;padding:7px 12px 7px 10px;font-size:13px}}.brand-button{text-align:left;background:0 0;border:0;padding:0}.toast{z-index:30;color:#fff;background:#173f33;border-radius:10px;padding:13px 16px;font-size:13px;animation:.22s ease-out toast-in;position:fixed;top:22px;right:28px;box-shadow:0 12px 35px #173f3344}.toast button{color:#fff;background:0 0;border:0;margin-left:24px;font-size:18px}.review-button{text-align:left;background:0 0;border:0;width:100%;display:block}.demo-page{border:1px solid var(--line);background:#fff;border-radius:20px;min-height:620px;padding:34px}.demo-page>h2{margin:8px 0 24px;font:500 32px Georgia,serif}.lead,.practice-focus p,.review-grid p,.journey-level p{color:var(--muted);font-size:13px;line-height:1.6}.stepper{grid-template-columns:repeat(4,1fr);gap:12px;margin:28px 0;display:grid}.step{border:1px solid var(--line);color:#839088;border-radius:12px;align-items:center;gap:10px;padding:15px;display:flex}.step b{background:#edf0ed;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.active-step{color:#245d4a;background:#edf7f3;border-color:#2e725b}.active-step b,.done-step b{color:#fff;background:#2e725b}.done-step{color:#2e725b}.practice-focus{text-align:center;background:#f7f5ef;border-radius:16px;padding:30px}.practice-focus .ayah{font-size:38px}.review-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.review-grid article{border:1px solid var(--line);border-radius:15px;padding:22px}.review-grid h3{margin:20px 0 5px;font:500 20px Georgia,serif}.review-grid .mini-progress{margin:12px 0 22px}.heatmap{grid-template-columns:repeat(8,1fr);gap:10px;max-width:720px;margin-top:30px;display:grid}.heatmap button{aspect-ratio:1;color:#fff;border:0;border-radius:10px;font-weight:700}.heat-black{background:#26332f}.heat-red{background:#c75b46}.heat-yellow{background:#d9aa43}.heat-green{background:#388367}.journey-level{color:#fff;background:linear-gradient(120deg,#174b3a,#277258);border-radius:18px;justify-content:space-between;align-items:center;padding:30px;display:flex}.journey-level small,.journey-level strong{display:block}.journey-level strong{margin:8px 0;font:500 27px Georgia,serif}.journey-level span{color:#e7c36f;font-size:60px}.badge-row{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px;display:grid}.badge-row article{border:1px solid var(--line);text-align:center;border-radius:14px;padding:24px}.badge-row b,.badge-row span{display:block}.badge-row b{color:#b78b35;margin-bottom:9px;font-size:27px}.badge-row span{font-size:12px}@keyframes toast-in{0%{opacity:0;transform:translateY(-12px)}}@media (max-width:900px){.stepper,.review-grid,.badge-row{grid-template-columns:1fr 1fr}.heatmap{grid-template-columns:repeat(6,1fr)}}@media (max-width:600px){.stepper,.review-grid,.badge-row{grid-template-columns:1fr}.heatmap{grid-template-columns:repeat(4,1fr)}.demo-page{min-height:auto;padding:22px}.toast{top:12px;left:16px;right:16px}}.mushaf-toolbar{justify-content:space-between;align-items:center;display:flex}.mushaf-toolbar h2{margin:8px 0;font:500 32px Georgia,serif}.page-switch{gap:8px;display:flex}.page-switch button{border:1px solid var(--line);color:var(--green);background:#fff;border-radius:9px;padding:9px 14px;font-weight:700}.page-switch .active-page{background:var(--green);color:#fff}.mushaf-sheet{background:#faf8f1;border:1px solid #ded8c9;border-radius:8px;padding:24px;box-shadow:0 14px 35px #35413912}.quran-section{border-right:5px solid;margin:0 0 20px;padding:0 16px 18px}.section-yellow{border-color:#d5a83d}.section-green{border-color:#478a69}.section-blue{border-color:#4e88a8}.section-pink{border-color:#c17c8d}.quran-section header{color:#65736c;text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;margin-bottom:12px;font-size:11px;display:flex}.quran-section header strong{color:#244f40}.segment-list{flex-wrap:wrap;gap:9px;display:flex}.segment-list button{color:#183c30;background:#fffdf8;border:1px solid #e6dfcf;border-radius:9px;align-items:center;gap:8px;padding:9px 11px;display:flex}.segment-list button:hover,.segment-list button:focus{background:#edf7f2;border-color:#35765f;outline:none}.segment-list button small{color:#fff;background:#37735d;border-radius:50%;place-items:center;width:20px;height:20px;font:700 10px Inter,sans-serif;display:grid}.segment-list button span{font:500 22px/1.6 Traditional Arabic,Georgia,serif}.segment-list button em{color:#849089;white-space:nowrap;font:9px Inter,sans-serif}@media (max-width:600px){.mushaf-toolbar{align-items:flex-start}.mushaf-sheet{padding:14px}.quran-section{padding-right:10px}.segment-list{display:grid}.segment-list button{justify-content:flex-start;width:100%}.segment-list button span{font-size:20px}}.mushaf-controls{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.mode-switch{border:1px solid var(--line);border-radius:10px;display:flex;overflow:hidden}.mode-switch button{color:#577067;background:#fff;border:0;padding:10px 13px}.mode-switch .active-page{color:#fff;background:#1c7055}.zoom-bar{background:#edf2ef;border-radius:11px;justify-content:center;align-items:center;gap:10px;margin:20px 0;padding:10px;display:flex}.zoom-bar span{font-size:12px;font-weight:700}.zoom-bar button{color:#1c7055;background:#fff;border:0;border-radius:7px;width:30px;height:30px;font-size:19px}.zoom-bar strong{text-align:center;min-width:40px;font-size:12px}.zoom-bar small{color:#667a72;margin-left:10px}.fixed-stage{width:100%;position:relative;overflow:auto}.fixed-page{transform-origin:top;color:#243c32;background:#fffdf4;border:10px solid #ba9c62;outline:3px solid #1f6757;width:720px;min-height:1180px;margin:0 auto;padding:25px 25px 36px;box-shadow:inset 0 0 0 4px #e3c880,0 18px 50px #213d3325}.page-ornament{color:#fff;background:linear-gradient(90deg,#1c6758,#d9b963,#1c6758);border:3px double #e8d39a;justify-content:space-around;align-items:center;height:42px;font:600 15px Georgia,serif;display:flex}.page-ornament strong{color:#745d31;background:#f8e9bd;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.surah-plaque{text-align:center;background:#fff7db;border:2px solid #b99554;border-radius:24px;width:430px;margin:15px auto 8px;padding:9px;font:700 28px Traditional Arabic,Georgia,serif}.basmalah{text-align:center;border-bottom:1px solid #c7b786;margin-bottom:10px;padding:7px;font:600 22px Traditional Arabic,Georgia,serif}.fixed-section{border-right:4px solid;margin:6px 0;padding-right:8px;position:relative}.fixed-yellow{border-color:#d2a52d}.fixed-green{border-color:#398263}.fixed-blue{border-color:#4789a7}.fixed-pink{border-color:#bb7288}.fixed-section-label{writing-mode:vertical-rl;color:#7a6c4d;text-transform:uppercase;letter-spacing:.04em;font:700 8px Inter,sans-serif;position:absolute;top:2px;left:-3px}.fixed-lines{padding-left:18px}.fixed-ayah{white-space:nowrap;border-bottom:1px solid #e1d7bd;justify-content:center;align-items:flex-start;gap:2px;min-height:58px;padding:3px 0;display:flex}.fixed-ayah button{text-align:center;color:#1d352c;background:0 0;border:0;width:auto;min-width:48px;max-width:104px;padding:0 2px}.fixed-ayah button:hover{background:#e8f2ed;border-radius:5px}.fixed-ayah b,.fixed-ayah span,.fixed-ayah small{display:block}.fixed-ayah b{font:600 19px/1.2 Traditional Arabic,Georgia,serif}.fixed-ayah span{color:#a43f3f;direction:ltr;font:600 7px/1.3 Inter,sans-serif}.fixed-ayah small{color:#4b6b5e;white-space:normal;direction:ltr;font:500 6px/1.2 Inter,sans-serif}.fixed-ayah i{color:#6a5329;background:#e2c98f;border:1px solid #9a7b3b;border-radius:50%;flex:0 0 24px;place-items:center;width:24px;height:24px;margin-top:3px;font:700 9px Georgia,serif;display:grid}.fixed-page footer{text-align:center;color:#876f3f;letter-spacing:.1em;margin-top:12px;font-size:8px}@media (max-width:760px){.mushaf-toolbar{display:block}.mushaf-controls{margin-top:12px}.zoom-bar small{display:none}.fixed-stage{width:calc(100% + 20px);margin-left:-10px}}.fixed-page{height:1180px;overflow:hidden}.basmalah{justify-content:center;align-items:center;gap:38px;height:72px;display:flex}.basmalah div{text-align:center}.basmalah b,.basmalah span,.basmalah small{display:block}.basmalah b{font:600 25px/1.15 Traditional Arabic,Georgia,serif}.basmalah span{color:#b94d45;direction:ltr;font:600 8px/1.3 Inter,sans-serif}.basmalah small{color:#4b6259;direction:ltr;font:500 7px/1.2 Inter,sans-serif}.reference-rows{border-top:1px solid #cfc2a0;grid-template-rows:repeat(13,1fr);height:898px;display:grid}.reference-row{border-bottom:1px solid #cfc2a0;flex-wrap:nowrap;justify-content:space-between;align-items:stretch;gap:0;min-width:0;display:flex;overflow:hidden}.reference-ayah{border-right:3px solid #0000;flex:0 auto;justify-content:space-evenly;align-items:flex-start;min-width:0;padding:5px 3px 2px;display:flex;position:relative}.reference-row:nth-child(5n+1) .reference-ayah:first-child{border-right-color:#d2a52d}.reference-row:nth-child(5n+2) .reference-ayah:first-child{border-right-color:#398263}.reference-row:nth-child(5n+3) .reference-ayah:first-child{border-right-color:#4789a7}.reference-row:nth-child(5n+4) .reference-ayah:first-child{border-right-color:#bb7288}.reference-ayah button{text-align:center;color:#1d352c;background:0 0;border:0;flex:auto;min-width:0;max-width:92px;padding:0 2px;overflow:hidden}.reference-ayah button:hover,.reference-ayah button:focus{background:#e7f3ec;border-radius:5px;outline:none}.reference-ayah b,.reference-ayah span,.reference-ayah small{white-space:nowrap;text-overflow:clip;display:block;overflow:hidden}.reference-ayah b{font:600 clamp(13px,2.1vw,19px)/1.15 Traditional Arabic,Georgia,serif}.reference-ayah span{color:#b44743;direction:ltr;font:600 7px/1.25 Inter,sans-serif}.reference-ayah small{color:#3f5b50;white-space:normal;direction:ltr;max-height:15px;font:500 6px/1.15 Inter,sans-serif}.reference-ayah i{color:#6a5329;background:#e2c98f;border:1px solid #9a7b3b;border-radius:50%;flex:0 0 24px;place-items:center;width:24px;height:24px;margin:4px 1px 0;font:700 9px Georgia,serif;display:grid}.reference-row-1 .reference-ayah,.reference-row-2 .reference-ayah{flex-basis:33.33%}.reference-row-3 .reference-ayah{flex-basis:50%}.reference-row-4 .reference-ayah{flex-basis:33.33%}.reference-row-5 .reference-ayah,.reference-row-6 .reference-ayah,.reference-row-7 .reference-ayah,.reference-row-8 .reference-ayah,.reference-row-9 .reference-ayah,.reference-row-10 .reference-ayah{flex-basis:50%}.reference-row-11 .reference-ayah{flex-basis:33.33%}.reference-row-12 .reference-ayah,.reference-row-13 .reference-ayah{flex-basis:50%}.type-tools{background:#f3efe4;border:1px solid #ded5bf;border-radius:11px;flex-wrap:wrap;align-items:center;gap:10px;margin:20px 0 0;padding:10px;display:flex}.size-tool{background:#fff;border:1px solid #ded8c9;border-radius:9px;align-items:center;gap:7px;padding:6px 8px;display:flex}.size-tool>span{min-width:58px;font-size:11px;font-weight:700}.size-tool button{color:#1c7055;background:#e7f0eb;border:0;border-radius:6px;width:28px;height:28px;font-size:18px}.size-tool strong{text-align:center;color:#52655d;min-width:34px;font-size:10px}.reset-type{color:#1c7055;background:0 0;border:0;padding:8px;font-size:11px;font-weight:700}.reference-ayah b{font-size:var(--arabic-size);white-space:nowrap}.reference-ayah span{font-size:var(--latin-size);white-space:nowrap}.reference-ayah small{font-size:var(--translation-size);white-space:normal;max-height:none;line-height:1.08;overflow:visible}.basmalah b{font-size:calc(var(--arabic-size) + 6px)}.basmalah span{font-size:var(--latin-size)}.basmalah small{font-size:var(--translation-size)}@media (max-width:600px){.type-tools{grid-template-columns:1fr 1fr;display:grid}.reset-type{grid-column:1/-1}}@font-face{font-family:Scheherazade New;src:url(/fonts/ScheherazadeNew-Bold.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap}.fixed-page{height:auto;min-height:1180px;overflow:visible}.surah-plaque{place-items:center;height:58px;margin:12px auto 0;font-family:Scheherazade New,Traditional Arabic,serif;font-size:30px;line-height:1;display:grid}.basmalah{direction:rtl;border-bottom:1px solid #c7b786;flex-direction:row;justify-content:center;align-items:center;gap:34px;height:76px;margin:0;display:flex}.basmalah b,.reference-ayah b{font-family:Scheherazade New,Traditional Arabic,serif;font-weight:550}.reference-rows{grid-template-rows:repeat(13,minmax(calc(46px + var(--translation-size) + var(--translation-size)),auto));height:auto;display:grid;overflow:visible}.reference-row{min-height:calc(46px + var(--translation-size) + var(--translation-size));overflow:visible}.reference-ayah{padding-top:3px;padding-bottom:5px;overflow:visible}.reference-ayah button{overflow:visible}.reference-ayah b{line-height:1.05;overflow:visible}.reference-ayah span{line-height:1.15}.reference-ayah small{white-space:normal;max-height:none;padding:0 1px;line-height:1.15;overflow:visible}.fixed-page footer{padding:10px 0 3px}.fixed-stage{padding-bottom:30px}@font-face{font-family:Scheherazade New;src:url(/fonts/ScheherazadeNew-Bold.ttf)format("truetype");font-style:normal;font-weight:700;font-display:swap}:root{--arabic-size:26px;--latin-size:13px;--translation-size:10px}.reference-row{border-bottom:1px solid #d8ccb0;flex-flow:row;justify-content:space-between;align-items:stretch;gap:0;padding-inline:2px;display:flex;overflow:visible}.word-cell{-webkit-appearance:none;appearance:none;color:#1d352c;flex:1 1 max-content;text-align:center;background:0 0;border:0;grid-template-rows:auto auto 1fr;align-content:start;justify-items:center;min-width:min-content;padding:3px 2px 5px;display:grid}.word-cell:not(:disabled){cursor:pointer}.word-cell:not(:disabled):hover{background:#e8f2ed;border-radius:5px}.word-cell:disabled{opacity:1}.word-cell b,.word-cell span,.word-cell small{box-sizing:border-box;text-align:center;margin:0;display:block}.word-cell b,.word-cell span{width:max-content;max-width:none}.word-cell small{width:100%;min-width:0}.word-cell b{font:600 var(--arabic-size)/1.55 "Noto Naskh Arabic","Traditional Arabic",serif;white-space:nowrap;direction:rtl}.word-cell span{font:600 var(--latin-size)/1.25 Inter,sans-serif;color:#a43f3f;white-space:nowrap;direction:ltr}.word-cell small{font:500 var(--translation-size)/1.25 Inter,sans-serif;color:#4b6b5e;white-space:normal;overflow-wrap:normal;word-break:normal;direction:ltr}.verse-marker{box-sizing:border-box;color:#6a5329;background:0 0;border:0;flex:0 0 34px;align-self:flex-start;place-items:center;width:34px;height:28px;margin:3px 0 0;font:700 9px Georgia,serif;display:grid}.verse-marker:before{content:"";background:#e2c98f;border:1px solid #9a7b3b;border-radius:50%;grid-area:1/1;width:24px;height:24px}.verse-marker{isolation:isolate}.verse-marker:after{content:attr(data-verse);z-index:1;grid-area:1/1}.surah-plaque{justify-items:center;line-height:1;display:grid}.surah-plaque b{font:700 28px/1.1 Noto Naskh Arabic,Traditional Arabic,serif}.surah-plaque span{color:#856b37;letter-spacing:.12em;text-transform:uppercase;margin-top:5px;font:700 9px/1.1 Inter,sans-serif}.basmalah{width:410px;font:inherit;justify-content:center;align-items:stretch;margin-inline:auto;display:flex}.basmalah .word-cell{flex:0 137px;padding-inline:1px}.reference-row .word-cell{position:relative}.reference-row .word-cell:not(:last-child):not(:has(+.verse-marker)):after{content:"";inset-inline-end:0;top:calc(var(--arabic-size) * 1.55 + 3px);background:#d8ccb0;width:1px;position:absolute;bottom:4px}.verse-marker{box-sizing:border-box;color:#684f20;background:0 0;border:0;flex:0 0 38px;align-self:flex-start;place-items:center;width:38px;height:32px;margin:2px 0 0;font:700 9px Georgia,serif;display:grid;position:relative}.verse-marker:before{content:"";clip-path:polygon(50% 0,62% 13%,79% 8%,84% 25%,100% 31%,90% 48%,100% 65%,82% 71%,78% 90%,60% 84%,48% 100%,36% 84%,17% 90%,14% 71%,0 62%,10% 46%,0 29%,18% 23%,22% 7%,39% 13%);background:linear-gradient(135deg,#c49a4a,#f5e2ad 48%,#b88935);width:30px;height:30px;position:absolute}.verse-marker:after{content:"";background:#fff8df;border:1px solid #9b7735;border-radius:50%;width:21px;height:21px;position:absolute;box-shadow:inset 0 0 0 2px #e7cf91}.verse-marker span{z-index:1;position:relative}.reference-row .verse-marker+.word-cell:after{content:none}.word-cell b,.surah-plaque b,.segment-list button span,.ayah{font-family:Scheherazade New,serif;font-weight:700}.word-cell small{-webkit-hyphens:manual;hyphens:manual;font-weight:600}.verse-marker{color:#684f20;flex-basis:34px;width:34px;height:28px;margin-top:3px;font:700 10px/1 Inter,sans-serif}.verse-marker:before{clip-path:none;background:#fff8df;border:1px solid #9b7735;border-radius:50%;width:24px;height:24px;box-shadow:inset 0 0 0 2px #e7cf91}.verse-marker:after{content:none}.verse-marker span{font-variant-numeric:tabular-nums}.word-cell.part-yellow,.verse-marker.part-yellow{background-color:#fff8d9}.word-cell.part-green,.verse-marker.part-green{background-color:#e7f6e9}.word-cell.part-blue,.verse-marker.part-blue{background-color:#e6f3fa}.word-cell.part-pink,.verse-marker.part-pink{background-color:#fae9ef}.word-cell.part-orange,.verse-marker.part-orange{background-color:#fff0dc}.word-cell.selected-segment{z-index:1;background:#dceee6;box-shadow:inset 0 0 0 2px #226d55}.fixed-stage{overflow:hidden;container-type:inline-size}.fixed-page{transform-origin:top;margin-left:-360px;position:absolute;left:50%}@media (max-width:900px){.fixed-page{margin-inline:0;margin-left:-360px}}.quran-section.section-orange{background:#fff8ef;border-color:#d88944}.page-ornament{justify-content:center}.surah-plaque span{color:#5f4b24;letter-spacing:.16em;margin:0;font-size:13px}.verse-marker{align-self:stretch;place-items:start center;height:auto;margin:0;padding-top:10px}.verse-marker:before{top:3px}.verse-marker{padding:0}.verse-marker:before{top:3px;left:50%;transform:translate(-50%)}.verse-marker span{z-index:1;text-align:center;line-height:10px;position:absolute;top:10px;left:0;right:0}.segment-list{gap:10px;display:grid}.segment-list .list-segment{border:1px solid #e2dac7;grid-template-columns:30px 72px 1fr;align-items:stretch;gap:8px;width:100%;padding:10px;display:grid}.segment-list .list-number{color:#fff;background:#37735d;border-radius:50%;align-self:start;place-items:center;width:24px;height:24px;font:700 10px/1 Inter,sans-serif;display:grid}.segment-list .list-label{color:#60736a;direction:ltr;align-self:start;font:700 10px/1.3 Inter,sans-serif}.segment-list .list-word-grid{direction:rtl;flex-wrap:wrap;justify-content:flex-start;gap:5px;display:flex}.segment-list .list-word{text-align:center;border-inline-start:1px solid #e1d8c4;min-width:72px;padding:5px;display:grid}.segment-list .list-word b{font:700 var(--list-arabic-size)/1.5 "Scheherazade New",serif}.segment-list .list-word i{color:#a43f3f;font:600 var(--list-latin-size)/1.25 Inter,sans-serif;direction:ltr;font-style:normal}.segment-list .list-word em{color:#4b6b5e;font:600 var(--list-translation-size)/1.25 Inter,sans-serif;white-space:normal;direction:ltr;font-style:normal}.quran-section.section-yellow{background:#fff8d9}.quran-section.section-green{background:#e7f6e9}.quran-section.section-blue{background:#e6f3fa}.quran-section.section-pink{background:#fae9ef}.quran-section.section-orange{background:#fff0dc}.quran-section .list-segment{background:0 0}@media (max-width:600px){.mushaf-page.mode-list .mushaf-sheet{margin-inline:-14px;padding:2px}.mushaf-page.mode-list .quran-section{margin-bottom:6px;padding:6px 2px}.quran-section header{padding-inline:4px}.segment-list .list-segment{scrollbar-width:thin;text-align:right;padding:3px 0;display:block;overflow-x:auto}.segment-list .list-number,.segment-list .list-label{display:none}.segment-list .list-word-grid{flex-wrap:nowrap;justify-content:flex-start;gap:0;width:max-content;min-width:0;margin-left:auto;display:flex}.segment-list .list-word{min-width:max-content;padding:2px 3px}.segment-list .list-word b{line-height:1.25}.segment-list .list-word i,.segment-list .list-word em{line-height:1.15}}.reference-row>.word-cell{flex:1 1 0;min-width:max-content}.reference-row .word-cell small{width:max-content;max-width:calc(var(--translation-size)*15);min-height:calc(var(--translation-size)*2.5);white-space:pre;text-align:center;line-height:1.2;overflow:visible}.reference-row{justify-content:stretch}.segment-list .list-segment{padding:6px 2px;display:block;overflow-x:auto}.segment-list .list-number,.segment-list .list-label{display:none}.segment-list .list-word-grid{flex-wrap:nowrap;justify-content:flex-start;gap:0;width:max-content;min-width:100%;margin-left:auto}.segment-list .list-word{min-width:max-content;padding-inline:4px}.murajaah-mode-buttons{flex-wrap:wrap;gap:8px;margin:18px 0;display:flex}.murajaah-mode-buttons button{color:#1c7055;background:#fff;border:1px solid #b9ccc4;border-radius:9px;padding:10px 12px;font-weight:700}.murajaah-mode-buttons .active-review{color:#fff;background:#1c7055}.recognition-status{background:#edf4f1;border:1px solid #d5e2dc;border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;padding:12px;display:flex}.recognition-status strong,.recognition-status span{font-size:12px}.recognition-status p{width:100%;margin:0;font:700 22px/1.6 Scheherazade New,serif}.recognition-status button{color:#8f453b;background:#fff;border:0;border-radius:8px;padding:8px 11px}.mask-help-bar{background:#f1f7f3;border:1px solid #d1dfd8;border-radius:11px;flex-wrap:wrap;align-items:center;gap:7px;margin:10px 0 18px;padding:10px 12px;display:flex}.mask-help-bar>span{color:#3e6254;text-transform:uppercase;letter-spacing:.05em;margin-right:3px;font-size:10px;font-weight:800}.mask-help-bar button{color:#28644f;background:#fff;border:1px solid #bfd3c9;border-radius:8px;padding:8px 10px;font-size:10px;font-weight:750}.mask-help-bar button.active-help{color:#fff;background:#1c7055;border-color:#1c7055}.asr-tester{background:#f7faf8;border:1px solid #cbdad3;border-radius:18px;max-width:920px;margin:24px auto 0;padding:20px;box-shadow:0 12px 35px #173f3020}.tester-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.tester-heading h3{color:#123f31;margin:4px 0 0}.decision{color:#52655d;letter-spacing:.05em;background:#e8eeeb;border-radius:999px;padding:9px 13px;font-size:11px;font-weight:800}.decision.success{color:#17633b;background:#d8f4e1}.decision.failed{color:#8d352d;background:#f9dfdc}.tester-controls{flex-wrap:wrap;gap:8px;margin:18px 0;display:flex}.tester-controls button{color:#164e3d;background:#fff;border:1px solid #bed0c8;border-radius:9px;padding:10px 12px;font-weight:750}.tester-controls button:disabled{opacity:.45}.tester-controls .primary-test{color:#fff;background:#176e52;border-color:#176e52}.mic-monitor{background:#e9f1ed;border-radius:12px;grid-template-columns:minmax(150px,auto) 1fr 44px;align-items:center;gap:14px;padding:14px;display:grid}.mic-monitor strong,.mic-monitor span{display:block}.mic-monitor span{color:#597067;margin-top:3px;font-size:11px}.mic-meter{background:#cbd9d3;border-radius:99px;height:12px;overflow:hidden}.mic-meter i{border-radius:inherit;background:linear-gradient(90deg,#2c9a70,#e3b846,#d05b4d);height:100%;transition:width 80ms linear;display:block}.mic-monitor>b{text-align:right;font-size:12px}.tester-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0;display:grid}.tester-grid article,.tester-readout article{background:#fff;border:1px solid #d6e1dc;border-radius:11px;min-width:0;padding:12px}.tester-grid span,.tester-grid strong,.tester-grid small,.tester-readout span{display:block}.tester-grid span,.tester-readout span{color:#687c74;text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:700}.tester-grid strong{color:#173f32;overflow-wrap:anywhere;margin:5px 0;font-size:13px}.tester-grid small{color:#71847c;font-size:10px}.tester-readout{grid-template-columns:1fr 1fr;gap:10px;display:grid}.tester-readout code{color:#d9f2e8;white-space:pre-wrap;overflow-wrap:anywhere;background:#142c25;border-radius:8px;max-height:160px;margin-top:8px;padding:10px;font:500 11px/1.55 ui-monospace,Consolas,monospace;display:block;overflow:auto}.murajaah-page>.fixed-stage{margin-inline:auto}@media (max-width:700px){.asr-tester{border-radius:14px;margin-top:18px;padding:13px}.tester-heading{flex-direction:column;align-items:flex-start}.tester-grid{grid-template-columns:1fr 1fr}.tester-readout{grid-template-columns:1fr}.mic-monitor{grid-template-columns:1fr 38px}.mic-monitor>div:first-child{grid-column:1/-1}.tester-controls button{flex:calc(50% - 8px);font-size:11px}}.model-correction{color:#5f4b24;background:#fff7e4;border-left:4px solid #d09a37;border-radius:8px;gap:4px;margin-top:14px;padding:12px 14px;display:grid}.model-correction strong{font-size:12px}.model-correction span{font-size:11px;line-height:1.5}.mic-help{background:#fff;border:1px solid #d5dfda;border-radius:11px;margin:12px 0}.mic-help summary{cursor:pointer;color:#184c3c;padding:12px 14px;font-size:12px;font-weight:800}.mic-help ol{color:#4d645b;margin:0;padding:2px 32px 10px;font-size:11px;line-height:1.55}.mic-help li+li{margin-top:6px}.mic-help p{color:#607269;border-top:1px solid #e2e9e5;margin:0;padding:10px 14px;font-size:10px;line-height:1.55}.mic-picker{background:#fff;border:1px solid #d4dfda;border-radius:11px;grid-template-columns:auto minmax(180px,1fr) auto;align-items:center;gap:10px;margin-top:14px;padding:12px;display:grid}.mic-picker span{color:#244f41;font-size:11px;font-weight:800}.mic-picker select,.mic-picker button{color:#173f32;background:#f8fbf9;border:1px solid #c7d7d0;border-radius:8px;min-height:38px;padding:7px 10px}.mic-vibration{background:#142f27;border-radius:9px;justify-content:center;align-items:center;gap:3px;height:54px;padding:5px 8px;display:flex;overflow:hidden}.mic-vibration i{background:linear-gradient(#79e5b7,#d8bd4b);border-radius:99px;flex:1;max-width:8px;min-height:3px;transition:height 70ms linear,opacity .2s;display:block}.recording-playback{background:#e7f5ed;border:1px solid #bcd8ca;border-radius:11px;grid-template-columns:1fr minmax(240px,420px);align-items:center;gap:14px;margin-top:12px;padding:13px;display:grid}.recording-playback strong,.recording-playback span{display:block}.recording-playback strong{color:#174f3d;font-size:12px}.recording-playback span{color:#597168;margin-top:3px;font-size:10px}.recording-playback audio{width:100%;height:38px}@media (max-width:700px){.mic-picker,.recording-playback{grid-template-columns:1fr}.mic-vibration{height:46px}}.tester-tabs{background:#e6eeea;border-radius:12px;grid-template-columns:repeat(4,1fr);gap:5px;margin:16px 0;padding:5px;display:grid}.tester-tabs button{color:#536a61;background:0 0;border:0;border-radius:9px;padding:10px 8px;font-size:11px;font-weight:800}.tester-tabs button.active{color:#17654d;background:#fff;box-shadow:0 2px 9px #173f3020}.tester-tab-panel{animation:.18s tester-in}.asr-tester>.model-correction,.asr-tester>.mic-picker,.asr-tester>.tester-controls,.asr-tester>.mic-monitor,.asr-tester>.recording-playback,.asr-tester>.mic-help,.asr-tester>.tester-grid,.asr-tester>.tester-readout{display:none}.model-progress{background:#fff;border:1px solid #cbdad3;border-radius:11px;grid-template-columns:1fr auto;gap:8px;margin:12px 0;padding:14px;display:grid}.model-progress span,.model-progress strong{display:block}.model-progress span{color:#60746b;text-transform:uppercase;font-size:10px}.model-progress strong{color:#183f32;margin-top:4px;font-size:13px}.model-progress>b{color:#176b50;align-self:center}.progress-rail{background:#dce7e2;border-radius:99px;grid-column:1/-1;height:9px;overflow:hidden}.progress-rail i{border-radius:inherit;background:linear-gradient(90deg,#238263,#63b18f);height:100%;transition:width .2s;display:block}.model-detail-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.model-detail-grid article{background:#fff;border:1px solid #d6e1dc;border-radius:10px;min-width:0;padding:12px}.model-detail-grid span,.model-detail-grid strong,.model-detail-grid small{display:block}.model-detail-grid span{color:#6a7d75;text-transform:uppercase;font-size:9px;font-weight:700}.model-detail-grid strong{color:#173f32;overflow-wrap:anywhere;margin:5px 0;font-size:12px}.model-detail-grid small{color:#71837b;font-size:9px;line-height:1.4}.matching-summary{background:#eaf2ee;border-radius:11px;justify-items:start;gap:6px;margin-bottom:10px;padding:14px;display:grid}.matching-summary strong{color:#173f32}.matching-summary small{color:#64776f}.reset-match{color:#17634b;background:#fff;border:1px solid #bfd0c8;border-radius:8px;margin-top:10px;padding:9px 12px;font-weight:700}@keyframes tester-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}@media (max-width:780px){.model-detail-grid{grid-template-columns:1fr 1fr}.tester-tabs button{padding-inline:3px;font-size:10px}}.model-choice-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.model-choice-grid button{color:#173f32;text-align:left;background:#fff;border:1px solid #ccd9d3;border-radius:12px;justify-items:start;gap:6px;padding:14px;display:grid}.model-choice-grid button.selected{background:#edf8f3;border:2px solid #1c7658}.model-choice-grid button:disabled{opacity:.7;cursor:not-allowed;background:#f3f0ee}.model-choice-grid strong{font-size:13px}.model-choice-grid small{color:#687b73;font-size:10px}.commercial-ok,.commercial-no{letter-spacing:.06em;border-radius:99px;padding:4px 7px;font-size:8px;font-weight:900}.commercial-ok{color:#17633e;background:#d9f2e4}.commercial-no{color:#8c302b;background:#f4dddd}@media (max-width:600px){.model-choice-grid{grid-template-columns:1fr}}.hearing-results{grid-template-columns:1fr 1fr;gap:10px;display:grid}.hearing-results article{background:#fff;border:1px solid #d1dfd8;border-radius:11px;padding:15px}.hearing-results article.hearing-all{background:#edf6f1;grid-column:1/-1}.hearing-results span,.hearing-results strong,.hearing-results small{display:block}.hearing-results span{color:#61766d;text-transform:uppercase;letter-spacing:.06em;font-size:9px;font-weight:800}.hearing-results strong{color:#173f32;margin:8px 0;font-size:16px;line-height:1.6}.hearing-results small{color:#6d8078;font-size:10px}.hearing-results strong[dir=rtl]{font-family:Scheherazade New,serif;font-size:21px}.diagnostic-title{color:#496158;text-transform:uppercase;letter-spacing:.06em;margin:18px 0 8px;font-size:11px}@media (max-width:600px){.hearing-results{grid-template-columns:1fr}.hearing-results article.hearing-all{grid-column:auto}}.word-cell{container-type:normal}.word-cell b{position:relative}.word-cell b>.word-glyph{color:inherit;font:inherit;line-height:inherit;white-space:nowrap;text-align:center;direction:rtl;display:block}.word-cell b>i{top:calc(var(--arabic-size) * 1.55);inset-inline:0;height:calc(var(--latin-size) * 1.25);opacity:0;color:#8aa095;font:700 var(--latin-size)/1.25 Inter,sans-serif;text-align:center;letter-spacing:.04em;pointer-events:none;white-space:nowrap;font-style:normal;display:block;position:absolute;bottom:auto;overflow:visible}.masked-word{letter-spacing:0;display:block;position:relative;overflow:visible}.word-cell .masked-word>i{opacity:1;animation:1.25s ease-in-out infinite masked-line-pulse}.word-cell.help-reveal .word-glyph,.word-cell.help-reveal .prefix-visible{color:#23845d!important}.masked-meta{opacity:0!important}.mask-arab-toggle{color:#17654d!important;background:#edf7f1!important;border-color:#8fb8a7!important}.stop-review{color:#9a3e36!important;background:#fff!important;border-color:#b85d53!important;margin-left:auto!important}@keyframes masked-line-pulse{0%,to{opacity:.4}50%{opacity:1}}.word-detection-grid{grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:14px;margin-top:18px;display:grid}.detection-editor,.detection-preview{background:#f7faf8;border:1px solid #cbdad3;border-radius:14px;padding:16px}.detection-editor label{color:#173f32;margin-bottom:8px;font-size:12px;font-weight:800;display:block}.detection-editor textarea{resize:vertical;color:#173f32;direction:rtl;background:#fffdf8;border:1px solid #c7d8d0;border-radius:10px;width:100%;min-height:190px;padding:12px;font:700 23px/1.8 Scheherazade New,serif;display:block}.detection-editor small,.detection-note{color:#6b7e75;margin-top:8px;font-size:10px;line-height:1.5;display:block}.detection-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.detection-actions button{border:1px solid #b9ccc4;border-radius:9px;padding:10px 12px;font-weight:750}.detection-actions button:disabled{opacity:.45}.detection-chunks{gap:10px;margin-top:16px;display:grid}.detection-chunk{background:#fff;border:1px solid #d2dfd9;border-radius:10px;padding:11px}.detection-chunk>small{color:#71847b;direction:ltr;margin-bottom:7px;font:700 10px/1 Inter,sans-serif;display:block}.detection-chunk>div{flex-wrap:wrap;justify-content:flex-start;gap:7px;display:flex}.detected-word{border-radius:8px;align-items:center;gap:5px;padding:5px 8px;transition:all .2s;display:inline-flex;position:relative}.detected-word b{font:700 25px/1.45 Scheherazade New,serif}.detected-word i{font:700 11px/1 Inter,sans-serif}.detected-word.confirmed{color:#17643e;background:#dff3e6}.detected-word.listening{color:#825d16;background:#fff0c9;animation:1.2s ease-in-out infinite masked-pulse}.detected-word.waiting{color:#9aa9a2;opacity:.6;background:#edf1ef}.detected-word.waiting b{filter:blur(3px)}@media (max-width:700px){.word-detection-grid{grid-template-columns:1fr}.detection-editor textarea{font-size:20px}.detected-word b{font-size:22px}}.word-cell .masked-word>i{top:calc(var(--arabic-size) * 1.55 - var(--latin-size) * .15)}.word-cell b .word-glyph .prefix-visible,.word-cell b .word-glyph .prefix-hidden{width:auto;max-width:none;font:inherit;line-height:inherit;white-space:nowrap;direction:rtl;display:inline}.word-cell.translation-help .translation-help-text{top:50%;z-index:3;width:100%;min-width:0;max-width:100%;max-height:calc(var(--arabic-size) * 1.55 + var(--latin-size) * 1.25 + var(--translation-size) * 2.5);color:#17654d;min-height:0;font:800 var(--latin-size)/1.05 Inter,sans-serif;text-align:center;white-space:pre-line;overflow-wrap:anywhere;word-break:normal;inset-inline:auto;font-size:calc(var(--latin-size) * 1.04);direction:ltr;margin:0;position:absolute;left:50%;right:auto;overflow:hidden;transform:translate(-50%,-50%);opacity:1!important}.word-cell.translation-help .translation-help-text:where(:not(:empty)){letter-spacing:-.01em}.word-cell.translation-help-short .translation-help-text{font-size:calc(var(--latin-size) * 1.18)}.word-cell.translation-help-normal .translation-help-text{font-size:calc(var(--latin-size) * 1.06)}.word-cell.translation-help-medium .translation-help-text{font-size:calc(var(--latin-size) * .98)}.word-cell.translation-help-small .translation-help-text{font-size:calc(var(--latin-size) * .92)}.word-cell.translation-help-tiny .translation-help-text{font-size:calc(var(--latin-size) * .76);letter-spacing:-.02em}.word-cell.translation-help .translation-help-flow{flex-wrap:wrap;place-content:center;align-items:center;gap:.08em .2em;width:100%;max-height:100%;display:flex;overflow:hidden}.word-cell.translation-help .translation-help-morpheme{white-space:nowrap;max-width:100%;display:inline-block}.word-cell.translation-help .translation-help-morpheme.word-start:not(:first-child){margin-inline-start:.12em}.word-cell.translation-help .translation-help-morpheme.root{font-weight:850}.word-cell.translation-help .translation-help-morpheme.affix{font-size:.9em;font-weight:750}.word-cell.translation-help .translation-help-morpheme.aside{opacity:.92;font-size:.72em;font-weight:700}.word-cell.translation-help-medium .translation-help-text,.word-cell.translation-help-small .translation-help-text,.word-cell.translation-help-tiny .translation-help-text{font-size:var(--latin-size);letter-spacing:normal}.word-cell.translation-help .translation-help-morpheme{box-sizing:border-box;text-align:center;white-space:normal;overflow-wrap:anywhere;word-break:break-word;color:#17654d;flex:0 auto;width:auto;min-width:0;max-width:100%}.word-cell.translation-help .translation-help-morpheme.morpheme-medium,.word-cell.translation-help .translation-help-morpheme.morpheme-long,.word-cell.translation-help .translation-help-morpheme.morpheme-longest,.word-cell.translation-help .translation-help-morpheme.affix,.word-cell.translation-help .translation-help-morpheme.aside{font-size:1em}@container (width>=55px){.word-cell.translation-help-short .translation-help-text{font-size:calc(var(--latin-size) * 1.24);color:#0f8a59}.word-cell.translation-help .translation-help-morpheme.morpheme-shortest{color:#0f8a59;font-size:1.24em}.word-cell.translation-help .translation-help-morpheme.morpheme-short{color:#0f8a59;font-size:1.1em}}@container (width>=90px){.word-cell.translation-help-short .translation-help-text{font-size:calc(var(--latin-size) * 1.38)}.word-cell.translation-help .translation-help-morpheme.morpheme-shortest{font-size:1.38em}}.word-cell.opacity-mask-word{padding-top:6px}.word-cell.opacity-mask-word b,.word-cell.opacity-mask-word b>.word-glyph{line-height:1.72!important;overflow:visible!important}.word-cell.opacity-mask-word .word-glyph.arabic-dimmed{opacity:.5!important;clip-path:none!important;filter:none!important}.reference-row{justify-content:space-between;padding-inline:0}.reference-row>.word-cell{flex:1 1 max-content;width:auto;min-width:max-content;padding-inline:1px}.reference-row>.verse-marker{flex:0 0 33px;min-width:33px;max-width:33px}.word-cell.masking-stable .word-glyph.arabic-hidden,.word-cell.masking-stable .masked-meta{opacity:0!important;visibility:visible!important}.word-cell.translation-help .translation-help-text{overflow-wrap:anywhere;word-break:break-word;min-width:0;overflow:hidden}.word-cell.translation-help .translation-help-flow{min-width:0;max-width:100%;overflow:hidden}.word-cell.translation-help .translation-help-morpheme{overflow-wrap:anywhere;word-break:break-word;white-space:normal;min-width:0;max-width:100%}.word-cell.translation-help .translation-help-morpheme.morpheme-shortest{font-size:1.28em!important}.word-cell.translation-help .translation-help-morpheme.morpheme-short{font-size:1.12em!important}.word-cell.translation-help .translation-help-morpheme.morpheme-medium{font-size:1em!important}.word-cell.translation-help .translation-help-morpheme.morpheme-long{font-size:.82em!important}.word-cell.translation-help .translation-help-morpheme.morpheme-longest{font-size:.68em!important}.word-cell.translation-help .translation-help-morpheme.affix{font-size:inherit!important}.word-cell.translation-help .translation-help-morpheme.aside{font-size:.8em!important}.word-cell.translation-help .translation-help-flow{gap:.12em .24em;overflow:hidden}.word-cell.translation-help .translation-help-word{white-space:normal;overflow-wrap:break-word;word-break:normal;flex:0 0 100%;justify-content:center;align-items:baseline;width:100%;min-width:0;max-width:100%;line-height:1.05;display:inline-flex!important}.word-cell.translation-help .translation-help-word .translation-help-morpheme{white-space:nowrap;overflow-wrap:normal;word-break:normal;font-size:1em!important;display:inline!important}.word-cell.translation-help .translation-help-word .translation-help-morpheme.aside{font-size:.8em!important}.word-cell.translation-help .translation-help-text{container-type:inline-size}.word-cell.translation-help .translation-help-word{white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important}.word-cell.translation-help .translation-help-word.morpheme-shortest{font-size:clamp(.68em,45cqw,1.8em)!important}.word-cell.translation-help .translation-help-word.morpheme-short{font-size:clamp(.68em,30cqw,1.8em)!important}.word-cell.translation-help .translation-help-word.morpheme-medium{font-size:clamp(.68em,21cqw,1.8em)!important}.word-cell.translation-help .translation-help-word.morpheme-long{font-size:clamp(.68em,17cqw,1.8em)!important}.word-cell.translation-help .translation-help-word.morpheme-longest{font-size:clamp(.68em,14cqw,1.8em)!important}.word-cell.translation-help .translation-help-word .translation-help-morpheme{white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important}.navigasi-perhalaman{color:#173f32;background:#edf5f1;border:1px solid #d5e2dc;border-radius:14px;gap:8px;margin:14px 0;padding:10px 12px;display:grid}.navigasi-perhalaman__baris{align-items:center;gap:7px;min-width:0;display:flex}.navigasi-perhalaman__label{color:#527067;flex:none;margin-right:auto;font:800 12px/1 Inter,Arial,sans-serif}.navigasi-perhalaman__arah,.navigasi-perhalaman__daftar button{color:#174e3d;cursor:pointer;background:#fff;border:1px solid #c9dad2;border-radius:8px;font:700 11px/1 Inter,Arial,sans-serif}.navigasi-perhalaman__arah{white-space:nowrap;padding:8px 10px}.navigasi-perhalaman__arah:disabled,.navigasi-perhalaman__daftar button:disabled{opacity:.4;cursor:not-allowed}.navigasi-perhalaman__daftar{flex-wrap:wrap;align-content:flex-start;align-items:center;gap:4px;min-width:0;display:flex;overflow:visible}.navigasi-perhalaman__daftar button{min-width:28px;padding:6px 7px}.navigasi-perhalaman__daftar button.aktif{color:#fff;background:#16755d;border-color:#16755d}.navigasi-perhalaman__kosong{color:#687d74;font:600 11px/1.3 Inter,Arial,sans-serif}@media (max-width:600px){.navigasi-perhalaman{margin-inline:-2px;padding:8px}.navigasi-perhalaman__baris{flex-wrap:wrap}.navigasi-perhalaman__label{flex:1 0 100%;margin:0 0 2px}.navigasi-perhalaman__arah{flex:1 1 0;padding:7px 5px;font-size:10px}.navigasi-perhalaman__daftar{gap:3px}.navigasi-perhalaman__daftar button{min-width:0;padding:5px;font-size:10px}}.surah-plaque,.basmalah b,.reference-ayah b{font-family:Scheherazade New,Traditional Arabic,serif}