:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:var(--lightningcss-light,#f4f0e6)var(--lightningcss-dark,#0e1013);--surface-1:var(--lightningcss-light,#faf7f0)var(--lightningcss-dark,#14171b);--surface-2:var(--lightningcss-light,#fdfbf7)var(--lightningcss-dark,#1a1e23);--surface-3:var(--lightningcss-light,#ece6d9)var(--lightningcss-dark,#232830);--scrim:var(--lightningcss-light,#1b1c206b)var(--lightningcss-dark,#0000009e);--border-subtle:var(--lightningcss-light,#e3ddcf)var(--lightningcss-dark,#232830);--border:var(--lightningcss-light,#d2cab8)var(--lightningcss-dark,#2f3640);--border-strong:var(--lightningcss-light,#8a8575)var(--lightningcss-dark,#68717e);--text:var(--lightningcss-light,#1b1c20)var(--lightningcss-dark,#eeeae0);--text-2:var(--lightningcss-light,#4b4e57)var(--lightningcss-dark,#bdbab1);--text-3:var(--lightningcss-light,#5f626b)var(--lightningcss-dark,#9096a0);--accent:var(--lightningcss-light,#2447b8)var(--lightningcss-dark,#78a0ff);--accent-soft:color-mix(in srgb, var(--accent) 16%, transparent);--on-accent:var(--lightningcss-light,#fff)var(--lightningcss-dark,#0a1024);--focus:var(--lightningcss-light,#1a37a0)var(--lightningcss-dark,#a9c2ff);--action-bg:var(--lightningcss-light,#1b1c20)var(--lightningcss-dark,#eeeae0);--action-bg-hover:var(--lightningcss-light,#34363d)var(--lightningcss-dark,#fff);--action-fg:var(--lightningcss-light,#f4f0e6)var(--lightningcss-dark,#0e1013);--av-fg:var(--lightningcss-light,#fdfbf7)var(--lightningcss-dark,#0e1013);--av-0:var(--lightningcss-light,#2447b8)var(--lightningcss-dark,#78a0ff);--av-1:var(--lightningcss-light,#1b1c20)var(--lightningcss-dark,#eeeae0);--av-2:var(--lightningcss-light,#9a4527)var(--lightningcss-dark,#e8977a);--av-3:var(--lightningcss-light,#2b6a4d)var(--lightningcss-dark,#7cc49c);--av-4:var(--lightningcss-light,#7d5f12)var(--lightningcss-dark,#dcb35a);--av-5:var(--lightningcss-light,#4f5d73)var(--lightningcss-dark,#a3afc2);--av-6:var(--lightningcss-light,#8c2f3f)var(--lightningcss-dark,#ea93a0);--av-7:var(--lightningcss-light,#1b6670)var(--lightningcss-dark,#6fc3cb);--ok:var(--lightningcss-light,#2f7552)var(--lightningcss-dark,#7cc49c);--warn:var(--lightningcss-light,#8a5a00)var(--lightningcss-dark,#e6ae45);--warn-edge:var(--lightningcss-light,#b97a10)var(--lightningcss-dark,#e6ae45);--danger:var(--lightningcss-light,#b3392f)var(--lightningcss-dark,#f2837a);--slate:var(--lightningcss-light,#566377)var(--lightningcss-dark,#9aa6b8);--slate-edge:var(--lightningcss-light,#7a879b)var(--lightningcss-dark,#9aa6b8);--ink-human:var(--lightningcss-light,#1b1c20)var(--lightningcss-dark,#eeeae0);--seg-recognized-fill:color-mix(in srgb, var(--accent) 26%, transparent);--seg-recognized-edge:var(--accent);--seg-inferred-fill:color-mix(in srgb, var(--accent) 14%, transparent);--seg-inferred-edge:var(--accent);--seg-uncertain-fill:color-mix(in srgb, var(--warn-edge) 20%, transparent);--seg-uncertain-edge:var(--warn-edge);--seg-formula-fill:color-mix(in srgb, var(--slate-edge) 22%, transparent);--seg-formula-edge:var(--slate-edge);--seg-abstain-edge:var(--text-3);--seg-human:var(--ink-human);--live-fill:color-mix(in srgb, var(--accent) 20%, transparent);--live-edge:var(--accent);--live-soft:color-mix(in srgb, var(--accent) 7%, transparent);--pend-fill:color-mix(in srgb, var(--accent) 9%, transparent);--bars:repeating-linear-gradient(90deg, currentColor 0 1.5px, transparent 1.5px 5px);--rec:var(--danger);--review-fill:color-mix(in srgb, var(--ink-human) 11%, transparent);--review-draft-fill:color-mix(in srgb, var(--ink-human) 6%, transparent);--hatch:repeating-linear-gradient(45deg, currentColor 0 1.5px, transparent 1.5px 6px);--dots:radial-gradient(currentColor 1.1px, transparent 1.5px) 0 0 / 6px 6px;--wave:var(--lightningcss-light,#a9a392)var(--lightningcss-dark,#4a525e);--wave-played:var(--lightningcss-light,#1b1c20)var(--lightningcss-dark,#d9d5ca);--playhead:var(--lightningcss-light,#1b1c20)var(--lightningcss-dark,#eeeae0);--cue-bg:#0b0c0e;--cue-edge:#2a2d33;--cue-fg:#f2efe6;--cue-fg-2:#d9d5ca;--font-display:"Instrument Serif", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--font-ui:"Atkinson Hyperlegible Next", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono:"Atkinson Hyperlegible Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;--fs-xs:.75rem;--fs-sm:.8125rem;--fs-md:.9375rem;--fs-lg:1.0625rem;--fs-xl:1.375rem;--fs-2xl:1.875rem;--fs-3xl:2.75rem;--lh-tight:1.2;--lh-ui:1.45;--lh-read:1.6;--tracking-caps:.08em;--quran-size:40px;--quran-lh:2.15;--font-quran:"Amiri Quran", "Scheherazade New", "Noto Naskh Arabic", "Traditional Arabic", serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-quran-font=amiri-quran]{--font-quran:"Amiri Quran", "Noto Naskh Arabic", serif;--quran-lh:2.15}:root[data-quran-font=scheherazade]{--font-quran:"Scheherazade New", "Noto Naskh Arabic", serif;--quran-lh:2}:root[data-quran-font=noto-naskh]{--font-quran:"Noto Naskh Arabic", serif;--quran-lh:2.05}:root[data-quran-font=kfgqpc-hafs]{--font-quran:"KFGQPC Uthmanic Script HAFS", "Amiri Quran", "Noto Naskh Arabic", serif;--quran-lh:2.2}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root{--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.25rem;--sp-6:1.5rem;--sp-8:2rem;--sp-10:2.5rem;--sp-12:3rem;--gutter:1rem;--r-xs:4px;--r-sm:8px;--r-md:12px;--r-lg:18px;--r-pill:999px;--shadow-pop:0 10px 30px -8px var(--lightningcss-light,#1b1c2038)var(--lightningcss-dark,#0009);--shadow-drawer:0 0 0 1px var(--border), 0 24px 60px -12px var(--lightningcss-light,#1b1c204d)var(--lightningcss-dark,#000000b3);--hairline-top:inset 0 1px 0 var(--lightningcss-light,#ffffffb3)var(--lightningcss-dark,#ffffff0a);--h-sm:32px;--h-md:40px;--h-lg:48px;--hit:44px;--w-left:300px;--w-right:360px;--w-drawer:min(92vw, 380px);--header-h:56px;--ease:cubic-bezier(.2, 0, 0, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--dur-1:.12s;--dur-2:.2s;--dur-3:.32s}@media (min-width:768px){:root{--gutter:1.5rem}}@media (max-width:767px){:root{--quran-size:32px}}@media (pointer:coarse){:root{--h-sm:44px;--h-md:44px;--h-lg:52px}}button,[role=button],a,label[for],summary,select,input[type=checkbox],input[type=range],input[type=radio]{cursor:pointer}:disabled,[aria-disabled=true]{cursor:not-allowed}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--r-xs)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (forced-colors:active){:root{--border:CanvasText;--border-strong:CanvasText}}
@font-face{font-family:Instrument Serif;src:url(/fonts/InstrumentSerif-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Instrument Serif;src:url(/fonts/InstrumentSerif-Italic.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Atkinson Hyperlegible Next;src:url(/fonts/AtkinsonHyperlegibleNext-Variable.woff2)format("woff2");font-weight:200 800;font-style:normal;font-display:swap}@font-face{font-family:Atkinson Hyperlegible Mono;src:url(/fonts/AtkinsonHyperlegibleMono-Variable.woff2)format("woff2");font-weight:200 800;font-style:normal;font-display:swap}@font-face{font-family:Amiri Quran;src:url(/fonts/AmiriQuran-Regular.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Scheherazade New;src:url(/fonts/ScheherazadeNew-Regular.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Noto Naskh Arabic;src:url(/fonts/NotoNaskhArabic.ttf)format("truetype");font-weight:400 700;font-display:swap}@font-face{font-family:KFGQPC Uthmanic Script HAFS;src:url(/api/fonts/kfgqpc-hafs-v30)format("truetype");font-weight:400;font-display:swap}
*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font:400 var(--fs-md) / var(--lh-ui) var(--font-ui);-webkit-font-smoothing:antialiased;margin:0}button,input,select,textarea{font:inherit;color:inherit}button{text-align:inherit;background:0 0;border:0;padding:0}h1,h2,h3,h4,p,ul,ol{margin:0;padding:0}ul,ol{list-style:none}a{color:inherit}[hidden]{display:none!important}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}svg.i{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}svg.i.fill{fill:currentColor;stroke:none}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.eyebrow{font-size:var(--fs-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-3);font-weight:600}.muted{color:var(--text-3)}.hint{font-size:var(--fs-sm);color:var(--text-2);line-height:1.5}.hint--xs{font-size:var(--fs-xs)}.hint--faint{font-size:var(--fs-xs);color:var(--text-3)}.btn{justify-content:center;align-items:center;gap:var(--sp-2);min-height:var(--h-md);padding:0 var(--sp-4);border-radius:var(--r-sm);font-weight:600;font-size:var(--fs-md);white-space:nowrap;transition:background var(--dur-1) var(--ease), border-color var(--dur-1) var(--ease), transform var(--dur-1) var(--ease), color var(--dur-1) var(--ease);border:1px solid #0000;line-height:1;display:inline-flex}a.btn{text-decoration:none}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45}.btn--primary{background:var(--action-bg);color:var(--action-fg)}.btn--primary:hover:not(:disabled){background:var(--action-bg-hover)}.btn--secondary{border-color:var(--border-strong);color:var(--text)}.btn--secondary:hover:not(:disabled){background:var(--surface-3)}.btn--ghost{color:var(--text-2)}.btn--ghost:hover:not(:disabled){background:var(--surface-3);color:var(--text)}.btn--danger{border-color:color-mix(in srgb, var(--danger) 60%, transparent);color:var(--danger)}.btn--danger:hover:not(:disabled){background:color-mix(in srgb, var(--danger) 12%, transparent)}.btn--sm{min-height:var(--h-sm);padding:0 var(--sp-3);font-size:var(--fs-sm)}.btn--lg{min-height:var(--h-lg);padding:0 var(--sp-6);font-size:1rem}.btn--icon{width:var(--h-md);padding:0}.btn--icon.btn--sm{width:var(--h-sm)}.btn--block{width:100%}.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.btn[aria-pressed=true]{background:var(--text);color:var(--bg);border-color:var(--text)}.btn svg.i.sm{width:16px;height:16px}.field{font-size:var(--fs-sm);color:var(--text-2);gap:6px;font-weight:600;display:grid}.field .opt{color:var(--text-3);font-weight:400}.input,select.input,textarea.input{width:100%;min-height:var(--h-md);padding:0 var(--sp-3);background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--r-sm);font-weight:400;font-size:var(--fs-md);color:var(--text)}textarea.input{padding:var(--sp-3);resize:vertical;min-height:84px;line-height:var(--lh-ui)}.input::placeholder{color:var(--text-3)}select.input{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--text-2) 50%), linear-gradient(135deg, var(--text-2) 50%, transparent 50%);background-position:calc(100% - 18px) 52%,calc(100% - 13px) 52%;background-repeat:no-repeat;background-size:5px 5px;padding-right:36px}.input:focus-visible{outline-offset:1px;border-radius:var(--r-sm)}.row{gap:var(--sp-3);display:flex}.row>*{flex:1;min-width:0}input[type=range]{appearance:none;background:0 0;width:100%;height:24px;margin:0}@media (pointer:coarse){input[type=range]{height:var(--hit)}}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--text) var(--p,0%), var(--border-strong) var(--p,0%));border-radius:2px;height:4px}input[type=range]::-moz-range-track{background:var(--border-strong);border-radius:2px;height:4px}input[type=range]::-moz-range-progress{background:var(--text);border-radius:2px;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--text);border:3px solid var(--surface-2);width:16px;height:16px;box-shadow:0 0 0 1px var(--border-strong);border-radius:50%;margin-top:-6px}input[type=range]::-moz-range-thumb{background:var(--text);border:3px solid var(--surface-2);width:12px;height:12px;box-shadow:0 0 0 1px var(--border-strong);border-radius:50%}.switch{min-height:var(--hit);color:var(--text);align-items:center;gap:10px;font-weight:500;display:inline-flex}.switch i{background:var(--surface-3);border:1px solid var(--border-strong);width:38px;height:22px;transition:background var(--dur-2) var(--ease);border-radius:11px;flex:none;position:relative}.switch i:after{content:"";background:var(--text-2);width:16px;height:16px;transition:transform var(--dur-2) var(--ease), background var(--dur-2) var(--ease);border-radius:50%;position:absolute;top:2px;left:2px}.switch[aria-checked=true] i{background:var(--text);border-color:var(--text)}.switch[aria-checked=true] i:after{background:var(--bg);transform:translate(16px)}.chip{min-height:var(--h-sm);border-radius:var(--r-pill);border:1px solid var(--border);font-size:var(--fs-sm);color:var(--text-2);transition:background var(--dur-1) var(--ease);align-items:center;gap:6px;padding:0 12px;font-weight:600;display:inline-flex}.chip:hover{background:var(--surface-3)}.chip[aria-pressed=true]{background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 55%, transparent);color:var(--accent)}.chip .n{font-family:var(--font-mono);font-size:var(--fs-xs)}.sw{--edge:var(--accent);--fill:transparent;--pat:none;background:var(--fill);width:22px;height:14px;color:var(--edge);border-radius:3px;flex:none;display:inline-block;position:relative;overflow:hidden}.sw:before{content:"";background:var(--pat);opacity:.55;position:absolute;inset:0}.sw:after{content:"";background:var(--bar,var(--edge));height:3px;position:absolute;top:0;left:0;right:0}.s-recognized{--edge:var(--seg-recognized-edge);--fill:var(--seg-recognized-fill)}.s-inferred{--edge:var(--seg-inferred-edge);--fill:var(--seg-inferred-fill);--pat:var(--hatch);--bar:repeating-linear-gradient(90deg, var(--edge) 0 7px, transparent 7px 11px)}.s-uncertain{--edge:var(--seg-uncertain-edge);--fill:var(--seg-uncertain-fill);--pat:var(--dots);--bar:repeating-linear-gradient(90deg, var(--edge) 0 2px, transparent 2px 5px)}.s-formula{--edge:var(--seg-formula-edge);--fill:var(--seg-formula-fill);--bar:linear-gradient(var(--edge) 0 1px, transparent 1px 2px, var(--edge) 2px 3px)}.s-abstention{--edge:var(--seg-abstain-edge);--fill:transparent;outline:1px dashed var(--edge);outline-offset:-1px}.s-abstention:after{display:none}.s-human{--edge:var(--seg-human)}.sw.s-human{background:0 0;width:14px}.sw.s-human:before,.sw.s-human:after{display:none}.sw.s-human i{background:var(--seg-human);width:10px;height:10px;position:absolute;top:1px;left:2px;transform:rotate(45deg)scale(.72)}.sw.s-human.draft i{border:2px solid var(--seg-human);background:0 0}.badge{border-radius:var(--r-xs);border:1px solid var(--border);background:var(--surface-3);min-height:26px;font-size:var(--fs-xs);color:var(--text);white-space:nowrap;align-items:center;gap:8px;padding:0 10px 0 8px;font-weight:600;display:inline-flex}.badge--plain{padding-left:10px}.badge--outline{border-color:var(--border-strong);background:0 0}.badge--ink{background:var(--text);color:var(--bg);border-color:#0000}.badge--ok{color:var(--ok)}.badge--warn{color:var(--warn)}.badge--danger{color:var(--danger)}.card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--hairline-top)}.card-pad{padding:var(--sp-5)}.sec-title{align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-3);display:flex}.sec-title h2,.sec-title h3{font-size:var(--fs-md);flex:1;font-weight:700}.acc summary,.diag summary{color:var(--text);flex-wrap:wrap;align-items:center;gap:4px 8px;min-height:36px;font-weight:600;list-style:none;display:flex}.acc summary::-webkit-details-marker{display:none}.diag summary::-webkit-details-marker{display:none}.acc summary:after,.diag summary:after{content:"";border-right:1.6px solid var(--text-3);border-bottom:1.6px solid var(--text-3);width:8px;height:8px;transition:transform var(--dur-2) var(--ease);margin-left:auto;transform:rotate(45deg)}details[open]>summary:after{transform:rotate(225deg)translate(-2px,-2px)}.acc{border-top:1px solid var(--border-subtle);padding:0 var(--sp-4)}.acc>summary{min-height:48px;font-size:var(--fs-md);padding:6px 0}.acc .acc-body{padding:0 0 var(--sp-4);gap:var(--sp-3);display:grid}.count{font:600 var(--fs-xs) / 1 var(--font-mono);background:var(--surface-3);border-radius:var(--r-pill);color:var(--text-2);padding:3px 7px}kbd{font:600 var(--fs-xs) / 1 var(--font-mono);border:1px solid var(--border-strong);color:var(--text-2);background:0 0;border-bottom-width:2px;border-radius:4px;padding:3px 6px}.btn--primary kbd{color:var(--action-fg);border-color:color-mix(in srgb, var(--action-fg) 45%, transparent);opacity:.85}.btn[aria-pressed=true] kbd{color:var(--bg);border-color:color-mix(in srgb, var(--bg) 50%, transparent)}@media (pointer:coarse),(max-width:767px){kbd{display:none}}.banner{border-radius:var(--r-sm);background:var(--surface-3);box-shadow:inset 3px 0 0 var(--text);font-size:var(--fs-sm);gap:4px;padding:12px 14px;line-height:1.45;display:grid}.banner b{font-family:var(--font-mono);font-weight:600}.banner small{color:var(--text-2);font-size:var(--fs-sm)}.banner .name{font-family:inherit}.scroll-x{overflow-x:auto}.notice{border-radius:var(--r-sm);background:var(--surface-3);box-shadow:inset 3px 0 0 var(--text-2);font-size:var(--fs-sm);color:var(--text);margin:0;padding:10px 14px}.notice--error{box-shadow:inset 3px 0 0 var(--danger);color:var(--danger)}.toast{z-index:70;border-radius:var(--r-sm);background:var(--text);max-width:min(92vw,460px);color:var(--bg);font-size:var(--fs-sm);box-shadow:var(--shadow-pop);align-items:center;gap:14px;padding:10px 10px 10px 16px;font-weight:500;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast button{border-radius:var(--r-xs);min-height:36px;color:inherit;padding:0 10px;font-weight:700;text-decoration:underline}@media (max-width:767px){.toast{bottom:92px}}.keys{font-size:var(--fs-sm);color:var(--text-2);grid-template-columns:auto 1fr;align-items:center;gap:8px 12px;display:grid}.foot-note{font-size:var(--fs-xs);color:var(--text-3);padding-top:var(--sp-2);line-height:1.6}.foot-note a{color:var(--text-2)}.drop-overlay{z-index:80;background:var(--scrim);pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}.drop-overlay-card{padding:var(--sp-8) var(--sp-10);border:2px dashed var(--border-strong);border-radius:var(--r-lg);background:var(--surface-2);text-align:center;justify-items:center;gap:6px;display:grid}.drop-overlay-card strong{font:400 var(--fs-2xl) / 1.1 var(--font-display)}.drop-overlay-card svg.i{width:32px;height:32px}
.app{grid-template-rows:var(--header-h) minmax(0, 1fr);min-height:100dvh;display:grid}.header{z-index:30;align-items:center;gap:var(--sp-2);padding:0 var(--sp-3);background:var(--surface-1);border-bottom:1px solid var(--border);display:flex;position:sticky;top:0}.brand{padding:0 var(--sp-2);align-items:center;gap:10px;display:flex}.brand svg{width:30px;height:30px}.brand b{font:400 1.5rem / 1 var(--font-display);letter-spacing:-.01em;white-space:nowrap}.brand b em{color:var(--text-3)}.nav{margin-left:var(--sp-4);gap:2px;display:none}.nav button{min-height:36px;padding:0 var(--sp-3);border-radius:var(--r-sm);color:var(--text-2);font-weight:600;position:relative}.nav button:hover{background:var(--surface-3);color:var(--text)}.nav button[aria-current=page]{color:var(--text)}.nav button[aria-current=page]:after{content:"";left:var(--sp-3);right:var(--sp-3);background:var(--text);height:2px;position:absolute;bottom:-10px}.spacer{flex:1}.livedot{border:2px solid var(--accent);border-radius:50%;flex:none;width:9px;height:9px;margin-right:8px}.nav a[aria-current=page] .livedot{background:var(--accent)}.live-link{color:var(--accent)}.live-link[aria-current=page]{background:var(--accent-soft);border-color:var(--accent)}@media (min-width:1100px){.live-link{display:none}}@media (max-width:1099px){.nav a[data-testid=nav-live]{display:none}}.toggle-panel{position:relative}.toggle-panel .dot{background:var(--accent);width:9px;height:9px;box-shadow:0 0 0 2px var(--surface-1);border-radius:50%;position:absolute;top:5px;right:5px}.toggle-panel[aria-expanded=true]{background:var(--surface-3);color:var(--text)}.hide-sm{display:none}.workspace{grid-template-columns:var(--left,0) minmax(0, 1fr) var(--right,0);min-height:0;display:grid}.app[data-ready=true] .workspace{transition:grid-template-columns var(--dur-3) var(--ease)}.panel{background:var(--surface-1);min-width:0;min-height:0;position:relative;overflow:hidden}.panel--left{border-right:1px solid var(--border)}.panel--right{border-left:1px solid var(--border)}.panel-in{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;height:100%;overflow-y:auto}.panel--left .panel-in{width:var(--w-left)}.panel--right .panel-in{width:var(--w-right)}.center{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;min-width:0;overflow-y:auto}.scrim{z-index:39;background:var(--scrim);opacity:0;pointer-events:none;transition:opacity var(--dur-2) var(--ease);position:fixed;inset:0}@media (min-width:1280px){.app{height:100dvh}.workspace{--left:var(--w-left);--right:var(--w-right)}.workspace[data-left=closed]{--left:0px}.workspace[data-right=closed]{--right:0px}.panel[data-open=false]{visibility:hidden;transition:visibility 0s linear var(--dur-3);border-width:0}.nav{display:flex}.hide-sm{display:inline}.only-drawer{display:none!important}}@media (max-width:1279px){.workspace{grid-template-columns:minmax(0,1fr)}.panel{z-index:40;width:var(--w-drawer);background:var(--surface-1);box-shadow:var(--shadow-drawer);visibility:hidden;transition:transform var(--dur-3) var(--ease-out), visibility 0s linear var(--dur-3);position:fixed;top:0;bottom:0}.panel--left{border-right:0;left:0;transform:translate(-102%)}.panel--right{border-left:0;right:0;transform:translate(102%)}.panel[data-open=true]{visibility:visible;transition-delay:0s;transform:none}.panel .panel-in,.panel--left .panel-in,.panel--right .panel-in{width:100%;padding-top:env(safe-area-inset-top)}.workspace[data-left=open]~.scrim,.workspace[data-right=open]~.scrim{opacity:1;pointer-events:auto}}@media (min-width:768px) and (max-width:1279px){.nav{display:flex}.hide-sm{display:inline}}@media (max-width:767px){.brand b{font-size:1.35rem}}@media (max-width:399px){.header{gap:var(--sp-1);padding:0 var(--sp-2)}.brand{padding:0 var(--sp-1)}.brand b{display:none}}@media (max-width:1199px){.brand b em,.hide-compact{display:none}.nav{margin-left:var(--sp-2)}}.panel-head{align-items:center;gap:var(--sp-2);padding:var(--sp-4) var(--sp-4) var(--sp-3);background:var(--surface-1);z-index:2;display:flex;position:sticky;top:0}.panel-head h2{font:400 1.5rem / 1 var(--font-display);flex:1}.panel-sec{padding:var(--sp-4);border-top:1px solid var(--border-subtle)}.panel-foot{padding:var(--sp-4)}.drawer-close{margin-left:auto}.stack{gap:var(--sp-5);max-width:1080px;padding:var(--sp-5) var(--gutter) calc(var(--sp-12) + 72px);flex-direction:column;margin:0 auto;display:flex}@media (min-width:768px){.stack{padding-bottom:var(--sp-12)}}.o-head{order:0}.o-passage{order:1}.o-console{order:2}.o-intervals{order:3}.o-diag{order:4}.o-foot{order:5}@media (min-width:768px){.o-console{order:1}.o-passage{order:2}}@media (max-width:767px){.stack{gap:var(--sp-4)}}.session-head{gap:var(--sp-3);display:grid}.session-head h1{font:600 1.5rem / 1.2 var(--font-ui);letter-spacing:-.005em;overflow-wrap:anywhere}.facts{font-size:var(--fs-sm);color:var(--text-2);flex-wrap:wrap;align-items:center;gap:6px 14px;display:flex}.facts .f{align-items:center;gap:6px;display:inline-flex}.facts svg{width:16px;height:16px}.riwaya{color:var(--text-3);text-underline-offset:3px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.empty-state{justify-items:center;gap:var(--sp-3);padding:var(--sp-12) var(--sp-4);text-align:center;color:var(--text-2);display:grid}.empty-state h2{font:400 var(--fs-2xl) / 1.1 var(--font-display);color:var(--text)}.empty-state p{max-width:46ch}.diag{padding:var(--sp-3) var(--sp-4);font-size:var(--fs-sm);color:var(--text-2)}.diag pre{font:400 var(--fs-xs) / 1.5 var(--font-mono);color:var(--text-2);overflow-x:auto}
.filters{padding:0 var(--sp-4) var(--sp-3);flex-wrap:wrap;gap:6px;display:flex}.queue-line{margin:0 var(--sp-4) var(--sp-3);border-radius:var(--r-sm);background:var(--surface-2);border:1px solid var(--border-subtle);font-size:var(--fs-sm);color:var(--text-2);align-items:center;gap:8px;padding:8px 12px;display:flex}.queue-line b{color:var(--text);font-weight:600}.queue-line svg{color:var(--accent);width:16px;height:16px}.group-title{padding:var(--sp-3) var(--sp-4) 6px}.sess{width:100%;min-height:64px;padding:12px var(--sp-4);transition:background var(--dur-1) var(--ease);border-left:3px solid #0000;grid-template-columns:24px minmax(0,1fr) auto;align-items:start;gap:2px 12px;display:grid;position:relative}.sess:hover{background:var(--surface-3)}.sess[aria-current=true]{background:var(--surface-2);border-left-color:var(--text)}.sess-glyph{width:24px;height:24px;color:var(--text-3);grid-row:1/span 3;place-items:center;margin-top:1px;display:grid}.sess-glyph svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.sess-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-weight:500;line-height:1.3;overflow:hidden}.sess[data-unread=true] .sess-name{font-weight:700}.sess-status{font-size:var(--fs-sm);color:var(--text-2);line-height:1.35}.sess-meta{font-size:var(--fs-xs);color:var(--text-3);align-items:center;gap:6px;display:flex}.sess-meta svg{flex:none;width:14px;height:14px}.sess-end{min-width:38px;font:400 var(--fs-xs) / 1.2 var(--font-mono);color:var(--text-3);grid-area:1/3/span 2;align-content:start;justify-items:end;gap:6px;display:grid}.unread{background:var(--accent);width:10px;height:10px;animation:pop .28s var(--ease-out);border-radius:50%}@keyframes pop{0%{transform:scale(0)}70%{transform:scale(1.25)}to{transform:scale(1)}}.sess[data-state=running] .sess-status,.sess[data-tone=accent] .sess-status{color:var(--accent);font-weight:600}.sess[data-tone=warn] .sess-status{color:var(--warn);font-weight:600}.sess[data-state=failed] .sess-status{color:var(--danger);font-weight:600}.sess[data-state=failed] .sess-glyph{color:var(--danger)}.sess[data-state=running] .sess-glyph{color:var(--accent)}.sess[data-state=cancelled] .sess-name{color:var(--text-2)}.sess-bar{left:calc(var(--sp-4) + 36px);right:var(--sp-4);background:var(--border-subtle);border-radius:2px;height:3px;position:absolute;bottom:6px;overflow:hidden}.sess-bar i{height:100%;width:var(--p,0%);background:var(--accent);transition:width .6s var(--ease);border-radius:2px;display:block}.sess-bar[data-indeterminate=true] i{width:30%;animation:indeterminate 1.6s var(--ease) infinite}@keyframes indeterminate{0%{transform:translate(-100%)}to{transform:translate(340%)}}@media (prefers-reduced-motion:reduce){.sess-bar[data-indeterminate=true] i{animation:none;transform:none}}.sess[data-state=running]{padding-bottom:18px}.has-retry{position:relative}.has-retry .sess{padding-bottom:58px}.retry{left:calc(var(--sp-4) + 36px);position:absolute;bottom:12px}.ring-track{stroke:var(--border-strong);fill:none;stroke-width:2px}.ring-arc{stroke:var(--accent);fill:none;stroke-width:2.4px;stroke-linecap:round;transform-origin:12px 12px;transition:stroke-dasharray .6s var(--ease);transform:rotate(-90deg)}.ring-dash{stroke:currentColor;fill:none;stroke-width:1.6px;stroke-dasharray:2.2 3.2;stroke-linecap:round}.ring-n{font:600 11px / 1 var(--font-mono);fill:currentColor}.sess-foot{padding:var(--sp-4)}.sess-empty{padding:var(--sp-8) var(--sp-4);text-align:center;color:var(--text-2);font-size:var(--fs-sm);line-height:1.5}
.console{overflow:hidden}.transport{align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);display:flex}.play{background:var(--action-bg);width:52px;height:52px;color:var(--action-fg);transition:transform var(--dur-1) var(--ease), background var(--dur-1) var(--ease);border-radius:50%;flex:none;place-items:center;display:grid}.play:hover{background:var(--action-bg-hover)}.play:active{transform:scale(.96)}.play svg{width:22px;height:22px}.seek{min-width:var(--hit);min-height:var(--hit);border-radius:var(--r-sm);font:600 var(--fs-sm) / 1 var(--font-mono);color:var(--text-2);place-items:center;display:grid}.seek:hover{background:var(--surface-3);color:var(--text)}.scrub{flex:1;gap:4px;min-width:0;display:grid}.times{font:400 var(--fs-sm) / 1 var(--font-mono);color:var(--text-2);justify-content:space-between;display:flex}.times b{color:var(--text);font-weight:600}.speed{flex:none;width:92px}.speed select{min-height:36px}.mark-dock{display:none}.player-badge{border-radius:var(--r-xs);border:1px solid var(--border);min-height:26px;font-size:var(--fs-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-2);align-items:center;gap:6px;padding:0 10px;font-weight:600;display:inline-flex}.player-badge[data-state=fallback]{color:var(--warn);border-color:color-mix(in srgb, var(--warn-edge) 55%, transparent)}.console-head{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-5) 0;flex-wrap:wrap;display:flex}.console-head .eyebrow{flex:1}.markbar{padding:var(--sp-3) var(--sp-5);border-top:1px solid var(--border-subtle);flex-wrap:wrap;align-items:center;gap:8px 10px;display:flex}.mb-status{min-width:0;font-size:var(--fs-sm);color:var(--text-2);flex:220px;line-height:1.4}.mb-status b{font-family:var(--font-mono);color:var(--text);font-weight:600}#markbar{scroll-margin-top:72px}.timeline{--gutter-lane:92px;--pad:20px;--h-wave:104px;--h-lane:36px;--h-ticks:22px;padding:0 var(--pad) var(--sp-4);position:relative}.tl-grid{grid-template-columns:var(--gutter-lane) minmax(0, 1fr);display:grid}.tl-names{grid-template-rows:var(--h-wave) repeat(3, var(--h-lane)) var(--h-ticks);display:grid}.tl-name{font-size:var(--fs-xs);color:var(--text-3);letter-spacing:.02em;flex-direction:column;justify-content:center;min-width:0;padding-right:8px;font-weight:600;display:flex}.tl-name small{font-weight:400;font-size:var(--fs-xs);display:block}.tl-scroll{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;position:relative;overflow:auto hidden;container-type:inline-size}.tl-scroll.can-pan{cursor:grab}.tl-scroll.panning,.tl-scroll.panning *{-webkit-user-select:none;user-select:none;cursor:grabbing!important}.tl-content{min-width:100%;position:relative}.tl-row{position:relative}.tl-wave{height:var(--h-wave)}.tl-lane{height:var(--h-lane);border-top:1px solid var(--border-subtle)}.tl-ticks{height:var(--h-ticks);margin-top:0;position:relative}.tl-ticks span{height:var(--h-ticks);border-left:1px solid var(--border-strong);font:400 var(--fs-xs) / 1 var(--font-mono);color:var(--text-3);white-space:nowrap;padding:8px 0 0 4px;position:absolute;top:0}.wave-stick{width:100cqw;height:var(--h-wave);pointer-events:none;position:sticky;top:0;left:0;overflow:hidden}.wave-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.wave-layer{position:absolute;inset:0}.wave-seg{top:0;bottom:0;left:var(--l);width:var(--w);background:color-mix(in srgb, var(--fill) 45%, transparent);min-width:2px;color:var(--edge);font:600 var(--fs-xs) / 1 var(--font-mono);border-radius:3px;padding:6px 0 0 4px;position:absolute;overflow:hidden}.wave-seg:before{content:"";background:var(--pat);opacity:.5;position:absolute;inset:0}.wave-seg:after{content:"";background:var(--bar,var(--edge));height:3px;position:absolute;top:0;left:0;right:0}.wave-seg.s-abstention{outline:1px dashed var(--edge);outline-offset:-1px}.wave-seg span{white-space:nowrap;color:var(--text);text-shadow:0 0 3px var(--surface-2), 0 0 6px var(--surface-2);position:relative}.seg{height:24px;top:6px;left:var(--l);width:var(--w);background:var(--fill);min-width:3px;color:var(--edge);border-radius:4px;position:absolute;overflow:hidden}.seg:before{content:"";background:var(--pat);opacity:.5;position:absolute;inset:0}.seg:after{content:"";background:var(--bar,var(--edge));height:3px;position:absolute;top:0;left:0;right:0}.seg.s-abstention{outline:1px dashed var(--edge);outline-offset:-1px}.seg[aria-pressed=true],.wave-seg[aria-pressed=true]{outline:2px solid var(--playhead);outline-offset:1px;z-index:2}.seg:hover,.wave-seg:hover{filter:brightness(1.25)}.human{height:24px;top:6px;left:var(--l);width:var(--w);min-width:12px;display:block;position:absolute}.human:before{content:"";background:var(--seg-human);width:12px;height:12px;margin-top:-6px;position:absolute;top:50%;left:0;transform:rotate(45deg)scale(.78)}.human:after{content:"";background:var(--seg-human);border-radius:2px;height:3px;margin-top:-1.5px;position:absolute;top:50%;left:6px;right:0}.human.pt{width:24px}.human.pt:after{display:none}.human.draft:before{background:var(--surface-2);border:2px solid var(--seg-human)}.human.draft:after{background:repeating-linear-gradient(90deg, var(--seg-human) 0 5px, transparent 5px 8px)}.human.sel{outline:2px solid var(--playhead);outline-offset:2px;border-radius:4px}.playhead{background:var(--playhead);z-index:4;pointer-events:none;will-change:transform;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;left:0}.playhead:before{content:"";background:var(--playhead);clip-path:polygon(0 0,100% 0,50% 100%);width:12px;height:8px;position:absolute;top:-1px;left:-5px}.tools{align-items:center;gap:var(--sp-3) var(--sp-5);padding:var(--sp-3) var(--sp-5);border-top:1px solid var(--border-subtle);font-size:var(--fs-sm);color:var(--text-2);flex-wrap:wrap;display:flex}.tools label{align-items:center;gap:8px;display:inline-flex}.tools select{width:auto;min-height:34px;padding-right:32px}.tools .vol{width:110px}.legend{padding:var(--sp-3) var(--sp-5) var(--sp-4);border-top:1px solid var(--border-subtle);font-size:var(--fs-xs);color:var(--text-2);flex-wrap:wrap;gap:8px 18px;display:flex}.legend li{align-items:center;gap:8px;display:inline-flex}.rv-layer{pointer-events:none;z-index:3;position:absolute;inset:0}.rv-region{top:0;bottom:0;left:var(--l);width:var(--w);background:var(--review-fill);position:absolute}.rv-region:after{content:"";background:var(--seg-human);height:5px;position:absolute;bottom:0;left:0;right:0}.rv-region:before{content:"";background:var(--seg-human);z-index:2;width:12px;height:12px;position:absolute;top:-4px;left:-6px;transform:rotate(45deg)scale(.8)}.rv-region.draft,.rv-region.live{background:var(--review-draft-fill);outline:1.5px dashed var(--seg-human);outline-offset:-1px}.rv-region.draft:after,.rv-region.live:after{background:repeating-linear-gradient(90deg, var(--seg-human) 0 6px, transparent 6px 10px)}.rv-region.draft:before,.rv-region.live:before{background:var(--surface-2);border:2px solid var(--seg-human)}.rv-region.pt{background:0 0;outline:0;width:0}.rv-region.pt:after{background:var(--seg-human);width:2px;height:auto;top:0;bottom:0;left:-1px}.rv-region.pt.draft:after{background:repeating-linear-gradient(180deg, var(--seg-human) 0 6px, transparent 6px 10px)}.rv-region.sel,.rv-region.pt.sel:after{box-shadow:0 0 0 2px var(--playhead)}.rv-hit{pointer-events:auto;min-width:24px;position:absolute;inset:0 -12px}.rv-region:not(.pt) .rv-hit{inset:0}.tracing .rv-hit{pointer-events:none}.rv-label{background:var(--surface-2);color:var(--text);font:600 var(--fs-xs) / 1.2 var(--font-mono);white-space:nowrap;pointer-events:none;box-shadow:0 0 0 1px var(--border-strong);border-radius:4px;padding:2px 6px;position:absolute;top:8px;left:8px}.rv-h{pointer-events:auto;cursor:ew-resize;touch-action:none;z-index:4;place-items:center;width:28px;margin-left:-14px;display:grid;position:absolute;top:0;bottom:0}@media (pointer:coarse){.rv-h{width:var(--hit);margin-left:calc(var(--hit) / -2)}}.rv-h i{background:var(--text);width:6px;height:34px;box-shadow:0 0 0 2px var(--surface-2);border-radius:3px}.rv-h[data-edge=start]{left:0}.rv-h[data-edge=end]{left:100%}.rv-h:focus-visible i{box-shadow:0 0 0 2px var(--surface-2), 0 0 0 4px var(--focus)}.tl-wave.tracing{cursor:crosshair;touch-action:none}.tl-wave.tracing .wave-seg{pointer-events:none}.trace-hint{width:max-content;max-width:calc(100% - var(--sp-4));text-align:center;z-index:5;border-radius:var(--r-pill);background:var(--text);color:var(--bg);font-size:var(--fs-xs);pointer-events:none;margin:0 auto;padding:6px 12px;font-weight:600;position:absolute;top:6px;left:0;right:0}@media (max-width:767px){.transport{z-index:25;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:var(--surface-1);border-top:1px solid var(--border);gap:6px;position:fixed;bottom:0;left:0;right:0}.transport .play{width:48px;height:48px}.speed{display:none}.mark-dock{background:var(--surface-3);display:grid}.timeline{--gutter-lane:64px;--pad:12px;--h-wave:84px;padding:var(--sp-3) var(--pad)}.tl-name b{display:none}.tl-name:before{content:attr(data-short)}.tl-name small{display:none}.tools{padding:var(--sp-2) var(--sp-3);gap:var(--sp-2) var(--sp-4)}.legend,.markbar{padding:var(--sp-3)}.times .tm-total{display:none}.times b{font-size:var(--fs-sm)}.console-head{padding:var(--sp-3) var(--sp-3) 0}}
.passage{padding:var(--sp-6) var(--sp-5) var(--sp-5)}@media (min-width:768px){.passage{padding:var(--sp-8) var(--sp-10) var(--sp-6)}}.p-top{align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-5);flex-wrap:wrap;display:flex}.p-top .eyebrow{flex:1;min-width:120px}.p-top .tools-inline{align-items:center;gap:4px;display:flex}.p-meta{margin-bottom:var(--sp-4);flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex}.badges{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.p-ref{font:400 var(--fs-xl) / 1 var(--font-display)}.p-ref--ar{font:400 1.5rem / 1.2 var(--font-quran)}.arabic{font-family:var(--font-quran);font-size:var(--quran-size);line-height:var(--quran-lh);text-align:center;text-wrap:pretty;padding:var(--sp-2) 0;font-feature-settings:"liga", "calt"}.arabic.basmala{font-size:calc(var(--quran-size) * 1.15)}.ayah-end{border:1px solid var(--text-3);min-width:1.5em;height:1.5em;box-shadow:0 0 0 3px var(--surface-2), 0 0 0 4px var(--border);font:500 .46em / 1 var(--font-quran);color:var(--text-2);vertical-align:middle;direction:rtl;border-radius:50%;place-items:center;margin:0 .3em;padding:0 .12em;display:inline-grid}.orn{color:var(--text-3);margin:0 auto var(--sp-2);justify-content:center;align-items:center;gap:10px;display:flex}.orn:before,.orn:after{content:"";background:var(--border-strong);width:56px;height:1px}.orn i{background:var(--text-3);width:7px;height:7px;transform:rotate(45deg)}.translation{margin-top:var(--sp-5);padding-top:var(--sp-5);border-top:1px solid var(--border-subtle)}.translation p{font-size:var(--fs-lg);line-height:var(--lh-read);color:var(--text);text-wrap:pretty;max-width:68ch;margin:0 auto}.translation sup{color:var(--text-3);margin-left:2px;font-size:.7em}.translation small{max-width:68ch;margin:var(--sp-3) auto 0;font-size:var(--fs-xs);color:var(--text-3);line-height:1.5;display:block}.formula-note{margin-top:var(--sp-3);font-size:var(--fs-xs);color:var(--text-3)}.p-actions{justify-content:space-between;align-items:center;gap:var(--sp-3);margin-top:var(--sp-5);flex-wrap:wrap;display:flex}.p-toggles{align-items:center;gap:var(--sp-3) var(--sp-4);flex-wrap:wrap;display:flex}.arabic .aw,.translation .tr-seg{border-radius:var(--r-xs);-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:background-color var(--dur-1) var(--ease), box-shadow var(--dur-1) var(--ease)}.arabic .aw{margin:0 -.08em;padding:0 .08em}.translation .tr-seg{margin:0 -.22em;padding:.06em .22em}.arabic .aw[aria-current=true],.translation .tr-seg[aria-current=true]{background-color:var(--live-fill);box-shadow:inset 0 -.1em 0 var(--live-edge)}[data-seekable=true] .aw{cursor:pointer}[data-seekable=true] .aw:hover{background-color:var(--live-soft)}[data-seekable=true] .aw[aria-current=true]:hover{background-color:var(--live-fill)}.arabic.is-live,.translation.is-live>p[data-testid=translation-text]{background-color:var(--live-soft);border-radius:var(--r-sm)}.translation .ell{color:var(--text-3)}.translation .tr-scope{max-width:68ch;margin:0 auto var(--sp-2);font-size:var(--fs-sm);color:var(--text-2);line-height:1.4}.live-note{text-align:center;font-size:var(--fs-xs);color:var(--text-3);margin:0}@media (forced-colors:active){.arabic .aw[aria-current=true],.translation .tr-seg[aria-current=true]{forced-color-adjust:none;color:highlighttext;background-color:highlight}}.p-empty{text-align:center;padding:var(--sp-8) 0;color:var(--text-2)}.p-empty.p-blank{min-height:9rem;padding:0}.p-empty .ar-label{font:400 2.2rem / 1.4 var(--font-quran);color:var(--text);margin:var(--sp-3) 0}.p-empty .formula-ar{font:400 calc(var(--quran-size) * .9) / var(--quran-lh) var(--font-quran);color:var(--text);margin:var(--sp-2) 0}.pop-wrap{position:relative}.popover{z-index:20;width:min(440px,100vw - 32px);max-height:min(78vh,620px);padding:var(--sp-4);background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--r-md);box-shadow:var(--shadow-pop);text-align:start;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto}.popover h3{font-size:var(--fs-md);font-weight:700}.pop-head{align-items:center;gap:8px;display:flex}.pop-head h3{flex:1}.fonts{margin:var(--sp-3) 0;gap:8px;display:grid}.fopt{border:1px solid var(--border);border-radius:var(--r-sm);width:100%;transition:border-color var(--dur-1) var(--ease), background var(--dur-1) var(--ease);grid-template-columns:22px minmax(0,1fr);gap:2px 12px;padding:10px 12px;display:grid}.fopt:hover{background:var(--surface-3)}.fopt[aria-checked=true]{border-color:var(--text);background:var(--surface-3)}.fopt[aria-disabled=true]{opacity:.6;cursor:not-allowed}.fopt .radio{border:1.5px solid var(--border-strong);border-radius:50%;grid-row:1/span 3;place-items:center;width:18px;height:18px;margin-top:3px;display:grid}.fopt[aria-checked=true] .radio:after{content:"";background:var(--text);border-radius:50%;width:8px;height:8px}.fopt .nm{flex-wrap:wrap;align-items:baseline;gap:8px;font-weight:600;display:flex}.fopt .nm small{color:var(--text-3);font-weight:400;font-size:var(--fs-xs)}.fopt .sample{text-align:right;color:var(--text);direction:rtl;padding:2px 0 6px;font-size:1.6rem;line-height:2.3}.fopt .lic{font-size:var(--fs-xs);color:var(--text-3)}.size-row{align-items:center;gap:var(--sp-3);font-size:var(--fs-sm);color:var(--text-2);display:flex}.size-row input{flex:1}.size-row output{text-align:right;min-width:42px;font-family:var(--font-mono);color:var(--text)}.popover .foot{margin-top:var(--sp-3);font-size:var(--fs-xs);color:var(--text-3);justify-content:space-between;align-items:center;display:flex}@media (max-width:767px){.popover{left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));z-index:45;width:auto;max-height:82dvh;box-shadow:var(--shadow-drawer);position:fixed;top:auto}}.seg-filters{margin-bottom:var(--sp-3);flex-wrap:wrap;gap:6px;display:flex}.irow{width:100%;height:var(--irow-h);padding:8px var(--sp-4);border-top:1px solid var(--border-subtle);transition:background var(--dur-1) var(--ease);grid-template-columns:82px minmax(0,1fr) auto;align-items:center;gap:12px;display:grid;overflow:hidden}.irow:hover{background:var(--surface-3)}.irow[aria-pressed=true]{background:var(--surface-3);box-shadow:inset 3px 0 0 var(--text)}.irow .tm{font:400 var(--fs-sm) / 1 var(--font-mono);color:var(--text-2)}.irow .ti{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.irow .ti .ar{font-family:var(--font-quran);color:var(--text-2);margin-left:8px;font-size:1.1rem}.irow .st{font-size:var(--fs-xs);color:var(--text-2);justify-content:flex-end;align-items:center;gap:8px;min-width:96px;font-weight:600;display:inline-flex}@media (max-width:560px){.irow{grid-template-columns:70px minmax(0,1fr)}.irow .st{grid-column:2;justify-content:flex-start}}.intervals-list{--irow-h:var(--hit);overscroll-behavior:contain;max-height:560px;overflow-y:auto}@media (max-width:560px){.intervals-list{--irow-h:72px}}.vlist{position:relative}.vrow{position:absolute;left:0;right:0}.calibrate{margin-top:var(--sp-4);padding:var(--sp-4);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2);gap:var(--sp-3);display:grid}.calibrate-title{font-weight:600;font-size:var(--fs-md)}.calibrate-help{font-size:var(--fs-sm);color:var(--text-2);line-height:var(--lh-read)}.calibrate-line{align-items:center;gap:var(--sp-2) var(--sp-3);grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"minus range plus""value value value";display:grid}.calibrate-line>[data-testid=calibrate-minus]{grid-area:minus}.calibrate-line>input[type=range]{grid-area:range}.calibrate-line>[data-testid=calibrate-plus]{grid-area:plus}.calibrate-value{font:600 var(--fs-lg) / 1 var(--font-mono);grid-area:value;justify-self:center}.calibrate-actions{gap:var(--sp-2) var(--sp-3);flex-wrap:wrap;display:flex}
.tester{padding:0 var(--sp-4) var(--sp-3)}.tester-row{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-2);align-items:center;gap:12px;min-height:52px;padding:6px 8px 6px 12px;display:flex}.tester-row .av{width:30px;height:30px;font:700 var(--fs-sm) / 1 var(--font-ui);border-radius:50%;flex:none;place-items:center;display:grid}.tester-row .who{flex:1;min-width:0}.tester-row b{text-overflow:ellipsis;white-space:nowrap;font-weight:600;display:block;overflow:hidden}.tester-form{gap:var(--sp-3);padding:var(--sp-4);border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface-2);display:grid}.tester-form .err{color:var(--danger);font-size:var(--fs-xs);min-height:0}.recent{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.btnrow{flex-wrap:wrap;gap:8px;display:flex}.btnrow>.btn{flex:1}.btnrow--col{flex-direction:column}.tabs{padding:0 var(--sp-2);border-bottom:1px solid var(--border);scrollbar-width:none;gap:0;display:flex;overflow-x:auto}.tabs [role=tab]{min-height:var(--hit);font-size:var(--fs-sm);color:var(--text-2);white-space:nowrap;align-items:center;gap:6px;padding:0 10px;font-weight:600;display:inline-flex;position:relative}.tabs [role=tab]:hover,.tabs [role=tab][aria-selected=true]{color:var(--text)}.tabs [role=tab][aria-selected=true]:after{content:"";background:var(--text);height:2px;position:absolute;bottom:-1px;left:10px;right:10px}.tabs .tab-adv{color:var(--text-3);margin-left:auto}.steps{padding:var(--sp-4) var(--sp-4) 0;gap:6px;display:flex}.steps li{font-size:var(--fs-xs);color:var(--text-3);flex:1;gap:6px;font-weight:600;display:grid}.steps li:before{content:"";background:var(--border);border-radius:2px;height:3px}.steps li[data-s=done]:before{background:var(--text)}.steps li[data-s=current]:before{background:var(--text);opacity:.5}.steps li[data-s=current]{color:var(--text)}.steps li[data-s=done]{color:var(--text-2)}.steps li span:before{content:attr(data-n) " · "}.steps li[data-s=done] span:before{content:"✓ "}.rcard{gap:var(--sp-3);margin:var(--sp-3) var(--sp-4) 0;padding:var(--sp-4);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2);grid-template-columns:minmax(0,1fr);display:grid}.rcard h3{font-size:var(--fs-md);align-items:center;gap:8px;font-weight:700;display:flex}.rcard h3 .n{border:1px solid var(--border-strong);width:22px;height:22px;font:600 var(--fs-xs) / 1 var(--font-mono);color:var(--text-2);border-radius:50%;place-items:center;display:grid}.rcard.is-locked .btn{opacity:.45}.range-chip{border-radius:var(--r-sm);background:var(--surface-3);font-size:var(--fs-sm);align-items:center;gap:10px;padding:10px 12px;display:flex}.range-chip .mono{color:var(--text);font-weight:600}.range-chip .len{color:var(--text-2);white-space:nowrap;margin-left:auto}.nudge{grid-template-columns:1fr auto;align-items:end;gap:8px;display:grid}.nudge .ctl{grid-template-columns:var(--hit) minmax(0, 1fr) var(--hit);gap:4px;display:grid}.nudge .ctl .input{text-align:center;font-family:var(--font-mono);padding:0 4px}.nudge .ctl .btn{min-height:var(--h-md);font-family:var(--font-mono);font-size:var(--fs-sm);padding:0}.listen-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.listen-row .ok{font-size:var(--fs-xs);color:var(--text-2);align-items:center;gap:6px;display:inline-flex}.ctx{font-size:var(--fs-sm);color:var(--text-2);gap:8px;line-height:1.45;display:flex}.ctx svg{width:16px;height:16px;margin-top:2px}.ctx b{color:var(--text);font-weight:600}.fams{margin:0 calc(-1 * var(--sp-4));border-top:1px solid var(--border-subtle);display:grid}.fam{border-bottom:1px solid var(--border-subtle);padding:0 var(--sp-4)}.fam>summary{min-height:var(--hit);font-weight:600;font-size:var(--fs-sm);align-items:center;gap:8px;list-style:none;display:flex}.fam>summary::-webkit-details-marker{display:none}.fam>summary:after{content:"";border-right:1.6px solid var(--text-3);border-bottom:1.6px solid var(--text-3);width:8px;height:8px;transition:transform var(--dur-2) var(--ease);margin-left:auto;transform:rotate(45deg)}.fam[open]>summary:after{transform:rotate(225deg)translate(-2px,-2px)}.fam .sel-n{font:600 var(--fs-xs) / 1 var(--font-mono);border-radius:var(--r-pill);background:var(--text);color:var(--bg);padding:3px 7px}.fam .fh{font-size:var(--fs-xs);color:var(--text-3);margin:-2px 0 8px}.pchips{padding:0 0 var(--sp-3);flex-wrap:wrap;gap:8px;display:flex}.pchip{min-height:var(--h-sm);border:1px solid var(--border-strong);border-radius:var(--r-pill);font-size:var(--fs-sm);color:var(--text);text-align:left;transition:background var(--dur-1) var(--ease);padding:6px 12px;font-weight:500;line-height:1.2}.pchip:hover{background:var(--surface-3)}.pchip[aria-pressed=true]{background:var(--text);color:var(--bg);border-color:var(--text);font-weight:600}.pchip[aria-pressed=true]:before{content:"✓";margin-right:6px;font-weight:700}.savebar{min-height:24px;font-size:var(--fs-xs);color:var(--text-2);align-items:center;gap:8px;display:flex}.savebar.err{color:var(--danger)}.savebar svg{width:14px;height:14px}.expected{font-family:var(--font-mono)}.lfilters{gap:var(--sp-3);padding:var(--sp-4) var(--sp-4) var(--sp-2);display:grid}.alist{padding:0 0 var(--sp-3);display:grid}.aitem{border-top:1px solid var(--border-subtle);grid-template-columns:minmax(0,1fr) auto;align-items:stretch;display:grid}.aitem[data-sel=true]{background:var(--surface-3);box-shadow:inset 3px 0 0 var(--text)}.aitem-main{padding:12px 0 12px var(--sp-4);text-align:left;gap:4px;min-height:64px;display:grid}.aitem-main:hover{background:color-mix(in srgb, var(--surface-3) 60%, transparent)}.ai-top{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ai-top .mono{font-weight:600;font-size:var(--fs-sm)}.ai-tags{font-size:var(--fs-sm);color:var(--text);line-height:1.35}.ai-meta{font-size:var(--fs-xs);color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;line-height:1.35;overflow:hidden}.ai-acts{padding:0 var(--sp-2);flex-direction:column;justify-content:center;display:flex}.ai-acts .btn{width:var(--hit);min-height:var(--hit)}.empty-list{padding:var(--sp-8) var(--sp-4);text-align:center;color:var(--text-2);font-size:var(--fs-sm);line-height:1.5}.truth{gap:var(--sp-3);display:grid}.passage-v{gap:var(--sp-3);padding:var(--sp-3);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2);display:grid}.passage-v header{justify-content:space-between;align-items:center;gap:8px;display:flex}.evidence{font-size:var(--fs-xs);color:var(--text-2);align-items:flex-start;gap:6px;line-height:1.5;display:flex}.evidence svg{width:14px;height:14px;margin-top:2px}.evidence--bad{color:var(--danger)}.aligned{font-size:var(--fs-sm);gap:2px;display:grid}.aligned button{border-radius:var(--r-sm);min-height:36px;color:var(--text);align-items:center;gap:8px;padding:0 6px;display:flex}.aligned button:hover{background:var(--surface-3)}.aligned svg{width:14px;height:14px}.dots-note{font-size:var(--fs-xs);color:var(--text-3)}
.page-title{justify-content:space-between;align-items:flex-end;gap:var(--sp-4);flex-wrap:wrap;display:flex}.page-title h1{font:400 var(--fs-2xl) / 1.1 var(--font-display)}.page-title p{color:var(--text-2);max-width:60ch;margin-top:6px}.tiles{gap:var(--sp-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (min-width:900px){.tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}.tile{padding:var(--sp-4) var(--sp-5)}.tile .v{font:400 2.5rem / 1 var(--font-display);letter-spacing:-.01em;white-space:nowrap;margin:8px 0 6px}.tile .v small{font:400 var(--fs-lg) / 1 var(--font-display);color:var(--text-2);margin-left:4px}.tile .s{font-size:var(--fs-sm);color:var(--text-2)}.grid2{gap:var(--sp-5);display:grid}@media (min-width:1000px){.grid2{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}}.bars{margin-top:var(--sp-4);gap:14px;display:grid}.bar-row{font-size:var(--fs-sm);grid-template-columns:128px minmax(0,1fr) 64px;align-items:center;gap:12px;display:grid}.bar-row .nm{color:var(--text);font-weight:500}.bar-row .nm small{font-size:var(--fs-xs);color:var(--text-3);font-weight:400;display:block}.bar-track{background:var(--surface-3);border-radius:4px;height:18px;position:relative}.bar-track i{width:var(--v);background:var(--accent);opacity:.9;border-radius:0 4px 4px 0;position:absolute;top:0;bottom:0;left:0}.bar-row .val{text-align:right;font:600 var(--fs-md) / 1 var(--font-mono)}.axis-note{font-size:var(--fs-xs);color:var(--text-3);margin-top:var(--sp-3)}.table{border-collapse:collapse;width:100%;font-size:var(--fs-sm)}.table th{text-align:left;font-size:var(--fs-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-3);border-bottom:1px solid var(--border);padding:8px 10px;font-weight:600}.table td{border-bottom:1px solid var(--border-subtle);padding:10px}.table td.num,.table th.num{text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.qrow{border-top:1px solid var(--border-subtle);grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 0;display:grid}.qrow:first-child{border-top:0}.qrow .sess-glyph{grid-row:auto;margin-top:0}@media (max-width:767px){.tiles .v{font-size:2.1rem}.bar-row{grid-template-columns:96px minmax(0,1fr) 54px;gap:8px}}.new{gap:var(--sp-5);width:100%;max-width:640px;margin:0 auto;display:grid}.hero-wave{width:220px;max-width:70%;height:auto;margin:0 auto var(--sp-4);display:block}.hero-wave .a{fill:var(--accent)}.new h1{font:400 var(--fs-2xl) / 1.1 var(--font-display);text-align:center}.new .lead{text-align:center;color:var(--text-2);max-width:46ch;margin:8px auto 0}.recorder{justify-items:center;gap:var(--sp-3);padding:var(--sp-6) var(--sp-5);text-align:center;display:grid}.rec-ic{background:var(--surface-3);border:1px solid var(--border-strong);width:56px;height:56px;color:var(--text);border-radius:50%;place-items:center;display:grid}.rec-ic svg{width:26px;height:26px}.recorder[data-phase=recording] .rec-ic{color:var(--danger);border-color:var(--danger);animation:pulse 1.6s var(--ease) infinite}.recorder strong{font-size:var(--fs-lg)}.rec-dot{background:var(--danger);border-radius:50%;flex:none;width:12px;height:12px}.rec-sq{background:var(--danger);border-radius:2px;flex:none;width:12px;height:12px}.rec-timer{font:600 1.75rem / 1 var(--font-mono);color:var(--danger)}.rec-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.rec-preview{gap:var(--sp-3);text-align:left;width:100%;display:grid}.rec-preview audio{display:none}.rec-preview .transport{background:0 0;border:0;padding:0;position:static}@keyframes pulse{50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.recorder[data-phase=recording] .rec-ic{animation:none}}.or{color:var(--text-3);font-size:var(--fs-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;align-items:center;gap:12px;font-weight:600;display:flex}.or:before,.or:after{content:"";background:var(--border);flex:1;height:1px}.drop{justify-items:center;gap:var(--sp-3);padding:var(--sp-8) var(--sp-5);text-align:center;border:1.5px dashed var(--border-strong);border-radius:var(--r-lg);background:var(--surface-1);transition:background var(--dur-2) var(--ease), border-color var(--dur-2) var(--ease);display:grid}.drop:focus-within{outline:2px solid var(--focus);outline-offset:2px}.drop:hover{background:var(--surface-2);border-color:var(--text-2)}.drop svg.i{width:28px;height:28px;color:var(--text-2)}.drop .kinds{color:var(--text-2);font-size:var(--fs-sm);flex-wrap:wrap;justify-content:center;gap:8px 14px;display:flex}.drop .kinds span{align-items:center;gap:6px;display:inline-flex}.drop .kinds svg{width:18px;height:18px}.auto{padding:var(--sp-4);border:1px solid var(--border-subtle);border-radius:var(--r-md);background:var(--surface-1);font-size:var(--fs-sm);color:var(--text-2);gap:12px;display:flex}.auto b{color:var(--text)}.auto svg{color:var(--accent);flex:none}.import-queue{font-size:var(--fs-sm);gap:6px;display:grid}.import-queue li{border:1px solid var(--border-subtle);border-radius:var(--r-sm);background:var(--surface-1);align-items:center;gap:8px;padding:8px 12px;display:flex}.import-queue li[data-state=error]{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 50%, transparent)}.import-queue .name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}
a.btn{text-decoration:none}:root{--w-page:1240px;--w-docs-nav:280px;--w-docs-toc:224px}.nav a{min-height:36px;padding:0 var(--sp-3);border-radius:var(--r-sm);color:var(--text-2);align-items:center;font-weight:600;text-decoration:none;display:inline-flex;position:relative}@media (max-width:1159px){.nav a{padding:0 var(--sp-2)}}.nav a:hover{background:var(--surface-3);color:var(--text)}.nav a[aria-current=page]{color:var(--text)}.nav a[aria-current=page]:after{content:"";left:var(--sp-3);right:var(--sp-3);background:var(--text);height:2px;position:absolute;bottom:-10px}.nav .nav-dot{background:var(--accent);border-radius:50%;width:8px;height:8px;margin-left:6px}.brand{color:inherit;text-decoration:none}.header .only-wide{display:none}@media (min-width:1280px){.header .only-wide{display:inline-flex}}.av:before{content:attr(data-i)}.av{background:var(--text);width:32px;height:32px;color:var(--bg);font:700 var(--fs-sm) / 1 var(--font-ui);text-transform:uppercase;border-radius:50%;flex:none;place-items:center;display:inline-grid;position:relative;overflow:hidden}.av[data-tone]{color:var(--av-fg)}.av[data-tone="0"]{background:var(--av-0)}.av[data-tone="1"]{background:var(--av-1)}.av[data-tone="2"]{background:var(--av-2)}.av[data-tone="3"]{background:var(--av-3)}.av[data-tone="4"]{background:var(--av-4)}.av[data-tone="5"]{background:var(--av-5)}.av[data-tone="6"]{background:var(--av-6)}.av[data-tone="7"]{background:var(--av-7)}.av>img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block;position:absolute;inset:0}.av--md{width:32px;height:32px}.who-chip{min-width:0;max-width:100%;color:var(--text-2);align-items:center;gap:6px;display:inline-flex}.who-chip .nm{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.av--sm{width:24px;height:24px;font-size:var(--fs-xs)}.av--lg{width:56px;height:56px;font-size:var(--fs-xl);font-family:var(--font-display);font-weight:400}.acct-btn{min-height:var(--hit);border-radius:var(--r-pill);color:var(--text);align-items:center;gap:8px;padding:0 6px 0 4px;display:inline-flex}.acct-btn:hover,.acct-btn[aria-expanded=true]{background:var(--surface-3)}.acct-btn .acct-name{text-overflow:ellipsis;white-space:nowrap;max-width:14ch;font-weight:600;overflow:hidden}.acct-btn svg.i{width:16px;height:16px;color:var(--text-3)}.menu{z-index:50;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--r-md);width:300px;box-shadow:var(--shadow-pop);text-align:start;padding:6px;position:absolute;top:calc(100% + 8px);right:0}.menu[hidden]{display:none}.menu-head{align-items:center;gap:12px;padding:10px 10px 12px;display:flex}.menu-head b{font-weight:700;display:block}.menu-head small{color:var(--text-3);font-size:var(--fs-xs);display:block}.menu-item{width:100%;min-height:var(--hit);border-radius:var(--r-sm);color:var(--text);align-items:center;gap:12px;padding:0 10px;font-weight:500;text-decoration:none;display:flex}.menu-item:hover,.menu-item:focus-visible{background:var(--surface-3)}.menu-item svg.i{color:var(--text-2)}.menu-item .kbd-end{margin-left:auto}.menu-item--danger,.menu-item--danger svg.i{color:var(--danger)}.menu-sep{background:var(--border-subtle);height:1px;margin:6px 4px}.menu-label{padding:8px 10px 2px}.menu-quota{font-size:var(--fs-xs);color:var(--text-2);gap:6px;padding:8px 10px 10px;display:grid}.menu-quota a{color:inherit;text-underline-offset:3px;text-decoration:underline}.menu-theme{grid-template-columns:repeat(3,1fr);gap:4px;padding:6px 4px 8px;display:grid}.menu-theme button{border-radius:var(--r-sm);border:1px solid var(--border);min-height:36px;font-size:var(--fs-sm);color:var(--text-2);text-align:center;font-weight:600}.menu-theme button[aria-pressed=true]{background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 55%, transparent);color:var(--accent)}.menu-only-sm{display:none}.sheet-scrim{z-index:48;background:var(--scrim);position:fixed;inset:0}@media (max-width:767px){.menu{top:auto;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));z-index:49;width:auto;max-height:86dvh;box-shadow:var(--shadow-drawer);position:fixed;overflow-y:auto}.menu-only-sm{display:block}}@media (max-width:1159px){.acct-btn .acct-name{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.acct-btn>svg.i{display:none}.acct-btn{width:var(--hit);justify-content:center;padding:0}}.pop-wrap{position:relative}.badge svg.i{width:14px;height:14px}.badge--global{border-color:var(--border);color:var(--text-2);background:0 0;font-weight:500}.badge--private{border-color:var(--text);color:var(--text);background:0 0}.badge--shared{border-color:var(--border);color:var(--text-2);background:0 0;font-weight:500}.badge--stale{color:var(--text-3)}.i-lock-inline{width:14px;height:14px;color:var(--text-2);flex:none}.fav{width:var(--hit);height:var(--hit);border-radius:var(--r-sm);color:var(--text-3);transition:background var(--dur-1) var(--ease), color var(--dur-1) var(--ease);place-items:center;display:inline-grid}.fav:hover{background:var(--surface-3);color:var(--text)}.fav[aria-pressed=true]{color:var(--text)}.fav[aria-pressed=true] svg.i{fill:currentColor}.fav svg.i{width:20px;height:20px}@keyframes star-pop{40%{transform:scale(1.22)}}.fav.pop svg{animation:star-pop .24s var(--ease-out)}.title-row{align-items:center;gap:4px;min-width:0;display:flex}.title-row h1{cursor:text;border-radius:var(--r-xs);flex:0 auto;min-width:0}.title-row.is-readonly h1{cursor:default}.title-row h1:hover{box-shadow:0 1px 0 var(--border-strong)}.title-row.is-readonly h1:hover{box-shadow:none}.rename-btn{width:var(--hit);height:var(--hit);border-radius:var(--r-sm);color:var(--text-3);opacity:0;transition:opacity var(--dur-1) var(--ease), background var(--dur-1) var(--ease);place-items:center;display:inline-grid}.title-row:hover .rename-btn,.rename-btn:focus-visible{opacity:1}@media (pointer:coarse){.rename-btn{opacity:1}}.rename-btn:hover{background:var(--surface-3);color:var(--text)}.rename-btn svg.i{width:18px;height:18px}.title-input{min-width:0;min-height:44px;font:600 1.5rem/1.2 var(--font-ui);letter-spacing:-.005em;color:var(--text);background:var(--surface-2);border:1.5px solid var(--text);border-radius:var(--r-sm);flex:1;padding:0 10px}.title-input:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.title-edit{align-items:center;gap:8px;display:flex}.title-edit .hint-keys{font-size:var(--fs-xs);color:var(--text-3);white-space:nowrap}@media (max-width:767px){.title-edit{flex-wrap:wrap}.title-edit .hint-keys{display:none}}.detected{font-size:var(--fs-sm);color:var(--text-2);flex-wrap:wrap;align-items:center;gap:4px 10px;display:flex}.detected svg.i{width:16px;height:16px;color:var(--accent)}.detected b{color:var(--text);font-weight:600}.detected .btn{min-height:32px}.head-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.scope-pop{z-index:20;width:min(360px,100vw - 32px);padding:var(--sp-4);background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--r-md);box-shadow:var(--shadow-pop);gap:var(--sp-3);display:grid;position:absolute;top:calc(100% + 8px);left:0}.scope-pop[hidden]{display:none}.radio-card{border:1px solid var(--border);border-radius:var(--r-sm);text-align:left;width:100%;transition:background var(--dur-1) var(--ease), border-color var(--dur-1) var(--ease);grid-template-columns:22px minmax(0,1fr);gap:2px 12px;padding:10px 12px;display:grid}.radio-card:hover{background:var(--surface-3)}.radio-card[aria-checked=true]{border-color:var(--text);background:var(--surface-3)}.radio-card .radio{border:1.5px solid var(--border-strong);border-radius:50%;grid-row:1/span 2;place-items:center;width:18px;height:18px;margin-top:3px;display:grid}.radio-card[aria-checked=true] .radio:after{content:"";background:var(--text);border-radius:50%;width:8px;height:8px}.radio-card b{align-items:center;gap:8px;font-weight:600;display:flex}.radio-card b svg.i{width:16px;height:16px}.radio-card span.d{font-size:var(--fs-sm);color:var(--text-2);line-height:1.4}.seek svg.i{width:26px;height:26px}.seek svg.i.five{stroke-width:1.6px}.panel-head .count-all{font:600 var(--fs-xs) / 1 var(--font-mono);color:var(--text-3)}.grp{padding-bottom:var(--sp-2)}.grp-title{padding:var(--sp-3) var(--sp-4) 4px;align-items:center;gap:8px;display:flex}.grp-title .eyebrow{flex:1}.grp-title .more-n{font:600 var(--fs-xs) / 1 var(--font-mono);color:var(--text-3)}.sess.is-compact{min-height:52px;padding-top:9px;padding-bottom:9px}.sess.is-compact .sess-glyph{grid-row:1/span 2}.sess.is-compact{grid-template-columns:24px minmax(0,1fr) auto auto}.sess.is-compact .sess-end{grid-area:1/4/span 2}.sess-who{grid-area:1/3/span 2;align-self:center;display:grid}.sess-who:empty{display:none}.sess.is-compact .sess-name{align-items:center;gap:6px;display:flex}.sess.is-compact .sess-name .t{text-overflow:ellipsis;overflow:hidden}.sess.is-compact .sess-status{text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-xs);color:var(--text-3);display:block;overflow:hidden}.sess.is-compact[data-state=running] .sess-status{color:var(--accent);font-weight:600}.sess.is-compact[data-state=failed] .sess-status{color:var(--danger);font-weight:600}.sess.is-compact[data-state=running]{padding-bottom:14px}.see-all{margin:var(--sp-3) var(--sp-4) var(--sp-4)}.see-all .btn{justify-content:space-between}.see-all .btn .n{font:600 var(--fs-xs) / 1 var(--font-mono);color:var(--text-3)}.panel-nav{margin-top:var(--sp-2);padding:var(--sp-2) 0 var(--sp-4);border-top:1px solid var(--border-subtle);display:grid}.panel-nav a{min-height:var(--hit);padding:0 var(--sp-4);color:var(--text);align-items:center;gap:12px;font-weight:500;text-decoration:none;display:flex}.panel-nav a:hover{background:var(--surface-3)}.panel-nav svg.i{color:var(--text-2)}.queue-line.is-hidden{display:none}.page{width:100%;max-width:var(--w-page);padding:var(--sp-6) var(--gutter) var(--sp-12);margin:0 auto}.page--grid{gap:var(--sp-5);grid-template-columns:minmax(0,1fr);display:grid}.page--narrow{max-width:880px}body.pg{grid-template-rows:var(--header-h) 1fr;min-height:100dvh;display:grid}.pg-title{justify-content:space-between;align-items:flex-end;gap:var(--sp-4);margin-bottom:var(--sp-5);flex-wrap:wrap;display:flex}.pg-title h1{font:400 var(--fs-2xl) / 1.1 var(--font-display)}.pg-title p{color:var(--text-2);max-width:62ch;margin-top:6px}.demo-bar{margin-top:var(--sp-8);border:1px dashed var(--border-strong);border-radius:var(--r-md);font-size:var(--fs-xs);color:var(--text-3);flex-wrap:wrap;align-items:center;gap:10px 16px;padding:10px 14px;display:flex}.demo-bar b{color:var(--text-2);letter-spacing:var(--tracking-caps);text-transform:uppercase;font-weight:600}.demo-bar select{min-height:32px;font-size:var(--fs-xs);width:auto;padding:0 28px 0 10px}.demo-bar label{align-items:center;gap:8px;display:inline-flex}body.auth-pg{background:var(--bg);grid-template-rows:auto 1fr;min-height:100dvh;display:grid}.auth-top{align-items:center;gap:var(--sp-2);padding:12px var(--gutter);display:flex}.auth-top .spacer{flex:1}.auth{grid-template-columns:minmax(0,1fr);min-height:0;display:grid}.auth-visual{padding:var(--sp-6) var(--gutter) var(--sp-4);background:var(--surface-1);border-bottom:1px solid var(--border);position:relative;overflow:hidden}.auth-visual .eyebrow{margin-bottom:6px}.auth-visual h2{font:400 1.75rem/1.1 var(--font-display);max-width:14ch}.auth-visual h2 em{color:var(--text-3)}.auth-visual .lead{color:var(--text-2);max-width:40ch;margin-top:8px}.auth-figure{margin:var(--sp-5) 0 0;gap:10px;display:grid}.auth-figure .wave-mini{width:100%;height:auto;display:block}.auth-figure .wave-mini .b{fill:var(--wave)}.auth-figure .wave-mini .p{fill:var(--wave-played)}.auth-figure .wave-mini .seg-r{fill:var(--seg-recognized-fill)}.auth-figure .wave-mini .seg-r-edge{fill:var(--seg-recognized-edge)}.auth-figure .wave-mini .seg-i{fill:var(--seg-inferred-fill)}.auth-figure .wave-mini .seg-i-edge{fill:var(--seg-inferred-edge)}.auth-figure .wave-mini .seg-u{fill:var(--seg-uncertain-fill)}.auth-figure .wave-mini .seg-u-edge{fill:var(--seg-uncertain-edge)}.auth-verse{padding:var(--sp-4);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2);box-shadow:var(--hairline-top);gap:6px;display:grid}.auth-verse .arabic{padding:0;font-size:clamp(1.75rem,3.2vw,2.4rem)}.auth-verse .cap{font-size:var(--fs-xs);color:var(--text-3);justify-content:space-between;align-items:center;gap:8px;display:flex}.auth-verse .cap .mono{color:var(--text-2)}.auth-visual .legend-mini{font-size:var(--fs-xs);color:var(--text-2);flex-wrap:wrap;gap:6px 16px;display:flex}.auth-visual .legend-mini span{align-items:center;gap:8px;display:inline-flex}.auth-main{padding:var(--sp-6) var(--gutter) var(--sp-10);align-content:start;display:grid}.auth-card{gap:var(--sp-5);width:100%;max-width:440px;margin:0 auto;display:grid}.auth-card h1{font:400 var(--fs-2xl) / 1.1 var(--font-display)}.auth-card .lead{color:var(--text-2);margin-top:6px}.auth-card form{gap:var(--sp-4);display:grid}.auth-alt{text-align:center;font-size:var(--fs-sm);color:var(--text-2)}.auth-alt a,.link{color:var(--text);text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:4px;font-weight:600;text-decoration-thickness:2px}.field .help{font-weight:400;font-size:var(--fs-xs);color:var(--text-3);line-height:1.45}.field .err-msg{font-weight:600;font-size:var(--fs-xs);color:var(--danger);align-items:flex-start;gap:6px;line-height:1.4;display:none}.field .err-msg svg.i{width:14px;height:14px;margin-top:1px}.field[data-invalid=true] .err-msg{display:flex}.field[data-invalid=true] .input{border-color:var(--danger);box-shadow:inset 0 0 0 1px var(--danger)}.pw{position:relative}.pw .input{padding-right:52px}.pw .toggle{width:var(--hit);height:var(--hit);border-radius:var(--r-sm);color:var(--text-2);place-items:center;display:grid;position:absolute;top:50%;right:2px;transform:translateY(-50%)}.pw .toggle:hover{background:var(--surface-3);color:var(--text)}.strength{gap:6px;display:grid}.strength .bars{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.strength .bars i{background:var(--border-strong);opacity:.5;border-radius:2px;height:4px}.strength[data-level="1"] .bars i:nth-child(-n+1),.strength[data-level="2"] .bars i:nth-child(-n+2),.strength[data-level="3"] .bars i:nth-child(-n+3){background:var(--text);opacity:1}.strength .lbl{font-size:var(--fs-xs);color:var(--text-2);justify-content:space-between;gap:8px;display:flex}.strength .lbl b{color:var(--text);font-weight:600}.check{min-height:var(--hit);font-size:var(--fs-sm);color:var(--text);align-items:center;gap:10px;font-weight:500;display:inline-flex}.check input{appearance:none;border:1.5px solid var(--border-strong);background:var(--surface-2);width:20px;height:20px;transition:background var(--dur-1) var(--ease);border-radius:5px;flex:none;place-items:center;margin:0;display:grid}.check input:checked{background:var(--text);border-color:var(--text)}.check input:checked:after{content:"";border-left:2px solid var(--bg);border-bottom:2px solid var(--bg);width:10px;height:5px;transform:translateY(-1px)rotate(-45deg)}.check input:indeterminate{background:var(--text);border-color:var(--text)}.check input:indeterminate:after{content:"";background:var(--bg);width:10px;height:2px}.check input:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.form-alert{border:1px solid color-mix(in srgb, var(--danger) 55%, transparent);border-radius:var(--r-sm);background:color-mix(in srgb, var(--danger) 8%, transparent);font-size:var(--fs-sm);align-items:flex-start;gap:10px;padding:12px 14px;line-height:1.45;display:flex}.form-alert svg.i{color:var(--danger);margin-top:1px}.form-alert[hidden]{display:none}.note{border:1px solid var(--border-subtle);border-radius:var(--r-md);background:var(--surface-1);font-size:var(--fs-sm);color:var(--text-2);gap:10px;padding:12px 14px;line-height:1.5;display:flex}.note svg.i{color:var(--text-3);margin-top:1px}.note b{color:var(--text)}.note--admin{border-color:var(--border-strong)}@media (min-width:960px){.auth{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}.auth-visual{border-bottom:0;border-right:1px solid var(--border);padding:var(--sp-12) var(--sp-10);flex-direction:column;justify-content:center;display:flex}.auth-visual h2{font-size:3rem}.auth-main{padding:var(--sp-10);align-content:center}}@media (max-width:959px){.auth-visual .legend-mini,.auth-visual .lead{display:none}.auth-visual h2{max-width:none}.auth-figure{margin-top:var(--sp-3)}.auth-verse .arabic{font-size:1.6rem}.auth-verse{padding:var(--sp-3)}}.toolbar{gap:var(--sp-3);margin-bottom:var(--sp-4);display:grid}.tb-row{align-items:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}.search{flex:280px;min-width:0;position:relative}.search svg.i{color:var(--text-3);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search .input{padding-left:40px;padding-right:44px}.search .clear{width:var(--hit);height:var(--hit);border-radius:var(--r-sm);color:var(--text-2);place-items:center;display:grid;position:absolute;top:50%;right:2px;transform:translateY(-50%)}.search .clear[hidden]{display:none}.search .clear:hover{background:var(--surface-3)}.seg-ctl{border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface-2);scrollbar-width:none;gap:2px;max-width:100%;padding:3px;display:inline-flex;overflow-x:auto}.seg-ctl button{min-height:calc(var(--h-sm) - 2px);font-size:var(--fs-sm);color:var(--text-2);white-space:nowrap;border-radius:6px;align-items:center;gap:6px;padding:0 12px;font-weight:600;display:inline-flex}.seg-ctl button:hover{background:var(--surface-3);color:var(--text)}.seg-ctl button[aria-pressed=true],.seg-ctl button[aria-checked=true]{background:var(--action-bg);color:var(--action-fg)}.seg-ctl .n{font:600 var(--fs-xs) / 1 var(--font-mono);opacity:.8}.seg-ctl--block{grid-auto-columns:1fr;grid-auto-flow:column;width:100%;display:grid}.seg-ctl--block button{justify-content:center}.fbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.fbtn{min-height:var(--h-sm);border-radius:var(--r-pill);border:1px solid var(--border-strong);font-size:var(--fs-sm);color:var(--text);background:var(--surface-2);align-items:center;gap:8px;padding:0 12px;font-weight:600;display:inline-flex}.fbtn:hover{background:var(--surface-3)}.fbtn[aria-expanded=true]{border-color:var(--text)}.fbtn svg.i{width:16px;height:16px;color:var(--text-2)}.fbtn .val{color:var(--accent);font-weight:600}.fbtn[data-on=true]{background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 55%, transparent)}.fbtn[data-on=true] svg.i{color:var(--accent)}.fpop{z-index:30;width:min(340px,100vw - 32px);padding:var(--sp-3);background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--r-md);box-shadow:var(--shadow-pop);gap:4px;display:grid;position:absolute;top:calc(100% + 8px);left:0}.fpop[hidden]{display:none}.fpop .check{border-radius:var(--r-sm);width:100%;padding:0 8px}.fpop .check:hover{background:var(--surface-3)}.fpop .check .n{font:600 var(--fs-xs) / 1 var(--font-mono);color:var(--text-3);margin-left:auto}.fpop .presets{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.fpop .range{gap:var(--sp-3);grid-template-columns:1fr 1fr;margin-top:6px;display:grid}.fpop .foot-row{border-top:1px solid var(--border-subtle);justify-content:space-between;gap:8px;margin-top:8px;padding-top:10px;display:flex}.chip--x{padding-right:6px}.chip--x svg.i{width:14px;height:14px}.chip--x:hover{background:var(--surface-3)}.afilters{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.afilters[hidden]{display:none}.result-line{justify-content:space-between;align-items:center;gap:var(--sp-3);margin:var(--sp-4) 0 var(--sp-2);font-size:var(--fs-sm);color:var(--text-2);display:flex}.result-line b{color:var(--text);font-weight:600}.sort{font-size:var(--fs-sm);color:var(--text-2);align-items:center;gap:8px;display:inline-flex}.sort select{width:auto;min-height:36px;font-size:var(--fs-sm);padding-right:32px}.list-card{overflow:clip}.shead{display:none}.grp-head{top:var(--header-h);z-index:4;padding:10px var(--sp-4);background:color-mix(in srgb, var(--surface-1) 94%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--border-subtle);border-top:1px solid var(--border-subtle);align-items:baseline;gap:10px;display:flex;position:sticky}.grp-head h2{font:400 1.25rem/1 var(--font-display)}.grp-head .n{font:600 var(--fs-xs) / 1 var(--font-mono);color:var(--text-3)}.list-card>section:first-child .grp-head{border-top:0}.srow{border-top:1px solid var(--border-subtle);transition:background var(--dur-1) var(--ease);grid-template-columns:44px 28px minmax(0,1fr) 44px 44px;grid-template-areas:"chk sg name fav more"". .meta meta meta";align-items:start;gap:0 6px;padding:4px 0 12px;display:grid;position:relative}.srow:first-child{border-top:0}.srow:hover{background:color-mix(in srgb, var(--surface-3) 55%, transparent)}.srow[data-sel=true]{background:var(--surface-3);box-shadow:inset 3px 0 0 var(--text)}.srow .chk{grid-area:chk;place-items:center;height:44px;display:grid}.srow .chk .check{justify-content:center;width:44px;min-height:44px}.srow .sg{width:28px;height:44px;color:var(--text-3);grid-area:sg;place-items:center;display:grid}.srow .sg svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.srow[data-state=running] .sg{color:var(--accent)}.srow[data-state=failed] .sg{color:var(--danger)}.srow .sname{min-width:0;color:var(--text);grid-area:name;gap:2px;padding-top:12px;padding-bottom:4px;text-decoration:none;display:grid}.srow .sname b{overflow-wrap:anywhere;font-weight:500;line-height:1.3}.srow[data-unread=true] .sname b{font-weight:700}.srow .sname b .unread{vertical-align:1px;width:9px;height:9px;margin-left:8px;display:inline-block}.srow .sname:hover b{text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong)}.srow .sstat{font-size:var(--fs-sm);color:var(--text-2);line-height:1.35}.srow[data-state=running] .sstat{color:var(--accent);font-weight:600}.srow[data-state=failed] .sstat{color:var(--danger);font-weight:600}.srow[data-state=cancelled] .sname b{color:var(--text-2)}.srow .sdet{font-size:var(--fs-xs);color:var(--text-3);padding-right:8px;line-height:1.4}.srow .sdet b{color:var(--text-2);font-weight:600}.srow .smeta{font-size:var(--fs-xs);color:var(--text-3);flex-wrap:wrap;grid-area:meta;align-items:center;gap:6px 12px;padding-right:8px;display:flex}.srow .smeta .mono{color:var(--text-2)}.srow .smeta .ic{align-items:center;gap:5px;display:inline-flex}.srow .smeta .ic svg{width:14px;height:14px}.srow .sown,.srow .sscope,.srow .sdur,.srow .ssize,.srow .seng,.srow .sdate{display:none}.srow .fav{grid-area:fav}.srow .more{width:var(--hit);height:var(--hit);border-radius:var(--r-sm);color:var(--text-2);grid-area:more;place-items:center;display:grid;position:relative}.srow .more:hover{background:var(--surface-3);color:var(--text)}.srow .more svg.i{width:20px;height:20px}.srow .sbar{background:var(--border-subtle);border-radius:2px;grid-column:3/span 2;height:3px;margin:6px 0 0;overflow:hidden}.srow .sbar i{height:100%;width:var(--p,0%);background:var(--accent);border-radius:2px;display:block}.srow .sub-hidden,.srow .col-label{display:none}@media (max-width:1023px){.srow .col-label{display:inline}}.rowmenu{z-index:35;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--r-md);width:248px;box-shadow:var(--shadow-pop);text-align:start;padding:6px;position:absolute;top:calc(100% - 2px);right:0}.rowmenu[hidden]{display:none}.selbar{z-index:10;margin-top:var(--sp-4);border:1px solid var(--text);border-radius:var(--r-md);background:var(--surface-2);box-shadow:var(--shadow-pop);flex-wrap:wrap;align-items:center;gap:8px 10px;padding:10px 12px;display:flex;position:sticky;bottom:12px}.selbar[hidden]{display:none}.selbar .cnt{margin-right:auto;padding-left:4px;font-weight:700}.selbar .note-s{font-size:var(--fs-xs);color:var(--text-2);flex-basis:100%}.selbar .note-s[hidden]{display:none}.selbar .btn svg.i{width:18px;height:18px}@media (max-width:767px){.selbar{margin-inline:-4px;bottom:8px}.selbar .btn .txt{display:none}.selbar .btn{min-width:var(--hit);padding:0 12px}.selbar .btn.keep-txt .txt{display:inline}}.select-all{padding:0 var(--sp-3) 0 0;border-bottom:1px solid var(--border-subtle);align-items:center;gap:4px;display:flex}.select-all .check{min-height:44px;padding-left:12px}.loadmore{padding:var(--sp-6) 0 var(--sp-2);font-size:var(--fs-sm);color:var(--text-2);justify-items:center;gap:8px;display:grid}.loadmore progress{appearance:none;background:var(--border-subtle);border:0;border-radius:2px;width:180px;height:3px;overflow:hidden}.loadmore progress::-webkit-progress-bar{background:var(--border-subtle)}.loadmore progress::-webkit-progress-value{background:var(--text)}.loadmore progress::-moz-progress-bar{background:var(--text)}.state-box{justify-items:center;gap:var(--sp-3);padding:var(--sp-12) var(--sp-5);text-align:center;display:grid}.state-box h2{font:400 var(--fs-xl) / 1.2 var(--font-display)}.state-box p{color:var(--text-2);max-width:46ch}.state-box .hero-wave{width:180px;margin-bottom:0}.state-box .acts{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:4px;display:flex}.state-box--error svg.i.big{width:32px;height:32px;color:var(--danger)}.skel{padding:14px var(--sp-3) 14px 0;border-top:1px solid var(--border-subtle);grid-template-columns:44px 28px minmax(0,1fr);align-items:center;gap:10px;display:grid}.skel i{background:var(--surface-3);border-radius:4px;height:12px;display:block}.skel .c{border-radius:5px;width:20px;height:20px;margin:0 auto}.skel .g{border-radius:50%;width:22px;height:22px}.skel .l{gap:8px;display:grid}.skel .l i:first-child{width:min(46%,320px);height:14px}.skel .l i:last-child{width:min(30%,220px)}@media (prefers-reduced-motion:no-preference){.skel i{animation:skel 1.4s var(--ease) infinite}}@keyframes skel{50%{opacity:.45}}.has-error-banner{margin-bottom:var(--sp-4)}@media (min-width:1024px){.shead{padding:0 var(--sp-3) 0 0;border-bottom:1px solid var(--border);background:var(--surface-1);align-items:center;min-height:40px;display:grid}.shead,.srow{grid-template-columns:44px 28px minmax(224px,1fr) 148px 92px 76px 80px 112px 84px 44px 44px;column-gap:10px}.shead button,.shead span{font-size:var(--fs-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-3);text-align:left;align-items:center;gap:4px;min-height:36px;font-weight:600;display:inline-flex}.shead button:hover{color:var(--text)}.shead [data-num]{text-align:right;justify-content:flex-end}.shead [aria-current=true]{color:var(--text)}.srow{padding:8px var(--sp-3) 8px 0;grid-template-areas:"chk sg name own scope dur size eng date fav more";align-items:center;min-height:64px}.srow .sname{padding-top:0}.srow .sdet{grid-area:auto}.srow .sname .sdet{padding:0;display:block}.srow .smeta{display:none}.srow .sown,.srow .sscope,.srow .sdur,.srow .ssize,.srow .seng,.srow .sdate{min-width:0;font-size:var(--fs-sm);color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.srow .sown{grid-area:own}.srow .sscope{grid-area:scope}.srow .sdur{text-align:right;font-family:var(--font-mono);grid-area:dur}.srow .ssize{text-align:right;font-family:var(--font-mono);grid-area:size}.srow .seng{grid-area:eng}.srow .sdate{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-3);grid-area:date}.srow .sbar{grid-column:3;max-width:320px;margin-top:4px}.srow .col-label{display:none}.srow .sname-sub{gap:1px;display:grid}}@media (min-width:1024px) and (max-width:1159px){.shead,.srow{grid-template-columns:44px 28px minmax(200px,1fr) 148px 92px 76px 80px 84px 44px 44px}.srow{grid-template-areas:"chk sg name own scope dur size date fav more"}.shead .col-eng,.srow .seng{display:none}}.docs{grid-template-columns:minmax(0,1fr);width:100%;max-width:1480px;margin:0 auto;display:grid}.docs-nav{padding:var(--sp-5) var(--sp-4) var(--sp-8);border-right:1px solid var(--border-subtle);display:none}.docs-nav .search{margin-bottom:var(--sp-4);flex:none}.dgroup{margin-bottom:var(--sp-4)}.dgroup h2{padding:0 10px 6px}.dlink{border-radius:var(--r-sm);min-height:36px;font-size:var(--fs-sm);color:var(--text-2);align-items:center;gap:10px;padding:0 10px;font-weight:500;line-height:1.25;text-decoration:none;display:flex}.dlink:hover{background:var(--surface-3);color:var(--text)}.dlink[aria-current=page]{background:var(--surface-3);color:var(--text);box-shadow:inset 3px 0 0 var(--text);font-weight:700}.dlink .when{font:400 var(--fs-xs) / 1 var(--font-mono);color:var(--text-3);margin-left:auto}.dlink .nm{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.dlink[hidden]{display:none}.docs-main{min-width:0;padding:var(--sp-5) var(--gutter) var(--sp-12)}.docs-top{justify-content:space-between;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4);flex-wrap:wrap;display:flex}.crumbs{font-size:var(--fs-sm);color:var(--text-3);align-items:center;gap:6px;display:flex}.crumbs a{color:var(--text-2);text-decoration:none}.crumbs a:hover{color:var(--text);text-decoration:underline}.crumbs svg.i{width:14px;height:14px}.docs-pick{justify-content:space-between;width:100%;display:inline-flex}.docs-toc{display:none}.toc-m{margin:0 0 var(--sp-5);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-1);padding:0 var(--sp-4)}.toc-m summary{min-height:var(--hit);font-weight:600;font-size:var(--fs-sm);align-items:center;gap:8px;list-style:none;display:flex}.toc-m summary::-webkit-details-marker{display:none}.toc-m summary:after{content:"";border-right:1.6px solid var(--text-3);border-bottom:1.6px solid var(--text-3);width:8px;height:8px;transition:transform var(--dur-2) var(--ease);margin-left:auto;transform:rotate(45deg)}.toc-m[open]>summary:after{transform:rotate(225deg)translate(-2px,-2px)}.toc-m ol{padding:0 0 var(--sp-3)}.toc-list{gap:2px;display:grid}.toc-list a{border-left:2px solid var(--border-subtle);font-size:var(--fs-sm);color:var(--text-2);padding:6px 10px;line-height:1.35;text-decoration:none;display:block}.toc-list a.l3{font-size:var(--fs-xs);padding-left:22px}.toc-list a:hover{color:var(--text);border-left-color:var(--border-strong)}.toc-list a[aria-current=true]{color:var(--text);border-left-color:var(--text);font-weight:600}.drawer-docs{display:none}@media (max-width:1023px){.drawer-docs[data-open=true]{z-index:49;width:var(--w-drawer);background:var(--surface-1);box-shadow:var(--shadow-drawer);padding-top:env(safe-area-inset-top);display:block;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.drawer-docs .docs-nav{border:0;display:block}}@media (min-width:1024px){.docs{grid-template-columns:var(--w-docs-nav) minmax(0, 1fr)}.docs-nav{top:var(--header-h);max-height:calc(100dvh - var(--header-h));scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;align-self:start;display:block;position:sticky;overflow-y:auto}.docs-pick,.toc-m{display:none}.docs-main{padding:var(--sp-8) var(--sp-8) var(--sp-12)}}@media (min-width:1280px){.docs{grid-template-columns:var(--w-docs-nav) minmax(0, 1fr) var(--w-docs-toc)}.docs-toc{top:calc(var(--header-h) + var(--sp-8));padding-right:var(--sp-5);max-height:calc(100dvh - var(--header-h) - var(--sp-12));align-self:start;display:block;position:sticky;overflow-y:auto}.docs-toc .eyebrow{padding:0 10px 8px;display:block}}.prose{max-width:740px}.prose>*+*{margin-top:var(--sp-4)}.prose .meta-line{font-size:var(--fs-xs);color:var(--text-3);flex-wrap:wrap;align-items:center;gap:6px 14px;display:flex}.prose .meta-line .mono{color:var(--text-2)}.prose h1{font:400 var(--fs-3xl) / 1.05 var(--font-display);letter-spacing:-.01em;margin-bottom:var(--sp-2)}.prose h2{font:400 var(--fs-2xl) / 1.15 var(--font-display);margin-top:var(--sp-10);padding-top:var(--sp-5);border-top:1px solid var(--border-subtle);scroll-margin-top:calc(var(--header-h) + 16px)}.prose h3{font:700 var(--fs-lg) / 1.3 var(--font-ui);margin-top:var(--sp-8);scroll-margin-top:calc(var(--header-h) + 16px)}.prose h2 .anchor,.prose h3 .anchor{font:400 .7em/1 var(--font-mono);color:var(--text-3);opacity:0;transition:opacity var(--dur-1) var(--ease);margin-left:8px;text-decoration:none}.prose h2:hover .anchor,.prose h3:hover .anchor,.prose .anchor:focus-visible{opacity:1}@media (pointer:coarse){.prose .anchor{opacity:.6!important}}.prose p,.prose li{font-size:var(--fs-lg);color:var(--text);text-wrap:pretty;line-height:1.65}.prose .lead{color:var(--text-2);font-size:1.25rem;line-height:1.55}.prose ul,.prose ol{gap:8px;padding-left:1.3em;display:grid}.prose ul{list-style:none}.prose ul li{position:relative}.prose ul li:before{content:"";background:var(--text-3);width:5px;height:5px;position:absolute;top:.72em;left:-1.05em;transform:rotate(45deg)}.prose ol{list-style:decimal}.prose ol li::marker{font-family:var(--font-mono);color:var(--text-3);font-size:.85em}.prose a{color:var(--text);text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:3px;text-decoration-thickness:1.5px}.prose a:hover{text-decoration-thickness:3px}.prose a[target=_blank]:after{content:"↗";color:var(--text-3);margin-left:3px;font-size:.8em}.prose strong{font-weight:700}.prose code{font:500 .86em/1 var(--font-mono);background:var(--surface-3);color:var(--text);white-space:nowrap;border-radius:4px;padding:2px 6px}.prose pre{padding:var(--sp-4);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2);font:400 var(--fs-sm) / 1.6 var(--font-mono);scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;tab-size:2;position:relative;overflow-x:auto}.prose pre code{font:inherit;white-space:pre;background:0 0;border-radius:0;padding:0}.prose pre.diagram,.prose pre.diagram code{font-family:ui-monospace,Cascadia Mono,SFMono-Regular,Consolas,DejaVu Sans Mono,Liberation Mono,monospace;font-size:.8125rem;line-height:1.35}.prose pre.diagram{background:var(--surface-1)}.codebox{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2);overflow:hidden}.codebox+.codebox,.prose .codebox{margin-top:var(--sp-4)}.codebox header{min-height:40px;padding:0 6px 0 var(--sp-4);border-bottom:1px solid var(--border-subtle);background:var(--surface-1);font:600 var(--fs-xs) / 1 var(--font-mono);color:var(--text-2);align-items:center;gap:8px;display:flex}.codebox header .lang{letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-3);font-family:var(--font-ui);margin-left:auto}.codebox header .btn{min-height:32px;font-size:var(--fs-xs);padding:0 10px}.codebox pre{background:0 0;border:0;border-radius:0;margin:0}.codebox .k{font-weight:700}.codebox .c{color:var(--text-3);font-style:italic}.codebox .s{color:var(--text-2)}.prose blockquote{border-radius:var(--r-sm);background:var(--surface-3);box-shadow:inset 3px 0 0 var(--text);margin-left:0;padding:12px 16px}.prose blockquote p{font-size:var(--fs-md)}.prose blockquote .tag-line{font-size:var(--fs-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-2);margin-bottom:4px;font-weight:700;display:block}.prose .tbl{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2);scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;overflow-x:auto}.prose table{border-collapse:collapse;width:100%;font-size:var(--fs-sm);min-width:560px}.prose th{text-align:left;font-size:var(--fs-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-3);border-bottom:1px solid var(--border);background:var(--surface-1);white-space:nowrap;padding:10px 12px;font-weight:600}.prose td{border-bottom:1px solid var(--border-subtle);vertical-align:top;padding:10px 12px;line-height:1.5}.prose tr:last-child td{border-bottom:0}.prose td:first-child{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-2);white-space:nowrap}.prose td code{white-space:normal}.prose hr{border:0;border-top:1px solid var(--border);margin:var(--sp-8) 0}.pn{gap:var(--sp-3);margin-top:var(--sp-10);grid-template-columns:1fr;max-width:740px;display:grid}@media (min-width:640px){.pn{grid-template-columns:1fr 1fr}}.pn a{padding:var(--sp-4);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2);color:var(--text);gap:4px;text-decoration:none;display:grid}.pn a:hover{background:var(--surface-3);border-color:var(--border-strong)}.pn a small{font-size:var(--fs-xs);color:var(--text-3);letter-spacing:var(--tracking-caps);text-transform:uppercase;font-weight:600}.pn a b{font:400 var(--fs-xl) / 1.15 var(--font-display)}.pn a.next{text-align:right}.tags{flex-wrap:wrap;gap:6px;display:flex}.tag{border-radius:var(--r-xs);border:1px solid var(--border-strong);min-height:24px;font-size:var(--fs-xs);color:var(--text-2);white-space:nowrap;align-items:center;gap:6px;padding:0 8px 0 6px;font-weight:600;display:inline-flex}.tag svg.i{width:14px;height:14px}.tag--user{border-color:var(--text);color:var(--text)}.tag--tech{border-style:dashed}.tag--decision{background:var(--surface-3);border-color:var(--border);color:var(--text)}.rn-filters{margin:var(--sp-4) 0 var(--sp-6);flex-wrap:wrap;gap:6px;display:flex}.rn-month{margin:var(--sp-8) 0 var(--sp-3) 0;padding-left:36px;position:relative}.rn-month h2{font:400 var(--fs-xl) / 1 var(--font-display);color:var(--text-2);border:0;margin:0;padding:0}.prose .rn{gap:var(--sp-5);padding:0 0 0 36px;list-style:none;display:grid;position:relative}.rn:before{content:"";background:var(--border-strong);width:1.5px;position:absolute;top:8px;bottom:8px;left:7px}.prose .rn>li{font-size:var(--fs-md);gap:8px;padding:0;display:grid;position:relative}.rn>li:before{content:"";background:var(--bg);border:1.5px solid var(--text);width:15px;height:15px;box-shadow:0 0 0 4px var(--bg);border-radius:50%;position:absolute;top:5px;left:-36px}.rn>li[data-major=true]:before{background:var(--text)}.rn time{font:600 var(--fs-sm) / 1.4 var(--font-mono);color:var(--text-2)}.rn h3{font:700 var(--fs-lg) / 1.3 var(--font-ui);margin:0}.rn .rn-card{padding:var(--sp-4);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2);box-shadow:var(--hairline-top);gap:8px;display:grid}.rn .rn-card p{font-size:var(--fs-md);color:var(--text-2);line-height:1.6}.rn .rn-foot{font-size:var(--fs-xs);color:var(--text-3);flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:2px;display:flex}.rn .pr{font:600 var(--fs-xs) / 1 var(--font-mono);color:var(--text-2);border-radius:var(--r-sm);align-items:center;gap:6px;min-height:32px;margin:-6px -8px;padding:6px 8px;text-decoration:none;display:inline-flex}.rn .pr:hover{background:var(--surface-3);color:var(--text);text-decoration:underline}.rn .pr svg.i{width:16px;height:16px}@media (min-width:900px){.prose .rn{padding-left:0}.rn:before{left:148px}.rn>li{grid-template-columns:132px minmax(0,1fr);gap:0 32px}.rn>li:before{left:141px}.rn>li>time{text-align:right;padding-top:3px}.rn-month{text-align:right;width:132px;padding-left:0}}.acct-layout{gap:var(--sp-5);align-items:start;display:grid}@media (min-width:900px){.acct-layout{grid-template-columns:220px minmax(0,1fr)}}.subnav{scrollbar-width:none;border-bottom:1px solid var(--border);gap:2px;display:flex;overflow-x:auto}.subnav a,.subnav button{min-height:var(--hit);font-size:var(--fs-sm);color:var(--text-2);white-space:nowrap;align-items:center;gap:8px;padding:0 12px;font-weight:600;text-decoration:none;display:inline-flex;position:relative}.subnav [aria-current=page],.subnav [aria-selected=true]{color:var(--text)}.subnav [aria-current=page]:after,.subnav [aria-selected=true]:after{content:"";background:var(--text);height:2px;position:absolute;bottom:-1px;left:12px;right:12px}.subnav a:hover,.subnav button:hover{color:var(--text)}@media (min-width:900px){.subnav{top:calc(var(--header-h) + var(--sp-6));border:0;flex-direction:column;gap:2px;position:sticky;overflow:visible}.subnav a,.subnav button{border-radius:var(--r-sm);min-height:40px}.subnav a:hover,.subnav button:hover{background:var(--surface-3)}.subnav [aria-current=page],.subnav [aria-selected=true]{background:var(--surface-3);box-shadow:inset 3px 0 0 var(--text)}.subnav [aria-current=page]:after,.subnav [aria-selected=true]:after{display:none}}.acct-id{align-items:center;gap:var(--sp-4);padding:var(--sp-5);display:flex}.acct-id b{font:400 var(--fs-xl) / 1.1 var(--font-display);display:block}.acct-id small{color:var(--text-2);font-size:var(--fs-sm)}.avatar-setting{gap:var(--sp-2);width:100%;display:grid}.avatar-stage{align-items:center;gap:var(--sp-4);flex-wrap:wrap;display:flex}.avatar-current{display:inline-flex}.avatar-preview{object-fit:cover;background:var(--surface-3);width:96px;height:96px;box-shadow:0 0 0 1px var(--border);border-radius:50%;flex:none}.avatar-actions{gap:var(--sp-2);flex-wrap:wrap;display:flex}.avatar-help{color:var(--text-3);font-size:var(--fs-xs);line-height:1.45}.setgroup{padding:0;overflow:hidden}.setgroup>header{padding:var(--sp-4) var(--sp-5) var(--sp-2)}.setgroup>header h2{font:400 var(--fs-xl) / 1.2 var(--font-display)}.setgroup>header p{color:var(--text-2);font-size:var(--fs-sm);margin-top:2px}.srow2{gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--border-subtle);display:grid}.srow2:first-of-type{border-top:0}.srow2 .lab b{font-weight:600;display:block}.srow2 .lab small{color:var(--text-3);font-size:var(--fs-xs);max-width:52ch;margin-top:2px;line-height:1.45;display:block}.srow2 .ctl{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}@media (min-width:720px){.srow2{gap:var(--sp-6);grid-template-columns:minmax(0,1fr) minmax(0,340px);align-items:center}.srow2 .ctl{justify-content:flex-end}}.srow2 .ctl .input{max-width:100%}.srow2 .ctl select.input,.srow2 .ctl .seg-ctl{width:100%}.srow2 .ctl .seg-ctl button{flex:1;justify-content:center}.srow2 .switch{justify-content:flex-end}.slider-line{grid-template-columns:minmax(0,1fr) 56px;align-items:center;gap:12px;width:100%;display:grid}.slider-line output{font:600 var(--fs-sm) / 1 var(--font-mono);text-align:right}.fontpick{gap:8px;width:100%;display:grid}.fontpick .radio-card .sample{font-family:var(--font-quran);text-align:right;color:var(--text);direction:rtl;grid-column:2;font-size:1.5rem;line-height:2.1}.fontpick .radio-card[aria-disabled=true]{opacity:.6;cursor:not-allowed}.fontpick .radio-card[data-font=amiri-quran] .sample{font-family:Amiri Quran,serif}.fontpick .radio-card[data-font=scheherazade] .sample{font-family:Scheherazade New,serif;line-height:2}.fontpick .radio-card[data-font=noto-naskh] .sample{font-family:Noto Naskh Arabic,serif}.fontpick .radio-card[data-font=kfgqpc-hafs] .sample{font-family:Amiri Quran,serif}.autosave{top:calc(var(--header-h) + 8px);z-index:6;border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface-2);min-height:32px;box-shadow:var(--shadow-pop);font-size:var(--fs-xs);color:var(--text-2);opacity:0;transition:opacity var(--dur-2) var(--ease), transform var(--dur-2) var(--ease);pointer-events:none;justify-self:end;align-items:center;gap:8px;padding:0 12px;font-weight:600;display:inline-flex;position:sticky;transform:translateY(-4px)}.autosave[data-show=true]{opacity:1;transform:none}.autosave svg.i{width:16px;height:16px}.autosave[data-kind=ok] svg.i{color:var(--ok)}.autosave[data-kind=err]{color:var(--danger);border-color:var(--danger);pointer-events:auto}.autosave[data-kind=err] svg.i{color:var(--danger)}.autosave .btn{min-height:28px;font-size:var(--fs-xs);padding:0 8px}.autosave-wrap{justify-items:end;height:0;display:grid;overflow:visible}.preview-ar{padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--border-subtle);background:var(--surface-1)}.preview-ar .arabic{padding:0}.preview-ar .translation{margin-top:var(--sp-3);padding-top:var(--sp-3)}.preview-ar .translation p{font-size:var(--fs-md)}.preview-ar .lbl{justify-content:space-between;margin-bottom:4px;display:flex}.tiles--3{grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:900px){.tiles--3{grid-template-columns:repeat(4,minmax(0,1fr))}}.meter-card{padding:var(--sp-5);gap:var(--sp-3);display:grid}.meter-head{justify-content:space-between;align-items:flex-end;gap:var(--sp-3);flex-wrap:wrap;display:flex}.meter-head .big{font:400 2.25rem/1 var(--font-display);letter-spacing:-.01em}.meter-head .big small{font:400 var(--fs-lg) / 1 var(--font-display);color:var(--text-2)}.meter{--used:var(--accent);background:var(--surface-3);border-radius:4px;height:18px;margin-bottom:20px;display:flex;position:relative;overflow:visible}.meter .m{height:100%;width:var(--w);background:var(--used);color:var(--used);display:block;position:relative}.meter .m:first-child{border-radius:4px 0 0 4px}.meter .m:last-of-type{border-radius:0 4px 4px 0}.meter .m.vid{background:color-mix(in srgb, var(--used) 28%, transparent)}.meter .m.vid:before{content:"";background:var(--hatch);opacity:.9;position:absolute;inset:0}.meter .m+.m{margin-left:2px}.meter .tick{border-left:1.5px dashed var(--text-2);width:0;position:absolute;top:-5px;bottom:-5px;left:80%}.meter .tick:after{content:"80 %";font:600 var(--fs-xs) / 1 var(--font-mono);color:var(--text-3);position:absolute;bottom:-18px;left:50%;transform:translate(-50%)}.meter-card[data-state=warn] .meter{--used:var(--warn-edge)}.meter-card[data-state=full] .meter{--used:var(--danger)}.meter-card[data-state=warn] .m.aud,.meter-card[data-state=full] .m.aud{background-image:var(--dots);background-color:color-mix(in srgb, var(--used) 70%, transparent);color:var(--bg)}.meter-legend{font-size:var(--fs-xs);color:var(--text-2);flex-wrap:wrap;gap:6px 18px;display:flex}.meter-legend span{align-items:center;gap:8px;display:inline-flex}.meter-legend .sw{width:18px;height:12px}.meter-alert{border-radius:var(--r-sm);font-size:var(--fs-sm);border:1px solid var(--warn-edge);background:color-mix(in srgb, var(--warn-edge) 10%, transparent);align-items:flex-start;gap:10px;padding:12px 14px;line-height:1.45;display:none}.meter-alert svg.i{color:var(--warn);margin-top:1px}.meter-alert b{font-weight:700}.meter-card[data-state=warn] .meter-alert,.meter-card[data-state=full] .meter-alert{display:flex}.meter-card[data-state=full] .meter-alert{border-color:var(--danger);background:color-mix(in srgb, var(--danger) 9%, transparent)}.meter-card[data-state=full] .meter-alert svg.i{color:var(--danger)}.meter-card .meter-alert .btnrow{margin-top:8px}.meter-card .meter-alert .btnrow>.btn{flex:none}.meter-card[data-state=warn] .when-ok,.meter-card[data-state=full] .when-ok,.meter-card[data-state=ok] .when-alert,.meter-card[data-state=full] .when-warn,.meter-card[data-state=warn] .when-full,.meter-card[data-state=ok] .when-full{display:none}.bigfiles .qrow{grid-template-columns:minmax(0,1fr) auto auto;gap:14px}.bigfiles .qrow .nm{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:500;overflow:hidden}.bigfiles .qrow .nm small{font-size:var(--fs-xs);color:var(--text-3);font-weight:400;display:block}.bigfiles .qrow .sz{font:600 var(--fs-sm) / 1 var(--font-mono)}.statpane[hidden]{display:none}.danger-zone{border-color:color-mix(in srgb, var(--danger) 40%, var(--border))}.perf-switch{align-items:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}.perf-mine[hidden],.perf-global[hidden]{display:none}.storage-line{gap:10px;display:grid}.visib{gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);display:grid}.visib legend{padding:0;font-weight:700}.visib .opts{gap:8px;display:grid}@media (min-width:560px){.visib .opts{grid-template-columns:1fr 1fr}}.visib small{color:var(--text-3);font-size:var(--fs-xs)}.quota-hint{font-size:var(--fs-xs);color:var(--text-2);flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.quota-hint .mini{background:var(--surface-3);border-radius:2px;flex:100px;max-width:160px;height:4px;overflow:hidden}.quota-hint .mini i{height:100%;width:var(--w);background:var(--accent);display:block}.state-line{align-items:center;gap:6px;display:inline-flex}@media (max-width:767px){.docs-main,.page{padding-left:16px;padding-right:16px}.prose h1{font-size:2.1rem}.prose p,.prose li{font-size:1.0625rem}}.only-narrow,.only-narrow-sel{display:none}@media (max-width:1023px){.only-narrow{display:inline-flex}.list-card[data-select=true] .only-narrow-sel{display:flex}.list-card:not([data-select=true]) .srow{grid-template-columns:28px minmax(0,1fr) 44px 44px;grid-template-areas:"sg name fav more"".meta meta meta";padding-left:12px}.list-card:not([data-select=true]) .srow .chk{display:none}.srow .sg{align-self:start;margin-top:4px}.list-card:not([data-select=true]) .srow .sbar{grid-column:2/span 3}}@media (max-width:767px){.fpop{left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));z-index:49;width:auto;max-height:80dvh;box-shadow:var(--shadow-drawer);position:fixed;top:auto;overflow-y:auto}.fbar .pop-wrap{position:static}.pg-title .btn{display:none}.result-line{flex-wrap:wrap}}.ar-inline{font-family:var(--font-quran);padding:0 .1em;font-size:1.25em;line-height:1.6}[data-tip]{position:relative}[data-tip]:after{content:attr(data-tip);border-radius:var(--r-xs);background:var(--text);color:var(--bg);font:600 var(--fs-xs) / 1.2 var(--font-ui);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--dur-1) var(--ease), transform var(--dur-1) var(--ease);z-index:60;padding:5px 9px;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%,4px)}[data-tip]:hover:after,[data-tip]:focus-visible:after{opacity:1;transition-delay:.35s;transform:translate(-50%)}@media (pointer:coarse){[data-tip]:after{display:none}}.srow2--wide{grid-template-columns:1fr!important}.srow2--wide .ctl{justify-content:stretch}@media (min-width:720px){.srow2--wide .fontpick{grid-template-columns:1fr 1fr}}.prose blockquote{margin-right:0}.dlink .nm{flex:1}.dlink .when{white-space:nowrap}.tester-row .you{font-size:var(--fs-xs);color:var(--text-3)}.perf-global,.perf-mine{display:contents}@media (max-width:767px){.m-hide{display:none!important}}body.pg{grid-template-columns:minmax(0,1fr)}.page,.docs-main,.toolbar,.tb-row>*{min-width:0}.tb-row{max-width:100%}.toolbar{grid-template-columns:minmax(0,1fr)}.tb-row,.fbar,.afilters{min-width:0}.srow .sbar{grid-column:3/span 3;margin-right:12px}.search{flex:200px}@media (max-width:767px){.fbar{scrollbar-width:none;margin-right:calc(-1 * var(--gutter));padding-right:var(--gutter);flex-wrap:nowrap;overflow-x:auto}.fbar .pop-wrap{flex:none}}@media (max-width:899px){.subnav{grid-template-columns:repeat(3,auto);justify-content:space-between;display:grid}.subnav a svg{display:none}.subnav a{justify-content:center}}@media (max-width:959px){.auth-verse,.auth-figure figcaption{display:none}.auth-visual{padding-bottom:var(--sp-5)}}@media (max-width:1023px){.docs-top{margin-bottom:var(--sp-3)}.toc-m{margin-bottom:var(--sp-4)}.docs-pick{margin-top:-4px}}.chip[aria-pressed=true] .n{opacity:1}.meter .tick:after{white-space:nowrap}.api-code{padding:var(--sp-3);border-radius:var(--r-md);background:var(--surface-3);font:500 var(--fs-sm) / 1.5 var(--font-mono);white-space:pre;margin:0;overflow-x:auto}.api-copy{gap:var(--sp-2);display:grid}.api-copy-head{justify-content:space-between;align-items:center;font-weight:600;display:flex}.api-tokens{gap:var(--sp-2);margin:0;padding:0;list-style:none;display:grid}.api-tokens li{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-3);border:1px solid var(--border);border-radius:var(--r-md);display:flex}.api-tokens li[data-state=revoked],.api-tokens li[data-state=expired]{opacity:.55}
.pg-shell{grid-template-rows:var(--header-h) minmax(0, 1fr);grid-template-columns:minmax(0,1fr);min-height:100dvh;display:grid}.pg-shell>.header{grid-row:1}.pg-main{grid-row:2;min-width:0}.auth-shell{background:var(--bg);grid-template-rows:auto 1fr;min-height:100dvh;display:grid}.auth-shell .auth{min-height:0}.auth-top .brand{padding:0}.menu-scrim{background:0 0}@media (max-width:767px){.menu-scrim{background:var(--scrim)}}button.menu-item{text-align:left;background:0 0;border:0}.prefs-notice{z-index:55;left:50%;bottom:calc(var(--sp-4) + env(safe-area-inset-bottom));border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface-2);max-width:calc(100vw - 32px);min-height:36px;box-shadow:var(--shadow-pop);font-size:var(--fs-xs);color:var(--text-2);opacity:0;pointer-events:none;transition:opacity var(--dur-2) var(--ease), transform var(--dur-2) var(--ease);align-items:center;gap:8px;padding:0 14px;font-weight:600;display:inline-flex;position:fixed;transform:translate(-50%,8px)}.prefs-notice[data-visible=true]{opacity:1;pointer-events:auto;transform:translate(-50%)}.prefs-notice[data-state=saved] svg.i{color:var(--ok)}.prefs-notice[data-state=error]{color:var(--danger);border-color:var(--danger)}.prefs-notice[data-state=error] svg.i{color:var(--danger)}@media (prefers-reduced-motion:reduce){.prefs-notice{transition:none}}a.btn,a.menu-item{text-decoration:none}.queue-notice{z-index:54;right:var(--sp-4);bottom:calc(var(--sp-4) + env(safe-area-inset-bottom));border-radius:var(--r-md,12px);border:1px solid var(--border);background:var(--surface-2);max-width:min(420px,100vw - 32px);box-shadow:var(--shadow-pop);font-size:var(--fs-xs);color:var(--text-2);opacity:0;pointer-events:none;align-items:flex-start;gap:8px;padding:8px 14px;font-weight:600;transition:opacity .2s;display:inline-flex;position:fixed}.queue-notice[data-visible=true]{opacity:1;pointer-events:auto}.queue-notice__line{display:block}@media (prefers-reduced-motion:reduce){.queue-notice{transition:none}}.hp{width:1px;height:1px;position:absolute;top:auto;left:-10000px;overflow:hidden}