*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--font-sans), system-ui, sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--font-mono), monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded{border-radius:.25rem}.border{border-width:1px}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.underline{text-decoration-line:underline}.outline{outline-style:solid}.\!ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)!important}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:root{--bg:#fcfbf8;--bg-elev:#fefdfc;--panel:#f6f5f2;--panel-2:#eeece9;--ink:#1e1a14;--ink-2:#46423b;--ink-3:#5a5651;--ink-4:#73706b;--line:#1e1a1424;--line-strong:#1e1a1442;--hover:#1e1a140b;--active:#1e1a1413;--accent:#448061;--accent-soft:#4480611a;--accent-ink:#255940;--highlight:#f4d66073;--danger:#b33736;--shadow-sm:0 1px 3px #1e1a140f, 0 1px 2px #1e1a140a;--shadow-md:0 4px 16px #1e1a1414, 0 2px 6px #1e1a140d;--shadow-lg:0 20px 48px #1e1a141f, 0 8px 20px #1e1a1412;--rail:56px;--sidebar:272px;--drawer:440px;--radius-sm:4px;--radius:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--ease-out:cubic-bezier(.2, .8, .2, 1);--dur-fast:.1s;--dur-mid:.16s;--dur-slow:.26s;--ease-flow:cubic-bezier(.33, .1, .25, 1);--ease-soft:cubic-bezier(.4, 0, .2, 1);--dur-enter:.52s;--dur-hover:.28s;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--cursor-grab:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'><path d='M5.6 9.2V5.4a1.15 1.15 0 0 1 2.3 0V8.6 M7.9 8.4V3.9a1.15 1.15 0 0 1 2.3 0v4.3 M10.2 8.2V4.4a1.15 1.15 0 0 1 2.3 0v4.6 M12.5 9.3V6a1.15 1.15 0 0 1 2.3 0v5.9c0 3.3-2.2 5.6-5.4 5.6-2.6 0-4-1.2-5.1-3.2L3 11.7c-.5-.9.6-1.8 1.4-1.1l1.2 1.1' fill='none' stroke='%23111' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>") 10 10, grab;--cursor-grabbing:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'><path d='M5.8 10.2V8.4a1.1 1.1 0 0 1 2.2 0 M8 9.6V7.6a1.1 1.1 0 0 1 2.2 0 M10.2 9.6V7.9a1.1 1.1 0 0 1 2.2 0 M12.4 10V8.7a1.1 1.1 0 0 1 2.2 0v3.2c0 3.2-2.1 5.4-5.2 5.4-2.5 0-3.9-1.1-5-3.1l-1.2-2.2c-.5-.9.6-1.8 1.4-1.1l1.2 1.1' fill='none' stroke='%23111' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>") 10 10, grabbing;--cursor-cross:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='19' height='19'><g stroke='%23111' stroke-width='1.8' fill='none'><path d='M9.5 1v17M1 9.5h17'/></g></svg>") 9 9, crosshair;--cursor-text:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='17' height='17'><g stroke='%23111' stroke-width='1.4' fill='none'><path d='M5.5 2h6M5.5 15h6M8.5 2v13'/></g></svg>") 8 8, text;--font-sans:"Calibri", "Carlito", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif:"Source Serif 4", Georgia, serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--font-arabic:"Amiri Quran", "Amiri", serif;--font-uthmanic:"KFGQPC Uthmanic Script HAFS", "Scheherazade New", "Amiri Quran", "Amiri", serif;--row-h:32px;--fs-reading:1;--fs-arabic:1;--canvas-pad-y:80px;--canvas-max:900px;--canvas-runway:320px;--paper:#fff;--paper-ink:#1a1a1a;--paper-line:#1a1a1a1f;--paper-wash:#1a1a1a05}@supports (color:lab(0% 0 0)){:root{--bg:lab(98.501% .167638 1.1277);--bg-elev:lab(99.426% .111103 .751412);--panel:lab(96.5319% .224769 1.50439);--panel-2:lab(93.6347% .282705 1.88156);--ink:lab(9.54589% .84766 4.55285);--ink-2:lab(28.1103% .770062 4.57996);--ink-3:lab(36.9228% .614002 3.79592);--ink-4:lab(47.2424% .474304 3.025);--line:lab(9.54589% .84766 4.55285/.14);--line-strong:lab(9.54589% .84766 4.55285/.26);--hover:lab(9.54589% .84766 4.55285/.045);--active:lab(9.54589% .84766 4.55285/.075);--accent:lab(48.8646% -26.2865 10.371);--accent-soft:lab(48.8646% -26.2865 10.371/.1);--accent-ink:lab(33.6485% -23.1119 9.1055);--highlight:lab(86.6235% 1.03846 60.6071/.45);--danger:lab(42.7155% 50.4992 30.4501);--shadow-sm:0 1px 3px lab(9.54589% .84766 4.55285/.06), 0 1px 2px lab(9.54589% .84766 4.55285/.04);--shadow-md:0 4px 16px lab(9.54589% .84766 4.55285/.08), 0 2px 6px lab(9.54589% .84766 4.55285/.05);--shadow-lg:0 20px 48px lab(9.54589% .84766 4.55285/.12), 0 8px 20px lab(9.54589% .84766 4.55285/.07)}}[data-density=compact]{--row-h:24px;--canvas-pad-y:48px}[data-density=cozy]{--row-h:28px;--canvas-pad-y:72px}[data-density=roomy]{--row-h:34px;--canvas-pad-y:104px}[data-canvas=focused]{--canvas-max:860px}[data-canvas=wide]{--canvas-max:1180px}[data-accent=emerald]{--accent:#448061;--accent-soft:#4480611a;--accent-ink:#255940}@supports (color:lab(0% 0 0)){[data-accent=emerald]{--accent:lab(48.8646% -26.2865 10.371);--accent-soft:lab(48.8646% -26.2865 10.371/.1);--accent-ink:lab(33.6485% -23.1119 9.1055)}}[data-accent=amber]{--accent:#b07932;--accent-soft:#b079321f;--accent-ink:#875814}@supports (color:lab(0% 0 0)){[data-accent=amber]{--accent:lab(55.7249% 17.1939 46.3426);--accent-soft:lab(55.7249% 17.1939 46.3426/.12);--accent-ink:lab(41.7942% 16.1068 44.1011)}}[data-accent=indigo]{--accent:#5661ad;--accent-soft:#5661ad1a;--accent-ink:#3d4588}@supports (color:lab(0% 0 0)){[data-accent=indigo]{--accent:lab(43.0198% 12.2196 -42.8154);--accent-soft:lab(43.0198% 12.2196 -42.8154/.1);--accent-ink:lab(31.4516% 12.2832 -39.1146)}}[data-theme=dark]{--bg:#171717;--bg-elev:#202020;--panel:#282828;--panel-2:#313131;--ink:#eee;--ink-2:#bebebe;--ink-3:#b7b7b7;--ink-4:#9b9b9b;--line:#eeeeee1c;--line-strong:#eee3;--hover:#ebebeb0d;--active:#ebebeb17;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 12px #00000059, 0 2px 4px #00000040;--shadow-lg:0 24px 48px #00000080, 0 8px 16px #0000004d;--accent:#5cab83;--accent-soft:#5cab8326;--accent-ink:#7bcba1;--cursor-grab:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'><path d='M5.6 9.2V5.4a1.15 1.15 0 0 1 2.3 0V8.6 M7.9 8.4V3.9a1.15 1.15 0 0 1 2.3 0v4.3 M10.2 8.2V4.4a1.15 1.15 0 0 1 2.3 0v4.6 M12.5 9.3V6a1.15 1.15 0 0 1 2.3 0v5.9c0 3.3-2.2 5.6-5.4 5.6-2.6 0-4-1.2-5.1-3.2L3 11.7c-.5-.9.6-1.8 1.4-1.1l1.2 1.1' fill='none' stroke='%23f4f4f5' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>") 10 10, grab;--cursor-grabbing:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'><path d='M5.8 10.2V8.4a1.1 1.1 0 0 1 2.2 0 M8 9.6V7.6a1.1 1.1 0 0 1 2.2 0 M10.2 9.6V7.9a1.1 1.1 0 0 1 2.2 0 M12.4 10V8.7a1.1 1.1 0 0 1 2.2 0v3.2c0 3.2-2.1 5.4-5.2 5.4-2.5 0-3.9-1.1-5-3.1l-1.2-2.2c-.5-.9.6-1.8 1.4-1.1l1.2 1.1' fill='none' stroke='%23f4f4f5' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>") 10 10, grabbing;--cursor-cross:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='19' height='19'><g stroke='%23f4f4f5' stroke-width='1.8' fill='none'><path d='M9.5 1v17M1 9.5h17'/></g></svg>") 9 9, crosshair;--cursor-text:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='17' height='17'><g stroke='%23f4f4f5' stroke-width='1.4' fill='none'><path d='M5.5 2h6M5.5 15h6M8.5 2v13'/></g></svg>") 8 8, text;--danger:#f47b74;--paper:#0c0c0c;--paper-ink:#e8e8e8;--paper-line:#e8e8e824;--paper-wash:#e8e8e80a}@supports (color:lab(0% 0 0)){[data-theme=dark]{--bg:lab(7.78201% -.0000149012 0);--bg-elev:lab(12.42% -.00000745058 .00000298023);--panel:lab(15.9% 0 .00000596046);--panel-2:lab(20.54% 0 0);--ink:lab(94.2% 0 0);--ink-2:lab(76.8% -.0000298023 0);--ink-3:lab(74.596% 0 -.0000119209);--ink-4:lab(64.156% -.0000298023 .0000119209);--line:lab(94.2% 0 0/.11);--line-strong:lab(94.2% 0 0/.2);--hover:lab(93.04% .0000298023 -.0000119209/.05);--active:lab(93.04% .0000298023 -.0000119209/.09);--accent:lab(64.2104% -32.8698 12.967);--accent-soft:lab(64.2104% -32.8698 12.967/.15);--accent-ink:lab(75.8142% -32.734 12.9293);--danger:lab(66.0576% 46.9408 26.6951);--paper:lab(3.36376% 0 0);--paper-ink:lab(91.88% .0000298023 -.0000119209);--paper-line:lab(91.88% .0000298023 -.0000119209/.14);--paper-wash:lab(91.88% .0000298023 -.0000119209/.04)}}[data-theme=dark][data-accent=emerald],[data-theme=dark] [data-accent=emerald]{--accent:#5cab83;--accent-soft:#5cab8326;--accent-ink:#7bcba1}@supports (color:lab(0% 0 0)){[data-theme=dark][data-accent=emerald],[data-theme=dark] [data-accent=emerald]{--accent:lab(64.2104% -32.8698 12.967);--accent-soft:lab(64.2104% -32.8698 12.967/.15);--accent-ink:lab(75.8142% -32.734 12.9293)}}[data-theme=dark][data-accent=amber],[data-theme=dark] [data-accent=amber]{--accent:#e2a355;--accent-soft:#e2a35526;--accent-ink:#f5bf81}@supports (color:lab(0% 0 0)){[data-theme=dark][data-accent=amber],[data-theme=dark] [data-accent=amber]{--accent:lab(71.9773% 18.2448 49.0154);--accent-soft:lab(71.9773% 18.2448 49.0154/.15);--accent-ink:lab(81.339% 14.3121 38.9752)}}[data-theme=dark][data-accent=indigo],[data-theme=dark] [data-accent=indigo]{--accent:#8797ef;--accent-soft:#8797ef26;--accent-ink:#a2b2ff}@supports (color:lab(0% 0 0)){[data-theme=dark][data-accent=indigo],[data-theme=dark] [data-accent=indigo]{--accent:lab(63.9168% 11.4141 -46.6792);--accent-soft:lab(63.9168% 11.4141 -46.6792/.15);--accent-ink:lab(73.3738% 9.36487 -43.3346)}}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{font-family:var(--font-sans);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:14px}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}input,textarea{font:inherit;color:inherit}.scroll{overflow:hidden auto}.scroll::-webkit-scrollbar{width:6px}.scroll::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:6px}.scroll::-webkit-scrollbar-thumb:hover{background:var(--ink-4)}.scroll::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--ink-4)}::-webkit-scrollbar-track{background:0 0}::selection{background:color-mix(in oklch, var(--accent) 24%, transparent)}[data-theme=dark] ::selection{background:color-mix(in oklch, var(--accent) 34%, transparent)}.app{grid-template-columns:var(--rail) var(--sidebar) minmax(0, 1fr);background:var(--bg);width:100vw;height:100dvh;display:grid;position:relative;overflow:hidden}.rail{border-right:1px solid var(--line);background:var(--bg);z-index:5;flex-direction:column;align-items:center;gap:4px;padding:10px 0;display:flex}.rail-logo{background:var(--ink);width:36px;height:36px;color:var(--bg);font-family:var(--font-serif);letter-spacing:-.02em;border-radius:9px;place-items:center;margin-bottom:8px;font-size:17px;font-weight:600;display:grid}.rail-btn{width:36px;height:36px;color:var(--ink-3);transition:background var(--dur-fast) ease, color var(--dur-fast) ease;border-radius:8px;place-items:center;display:grid;position:relative}.rail-btn:hover:not(:disabled){background:var(--hover);color:var(--ink)}.rail-btn:disabled{opacity:.32;cursor:not-allowed}.rail-btn[data-active=true]{background:var(--active);color:var(--ink)}.rail-btn[data-active=true]:before{content:"";background:var(--accent);border-radius:2px;width:2px;position:absolute;top:8px;bottom:8px;left:-10px}.rail-spacer{flex:1}.rail-divider{background:var(--line);width:20px;height:1px;margin:6px 0}.rail-ws{letter-spacing:-.01em;width:32px;height:32px;color:var(--ink);background:var(--panel);border:1px solid var(--line);transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) ease;border-radius:7px;place-items:center;font-size:12px;font-weight:600;display:grid}.rail-ws:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.rail-ws[data-active=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.rail-account{color:#fff;cursor:pointer;background:linear-gradient(135deg,#448061 0%,#255940 100%);background:linear-gradient(135deg,lab(48.8646% -26.2865 10.371) 0%,lab(33.6485% -23.1119 9.1055) 100%);border-radius:50%;place-items:center;width:32px;height:32px;font-size:11px;font-weight:600;display:grid;position:relative}.rail-account:after{content:"";border:2px solid var(--bg);background:#54b05a;background:lab(64.7007% -42.0753 34.8325);border-radius:50%;width:10px;height:10px;position:absolute;bottom:-1px;right:-1px}.sidebar{background:var(--bg);border-right:1px solid var(--line);flex-direction:column;min-width:0;display:flex;overflow:hidden}.sidebar-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding:16px 16px 12px;display:flex}.ws-switcher{border-radius:6px;flex:1;align-items:center;gap:8px;min-width:0;padding:4px 6px 4px 4px;transition:background .12s;display:flex}.ws-switcher:hover{background:var(--hover)}.ws-switcher-avatar{background:var(--ink);width:22px;height:22px;color:var(--bg);letter-spacing:-.01em;border-radius:5px;flex-shrink:0;place-items:center;font-size:10px;font-weight:700;display:grid}.ws-switcher-name{white-space:nowrap;text-overflow:ellipsis;color:var(--ink);font-size:13px;font-weight:500;overflow:hidden}.sidebar-search{border:none;border-bottom:1px solid var(--line);color:var(--ink-3);background:0 0;border-radius:0;align-items:center;gap:6px;margin:10px 12px 4px;padding:5px 10px;font-size:13px;transition:border-color .12s;display:flex}.sidebar-search:focus-within{border-bottom-color:var(--ink-3)}.sidebar-search input{min-width:0;color:var(--ink);background:0 0;border:0;outline:none;flex:1;font-size:13px}.sidebar-search input::placeholder{color:var(--ink-4)}.sidebar-search-kbd{font-family:var(--font-mono);color:var(--ink-4);font-size:11px}.sidebar-section{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-4);justify-content:space-between;align-items:center;padding:16px 16px 6px;font-size:10.5px;font-weight:600;display:flex}.sidebar-section-add{width:18px;height:18px;color:var(--ink-4);opacity:0;transition:opacity var(--dur-fast) ease, background var(--dur-fast) ease;border-radius:4px;place-items:center;display:grid}.sidebar-section:hover .sidebar-section-add{opacity:1}.sidebar-section-add:hover{background:var(--hover);color:var(--ink)}.tree{flex:1;padding:4px 8px 20px;overflow-y:auto}.tree-row{min-height:var(--row-h);color:var(--ink-2);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--dur-fast) ease, color var(--dur-fast) ease;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:13.5px;line-height:1.3;display:flex;position:relative}.tree-row:hover{background:var(--hover);color:var(--ink)}.tree-row[data-active=true]{background:color-mix(in oklch, var(--accent-soft) 70%, var(--bg));color:var(--ink);font-weight:500}.tree-chevron,.tree-icon{display:none}.tree-label{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.tree-count{font-family:var(--font-mono);color:var(--ink-4);padding:0 4px;font-size:10.5px}.tree-more{opacity:0;width:18px;height:18px;color:var(--ink-3);border-radius:3px;flex-shrink:0;place-items:center;display:grid}.tree-row:hover .tree-more{opacity:1}.tree-more:hover{background:var(--line);color:var(--ink)}.tree-children{position:relative}.tree-children:before{content:"";background:var(--line);width:1px;position:absolute;top:0;bottom:4px;left:15px}.tree-row--with-actions{gap:0;padding:0}.tree-row-link{min-width:0;color:inherit;flex:1;align-items:center;gap:6px;padding:4px 6px 4px 10px;text-decoration:none;display:flex;overflow:hidden}.tree-row-link .tree-label{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.tree-row-actions{opacity:0;transition:opacity var(--dur-fast) ease;flex-shrink:0;align-items:center;gap:1px;padding-right:4px;display:flex}.tree-row--with-actions:hover .tree-row-actions{opacity:1}.tree-row-action-btn{width:22px;height:22px;color:var(--ink-3);transition:background var(--dur-fast) ease, color var(--dur-fast) ease;border-radius:4px;flex-shrink:0;place-items:center;display:grid}.tree-row-action-btn:hover{background:var(--active);color:var(--ink)}.tree-row-action-btn--danger{color:#ba2b2e;color:lab(42.4959% 56.9739 35.4904)}.tree-row-action-btn--danger:hover{color:#ba2b2e;color:lab(42.4959% 56.9739 35.4904);background:#ba2b2e1a;background:lab(42.4959% 56.9739 35.4904/.1)}.tree-row--editing{padding:3px 6px}.tree-row-rename-input{background:var(--bg-elev);border:1px solid var(--accent);width:100%;color:var(--ink);border-radius:4px;outline:none;flex:1;padding:2px 6px;font-size:13.5px}.canvas{background:var(--bg);flex-direction:column;min-width:0;min-height:0;display:flex;position:relative;overflow-y:auto}.canvas-area{flex-direction:column;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.study-layout{flex:1;display:flex;position:relative;overflow:hidden}.topbar-zone{position:relative}.topbar-hotzone{display:none}.topbar{background:var(--bg);border-bottom:1px solid var(--line);align-items:center;gap:10px;min-height:48px;padding:10px 20px;display:flex;position:relative}.topbar-zone--float{z-index:40;pointer-events:none;position:absolute;top:0;left:0;right:0}.topbar-zone--float .topbar-hotzone{pointer-events:auto;height:10px;display:block;position:absolute;top:0;left:0;right:0}.topbar-zone--float .topbar{pointer-events:auto;transition:transform .22s var(--ease-soft) .3s, box-shadow .22s var(--ease-soft) .3s;transform:translateY(-102%);box-shadow:0 10px 26px #0000}.topbar-zone--float:hover .topbar,.topbar-zone--float:focus-within .topbar{transition-delay:0s;transform:translateY(0);box-shadow:0 10px 26px #0000001a}.crumbs{color:var(--ink-3);flex:0 auto;align-items:center;gap:4px;min-width:0;font-size:13px;display:flex}.crumb{white-space:nowrap;transition:background var(--dur-fast) ease, color var(--dur-fast) ease;border-radius:4px;padding:3px 6px}.crumb:hover{background:var(--hover);color:var(--ink)}.crumb[data-current=true]{color:var(--ink);font-weight:500}.crumb-sep{color:var(--ink-4);font-size:12px}.topbar-actions{align-items:center;gap:4px;margin-left:auto;display:flex}.tb-btn{height:28px;color:var(--ink-2);transition:background var(--dur-fast) ease, color var(--dur-fast) ease;border-radius:6px;align-items:center;gap:6px;padding:0 10px;font-size:13px;display:flex}.tb-btn:hover{background:var(--hover);color:var(--ink)}.tb-btn[data-active=true]{background:var(--active);color:var(--ink)}.tb-icon{width:28px;height:28px;color:var(--ink-3);transition:background var(--dur-fast) ease, color var(--dur-fast) ease;border-radius:6px;place-items:center;display:grid}.tb-icon:hover{background:var(--hover);color:var(--ink)}.tb-divider{background:var(--line);width:1px;height:18px;margin:0 4px}.tb-share{background:var(--ink);height:28px;color:var(--bg);border-radius:6px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:500;transition:opacity .12s;display:flex}.tb-share:hover:not(:disabled){opacity:.88}.tb-share:disabled{opacity:.32;cursor:not-allowed}.doc-wrap{overscroll-behavior-x:contain;flex:1;width:100%;padding:0 48px;scroll-padding-block:96px 120px;display:block;overflow:auto}.doc{width:max-content;min-width:100%;padding-block:var(--canvas-pad-y) var(--canvas-runway);position:relative}.doc>*{max-width:var(--canvas-max);margin-inline:0}.doc>[data-wide=true],.doc>.doc-wide{max-width:none;margin-inline:0}.page-editor-content pre,.page-editor-content [data-wide=true]{width:max-content;min-width:100%;max-width:none}.page-editor-content table{max-width:none}.doc-cover{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.doc-cover-tag{font-family:var(--font-mono);color:var(--ink-3);letter-spacing:.04em;text-transform:uppercase;font-size:11px}.doc-title{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--ink);margin:0;font-size:40px;font-weight:600;line-height:1.1}.doc-meta{color:var(--ink-3);align-items:center;gap:14px;margin-top:4px;font-size:12.5px;display:flex}.doc-meta-item{align-items:center;gap:5px;display:flex}.doc-meta-sep{color:var(--line-strong)}.doc-meta-avatar{background:linear-gradient(135deg, var(--accent), var(--accent-ink));color:#fff;border-radius:50%;place-items:center;width:18px;height:18px;font-size:9.5px;font-weight:600;display:grid}.block{margin:0;padding:3px 0;position:relative}.block-handle{opacity:0;gap:2px;transition:opacity .12s;display:flex;position:absolute;top:50%;left:-34px;transform:translateY(-50%)}.block:hover .block-handle{opacity:1}.handle-btn{width:18px;height:22px;color:var(--ink-4);cursor:var(--cursor-grab);border-radius:4px;place-items:center;display:grid}.handle-btn:hover{background:var(--hover);color:var(--ink-2)}.block p,.block-p{font-family:var(--font-serif);color:var(--ink);margin:0;font-size:16.5px;line-height:1.65}.block-h1{font-family:var(--font-serif);letter-spacing:-.015em;color:var(--ink);margin:32px 0 4px;font-size:30px;font-weight:600;line-height:1.2}.block-h2{font-family:var(--font-serif);letter-spacing:-.01em;color:var(--ink);margin:28px 0 4px;font-size:22px;font-weight:600;line-height:1.3}.block-h3{font-family:var(--font-sans);letter-spacing:.02em;text-transform:uppercase;color:var(--ink-2);margin:24px 0 2px;font-size:14px;font-weight:600}.block-callout{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);gap:12px;margin:8px 0;padding:14px 16px;display:flex}.callout-icon{width:22px;height:22px;color:var(--accent-ink);flex-shrink:0;place-items:center;margin-top:2px;display:grid}.callout-body{font-family:var(--font-serif);color:var(--ink-2);font-size:15px;line-height:1.6}.block-divider{background:var(--line);height:1px;margin-block:24px}.block-quote{border-left:2px solid var(--line-strong);font-family:var(--font-serif);color:var(--ink-2);margin:10px 0;padding:4px 0 4px 18px;font-style:italic;line-height:1.6}.block-list{font-family:var(--font-serif);margin:4px 0;padding-left:22px;font-size:16px;line-height:1.7}.block-list li{color:var(--ink);margin:2px 0}.block-list li::marker{color:var(--ink-4)}.verse-block{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:border-color var(--dur-mid) ease, background var(--dur-mid) ease, box-shadow var(--dur-mid) var(--ease-out);flex-direction:column;gap:16px;margin:28px 0;padding:12px 16px;display:flex;position:relative}.verse-block:hover{border-color:var(--line-strong);box-shadow:var(--shadow-md)}.verse-block[data-active=true]{border-color:var(--accent);background:color-mix(in oklch, var(--accent-soft) 40%, var(--bg-elev))}.verse-block[data-highlighted=true]{background:color-mix(in oklch, var(--highlight) 50%, var(--bg-elev));border-color:#cc9c4280;border-color:lab(67.5798% 11.9379 52.333/.5)}.verse-header{justify-content:space-between;align-items:center;display:flex}.verse-ref{font-variant-numeric:tabular-nums;letter-spacing:0;color:var(--ink-3);align-items:center;gap:8px;font-size:12px;font-weight:650;display:flex}.verse-ref-dot{background:var(--accent);opacity:.6;border-radius:50%;width:4px;height:4px}.verse-actions{gap:1px;display:flex}.verse-action{width:26px;height:26px;color:var(--ink-4);opacity:0;border-radius:5px;place-items:center;transition:opacity .12s,background .12s,color .12s;display:grid}.verse-block:hover .verse-action{opacity:1}.verse-action:hover{background:var(--hover);color:var(--ink)}.verse-action[data-active=true]{opacity:1;background:var(--accent-soft);color:var(--accent-ink)}.verse-arabic{font-family:var(--font-arabic);text-align:right;color:var(--ink);word-spacing:.06em;direction:rtl;font-size:29px;line-height:2.3}.verse-translit{font-family:var(--font-serif);color:var(--ink-3);font-size:14.5px;font-style:italic;line-height:1.6}.verse-translation{font-family:var(--font-serif);font-size:calc(16px * var(--fs-reading));color:var(--ink-2);line-height:1.72}.tr-num{font-family:var(--font-mono);color:var(--ink-4);vertical-align:super;margin-right:3px;font-size:11px}.verse-anchor{font-family:var(--font-mono);color:var(--accent-ink);background:var(--accent-soft);cursor:pointer;transition:background var(--dur-fast) ease;white-space:nowrap;border-radius:4px;align-items:center;gap:3px;margin:0 1px;padding:1px 5px;font-size:12px;text-decoration:none;display:inline-flex}.verse-anchor:hover{background:color-mix(in oklch, var(--accent) 22%, transparent)}.slash-menu{background:var(--bg-elev);border:1px solid var(--line-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:50;width:280px;max-height:340px;padding:6px;position:absolute;overflow-y:auto}.slash-section{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-4);padding:6px 8px 2px;font-size:10.5px;font-weight:500}.slash-item{cursor:pointer;color:var(--ink);border-radius:6px;align-items:center;gap:10px;padding:6px 8px;display:flex}.slash-item:hover,.slash-item[data-selected=true]{background:var(--hover)}.slash-item-icon{border:1px solid var(--line);background:var(--bg);width:32px;height:32px;color:var(--ink-2);border-radius:6px;flex-shrink:0;place-items:center;display:grid}.slash-item-name{font-size:13px;font-weight:500}.slash-item-desc{color:var(--ink-3);margin-top:1px;font-size:11.5px}.format-bar{background:var(--bg-elev);border:1px solid var(--line-strong);box-shadow:var(--shadow-md);z-index:40;border-radius:8px;gap:1px;padding:4px;display:flex;position:absolute}.fb-btn{width:28px;height:28px;color:var(--ink-2);border-radius:5px;place-items:center;font-size:13px;transition:background .12s,color .12s;display:grid}.fb-btn:hover,.fb-btn[data-active=true]{background:var(--hover);color:var(--ink)}.fb-sep{background:var(--line);align-self:center;width:1px;height:18px;margin:0 2px}.tiptap{font-family:var(--font-serif);color:var(--ink);outline:none;min-height:200px;font-size:16.5px;line-height:1.65}.tiptap p.is-editor-empty:first-child:before{color:var(--ink-4);content:attr(data-placeholder);float:left;pointer-events:none;height:0}.tiptap h1{font-family:var(--font-serif);letter-spacing:-.015em;margin:32px 0 4px;font-size:30px;font-weight:600;line-height:1.2}.tiptap h2{font-family:var(--font-serif);letter-spacing:-.01em;margin:28px 0 4px;font-size:22px;font-weight:600}.tiptap h3{font-family:var(--font-sans);letter-spacing:.02em;text-transform:uppercase;color:var(--ink-2);margin:24px 0 2px;font-size:14px;font-weight:600}.tiptap ul,.tiptap ol{margin:4px 0;padding-left:22px}.tiptap li{font-family:var(--font-serif);margin:2px 0;font-size:16px}.tiptap blockquote{border-left:2px solid var(--line-strong);color:var(--ink-2);margin:10px 0;padding:4px 0 4px 18px;font-style:italic}.tiptap code{background:var(--panel);font-family:var(--font-mono);border-radius:4px;padding:1px 4px;font-size:12px}.tiptap strong{font-weight:600}.tiptap em{font-style:italic}.tiptap u{text-decoration:underline}.add-block{height:28px;color:var(--ink-4);opacity:0;border-radius:5px;align-items:center;gap:6px;width:fit-content;margin-top:4px;padding:0 4px;font-size:13px;transition:opacity .15s,background .12s;display:flex}.doc:hover .add-block,.add-block:hover{opacity:1}.add-block:hover{background:var(--hover);color:var(--ink-2)}.drawer-overlay{width:var(--drawer);z-index:30;background:var(--bg-elev);border-left:1px solid var(--line-strong);box-shadow:var(--shadow-lg);transition:transform var(--dur-slow) var(--ease-out);flex-direction:column;display:flex;position:fixed;inset:0 0 0 auto;transform:translate(100%)}.drawer-overlay[data-open=true]{transform:translate(0)}.drawer-overlay[data-open=false]{pointer-events:none;visibility:hidden;transition:transform var(--dur-slow) var(--ease-out), visibility 0s linear var(--dur-slow)}.drawer-overlay[data-open=true]{visibility:visible;transition-delay:0s}.drawer-overlay[data-open=true]>*{animation:drawer-band-in .26s var(--ease-out) both}.drawer-overlay[data-open=true]>:first-child{animation-delay:60ms}.drawer-overlay[data-open=true]>:nth-child(2){animation-delay:96ms}.drawer-overlay[data-open=true]>:nth-child(3){animation-delay:.128s}.drawer-overlay[data-open=true]>:nth-child(n+4){animation-delay:.156s}@keyframes drawer-band-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.drawer-overlay[data-open=false]>*{animation:none}.drawer-head{padding:var(--sp-4) var(--sp-5) var(--sp-3);align-items:flex-start;gap:var(--sp-3);flex-shrink:0;display:flex}.drawer-head-text{flex:1;min-width:0}.drawer-head-title{font-family:var(--font-serif);letter-spacing:-.01em;color:var(--ink);font-size:15px;font-weight:600;line-height:1.2}.drawer-head-sub{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:12px;overflow:hidden}.drawer-head-ref{color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:11.5px;overflow:hidden}.drawer-close{border-radius:var(--radius-sm);width:26px;height:26px;color:var(--ink-4);transition:color var(--dur-fast) ease, background var(--dur-fast) ease;flex-shrink:0;place-items:center;display:grid}.drawer-close:hover{background:var(--hover);color:var(--ink)}.drawer-close:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.drawer-source-bar{align-items:center;gap:var(--sp-3);padding:0 var(--sp-5) var(--sp-2);background:0 0;border:0;flex-shrink:0;min-height:26px;display:flex}.drawer-tabs{padding:0 var(--sp-5);gap:var(--sp-4);border-bottom:1px solid var(--line);scrollbar-width:none;flex-shrink:0;display:flex;overflow-x:auto}.drawer-tabs::-webkit-scrollbar{display:none}.drawer-tab{padding:var(--sp-2) 0 7px;white-space:nowrap;color:var(--ink-3);transition:color var(--dur-fast) ease, border-color var(--dur-fast) ease;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;font-size:12.5px;line-height:1.2}.drawer-tab:hover{color:var(--ink-2)}.drawer-tab[data-active=true]{color:var(--ink);border-bottom-color:var(--accent)}.drawer-tab:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:var(--radius-sm)}.drawer-split{flex-direction:row;flex:1;min-height:0;display:flex;overflow:hidden}.drawer-ayah-nav{width:34px;padding:var(--sp-4) 0 var(--sp-6);border:0;flex-direction:column;flex-shrink:0;gap:0;display:flex;overflow:hidden auto}.drawer-ayah-btn{width:100%;font-family:var(--font-mono);color:var(--ink-3);text-align:center;cursor:pointer;transition:color var(--dur-fast) ease;background:0 0;border:0;border-radius:0;padding:7px 0;font-size:10.5px;font-weight:400;line-height:1;position:relative}.drawer-ayah-btn:hover{color:var(--ink-2);background:0 0}.drawer-ayah-btn[data-active=true]{color:var(--ink);background:0 0;font-weight:500}.drawer-ayah-btn[data-active=true]:before{content:"";inset-inline-start:0;background:var(--accent);width:2px;height:12px;position:absolute;top:50%;transform:translateY(-50%)}.drawer-ayah-btn:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.drawer-body{padding:var(--sp-5) var(--sp-5) 96px var(--sp-2);flex:1;min-width:0;overflow:hidden auto}.drawer-verse{padding:0 0 var(--sp-5);margin:0 0 var(--sp-5);border-bottom:1px solid var(--line)}.drawer-verse-arabic{font-family:var(--font-arabic);font-size:calc(25px * var(--fs-arabic));text-align:right;color:var(--ink);margin:0 0 var(--sp-3);direction:rtl;line-height:2.1}.drawer-verse-translation{font-family:var(--font-serif);font-size:calc(13.5px * var(--fs-reading));color:var(--ink-2);margin:0;line-height:1.7}.commentary-section{margin-bottom:var(--sp-6)}.commentary-cite{margin:0 0 var(--sp-4)}.commentary-name{font-family:var(--font-serif);color:var(--ink);font-size:14px;font-style:normal;font-weight:600;line-height:1.3;display:block}.commentary-sub{color:var(--ink-3);letter-spacing:0;margin-top:2px;font-size:11.5px;display:block}.commentary-body{font-family:var(--font-serif);font-size:calc(15px * var(--fs-reading));color:var(--ink);line-height:1.9}.commentary-body p{margin:0 0 var(--sp-4);font-weight:400}.commentary-body p:last-child{margin-bottom:0}.commentary-body h1,.commentary-body h2,.commentary-body h3,.commentary-body h4,.commentary-body .tf-h{font-family:var(--font-sans);color:var(--ink);margin:var(--sp-6) 0 var(--sp-2);font-weight:600;line-height:1.35}.commentary-body h1{font-size:14.5px}.commentary-body h2{font-size:14px}.commentary-body h3,.commentary-body h4,.commentary-body .tf-h{font-size:13.5px}.commentary-body>:first-child{margin-top:0}.commentary-body .tf-ar,.commentary-body blockquote{font-family:var(--font-arabic);font-size:calc(19px * var(--fs-arabic));text-align:right;color:var(--ink-2);margin:var(--sp-5) 0;padding:0 0 0 var(--sp-5);direction:rtl;background:0 0;border:0;font-style:normal;line-height:2.15}.commentary-body .tf-list{margin:0 0 var(--sp-4);padding:0;list-style:none}.commentary-body .tf-list li{margin-bottom:var(--sp-2);padding-inline-start:var(--sp-4);position:relative}.commentary-body .tf-list li:before{content:"";inset-inline-start:0;background:var(--ink-4);border-radius:50%;width:3px;height:3px;position:absolute;top:.85em}.commentary-body .tf-list li[dir=rtl]{text-align:right;font-family:var(--font-arabic);font-size:calc(17px * var(--fs-arabic));line-height:2.1}.commentary-body ul:not(.tf-list),.commentary-body ol{margin:0 0 var(--sp-4);padding-inline-start:var(--sp-5)}.commentary-body li{margin-bottom:var(--sp-1)}.commentary-body [lang=ar]{unicode-bidi:isolate}.commentary-body a{color:var(--accent-ink);text-underline-offset:2px;text-decoration:underline}.commentary-body em{font-style:italic}.commentary-body strong{font-weight:600}.drawer-skeleton{flex-direction:column;gap:10px;padding:4px 0;display:flex}.drawer-sk-line{background:linear-gradient(90deg, var(--panel) 25%, var(--panel-2) 50%, var(--panel) 75%);background-size:200% 100%;border-radius:4px;height:12px;animation:1.4s infinite sk-shimmer}.skeleton{background:linear-gradient(90deg, var(--panel) 25%, var(--panel-2) 50%, var(--panel) 75%);background-size:200% 100%;animation:1.4s infinite sk-shimmer}@keyframes sk-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.wbw{direction:rtl;flex-wrap:wrap;gap:6px 14px;padding:4px 0;display:flex}.wbw-cell{text-align:center;cursor:default;background:0 0;border:none;border-radius:6px;flex-direction:column;align-items:center;gap:3px;padding:6px 8px;transition:background .1s;display:flex}.wbw-cell:hover{background:var(--hover)}.wbw-ar{font-family:var(--font-arabic);color:var(--ink);direction:rtl;font-size:19px}.wbw-tr{font-family:var(--font-mono);color:var(--ink-4);letter-spacing:.02em;font-size:9.5px}.wbw-en{font-family:var(--font-serif);color:var(--ink-2);font-size:11px}.lang-list{flex-direction:column;display:flex}.lang-item{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-3) 0;border:0;border-bottom:1px solid var(--line);cursor:default;background:0 0;border-radius:0;display:flex}.lang-item:last-child{border-bottom:0}.lang-item[data-active=true]{border-color:var(--line);background:0 0}.lang-item-name{color:var(--ink);font-size:13px;font-weight:500}.lang-item-sub{color:var(--ink-3);margin-top:2px;font-family:inherit;font-size:11.5px}.lang-item--static{cursor:default}.lang-item-active-badge{text-transform:none;letter-spacing:0;color:var(--accent-ink);background:0 0;border:0;border-radius:0;flex-shrink:0;padding:0;font-size:11px;font-weight:500}.lang-item-soon{text-transform:none;letter-spacing:0;color:var(--ink-3);background:0 0;border:0;border-radius:0;flex-shrink:0;padding:0;font-size:11px;font-weight:400}.audio-list{flex-direction:column;display:flex}.drawer-error{color:var(--danger);padding:var(--sp-3) 0;font-size:13px;line-height:1.6}.drawer-empty{color:var(--ink-3);text-align:center;padding:var(--sp-8) var(--sp-4);font-size:13px;line-height:1.6}.drawer-coming-soon{color:var(--ink-3);margin:var(--sp-4) 0 0;background:0 0;border:0;border-radius:0;padding:0;font-size:12px;line-height:1.6}.tweaks-panel{background:var(--bg-elev);border:1px solid var(--line-strong);width:300px;box-shadow:var(--shadow-lg);z-index:100;border-radius:12px;position:fixed;bottom:20px;right:20px;overflow:hidden}.tweaks-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.tweaks-title{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2);font-size:12px;font-weight:600}.tweaks-close{color:var(--ink-3);border-radius:5px;place-items:center;width:22px;height:22px;display:grid}.tweaks-close:hover{background:var(--hover);color:var(--ink)}.tweaks-body{flex-direction:column;gap:14px;padding:12px 14px 14px;display:flex}.tw-row{flex-direction:column;gap:6px;display:flex}.tw-label{color:var(--ink-3);letter-spacing:.03em;text-transform:uppercase;font-size:11px;font-weight:500}.tw-segments{background:var(--panel);border:1px solid var(--line);border-radius:7px;gap:2px;padding:2px;display:flex}.tw-seg{color:var(--ink-2);text-align:center;border-radius:5px;flex:1;padding:5px 8px;font-size:12px;transition:background .12s,color .12s}.tw-seg:hover{color:var(--ink)}.tw-seg[data-active=true]{background:var(--bg-elev);color:var(--ink);box-shadow:var(--shadow-sm);font-weight:500}.tw-swatches{gap:6px;display:flex}.tw-swatch{border:1px solid var(--line);border-radius:6px;flex:1;place-items:center;height:28px;transition:border-color .12s;display:grid;position:relative}.tw-swatch:hover{border-color:var(--line-strong)}.tw-swatch[data-active=true]{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.tw-swatch-dot{border-radius:50%;width:10px;height:10px}.word-panel{z-index:25;background:color-mix(in oklch, var(--bg-elev) 92%, transparent);-webkit-backdrop-filter:blur(8px);border-left:1px solid var(--line-strong);width:320px;box-shadow:var(--shadow-lg);flex-direction:column;transition:transform .28s cubic-bezier(.2,.8,.2,1);display:flex;position:fixed;inset:0 0 0 auto;transform:translate(100%)}.word-panel[data-open=true]{transform:translate(0)}.word-panel-head{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:12px 16px;display:flex}.word-panel-body{flex:1;padding:18px 20px 40px;overflow-y:auto}.word-panel-arabic{font-family:var(--font-arabic);text-align:center;color:var(--ink);direction:rtl;padding:16px 0 8px;font-size:32px}.word-panel-translit{font-family:var(--font-mono);color:var(--ink-3);text-align:center;letter-spacing:.04em;margin-bottom:4px;font-size:13px}.word-panel-meaning{font-family:var(--font-serif);color:var(--ink);text-align:center;margin-bottom:20px;font-size:16px}.word-panel-section{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3);margin-bottom:8px;font-size:10.5px}.word-chips{direction:rtl;flex-wrap:wrap;justify-content:flex-start;gap:10px 16px;margin-top:8px;display:flex}.word-chip{cursor:default;background:0 0;border:none;border-radius:5px;flex-direction:column;align-items:center;gap:2px;padding:4px 6px;transition:background .1s;display:inline-flex}.word-chip:hover{background:var(--hover)}.word-chip-ar{font-family:var(--font-arabic);color:var(--ink);direction:rtl;font-size:17px}.word-chip-tr{font-family:var(--font-mono);color:var(--ink-4);letter-spacing:.03em;font-size:9px}.word-chip-en{font-family:var(--font-sans);color:var(--ink-3);font-size:10px}.mode-toggle{background:0 0;border:0;gap:2px;padding:0;display:flex}.mode-btn{width:34px;height:30px;color:var(--ink-3);border-radius:5px;justify-content:center;align-items:center;padding:0;transition:background .1s,color .1s;display:flex}.mode-btn:hover:not([data-active=true]){background:var(--hover);color:var(--ink)}.mode-btn[data-active=true]{background:var(--panel);color:var(--ink);font-weight:500}.kbd{font-family:var(--font-mono);color:var(--ink-3);border:1px solid var(--line-strong);background:var(--bg-elev);border-radius:4px;padding:1px 5px;font-size:11px}.autosave-badge{color:var(--ink-4);align-items:center;gap:4px;font-size:11px;display:flex}.autosave-badge[data-saving=true]{color:var(--accent)}.surah-grid-page{background:var(--bg);height:100dvh;padding:40px;overflow-y:auto}.surah-grid-header{margin-bottom:32px}.surah-grid-header h1{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--ink);font-size:32px;font-weight:600}.surah-grid-header p{color:var(--ink-3);margin-top:6px}.surah-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.surah-card{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius-lg);cursor:pointer;transition:box-shadow var(--dur-mid) var(--ease-out), border-color var(--dur-mid) ease;padding:14px 16px;text-decoration:none;display:block}.surah-card:hover{box-shadow:var(--shadow-sm);border-color:var(--line-strong)}.surah-card-num{font-family:var(--font-mono);color:var(--accent-ink);letter-spacing:.03em;margin-bottom:6px;font-size:10.5px}.surah-card-name{font-size:calc(14px * var(--fs-reading));color:var(--ink);font-weight:600}.surah-card-arabic{font-family:var(--font-arabic);font-size:calc(20px * var(--fs-arabic));text-align:right;color:var(--ink-2);direction:rtl;margin-top:8px;margin-bottom:4px}.surah-card-meta{color:var(--ink-3);font-size:12px}.canvas-mushaf-panel{box-shadow:var(--shadow-md)}@media (max-width:760px){.app{grid-template-columns:var(--rail) 0 minmax(0, 1fr)}.doc-wrap{padding:0 24px}.drawer-overlay{width:min(440px,100vw)}}@media (max-width:1100px){.doc-wrap{padding:0 28px}}.login-page{background:var(--bg);place-items:center;min-height:100dvh;padding:40px 20px;display:grid}.login-card{background:var(--bg-elev);border:1px solid var(--line-strong);border-radius:var(--radius-xl);width:100%;max-width:380px;box-shadow:var(--shadow-md);text-align:center;flex-direction:column;align-items:center;gap:0;padding:40px 36px 32px;display:flex}.login-logo{background:var(--ink);width:52px;height:52px;color:var(--bg);font-family:var(--font-arabic);border-radius:14px;place-items:center;margin-bottom:18px;font-size:26px;display:grid}.login-logo-mark{line-height:1}.login-title{font-family:var(--font-serif);color:var(--ink);letter-spacing:-.02em;margin:0 0 6px;font-size:24px;font-weight:600}.login-subtitle{color:var(--ink-3);margin:0 0 28px;font-size:13.5px;line-height:1.4}.login-google-btn{background:var(--bg-elev);border:1px solid var(--line-strong);width:100%;color:var(--ink);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:10px;margin-bottom:14px;padding:11px 20px;font-size:14px;font-weight:500;transition:background .12s,box-shadow .12s;display:flex}.login-google-btn:hover:not(:disabled){background:var(--hover);box-shadow:var(--shadow-sm)}.login-google-btn:disabled{opacity:.6;cursor:not-allowed}.login-spinner{border:2px solid var(--line-strong);border-top-color:var(--ink);border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-error{color:#b94642;color:lab(46.3104% 47.2106 27.79);margin:2px 0 10px;font-size:12.5px}.login-footer{color:var(--ink-4);margin-top:6px;font-size:11.5px;line-height:1.5}.login-build{color:var(--ink-4);opacity:.7;font-size:10px;font-family:var(--font-mono);margin-top:10px}.setup-screen{background:var(--bg);place-items:center;min-height:100dvh;padding:40px 20px;display:grid}.setup-card,.picker-card{background:var(--bg-elev);border:1px solid var(--line-strong);border-radius:var(--radius-xl);width:100%;max-width:480px;box-shadow:var(--shadow-md);text-align:center;padding:36px 40px}.setup-logo{background:var(--ink);width:44px;height:44px;color:var(--bg);font-family:var(--font-serif);border-radius:10px;place-items:center;margin:0 auto 20px;font-size:20px;font-weight:600;display:grid}.setup-title{font-family:var(--font-serif);color:var(--ink);letter-spacing:-.01em;margin:0 0 10px;font-size:22px;font-weight:600}.setup-body{color:var(--ink-2);margin:0 0 16px;font-size:14px;line-height:1.55}.setup-hint{color:var(--ink-3);margin:12px 0 6px;font-size:13px}.setup-code{font-family:var(--font-mono);background:var(--panel);border:1px solid var(--line);text-align:left;color:var(--ink-2);white-space:pre-wrap;word-break:break-all;border-radius:8px;margin:0 0 8px;padding:12px 16px;font-size:12.5px}.setup-error{font-family:var(--font-mono);color:#b67168;color:lab(55.0987% 27.4619 17.286);margin-top:12px;font-size:11px}.picker-list{text-align:left;flex-direction:column;gap:6px;display:flex}.picker-item{background:var(--panel);border:1px solid var(--line);cursor:pointer;color:var(--ink);border-radius:10px;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;transition:border-color .12s,box-shadow .12s;display:flex}.picker-item:hover{border-color:var(--line-strong);box-shadow:var(--shadow-sm)}.picker-avatar{background:linear-gradient(135deg, var(--accent), var(--accent-ink));color:#fff;border-radius:8px;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:12px;font-weight:600;display:grid;overflow:hidden}.picker-avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.picker-info{flex:1;min-width:0}.picker-name{color:var(--ink);font-size:14px;font-weight:600}.picker-meta{color:var(--ink-3);margin-top:2px;font-size:12px}.picker-arrow{color:var(--ink-4);font-size:16px}.tut-backdrop{z-index:9999;background:#00000073;justify-content:center;align-items:center;padding:16px;animation:.2s both tut-fade-in;display:flex;position:fixed;inset:0}.tut-backdrop--out{animation:.25s both tut-fade-out}@keyframes tut-fade-in{0%{opacity:0}to{opacity:1}}@keyframes tut-fade-out{0%{opacity:1}to{opacity:0}}.tut-card{background:var(--bg,#fff);border-radius:16px;width:100%;max-width:420px;padding:36px 32px 28px;animation:.25s cubic-bezier(.34,1.4,.64,1) both tut-slide-in;position:relative;box-shadow:0 24px 64px #0000002e}.tut-card--out{animation:.2s both tut-slide-out}@keyframes tut-slide-in{0%{opacity:0;transform:translateY(24px)scale(.96)}to{opacity:1;transform:none}}@keyframes tut-slide-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(16px)scale(.97)}}.tut-skip{color:var(--ink-4,#aaa);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:12px;transition:color .15s,background .15s;position:absolute;top:16px;right:16px}.tut-skip:hover{color:var(--ink-2,#555);background:var(--hover,#f3f3f3)}.tut-icon{margin-bottom:16px;font-size:36px;line-height:1}.tut-title{color:var(--ink,#111);margin:0 0 10px;font-size:20px;font-weight:700}.tut-body{color:var(--ink-2,#444);margin:0 0 24px;font-size:14.5px;line-height:1.75}.tut-code{font-family:var(--font-mono,monospace);background:var(--surface,#f5f5f5);border:1px solid var(--line,#e0e0e0);color:var(--accent-ink,#2e6644);border-radius:5px;padding:2px 7px;font-size:12.5px;display:inline-block}.tut-dots{justify-content:center;gap:6px;margin-bottom:20px;display:flex}.tut-dot{background:var(--line,#ddd);cursor:pointer;border:none;border-radius:50%;width:7px;height:7px;padding:0;transition:background .15s,transform .15s}.tut-dot--active{background:var(--accent,#2e6644);transform:scale(1.25)}.tut-nav{justify-content:flex-end;gap:10px;display:flex}.tut-btn{cursor:pointer;border:none;border-radius:8px;padding:8px 20px;font-size:13.5px;font-weight:500;transition:background .15s,opacity .15s}.tut-btn--ghost{color:var(--ink-3,#888);border:1px solid var(--line,#ddd);background:0 0}.tut-btn--ghost:hover:not(:disabled){background:var(--hover,#f3f3f3)}.tut-btn--ghost:disabled{opacity:.35;cursor:default}.tut-btn--primary{background:var(--accent,#2e6644);color:#fff}.tut-btn--primary:hover{background:var(--accent-dark,#245438)}.home-page{background:var(--bg);flex-direction:column;min-height:100dvh;display:flex}.home-topbar{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:0 40px;display:flex}.home-brand{align-items:center;gap:9px;display:flex}.home-brand-logo{background:var(--ink);width:26px;height:26px;color:var(--bg);font-family:var(--font-serif);border-radius:6px;flex-shrink:0;place-items:center;font-size:13px;font-weight:700;display:grid}.home-brand-name{color:var(--ink);letter-spacing:-.02em;font-size:15px;font-weight:600}.home-user-avatar{background:var(--panel-2);width:32px;height:32px;color:var(--ink-2);letter-spacing:.04em;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;place-items:center;padding:0;font-size:11px;font-weight:700;transition:opacity .15s,box-shadow .15s;display:grid;overflow:hidden}.home-user-avatar:hover{opacity:.8;box-shadow:0 0 0 2px var(--line-strong)}.home-user-avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.home-content{flex-direction:column;flex:1;gap:60px;width:100%;max-width:740px;margin:0 auto;padding:60px 24px 80px;display:flex}.hw-hero{flex-direction:column;gap:32px;display:flex}.hw-hero--empty{align-items:flex-start}.hw-greeting{flex-direction:column;gap:6px;display:flex}.hw-greeting-title{font-family:var(--font-serif);color:var(--ink);letter-spacing:-.025em;margin:0;font-size:30px;font-weight:600;line-height:1.15}.hw-greeting-sub{color:var(--ink-3);margin:0;font-size:14px;line-height:1.5}.hw-resume{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;transition:box-shadow var(--dur-mid) ease, transform var(--dur-mid) ease, border-color var(--dur-mid) ease;align-items:center;gap:24px;padding:24px 28px;display:flex;position:relative;overflow:hidden}.hw-resume:hover{box-shadow:var(--shadow-md);border-color:var(--line-strong);transform:translateY(-2px)}.hw-resume:focus{outline:2px solid var(--accent);outline-offset:2px}.hw-resume-accent{background:var(--accent);border-radius:14px 0 0 14px;flex-shrink:0;width:4px;position:absolute;top:0;bottom:0;left:0}.hw-resume-body{flex:1;min-width:0;padding-left:4px}.hw-resume-label{letter-spacing:.09em;text-transform:uppercase;color:var(--ink-4);margin-bottom:10px;font-size:10.5px;font-weight:600;display:block}.hw-resume-surah{align-items:baseline;gap:10px;margin-bottom:6px;display:flex}.hw-resume-surah-name{font-family:var(--font-serif);color:var(--ink);letter-spacing:-.02em;font-size:22px;font-weight:600}.hw-resume-surah-arabic{font-family:var(--font-arabic);color:var(--ink-3);font-size:18px;line-height:1}.hw-resume-page{color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:13.5px;overflow:hidden}.hw-resume-ws{color:var(--ink-4);margin:0;font-size:12px}.hw-resume-btn{color:var(--accent-ink);background:var(--accent-soft);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;flex-shrink:0;align-items:center;gap:7px;padding:10px 16px;font-size:13px;font-weight:500;transition:background .12s,opacity .12s;display:inline-flex}.hw-resume-btn:hover:not(:disabled){background:#4480612e;background:lab(48.8646% -26.2865 10.371/.18)}.hw-resume-btn--loading{opacity:.72;cursor:not-allowed}.hw-nav-spinner{border:1.5px solid var(--accent-ink);border-top-color:#0000;border-radius:50%;flex-shrink:0;width:13px;height:13px;animation:.65s linear infinite spin;display:inline-block}.hw-resume--loading{pointer-events:none;opacity:.78;transform:none!important}.hw-ws-card--nav-busy{pointer-events:none;opacity:.55}.hw-nav-overlay{z-index:9990;-webkit-backdrop-filter:blur(6px);background:#ffffffd1;justify-content:center;align-items:center;animation:.12s hw-fade-in;display:flex;position:fixed;inset:0}.hw-nav-overlay-content{flex-direction:column;align-items:center;gap:18px;display:flex}.hw-nav-overlay-spinner{border:2.5px solid var(--line-strong);border-top-color:var(--accent);border-radius:50%;width:36px;height:36px;animation:.9s linear infinite spin}.hw-nav-overlay-text{color:var(--ink-2);letter-spacing:-.01em;font-size:15px;font-weight:500}@keyframes hw-fade-in{0%{opacity:0}to{opacity:1}}.hw-nav-toast{z-index:9995;background:var(--ink);color:#fff;animation:hw-slide-up .18s var(--ease-out);white-space:nowrap;border-radius:10px;align-items:center;gap:14px;padding:11px 18px;font-size:13.5px;font-weight:450;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0003}.hw-nav-toast-close{color:#fff9;cursor:pointer;background:0 0;border:none;padding:0;font-size:18px;line-height:1;transition:color .1s}.hw-nav-toast-close:hover{color:#fff}@keyframes hw-slide-up{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.hw-cta-btn{color:var(--bg);background:var(--ink);cursor:pointer;letter-spacing:-.01em;border:none;border-radius:10px;align-items:center;gap:8px;padding:14px 24px;font-size:15px;font-weight:500;transition:opacity .12s,transform .12s;display:inline-flex}.hw-cta-btn:hover{opacity:.83;transform:translateY(-1px)}.hw-ws-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.hw-ws-title{color:var(--ink);letter-spacing:-.01em;margin:0;font-size:14px;font-weight:600}.hw-ws-new-btn{color:var(--ink-2);border:1px solid var(--line-strong);cursor:pointer;background:0 0;border-radius:7px;padding:5px 12px;font-size:13px;font-weight:500;transition:background .12s,border-color .12s}.hw-ws-new-btn:hover{background:var(--hover);border-color:var(--ink-4)}.hw-ws-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.hw-ws-card{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius-lg);cursor:pointer;text-align:left;transition:box-shadow var(--dur-mid) ease, border-color var(--dur-mid) ease, transform var(--dur-mid) ease;flex-direction:column;gap:12px;padding:20px 22px;display:flex}.hw-ws-card:hover{box-shadow:var(--shadow-md);border-color:var(--line-strong);transform:translateY(-2px)}.hw-ws-card:hover .hw-ws-card-actions{opacity:1}.hw-ws-card:focus{outline:2px solid var(--accent);outline-offset:2px}.hw-ws-card-header{justify-content:space-between;align-items:flex-start;display:flex}.hw-ws-card-avatar{background:var(--panel-2);width:36px;height:36px;color:var(--ink-2);letter-spacing:.03em;border-radius:9px;flex-shrink:0;place-items:center;font-size:12px;font-weight:700;display:grid}.hw-ws-card-actions{opacity:0;transition:opacity var(--dur-fast) ease;align-items:center;gap:2px;display:flex}.hw-ws-card-edit,.hw-ws-card-del{width:28px;height:28px;color:var(--ink-4);cursor:pointer;transition:background var(--dur-fast) ease, color var(--dur-fast) ease;background:0 0;border:none;border-radius:6px;place-items:center;display:grid}.hw-ws-card-edit:hover{background:var(--panel-2);color:var(--ink-2)}.hw-ws-card-del:hover{color:#ba2b2e;color:lab(42.4959% 56.9739 35.4904);background:#ffe8e7;background:lab(93.8984% 9.51898 4.03076)}.hw-ws-card-del-confirm{color:#fff;cursor:pointer;height:24px;transition:opacity var(--dur-fast) ease;background:#ba2b2e;background:lab(42.4959% 56.9739 35.4904);border:none;border-radius:5px;padding:0 8px;font-size:11.5px;font-weight:600}.hw-ws-card-del-confirm:hover{opacity:.88}.hw-ws-card-del-confirm:disabled{opacity:.55;cursor:wait}.hw-ws-card-name{color:var(--ink);letter-spacing:-.01em;margin:0;font-size:15px;font-weight:600;line-height:1.3}.hw-ws-card-name-input{color:var(--ink);border:none;border-bottom:1.5px solid var(--accent);letter-spacing:-.01em;background:0 0;outline:none;width:100%;padding:0;font-size:15px;font-weight:600}.hw-ws-card-meta{align-items:center;gap:8px;display:flex}.hw-ws-card-type{border-radius:4px;padding:2px 7px;font-size:11px;font-weight:500}.hw-ws-card-type--private{background:var(--panel-2);color:var(--ink-3)}.hw-ws-card-type--group{background:var(--accent-soft);color:var(--accent-ink)}.hw-ws-card-count{color:var(--ink-4);font-size:12px}.hw-ws-card-last{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding-top:10px;display:flex}.hw-ws-card-last-surah{color:var(--ink-3);font-size:12px;font-weight:500}.hw-ws-card-last-date{color:var(--ink-4);font-size:11px}.hw-ws-card-error{color:#9f5c54;color:lab(46.9729% 27.5399 17.4491);margin:0;font-size:11px}.hw-ws-empty{color:var(--ink-4);padding:8px 0;font-size:14px}.hw-ws-empty-btn{cursor:pointer;color:var(--accent-ink);background:0 0;border:none;font-size:14px;font-weight:500}.hw-ws-empty-btn:hover{text-decoration:underline}.home-join-row{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.home-join-btn{color:var(--ink-4);cursor:pointer;text-underline-offset:3px;opacity:.55;background:0 0;border:none;font-size:13px;text-decoration:underline;transition:opacity .15s}.home-join-btn:hover{opacity:.9}@media (max-width:600px){.hw-ws-grid{grid-template-columns:1fr}.home-topbar{padding:0 20px}.home-content{gap:48px;padding:40px 16px 60px}.hw-greeting-title{font-size:24px}.hw-resume{flex-direction:column;align-items:flex-start}.hw-resume-btn{justify-content:center;width:100%}}.workspace-home{grid-template-columns:var(--rail) 1fr;background:var(--bg);width:100vw;height:100dvh;display:grid;overflow:hidden}.workspace-home-content{min-width:0;padding:48px 56px 80px;overflow:hidden auto}.ws-home-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:32px;display:flex}.ws-home-name{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--ink);margin:0 0 5px;font-size:28px;font-weight:600}.ws-home-name--editable{cursor:pointer;border-radius:4px;transition:background .12s}.ws-home-name--editable:hover{background:var(--hover)}.ws-home-name-input{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--ink);background:var(--bg-elev);border:1.5px solid var(--accent);border-radius:4px;outline:none;width:320px;max-width:100%;margin:0 0 5px;padding:0 6px;font-size:28px;font-weight:600}.ws-home-sub{color:var(--ink-3);margin:0;font-size:13px}.ws-filter-tabs{background:var(--panel);border:1px solid var(--line);--indicator-left:0px;--indicator-width:0px;border-radius:11px;align-items:center;gap:2px;padding:3px;display:inline-flex;position:relative}.ws-filter-tab{z-index:1;height:28px;color:var(--ink-3);white-space:nowrap;transition:color var(--dur-hover) var(--ease-soft);border-radius:8px;align-items:center;gap:6px;padding:0 13px;font-size:12.5px;font-weight:500;display:inline-flex;position:relative}.ws-filter-tab:hover{color:var(--ink-2)}.ws-filter-tab[data-active=true]{color:var(--ink)}.ws-filter-count{color:var(--ink-4);font-variant-numeric:tabular-nums;transition:color var(--dur-hover) var(--ease-soft);font-size:11px;font-weight:600}.ws-filter-tab[data-active=true] .ws-filter-count{color:var(--accent-ink)}.ws-filter-indicator{z-index:0;height:28px;top:50%;left:var(--indicator-left);width:var(--indicator-width);background:var(--bg-elev);box-shadow:var(--shadow-sm);border:1px solid var(--line);transition:left .32s var(--ease-flow), width .32s var(--ease-flow);pointer-events:none;border-radius:8px;position:absolute;transform:translateY(-50%)}.ws-surah-grid[data-anim-direction=left]{animation:.26s cubic-bezier(.2,.9,.2,1) slideFromRight}.ws-surah-grid[data-anim-direction=right]{animation:.26s cubic-bezier(.2,.9,.2,1) slideFromLeft}@keyframes slideFromRight{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:translate(0)}}@keyframes slideFromLeft{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:translate(0)}}.ws-surah-grid{grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:8px;display:grid}.ws-surah-card{text-align:left;background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius-lg);cursor:pointer;transition:box-shadow var(--dur-mid) var(--ease-out), border-color var(--dur-mid) ease, background var(--dur-mid) ease;flex-direction:column;gap:3px;padding:14px 14px 11px;display:flex;position:relative}.ws-surah-card:hover{box-shadow:var(--shadow-sm);border-color:var(--line-strong)}.ws-surah-card[data-started=true]{border-color:var(--accent);background:color-mix(in oklch, var(--accent-soft) 60%, var(--bg-elev))}.ws-surah-card[data-started=true]:hover{box-shadow:0 0 0 3px var(--accent-soft), var(--shadow-sm)}.ws-surah-card[data-loading=true]{opacity:.6;cursor:wait}.ws-surah-card:disabled{cursor:not-allowed}.ws-card-num{font-family:var(--font-mono);color:var(--accent-ink);letter-spacing:.04em;margin-bottom:4px;font-size:10px}.ws-surah-card:not([data-started=true]) .ws-card-num{color:var(--ink-4)}.ws-card-arabic{font-family:var(--font-arabic);text-align:right;color:var(--ink);direction:rtl;font-size:20px;line-height:1.6}.ws-card-name{color:var(--ink);font-size:13px;font-weight:600;line-height:1.3}.ws-card-meta{color:var(--ink-3);font-size:11.5px}.ws-card-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:4px;margin-top:8px;padding-top:8px;display:flex}.ws-card-tag{font-family:var(--font-mono);color:var(--ink-4);letter-spacing:.03em;font-size:10px}.ws-card-badge{background:var(--accent-soft);color:var(--accent-ink);white-space:nowrap;border-radius:20px;padding:2px 7px;font-size:10.5px;font-weight:500}.ws-card-badge--loading{background:var(--panel);color:var(--ink-4)}.ws-card-start-hint{color:var(--ink-4);opacity:0;transition:opacity var(--dur-mid) ease;font-size:11px}.ws-surah-card:hover .ws-card-start-hint{opacity:1}.ws-surah-card[data-locked=true]{cursor:not-allowed;opacity:.55}.ws-surah-card[data-locked=true]:hover{transform:none}.ws-card-locked-hint{color:var(--ink-4);align-items:center;gap:4px;font-size:10.5px;display:inline-flex}.workspace-page{grid-template-columns:var(--rail) var(--sidebar) minmax(0, 1fr);background:var(--bg);width:100vw;height:100dvh;transition:grid-template-columns .2s;display:grid;overflow:hidden}.sidebar--collapsed{pointer-events:none}.sidebar-expand-btn{bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:35;background:var(--bg);border:1px solid var(--line);width:24px;height:40px;color:var(--ink-3);cursor:pointer;border-radius:0 6px 6px 0;justify-content:center;align-items:center;transition:background .12s,color .12s;display:flex;position:absolute;left:6px}.sidebar-expand-btn:hover{background:var(--hover);color:var(--ink)}.page-row-meta{flex-shrink:0;align-items:center;gap:5px;display:flex}.page-status-pill{display:none}.page-progress-dot{border-radius:50%;flex-shrink:0;width:5px;height:5px}.page-admin-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:4px;height:4px}.sidebar-footer{border-top:1px solid var(--line);padding:10px 16px 14px}.sidebar-footer-link{color:var(--ink-4);border-radius:5px;align-items:center;gap:4px;padding:4px 6px;font-size:12px;text-decoration:none;transition:background .12s,color .12s;display:flex}.sidebar-footer-link:hover{background:var(--hover);color:var(--ink)}.sidebar-empty{text-align:center;color:var(--ink-4);padding:24px 16px;font-size:13px;line-height:1.5}.sidebar-new-page-form{padding:8px 12px 4px}.sidebar-new-page-input{border:1px solid var(--line-strong);background:var(--bg-elev);width:100%;color:var(--ink);border-radius:5px;outline:none;padding:6px 10px;font-size:13px}.sidebar-new-page-save{background:var(--ink);color:var(--bg);cursor:pointer;border-radius:5px;padding:4px 12px;font-size:12.5px;font-weight:500;transition:opacity .12s}.sidebar-new-page-cancel{color:var(--ink-3);cursor:pointer;transition:background var(--dur-fast) ease;background:0 0;border-radius:5px;padding:4px 10px;font-size:12.5px}.sidebar-new-page-cancel:hover{background:var(--hover);color:var(--ink)}.rail-ws--skeleton{background:var(--panel);border:1px solid var(--line);animation:1.4s ease-in-out infinite skeleton-pulse}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.45}}.no-pages-crumbs{color:var(--ink-3);align-items:center;gap:8px;margin-bottom:40px;font-size:13px;display:flex}.no-pages-back{color:var(--ink-2);border-radius:5px;padding:4px 8px;font-weight:500;text-decoration:none;transition:background .12s}.no-pages-back:hover{background:var(--hover)}.no-pages-empty{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:540px;margin:0 auto;padding:40px 0;display:flex}.no-pages-title{font-family:var(--font-serif);color:var(--ink);margin:0;font-size:22px;font-weight:600}.no-pages-body{color:var(--ink-2);margin:0;font-size:14px;line-height:1.6}.no-pages-hint{color:var(--ink-3);margin:8px 0 0;font-size:13px}.no-pages-return{color:var(--accent-ink);border:1px solid var(--accent);border-radius:7px;margin-top:16px;padding:6px 14px;font-size:13px;font-weight:500;text-decoration:none;transition:background .12s}.no-pages-return:hover{background:var(--accent-soft)}.page-status-badge{text-transform:capitalize;border-radius:20px;padding:2px 8px;font-size:11.5px;font-weight:500;display:inline-block}.placeholder-progress-row{flex-wrap:wrap;gap:8px;margin-bottom:28px;display:flex}.placeholder-progress-chip{color:var(--ink-2);background:var(--panel);border:1px solid var(--line);border-radius:20px;align-items:center;gap:6px;padding:5px 10px;font-size:12.5px;display:flex}.prog-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.prog-dot[data-status=studied]{background:var(--accent)}.prog-dot[data-status=personal]{background:#b07932;background:lab(55.7249% 17.1939 46.3426)}.placeholder-notice{border-radius:var(--radius-lg);background:var(--panel);border:1px solid var(--line);align-items:flex-start;gap:16px;margin-top:40px;padding:22px 24px;display:flex}.placeholder-notice-icon{color:var(--ink-3);flex-shrink:0;padding-top:2px;font-size:18px;line-height:1}.placeholder-notice-title{color:var(--ink);margin-bottom:5px;font-size:14px;font-weight:600}.placeholder-notice-body{color:var(--ink-2);font-size:13.5px;line-height:1.55}.progress-ring{flex-shrink:0;display:block}.mode-btn--disabled{opacity:.38;cursor:not-allowed}.mode-btn--disabled:hover{color:var(--ink-3);background:0 0}.verse-block[data-group-status=studied]{background:color-mix(in oklch, #33a8680f 100%, var(--bg-elev));border-color:#33a86873;border-color:lab(61.2149% -44.7361 23.0801/.45)}@supports (color:lab(0% 0 0)){.verse-block[data-group-status=studied]{background:color-mix(in oklch, lab(61.2149% -44.7361 23.0801/.06) 100%, var(--bg-elev))}}.verse-block[data-group-status=pending]{background:color-mix(in oklch, #b079320f 100%, var(--bg-elev));border-color:#b0793273;border-color:lab(55.7249% 17.1939 46.3426/.45)}@supports (color:lab(0% 0 0)){.verse-block[data-group-status=pending]{background:color-mix(in oklch, lab(55.7249% 17.1939 46.3426/.06) 100%, var(--bg-elev))}}.verse-block[data-group-status=none]{border-color:var(--line)}.progress-control{border-top:1px solid var(--line);flex-direction:column;gap:6px;margin-top:6px;padding:10px 0 4px;display:flex}.prog-row{align-items:center;gap:8px;min-height:26px;display:flex}.prog-label{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-4);flex-shrink:0;width:56px;font-size:10px}.prog-btns{gap:2px;display:flex}.prog-btn{width:28px;height:24px;font-family:var(--font-mono);color:var(--ink-3);border:1px solid var(--line);cursor:pointer;border-radius:5px;place-items:center;font-size:12px;transition:background .1s,color .1s,border-color .1s;display:grid}.prog-btn:hover:not(:disabled){background:var(--hover);color:var(--ink);border-color:var(--line-strong)}.prog-btn[data-active=true]{background:var(--accent-soft);color:var(--accent-ink);border-color:var(--accent);font-weight:600}.prog-btn[data-status=studied][data-active=true]{background:var(--accent);color:#fff;border-color:var(--accent)}.prog-btn:disabled{opacity:.3;cursor:not-allowed}.prog-changed-by{font-family:var(--font-mono);color:var(--ink-4);letter-spacing:.02em;white-space:nowrap;margin-left:4px;font-size:9.5px}.ayah-notes{border-top:1px solid var(--line);flex-direction:column;gap:6px;margin-top:10px;padding-top:10px;display:flex}.note-card{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius-md);transition:border-color var(--dur-mid) ease, box-shadow var(--dur-mid) ease;padding:10px 14px}.note-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-sm)}.note-card[data-type=callout]{background:#5661ad0a;background:lab(43.0198% 12.2196 -42.8154/.04);border-color:#5661ad38;border-color:lab(43.0198% 12.2196 -42.8154/.22)}.note-card[data-type=linguistic]{background:#1b5a3e0a;background:lab(33.7774% -26.5635 10.4479/.04);border-color:#1b5a3e38;border-color:lab(33.7774% -26.5635 10.4479/.22)}.note-card[data-type=thematic]{background:#2586510a;background:lab(49.3547% -38.3674 19.7976/.04);border-color:#25865138;border-color:lab(49.3547% -38.3674 19.7976/.22)}.note-card[data-type=ruling]{background:#b671680a;background:lab(55.0987% 27.4619 17.286/.04);border-color:#b6716838;border-color:lab(55.0987% 27.4619 17.286/.22)}.note-card[data-type=question]{background:#b079320a;background:lab(55.7249% 17.1939 46.3426/.04);border-color:#b0793238;border-color:lab(55.7249% 17.1939 46.3426/.22)}.note-card-head{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:5px;display:flex}.note-type-chip{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;font-size:10px;font-weight:500}.note-admin-badge{font-family:var(--font-mono);color:#b67168;color:lab(55.0987% 27.4619 17.286);letter-spacing:.03em;align-items:center;gap:3px;font-size:10px;display:flex}.note-card-author{color:var(--ink-3);flex:1;font-size:11.5px}.note-card-ts{font-family:var(--font-mono);color:var(--ink-4);white-space:nowrap;font-size:10.5px}.note-card-body{font-family:var(--font-serif);color:var(--ink);white-space:pre-wrap;word-break:break-word;font-size:14px;line-height:1.6}.note-creator{background:var(--panel);border:1px solid var(--line-strong);border-radius:var(--radius-lg);flex-direction:column;gap:10px;margin-top:10px;padding:12px 14px;display:flex}.note-creator-types{flex-wrap:wrap;gap:4px;display:flex}.note-type-btn{border:1px solid var(--line);height:24px;color:var(--ink-2);border-radius:20px;padding:0 10px;font-size:12px;transition:background .1s,border-color .1s,color .1s}.note-type-btn:hover{background:var(--hover);color:var(--ink);border-color:var(--line-strong)}.note-type-btn[data-active=true]{background:var(--accent-soft);color:var(--accent-ink);border-color:var(--accent);font-weight:500}.note-creator-textarea{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);resize:none;width:100%;min-height:76px;font-family:var(--font-serif);color:var(--ink);outline:none;padding:8px 10px;font-size:14px;line-height:1.6;transition:border-color .12s;overflow:hidden}.note-creator-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.note-creator-textarea::placeholder{color:var(--ink-4)}.note-creator-error{color:#b67168;color:lab(55.0987% 27.4619 17.286);background:#b6716814;background:lab(55.0987% 27.4619 17.286/.08);border-radius:5px;padding:6px 8px;font-size:12.5px}.note-creator-actions{justify-content:flex-end;gap:6px;display:flex}.note-creator-cancel{height:28px;color:var(--ink-2);border:1px solid var(--line);border-radius:6px;padding:0 12px;font-size:13px;transition:background .12s}.note-creator-cancel:hover{background:var(--hover)}.note-creator-submit{background:var(--ink);height:28px;color:var(--bg);border-radius:6px;padding:0 14px;font-size:13px;font-weight:500;transition:opacity .12s}.note-creator-submit:hover:not(:disabled){opacity:.85}.note-creator-submit:disabled{opacity:.4;cursor:not-allowed}.mode-b-canvas{background:var(--paper);cursor:default;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;flex:1 1 0;position:relative;overflow:hidden}.mode-b-canvas[data-tool=hand]{cursor:var(--cursor-grab)}.mode-b-canvas[data-panning=true]{cursor:var(--cursor-grabbing)!important}.mode-b-canvas[data-tool=pen],.mode-b-canvas[data-tool=arrow],.mode-b-canvas[data-tool=highlight]{cursor:var(--cursor-cross)}.mode-b-canvas[data-tool=eraser]{cursor:none}.mode-b-canvas[data-tool=text]{cursor:var(--cursor-text)}.mode-b-canvas--empty{justify-content:center;align-items:center;display:flex}.mode-b-empty-msg{color:var(--ink-4);font-size:14px}:root{--study-exit:.26s}.study-layer{pointer-events:none;position:absolute;inset:0}.study-layer>*{pointer-events:auto}.study-layer,.study-rail-wrap,.study-bar,.drawing-canvas-wrap{transition:opacity var(--study-exit) var(--ease-out), transform var(--study-exit) var(--ease-out)}.study-layer[data-visible=false],.study-rail-wrap[data-visible=false],.study-bar[data-visible=false]{opacity:0;pointer-events:none}.study-layer[data-visible=false]>*{pointer-events:none}.study-layer[data-visible=true],.study-rail-wrap[data-visible=true],.study-bar[data-visible=true]{opacity:1}.study-rail-wrap[data-visible=true]{transition-delay:40ms}.study-layer[data-visible=true]{transition-delay:.14s}.study-bar[data-visible=true]{transition-delay:0s}.study-rail-wrap[data-visible=false]{transform:translate(-8px)}.drawing-canvas-wrap{animation:study-ink-in .32s var(--ease-out) both}@keyframes study-ink-in{0%{opacity:0}to{opacity:1}}.study-bar{z-index:31;background:var(--bg-elev);border:1px solid var(--line-strong);box-shadow:var(--shadow-md);color:var(--ink-2);border-radius:999px;align-items:center;gap:14px;padding:7px 8px 7px 16px;font-size:13px;display:flex;position:absolute;top:14px;right:20px}.study-bar[data-visible=false]{transform:translateY(-8px)}.study-bar[data-visible=true]{transform:none}.study-bar-surah{color:var(--ink-4)}.study-bar-done{appearance:none;cursor:pointer;background:var(--ink);color:var(--bg);font:inherit;transition:opacity var(--dur-hover) var(--ease-soft);border:0;border-radius:999px;padding:6px 16px;font-weight:600}.study-bar-done:hover{opacity:.86}.qcf-surah-name--btn{appearance:none;cursor:pointer;font:inherit;color:inherit;transition:background var(--dur-hover) var(--ease-soft);background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.qcf-surah-name--btn.qcf-surah-name{padding:5px 34px}.qcf-surah-name--btn:hover{background:var(--hover)}.qcf-surah-caret{inset-inline-end:13px;color:var(--ink-4);transition:opacity var(--dur-hover) var(--ease-soft);font-size:.5em;position:absolute;top:50%;transform:translateY(-50%)}.qcf-surah-name--btn:hover .qcf-surah-caret{opacity:.65}.mode-b-inner{transform-origin:0 0;flex-direction:column;gap:10px;display:flex;position:absolute;top:0;left:0}.mode-b-inner[data-zooming=true]{will-change:transform}.mode-b-zoom-controls{background:var(--bg-elev);border:1px solid var(--line-strong);border-radius:var(--radius);box-shadow:var(--shadow-md);z-index:30;align-items:center;gap:2px;padding:2px;display:flex;position:absolute;bottom:20px;right:20px}.mode-b-zoom-btn{width:28px;height:28px;color:var(--ink-2);border-radius:5px;justify-content:center;align-items:center;font-size:16px;line-height:1;transition:background .1s;display:flex}.mode-b-zoom-btn:hover{background:var(--hover);color:var(--ink)}.mode-b-zoom-label{color:var(--ink-3);text-align:center;min-width:36px;font-size:11.5px;font-family:var(--font-mono)}.spatial-ayah-block{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--dur-mid) var(--ease-out), border-color var(--dur-mid) ease, background var(--dur-mid) ease;position:relative;overflow:hidden}.spatial-ayah-block:hover{box-shadow:var(--shadow-md);border-color:var(--line-strong)}.sab-header{cursor:pointer;border-radius:var(--radius-lg) var(--radius-lg) 0 0;height:56px;transition:background var(--dur-fast) ease;align-items:center;gap:8px;padding:0 12px;display:flex}.sab-header:hover{background:var(--hover)}[data-collapsed=true] .sab-header{border-radius:var(--radius-lg)}.sab-toggle{width:20px;height:20px;color:var(--ink-4);transition:background var(--dur-fast) ease, color var(--dur-fast) ease;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sab-header:hover .sab-toggle{color:var(--ink-2);background:var(--active)}.sab-ref{font-family:var(--font-mono);color:var(--ink-4);letter-spacing:.04em;flex-shrink:0;min-width:36px;font-size:11px;font-weight:600}.sab-arabic-preview{min-width:0;font-family:var(--font-arabic);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;text-align:right;direction:rtl;flex:1 1 0;font-size:18px;line-height:1.5;overflow:hidden}.sab-progress-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:background .2s}.sab-note-chip{color:var(--accent-ink);background:var(--accent-soft);border-radius:10px;flex-shrink:0;padding:1px 6px;font-size:10.5px;font-weight:600}.sab-body{border-top:1px solid var(--line);flex-direction:column;gap:12px;padding:12px 16px 16px;display:flex}.sab-arabic{font-family:var(--font-arabic);color:var(--ink);text-align:right;direction:rtl;font-size:26px;line-height:2}.sab-word-chips{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.sab-word-chip{font-family:var(--font-mono);color:var(--ink-3);background:var(--panel-2);border:1px solid var(--line);border-radius:4px;padding:2px 6px;font-size:10.5px}.sab-translation{font-family:var(--font-serif);color:var(--ink-2);font-size:14px;line-height:1.7}.sab-tr-num{color:var(--ink-4);font-size:10px;font-family:var(--font-mono);margin-right:4px}.sab-progress-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.sab-progress-label{color:var(--ink-4);letter-spacing:.03em;font-size:11px;font-weight:500}.sab-progress-sep{background:var(--line-strong);width:1px;height:12px;margin:0 4px}.sab-status-pill{letter-spacing:.02em;border-radius:20px;padding:1px 7px;font-size:11px;font-weight:500}.sab-status-pill[data-status=not_studied]{background:var(--panel-2);color:var(--ink-4)}.sab-status-pill[data-status=pending]{color:#8b5600;color:lab(41.6945% 20.2857 60.6361);background:#d4964826;background:lab(67.3237% 18.4771 49.6627/.15)}.sab-status-pill[data-status=studied]{color:#005d32;color:lab(34.2521% -38.9513 20.1915);background:#1c985a1f;background:lab(55.4078% -44.9052 23.192/.12)}.sab-notes{flex-direction:column;gap:4px;display:flex}.sab-note-item{border-radius:var(--radius);background:var(--panel);border:1px solid var(--line);align-items:center;gap:8px;padding:5px 8px;font-size:12px;display:flex}.sab-note-type{color:var(--ink-3);text-transform:capitalize;letter-spacing:.02em;font-weight:600}.sab-note-author{color:var(--ink-4);font-size:11px}.spatial-ayah-block[data-group-status=studied]{background:color-mix(in oklch, #33a8680f 100%, var(--bg-elev));border-color:#33a86866;border-color:lab(61.2149% -44.7361 23.0801/.4)}@supports (color:lab(0% 0 0)){.spatial-ayah-block[data-group-status=studied]{background:color-mix(in oklch, lab(61.2149% -44.7361 23.0801/.06) 100%, var(--bg-elev))}}.spatial-ayah-block[data-group-status=pending]{background:color-mix(in oklch, #e7b3750f 100%, var(--bg-elev));border-color:#e7b37566;border-color:lab(76.691% 14.4525 39.2184/.4)}@supports (color:lab(0% 0 0)){.spatial-ayah-block[data-group-status=pending]{background:color-mix(in oklch, lab(76.691% 14.4525 39.2184/.06) 100%, var(--bg-elev))}}.spatial-ayah-block[data-group-status=none]{border-color:var(--line)}.anc-note{background:var(--bg-elev);border:1px solid var(--line-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-md);font-size:13px;font-family:var(--font-sans);cursor:default;pointer-events:auto;animation:anc-note-in .18s var(--ease-out);transition:box-shadow var(--dur-mid) ease}.anc-note:hover{box-shadow:var(--shadow-lg)}@keyframes anc-note-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.anc-note--minimized{white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:4px 8px;display:flex;width:auto!important}.anc-note-type-pill{letter-spacing:.03em;font-size:11px;font-weight:600}.anc-note-author-pill{color:var(--ink-4);font-size:11px}.anc-note-head{border-bottom:1px solid var(--line);align-items:center;gap:6px;padding:7px 10px 5px;display:flex}.anc-note-type{letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:700}.anc-note-lock{color:var(--ink-4);align-items:center;display:flex}.anc-note-author{color:var(--ink-4);white-space:nowrap;text-overflow:ellipsis;max-width:96px;margin-left:auto;font-size:11px;overflow:hidden}.anc-note-body{font-family:var(--font-serif);color:var(--ink);-webkit-line-clamp:5;-webkit-box-orient:vertical;padding:8px 10px 10px;font-size:13px;line-height:1.65;display:-webkit-box;overflow:hidden}.mushaf-card{-webkit-user-select:none;user-select:none;backface-visibility:hidden;background:#fcfaf6;background:lab(98.2776% .340641 2.25879);border-radius:2px;padding:56px 68px 72px;position:relative;transform:translateZ(0);box-shadow:0 0 0 1px #c4bcb380,0 2px 8px #00000012,0 10px 36px #0000001c,0 28px 72px #0000000f;box-shadow:0 0 0 1px lab(76.8248% 1.43451 5.95512/.5),0 2px 8px lab(0% 0 0/.07),0 10px 36px lab(0% 0 0/.11),0 28px 72px lab(0% 0 0/.06)}.mushaf-surah-header{text-align:center;margin-bottom:16px;padding-bottom:28px}.mushaf-surah-header:before,.mushaf-surah-header:after{content:"";background:linear-gradient(90deg,#0000 0%,#b7a897 20% 80%,#0000 100%);background:linear-gradient(90deg,#0000 0%,lab(69.8563% 3.36838 11.1275) 20% 80%,#0000 100%);height:1px;display:block}.mushaf-surah-header:before{margin-bottom:14px}.mushaf-surah-header:after{margin-top:14px}.mushaf-surah-name{color:#231103;color:lab(7.07656% 8.17062 9.56571);letter-spacing:.05em;background:0 0;border-top:1.5px solid #a9947e;border-top:1.5px solid lab(62.8548% 5.55646 14.6359);border-bottom:1.5px solid #a9947e;border-bottom:1.5px solid lab(62.8548% 5.55646 14.6359);padding:6px 40px 9px;font-family:Amiri Quran,Amiri,serif;font-size:21px;display:inline-block}.mushaf-basmala{color:#060301;color:lab(.892311% .675648 .90645);text-align:center;-webkit-font-smoothing:antialiased;margin-top:4px;font-family:Amiri Quran,Amiri,serif;font-size:27px;line-height:1.9}.mushaf-text{color:#040201;color:lab(.649149% .558808 .719348);text-align:justify;text-align-last:right;word-spacing:.04em;font-feature-settings:"liga" 1, "calt" 1, "kern" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;-webkit-user-select:text;user-select:text;direction:rtl;font-family:Amiri Quran,Amiri,serif;font-size:30px;line-height:2.15}.mushaf-verse{display:inline}.mushaf-ayah-anchor{width:0;font-size:0;line-height:0;display:inline;overflow:hidden}.mushaf-word{cursor:pointer;transition:background var(--dur-fast) ease;border-radius:3px;padding:0 1px;display:inline}.mushaf-word:hover{background:#f7d2937a;background:lab(86.2085% 7.5126 36.1946/.48)}.mushaf-word:active,.mushaf-word[data-active=true]{background:#f1b9658c;background:lab(79.1098% 14.0595 49.955/.55)}.mushaf-word-wrap{display:inline;position:relative}.mode-b-word-hint{z-index:10;background:var(--bg-elev);border:1px solid var(--line-strong);color:var(--ink-2);pointer-events:auto;white-space:nowrap;border-radius:20px;align-items:center;gap:7px;padding:6px 14px 6px 10px;font-size:12px;animation:.3s ease-out wh-in;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 2px 12px #0000001a;box-shadow:0 2px 12px lab(0% 0 0/.1)}.mode-b-word-hint svg{color:var(--accent);flex-shrink:0}.mode-b-word-hint-dismiss{width:18px;height:18px;color:var(--ink-4);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;margin-left:6px;font-size:12px;transition:background .1s,color .1s;display:flex}.mode-b-word-hint-dismiss:hover{background:var(--hover);color:var(--ink)}@keyframes wh-in{0%{opacity:0;transform:translate(-50%)translateY(6px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.mushaf-ayah-end{color:#5f371b;color:lab(27.7429% 15.8698 25.3352);cursor:pointer;vertical-align:baseline;white-space:nowrap;transition:color var(--dur-fast) ease;padding:0 2px;font-family:Amiri Quran,Amiri,serif;font-size:.8em;display:inline}.mushaf-ayah-end:hover{color:#441c00;color:lab(15.8387% 25.0686 31.5683)}.mushaf-token{color:var(--ink-4);font-size:.85em;display:inline}.mushaf-page-number{text-align:center;letter-spacing:.12em;color:#8f7c6b;color:lab(53.5545% 5.41014 12.5142);-webkit-user-select:none;user-select:none;padding-top:20px;padding-bottom:4px;font-size:11px;font-weight:500}.tb-canvas-slot{display:contents}.tb-page-nav{-webkit-user-select:none;user-select:none;border-left:1px solid var(--line);flex-shrink:0;align-items:center;gap:1px;margin-left:4px;padding-left:10px;display:flex}.tb-page-nav-btn{cursor:pointer;width:22px;height:22px;color:var(--ink-3);transition:background var(--dur-hover) var(--ease-soft), color var(--dur-hover) var(--ease-soft);background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;font-size:16px;line-height:1;display:flex}.tb-page-nav-btn:hover:not(:disabled){background:var(--hover);color:var(--ink)}.tb-page-nav-btn:disabled{opacity:.32;cursor:default}.tb-page-nav-info{white-space:nowrap;align-items:center;gap:5px;padding:0 6px;font-size:12.5px;display:flex}.tb-page-nav-page{color:var(--ink);font-weight:500}.tb-page-nav-sep{color:var(--ink-4)}.tb-page-nav-surah{color:var(--ink-3);text-overflow:ellipsis;max-width:140px;overflow:hidden}.qcf-page{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;flex-direction:column;padding:64px 64px 56px;display:flex;position:relative}.qcf-surah-header{flex-direction:column;align-items:center;gap:14px;margin-bottom:20px;display:flex}.qcf-surah-ornament{color:var(--paper-ink);justify-content:center;align-items:center;gap:10px;display:flex}.qcf-surah-bar{border:1px solid var(--paper-line);border-radius:var(--radius-lg);background:var(--paper-wash);justify-content:space-between;align-items:center;gap:16px;width:min(480px,100%);padding:5px 8px;display:flex}.qcf-surah-bar:not(:has(.qcf-bar-basmala)){justify-content:center;gap:14px}.qcf-bar-basmala{font-family:var(--font-uthmanic);color:var(--paper-ink);white-space:nowrap;font-size:22px;line-height:1.2}.qcf-bar-en{font-family:var(--font-sans);letter-spacing:.01em;color:color-mix(in srgb, var(--paper-ink) 58%, transparent);white-space:nowrap;align-items:center;gap:6px;font-size:12.5px;font-weight:500;display:inline-flex}.qcf-bar-en svg{opacity:.75;flex:none}.qcf-plate{font-family:var(--font-arabic);color:var(--paper-ink);background:color-mix(in srgb, var(--paper-ink) 7%, transparent);border-radius:var(--radius-md);white-space:nowrap;border:0;align-items:center;gap:8px;padding:4px 12px;font-size:18px;font-weight:600;line-height:1.3;display:inline-flex}.qcf-plate--btn{appearance:none;cursor:pointer;transition:background var(--dur-hover) var(--ease-soft)}.qcf-plate--btn:hover{background:color-mix(in srgb, var(--paper-ink) 13%, transparent)}.qcf-plate-pen{opacity:.6;flex:none}.qcf-plate--btn:hover .qcf-plate-pen{opacity:1}.qcf-surah-name{font-family:var(--font-arabic);color:var(--paper-ink);white-space:nowrap;border:1px solid var(--paper-line);border-radius:var(--radius-lg);background:var(--paper-wash);align-items:baseline;gap:10px;padding:6px 18px;font-size:18px;font-weight:600;line-height:1.5;display:inline-flex}.qcf-surah-name-en{font-family:var(--font-sans);letter-spacing:.01em;color:color-mix(in srgb, var(--paper-ink) 58%, transparent);font-size:12.5px;font-weight:500}.qcf-basmala{color:var(--paper-ink);text-align:center;direction:rtl;font-family:Amiri Quran,Amiri,serif;font-size:28px;line-height:1.7}.qcf-lines{width:100%;font-size:calc(20px * var(--fs-arabic));letter-spacing:0;word-spacing:0;font-kerning:none;text-rendering:optimizespeed;direction:rtl;flex-direction:column;flex:1;line-height:1.95;display:flex}.qcf-line{direction:rtl;justify-content:center;align-items:center;gap:0;display:flex}.qcf-line-fit{transform:scaleX(var(--qcf-fit,1));transform-origin:50%;display:inline-flex}.qcf-glyph{color:var(--paper-ink);-webkit-user-select:none;user-select:none;flex-shrink:0;display:block}.qcf-word{cursor:pointer;transition:background-color .18s var(--ease-out);background-color:#ffd05000;border-radius:4px}.qcf-word:hover{background-color:#ffd0504d;transition-duration:.12s}.qcf-word:active{background-color:#ffb92880;transition-duration:60ms}.qcf-word--noted{border-radius:3px}.qcf-word--noted:hover{filter:brightness(.96)}.qcf-word--selected{box-shadow:none;border-radius:3px;background:#f9d544b3!important;background:lab(86.6497% 2.03314 72.0242/.7)!important}.qcf-word--selected:hover{filter:none}.qcf-end{cursor:pointer;transition:opacity 80ms}.qcf-end:hover{opacity:.6}.qcf-page--error{justify-content:center;align-items:center;min-height:500px;display:flex}.qcf-error{text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}.qcf-error-msg{color:var(--ink-3);margin:0;font-size:14px}.qcf-error-retry{color:var(--accent-ink);background:var(--accent-soft);cursor:pointer;border:none;border-radius:7px;padding:8px 18px;font-size:13px;font-weight:500;transition:background .12s}.qcf-error-retry:hover{background:#4480612e;background:lab(48.8646% -26.2865 10.371/.18)}.qcf-page-num{text-align:center;letter-spacing:.08em;color:#0000004d;-webkit-user-select:none;user-select:none;direction:ltr;border-top:1px solid #0000001a;margin-top:24px;padding-top:12px;font-size:11px;font-weight:500}.qcf-page--loading{min-height:860px}.qcf-skeleton{flex-direction:column;gap:18px;padding-top:4px;display:flex}.qcf-skeleton-line{background:#0000001a;border-radius:3px;height:15px;margin-left:auto;margin-right:auto;animation:1.5s ease-in-out infinite qcf-shimmer}@keyframes qcf-shimmer{0%,to{opacity:.5}50%{opacity:1}}.mode-b-connector-line{stroke:var(--line-strong);stroke-width:1px;stroke-dasharray:4 3;opacity:.45}.word-popup{z-index:9999;background:var(--bg-elev);border:1px solid var(--line-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-md);text-align:center;min-width:180px;max-width:280px;animation:word-popup-in var(--dur-fast) var(--ease-out);pointer-events:auto;padding:16px 18px 14px;position:fixed}@keyframes word-popup-in{0%{opacity:0;transform:translate(-50%)translateY(-6px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.word-popup-close{width:22px;height:22px;color:var(--ink-4);border-radius:var(--radius);transition:background var(--dur-fast) ease, color var(--dur-fast) ease;justify-content:center;align-items:center;font-size:16px;line-height:1;display:flex;position:absolute;top:6px;right:8px}.word-popup-close:hover{background:var(--hover);color:var(--ink)}.word-popup-arabic{font-family:var(--font-arabic);color:var(--ink);direction:rtl;margin-bottom:6px;font-size:32px;line-height:1.4}.word-popup-translit{font-family:var(--font-mono);color:var(--accent-ink);letter-spacing:.03em;margin-bottom:4px;font-size:12px}.word-popup-translation{font-family:var(--font-serif);color:var(--ink-2);margin-bottom:8px;font-size:13px;line-height:1.5}.word-popup-ref{font-family:var(--font-mono);color:var(--ink-4);letter-spacing:.06em;border-top:1px solid var(--line);margin-top:2px;padding-top:6px;font-size:10.5px}.word-popup-actions{border-top:1px solid var(--line);flex-wrap:wrap;gap:6px;margin-top:10px;padding-top:10px;display:flex}.word-popup-action{background:var(--panel-2);min-width:0;color:var(--ink-2);border:1px solid var(--line);text-align:center;white-space:nowrap;border-radius:6px;flex:1 1 0;padding:5px 8px;font-size:11.5px;font-weight:500;transition:background .1s,color .1s}.word-popup-action:hover{background:var(--hover);color:var(--ink)}.word-popup-action--tafsir{background:var(--accent-soft);color:var(--accent-ink);border-color:#0000}.word-popup-action--tafsir:hover{filter:brightness(.94)}.word-popup-form{flex-direction:column;gap:8px;min-width:240px;display:flex}.word-popup-back{color:var(--ink-4);text-align:left;padding:0;font-size:11px;transition:color .1s}.word-popup-back:hover{color:var(--ink-2)}.word-popup-form-label{color:var(--ink-3);font-size:12px;font-family:var(--font-sans)}.word-popup-form-ref-ar{font-family:var(--font-arabic);color:var(--ink);font-size:15px}.word-popup-types{flex-wrap:wrap;gap:4px;display:flex}.word-popup-type-btn{border:1px solid var(--line);color:var(--ink-3);background:var(--panel-2);border-radius:20px;padding:3px 8px;font-size:11px;transition:background .1s,color .1s,border-color .1s}.word-popup-type-btn[data-active=true]{background:var(--accent-soft);color:var(--accent-ink);border-color:var(--accent-ink);font-weight:600}.word-popup-textarea{width:100%;min-height:72px;max-height:200px;font-size:13px;font-family:var(--font-serif);color:var(--ink);background:var(--panel);border:1px solid var(--line-strong);resize:none;border-radius:6px;padding:8px 10px;line-height:1.6;transition:border-color .15s}.word-popup-textarea:focus{border-color:var(--accent-ink);outline:none}.word-popup-textarea:disabled{opacity:.6}.word-popup-error{color:#b32228;color:lab(40.1691% 57.0293 36.0154);background:#fff0ee;background:lab(96.1493% 12.2788 6.63452);border-radius:4px;padding:4px 8px;font-size:11.5px}.word-popup-form-actions{justify-content:flex-end;gap:6px;display:flex}.word-popup-cancel{color:var(--ink-3);background:0 0;border-radius:6px;padding:5px 10px;font-size:12px;transition:background .1s}.word-popup-cancel:hover{background:var(--hover);color:var(--ink)}.word-popup-save{background:var(--accent-ink);color:#fff;border-radius:6px;padding:5px 14px;font-size:12px;font-weight:600;transition:opacity .1s}.word-popup-save:disabled{opacity:.45;cursor:default}.word-popup-save:not(:disabled):hover{opacity:.88}.mushaf-ayah-end{cursor:pointer}.mushaf-ayah-end:hover{color:#441c00;color:lab(15.8387% 25.0686 31.5683);-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.anc-note-type-picker{flex-wrap:wrap;gap:4px;margin:6px 0 8px;display:flex}.anc-note-type-option{border:1px solid var(--line);color:var(--ink-3);cursor:pointer;transition:color var(--dur-hover) var(--ease-soft), border-color var(--dur-hover) var(--ease-soft), background var(--dur-hover) var(--ease-soft);background:0 0;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:600}.anc-note-type-option:hover{border-color:var(--type-color);color:var(--type-color)}.anc-note-type-option[data-active=true]{color:var(--type-color);border-color:var(--type-color);background:color-mix(in oklch, var(--type-color) 10%, transparent)}.free-textbox{z-index:12;min-width:140px;max-width:900px;min-height:28px;box-shadow:none;resize:horizontal;animation:textbox-in .24s var(--ease-soft) both;transition:border-color var(--dur-hover) var(--ease-soft);background:0 0;border:1px solid #0000;border-radius:0;padding:4px 12px 14px;position:absolute;overflow:hidden}@keyframes textbox-in{0%{opacity:0}to{opacity:1}}.free-textbox:hover{border-color:var(--line)}.free-textbox:focus-within,.free-textbox[data-focused=true]{border-color:var(--line-strong)}.free-textbox-chrome{background:var(--panel);border-bottom:1px solid var(--line);height:14px;cursor:var(--cursor-grab);-webkit-user-select:none;user-select:none;touch-action:none;opacity:0;justify-content:center;align-items:center;margin:-4px -12px 6px;transition:opacity .15s;display:flex;position:relative}.free-textbox-chrome:active{cursor:var(--cursor-grabbing)}.free-textbox-chrome[data-visible=true]{opacity:1}.free-textbox-gripdots{letter-spacing:1px;color:var(--ink-4);pointer-events:none;font-size:12px;line-height:1}.free-textbox-delete{color:var(--ink-4);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:10px;line-height:1;transition:color .12s;position:absolute;top:1px;right:3px}.free-textbox-delete:hover{color:#c53637;color:lab(45.9853% 56.8958 34.8481)}.free-textbox-text,.free-textbox-input{font-size:calc(15.5px * var(--fs-reading));color:var(--ink);white-space:pre-wrap;word-break:break-word;cursor:var(--cursor-text);line-height:1.75}.free-textbox-input{resize:none;background:0 0;border:none;outline:none;width:100%;padding:0;font-family:inherit;overflow:hidden}.free-textbox-placeholder{color:var(--ink-4);font-style:italic}.free-textbox-slash{animation:slash-pop .18s var(--ease-flow) both;margin:6px -6px 0}.free-textbox-author{color:var(--ink-4);opacity:0;font-size:9px;transition:opacity .15s;position:absolute;bottom:2px;right:8px}.free-textbox:hover .free-textbox-author{opacity:1}.anchor-session-chip{z-index:40;background:var(--bg-elev);border:1px solid var(--line-strong);box-shadow:var(--shadow-md);animation:chip-in .22s var(--ease-flow) both;border-radius:999px;align-items:center;gap:10px;padding:5px 6px 5px 14px;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}@keyframes chip-in{0%{opacity:0;transform:translate(-50%)translateY(-4px)}to{opacity:1;transform:translate(-50%)}}.anchor-session-label{color:var(--ink-2);white-space:nowrap;font-size:12px;font-weight:500}.anchor-session-done{background:var(--accent);color:#fff;cursor:pointer;transition:opacity var(--dur-hover) var(--ease-soft);border-radius:999px;padding:4px 14px;font-size:12px;font-weight:600}.anchor-session-done:hover{opacity:.88}.drawing-canvas-wrap{z-index:20;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:none;position:absolute;inset:0}.drawing-canvas-el{will-change:transform;backface-visibility:hidden;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:none;width:100%;height:100%;display:block;transform:translateZ(0)}.canvas-tool-rail{z-index:30;background:var(--bg-elev);border:1px solid var(--line);box-shadow:var(--shadow-lg);border-radius:999px;flex-direction:row;align-items:center;gap:2px;max-width:calc(100% - 24px);padding:6px;display:flex;position:absolute;top:auto;bottom:18px;left:50%;overflow:visible;transform:translate(-50%)}.ctr-btn{border-radius:var(--radius-md);cursor:pointer;width:36px;height:36px;color:var(--ink-3);transition:background var(--dur-fast) ease, color var(--dur-fast) ease, box-shadow var(--dur-fast) ease;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.ctr-btn:hover:not(:disabled){background:var(--bg-elev);color:var(--ink);box-shadow:var(--shadow-sm)}.ctr-btn[data-active=true]{background:var(--accent);color:#fff;box-shadow:none}.ctr-btn[data-active=true]:hover:not(:disabled){background:var(--accent);color:#fff;filter:brightness(1.08)}.ctr-btn:disabled{opacity:.28;cursor:not-allowed}.ctr-btn--danger{color:#b32035;color:lab(40.0784% 57.7806 28.012)}.ctr-btn--danger:hover:not(:disabled){color:#a10022;color:lab(32.8699% 64.323 33.9091);background:#ffeceb;background:lab(95.0584% 9.51877 4.03039)}.ctr-sep{background:var(--line);opacity:.7;flex-shrink:0;width:1px;height:20px;margin:0 4px}.ctr-color-dot{pointer-events:none;border:1.5px solid #ffffffeb;border-radius:50%;width:7px;height:7px;position:absolute;bottom:5px;right:5px;box-shadow:0 0 0 .75px #0000002e}.ctr-popover{background:var(--bg-elev);border-radius:var(--radius-lg);border:1px solid var(--line-strong);box-shadow:var(--shadow-md);opacity:0;pointer-events:none;flex-direction:column;gap:9px;min-width:136px;padding:11px 12px;transition:opacity .16s,transform .16s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)translateY(6px)}.ctr-popover[data-open=true]{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.ctr-popover-label{text-transform:uppercase;letter-spacing:.07em;color:var(--ink-4);margin:0;font-size:10px;font-weight:600}.ctr-swatches{flex-wrap:wrap;gap:6px;display:flex}.ctr-swatch{cursor:pointer;border:2.5px solid #0000;border-radius:50%;width:20px;height:20px;padding:0;transition:transform .1s,border-color .1s;box-shadow:0 0 0 1px #00000024}.ctr-swatch:hover{transform:scale(1.2)}.ctr-swatch[data-active=true]{border-color:var(--ink);box-shadow:0 0 0 1px #1e1a1440;box-shadow:0 0 0 1px lab(9.54589% .84766 4.55285/.25)}.ctr-widths{gap:4px;display:flex}.ctr-width-btn{border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--panel);cursor:pointer;width:34px;height:30px;transition:background var(--dur-fast) ease, border-color var(--dur-fast) ease;justify-content:center;align-items:center;padding:0;display:flex}.ctr-width-btn:hover{background:var(--hover);border-color:var(--line-strong)}.ctr-width-btn[data-active=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-ink)!important}.fa-overlay{z-index:60;background:var(--bg);border-left:1px solid var(--line-strong);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;width:min(500px,48vw);height:100dvh;animation:fa-dock-in .32s var(--ease-flow) both;flex-direction:column;display:flex;position:fixed;top:0;left:auto;right:0;box-shadow:-12px 0 40px #1e1a141f;box-shadow:-12px 0 40px lab(9.54589% .84766 4.55285/.12)}@keyframes fa-dock-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}@media (max-width:640px){.fa-overlay{border-left:none;width:100vw;left:0}}.fa-main{flex:1;min-height:0;display:flex;overflow:hidden}.fa-toolbar{border-bottom:1px solid var(--line-strong);background:var(--bg-elev);flex-shrink:0;align-items:center;gap:12px;min-height:52px;padding:8px 16px;display:flex}.fa-toolbar-label{color:var(--ink-2);flex:1;align-items:center;gap:6px;font-size:.875rem;font-weight:500;display:flex}.fa-label-ar{color:var(--ink);font-family:Amiri Quran,serif;font-size:1.15rem}.fa-label-ref{color:var(--ink-3);font-weight:400}.fa-clear-btn{border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--bg-elev);color:var(--ink-3);cursor:pointer;transition:background var(--dur-fast) ease, color var(--dur-fast) ease;white-space:nowrap;align-items:center;gap:5px;padding:5px 10px;font-size:.75rem;font-weight:500;display:flex}.fa-clear-btn:hover:not(:disabled){color:#b32228;color:lab(40.1691% 57.0293 36.0154);background:#fff0ee;background:lab(96.1493% 12.2788 6.63452);border-color:#fdc9c4;border-color:lab(85.5193% 18.485 10.0423)}.fa-clear-btn:disabled{opacity:.35;cursor:default}.fa-close-btn{border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--bg-elev);width:32px;height:32px;color:var(--ink-3);cursor:pointer;transition:background var(--dur-fast) ease, color var(--dur-fast) ease;justify-content:center;align-items:center;margin-left:4px;font-size:1.1rem;display:flex}.fa-close-btn:hover{background:var(--hover);color:var(--ink)}.fa-rail{z-index:1;border-right:1px solid var(--line-strong);background:var(--bg);flex-shrink:0;justify-content:center;align-items:center;max-height:100%;padding:12px 10px;display:flex;position:relative;overflow:visible auto}@media (max-width:900px),(max-height:700px){.fa-toolbar{gap:8px;min-height:44px;padding:6px 10px}.fa-label-ar{font-size:1rem}.fa-rail{padding:6px 4px}.fa-arabic-display{width:min(520px,86vw);padding:28px 24px 44px;font-size:2rem;line-height:2.3}.fa-ayah-end{font-size:1.5rem}}@media (max-width:640px){.fa-main{flex-direction:column}.fa-body{order:1;min-height:0}.fa-rail{width:100%;max-height:none;padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));border-right:none;border-top:1px solid var(--line-strong);flex-flow:wrap;order:2;justify-content:center;gap:2px;overflow:visible}.fa-rail .canvas-tool-rail{flex-flow:wrap;justify-content:center;gap:2px}.fa-toolbar{flex-wrap:nowrap;gap:8px;min-height:42px;padding:6px 10px}.fa-toolbar-label{flex-wrap:nowrap;min-width:0;overflow:hidden}.fa-label-ar{white-space:nowrap;text-overflow:ellipsis;max-width:42vw;font-size:.95rem;overflow:hidden}.fa-label-ref{white-space:nowrap;flex-shrink:0;font-size:.72rem}.fa-close-btn{flex-shrink:0}.fa-clear-btn{flex-shrink:0;padding:5px 8px}.fa-arabic-display{width:min(440px,92vw);padding:18px 12px 32px;font-size:1.55rem;line-height:2.05}.fa-ayah-end{font-size:1.2rem}}.fa-rail .canvas-tool-rail{z-index:auto;position:relative;inset:auto;transform:none}.fa-body{touch-action:none;flex:1;min-width:0;position:relative;overflow:hidden}.fa-world{transform-origin:0 0;pointer-events:none;position:absolute;top:0;left:0}.fa-arabic-display{text-align:center;width:min(600px,80vw);color:var(--ink);-webkit-user-select:none;user-select:none;pointer-events:none;padding:48px 48px 64px;font-family:Amiri Quran,serif;font-size:2.8rem;line-height:2.5;position:relative;transform:translate(-50%,-50%)}.fa-word{display:inline}.fa-word--focus{background:#fff9bba6;background:lab(98.2916% 1.34397 69.7129/.65);border-radius:4px;padding:0 3px}.fa-ayah-end{color:#be8e4f;color:lab(62.7844% 13.9075 40.7798);font-size:2rem}.fa-canvas{z-index:2;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.name-entry-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0a148c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.name-entry-modal{background:var(--bg-elev);border:1px solid var(--line-strong);border-radius:var(--radius-xl);text-align:center;width:360px;box-shadow:var(--shadow-lg);padding:48px 40px 40px}.name-entry-logo{border-radius:var(--radius-lg);background:var(--ink);width:48px;height:48px;color:var(--bg);letter-spacing:.05em;justify-content:center;align-items:center;margin:0 auto 22px;font-size:.95rem;font-weight:700;display:flex}.name-entry-title{font-family:var(--font-serif);color:var(--ink);letter-spacing:-.015em;margin:0 0 8px;font-size:1.3rem;font-weight:600}.name-entry-subtitle{color:var(--ink-3);margin:0 0 24px;font-size:.875rem;line-height:1.5}.name-entry-input{border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--bg);width:100%;color:var(--ink);box-sizing:border-box;transition:border-color var(--dur-mid) ease, box-shadow var(--dur-mid) ease;outline:none;margin-bottom:12px;padding:11px 14px;font-family:inherit;font-size:.9375rem}.name-entry-input:focus{border-color:var(--ink-3);box-shadow:0 0 0 3px #1e1a1412;box-shadow:0 0 0 3px lab(9.54589% .84766 4.55285/.07)}.name-entry-input::placeholder{color:var(--ink-4)}.name-entry-btn{background:var(--ink);width:100%;color:var(--bg);border-radius:var(--radius-md);cursor:pointer;transition:opacity var(--dur-mid) ease;border:none;padding:12px;font-family:inherit;font-size:.9375rem;font-weight:500}.name-entry-btn:not(:disabled):hover{opacity:.86}.name-entry-btn:disabled{opacity:.4;cursor:default}.note-card{position:relative}.note-card-actions{opacity:0;flex-shrink:0;align-items:center;gap:2px;margin-left:auto;transition:opacity .12s;display:flex}.note-card:hover .note-card-actions{opacity:1}.note-card-action-btn{width:24px;height:24px;color:var(--ink-3);cursor:pointer;background:0 0;border:none;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;transition:background .1s,color .1s;display:flex}.note-card-action-btn:hover{background:var(--hover);color:var(--ink)}.note-card-action-btn--danger:hover{color:#b32228;color:lab(40.1691% 57.0293 36.0154);background:#fff0ee;background:lab(96.1493% 12.2788 6.63452)}.note-card-action-btn:disabled{opacity:.4;cursor:default}.note-card--editing{gap:8px}.note-edit-types{flex-wrap:wrap;gap:4px;margin-bottom:6px;display:flex}.note-edit-type-btn{border:1.5px solid var(--line-strong);color:var(--ink-3);cursor:pointer;background:0 0;border-radius:20px;padding:2px 8px;font-size:.72rem;font-weight:500;transition:all .1s}.note-edit-type-btn[data-active=true]{background:var(--ink);color:var(--bg-elev);border-color:var(--ink)}.note-edit-textarea{border:1.5px solid var(--line-strong);width:100%;min-height:64px;color:var(--ink);background:var(--bg-elev);resize:none;box-sizing:border-box;border-radius:6px;outline:none;padding:8px 10px;font-family:inherit;font-size:.82rem;line-height:1.5;transition:border-color .12s}.note-edit-textarea:focus{border-color:var(--accent)}.note-edit-error{color:#b32228;color:lab(40.1691% 57.0293 36.0154);margin-top:4px;font-size:.75rem}.note-edit-actions{justify-content:flex-end;gap:6px;margin-top:6px;display:flex}.note-edit-cancel{border:1.5px solid var(--line-strong);color:var(--ink-3);cursor:pointer;background:0 0;border-radius:5px;padding:4px 10px;font-size:.78rem}.note-edit-cancel:hover{background:var(--hover)}.note-edit-save{background:var(--ink);color:var(--bg-elev);cursor:pointer;border:none;border-radius:5px;padding:4px 12px;font-size:.78rem;font-weight:500;transition:opacity .1s}.note-edit-save:disabled{opacity:.4;cursor:default}.anc-note{position:relative}.anc-note-toggle{width:18px;height:18px;color:var(--ink-4);cursor:pointer;background:0 0;border:none;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .1s,background .1s;display:flex}.anc-note-toggle:hover{color:var(--ink-2);background:var(--hover)}.anc-note-actions{opacity:0;flex-shrink:0;align-items:center;gap:1px;margin-left:auto;transition:opacity .12s;display:flex}.anc-note:hover .anc-note-actions{opacity:1}.anc-note-action-btn{width:20px;height:20px;color:var(--ink-4);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;font-size:.7rem;transition:background .1s,color .1s;display:flex}.anc-note-action-btn:hover{background:var(--hover);color:var(--ink-2)}.anc-note-action-btn--danger:hover{color:#b32228;color:lab(40.1691% 57.0293 36.0154);background:#fff0ee;background:lab(96.1493% 12.2788 6.63452)}.anc-note-action-btn:disabled{opacity:.4;cursor:default}.anc-note--editing{background:var(--bg-elev)}.anc-note-edit-textarea{border:1.5px solid var(--line-strong);width:100%;min-height:56px;color:var(--ink);background:var(--bg);resize:none;box-sizing:border-box;border-radius:5px;outline:none;margin-top:6px;padding:6px 8px;font-family:inherit;font-size:.8rem;line-height:1.5;transition:border-color .12s}.anc-note-edit-textarea:focus{border-color:var(--accent)}.anc-note-error{color:#b32228;color:lab(40.1691% 57.0293 36.0154);margin-top:4px;font-size:.72rem}.anc-note-edit-actions{justify-content:flex-end;gap:5px;margin-top:6px;display:flex}.anc-note-edit-cancel{border:1.5px solid var(--line-strong);color:var(--ink-3);cursor:pointer;background:0 0;border-radius:4px;padding:3px 8px;font-family:inherit;font-size:.74rem}.anc-note-edit-cancel:hover{background:var(--hover)}.anc-note-edit-save{background:var(--ink);color:var(--bg-elev);cursor:pointer;border:none;border-radius:4px;padding:3px 10px;font-family:inherit;font-size:.74rem;font-weight:500;transition:opacity .1s}.anc-note-edit-save:disabled{opacity:.4;cursor:default}.anc-note--minimized .anc-note-toggle{opacity:1}.study-layout--split{flex-direction:row;display:flex;overflow:hidden}.split-pane{flex-direction:column;min-width:0;display:flex;position:relative;overflow:hidden}.split-pane--a{flex:50%;overflow-y:auto}.split-pane--b{flex:50%;overflow:hidden}.split-divider{background:var(--line-strong);cursor:col-resize;flex-shrink:0;width:1px}@media (max-width:900px){.mode-btn--split{display:none}}.topbar-loading{align-items:center;margin-left:8px;display:inline-flex}.topbar-loading-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite topbar-pulse;display:inline-block}@keyframes topbar-pulse{0%,to{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.verse-block[data-highlighted=true]{animation:2.2s ease-out forwards verse-flash;position:relative}@keyframes verse-flash{0%{background:#f4d66047;background:lab(86.6235% 1.03846 60.6071/.28)}30%{background:#f4d6602e;background:lab(86.6235% 1.03846 60.6071/.18)}to{background:0 0}}.note-card:focus-within,.note-card[data-selecting=true]{outline:2px solid var(--accent);outline-offset:1px}.page-editor,.page-editor-content,.free-textbox,.free-textbox-input{cursor:var(--cursor-text)}.page-editor{min-height:calc(100vh - 260px);padding-bottom:var(--canvas-runway);cursor:var(--cursor-text);position:relative}.block-handle{z-index:20;border-radius:var(--radius-sm);width:22px;height:22px;color:var(--ink-4);cursor:grab;animation:block-handle-in .14s var(--ease-out);touch-action:none;place-items:center;display:grid;position:absolute}.block-handle:hover{background:var(--hover);color:var(--ink-2)}.block-handle:active{cursor:grabbing}@keyframes block-handle-in{0%{opacity:0}to{opacity:1}}.editor-ink-canvas{z-index:5;pointer-events:none;width:100%;position:absolute;top:0;left:0}.editor-fab-row{z-index:30;pointer-events:none;justify-content:flex-end;align-items:center;gap:8px;display:flex;position:sticky;bottom:28px}.editor-fab-row>*{pointer-events:auto}.editor-insert-fab{background:var(--bg-elev);border:1px solid var(--line-strong);width:40px;height:40px;box-shadow:var(--shadow-md);color:var(--ink-2);cursor:pointer;transition:background var(--dur-hover) var(--ease-soft), color var(--dur-hover) var(--ease-soft), border-color var(--dur-hover) var(--ease-soft), box-shadow var(--dur-hover) var(--ease-soft);border-radius:50%;justify-content:center;align-items:center;font-size:22px;font-weight:300;line-height:1;display:flex}.editor-insert-fab:hover{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:var(--shadow-lg)}.editor-ink-pill{background:var(--bg-elev);border:1px solid var(--line-strong);box-shadow:var(--shadow-md);animation:slash-pop .22s var(--ease-flow) both;border-radius:999px;align-items:center;gap:3px;padding:5px 7px;display:flex}.editor-ink-btn{width:32px;height:32px;color:var(--ink-3);cursor:pointer;transition:background var(--dur-hover) var(--ease-soft), color var(--dur-hover) var(--ease-soft);border-radius:50%;justify-content:center;align-items:center;display:flex}.editor-ink-btn:hover{background:var(--hover);color:var(--ink)}.editor-ink-btn[data-active=true]{background:var(--accent-soft);color:var(--accent-ink)}.editor-ink-btn:disabled{opacity:.35;cursor:default}.editor-ink-done{color:var(--ink-2)}.editor-ink-sep{background:var(--line-strong);width:1px;height:18px;margin:0 3px}.editor-ink-swatch{cursor:pointer;width:16px;height:16px;transition:border-color var(--dur-hover) var(--ease-soft);border:2px solid #0000;border-radius:50%}.editor-ink-swatch[data-active=true]{border-color:var(--ink)}.page-editor-content p,.page-editor-content h1,.page-editor-content h2,.page-editor-content h3,.page-editor-content li,.page-editor-content blockquote{text-align:start;unicode-bidi:plaintext}.free-textbox-text,.free-textbox-input{unicode-bidi:plaintext}.main-doc-container{margin-top:18px;position:relative}.main-doc-bar{background:var(--panel);border:1px solid var(--line-strong);height:16px;cursor:var(--cursor-grab);-webkit-user-select:none;user-select:none;touch-action:none;opacity:0;pointer-events:none;z-index:6;border-bottom:none;border-radius:0;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;top:-16px;left:0;right:0}.main-doc-bar:active{cursor:var(--cursor-grabbing)}.main-doc-container:hover .main-doc-bar,.main-doc-container:focus-within .main-doc-bar{opacity:1;pointer-events:auto}.page-editor-content{transition:border-color var(--dur-hover) var(--ease-soft);caret-color:var(--accent);font-size:calc(15.5px * var(--fs-reading));color:var(--ink);border:1px solid #0000;border-radius:0;outline:none;padding:6px 14px 10px;line-height:1.82}.page-editor-content:hover,.page-editor-content:focus-within{border-color:var(--line)}.page-editor-content>*,.page-editor-content li,.page-editor-content blockquote{text-align:start}.page-editor-content [dir=rtl],.page-editor-content [dir=auto]:lang(ar){font-family:var(--font-arabic), var(--font-serif), serif}.page-editor-content bdi,.page-editor-content [data-dir-isolate]{unicode-bidi:isolate}.page-editor-content p{margin:0 0 .2em}.page-editor-content p:last-child{margin-bottom:0}.page-editor-content h1{font-family:var(--font-serif);font-size:calc(28px * var(--fs-reading));color:var(--ink);letter-spacing:-.01em;margin:36px 0 10px;font-weight:700;line-height:1.25}.page-editor-content h2{font-family:var(--font-serif);font-size:calc(21px * var(--fs-reading));color:var(--ink);margin:28px 0 8px;font-weight:600;line-height:1.3}.page-editor-content h3{font-family:var(--font-serif);font-size:calc(17px * var(--fs-reading));color:var(--ink-2);margin:22px 0 6px;font-weight:600;line-height:1.38}.page-editor-content h1+h2,.page-editor-content h2+h3{margin-top:12px}.page-editor-content blockquote{border:none;border-inline-start:3px solid var(--accent);color:var(--ink-2);background:color-mix(in oklch, var(--panel) 70%, transparent);border-start-start-radius:0;border-start-end-radius:var(--radius);border-end-end-radius:var(--radius);border-end-start-radius:0;margin:.9em 0;padding-block:8px;padding-inline:16px}.page-editor-content blockquote p{margin-bottom:.2em}.page-editor-content blockquote p:last-child{margin-bottom:0}.page-editor-content ul[data-type=taskList]{padding-left:.2em;list-style:none}.page-editor-content ul[data-type=taskList] li{align-items:flex-start;gap:8px;display:flex}.page-editor-content ul[data-type=taskList] li>label{-webkit-user-select:none;user-select:none;flex-shrink:0;margin-top:.3em}.page-editor-content ul[data-type=taskList] li>div{min-width:0;transition:color .22s var(--ease-soft), text-decoration-color .22s var(--ease-soft);flex:1;-webkit-text-decoration:line-through #0000;text-decoration:line-through #0000}.page-editor-content ul[data-type=taskList] input[type=checkbox]{width:15px;height:15px;accent-color:var(--accent);cursor:pointer}.page-editor-content ul[data-type=taskList] li[data-checked=true]>div{color:var(--ink-4);text-decoration-color:currentColor}.page-editor-content ul[data-type=taskList] ul[data-type=taskList]{margin-top:.2em;padding-left:1.4em}.page-editor-content a{color:#116bb5;color:lab(43.5834% -3.21072 -46.9413);text-underline-offset:2px;cursor:pointer;text-decoration:underline}.page-editor-content code{font-family:var(--font-mono,monospace);background:var(--panel-2);border-radius:4px;padding:.1em .35em;font-size:.88em}.page-editor-content pre{font-family:var(--font-mono,monospace);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-md);direction:ltr;margin:.8em 0;padding:12px 14px;font-size:13px;line-height:1.6;overflow-x:auto}.page-editor-content pre code{font-size:inherit;background:0 0;padding:0}.page-editor-content sub,.page-editor-content sup{font-size:.75em}.page-editor-content ul,.page-editor-content ol{margin:.4em 0 .8em;padding-inline-start:1.6em}.page-editor-content li{margin:.2em 0;line-height:1.7}.page-editor-content ul{list-style-type:disc}.page-editor-content ul ul{list-style-type:circle}.page-editor-content ul ul ul{list-style-type:square}.page-editor-content ol{list-style-type:decimal}.page-editor-content ol ol{list-style-type:lower-alpha}.page-editor-content ol ol ol{list-style-type:lower-roman}.page-editor-content li>p{margin:0}.page-editor-content li+li{margin-top:.18em}.page-editor-content ul,.page-editor-content ol{color:var(--ink-2)}.page-editor-content li{color:var(--ink)}.page-editor-content hr{border:none;border-top:1px solid var(--line-strong);margin:2em 0}.toggle-list{border-radius:6px;margin:.35em 0;padding-left:26px;position:relative}.toggle-list-chevron{width:20px;height:20px;color:var(--ink-3);cursor:pointer;transition:background var(--dur-hover) var(--ease-soft), color var(--dur-hover) var(--ease-soft);background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:.32em;left:0}.toggle-list-chevron:hover{background:var(--hover);color:var(--ink)}.toggle-list-chevron svg{transition:transform .32s var(--ease-flow)}.toggle-list[data-open=true] .toggle-list-chevron svg{transform:rotate(90deg)}.toggle-list-content>p:first-child{color:var(--ink);font-weight:550}.toggle-list[data-open=false] .toggle-list-content>:not(:first-child){display:none}.toggle-list[data-open=true] .toggle-list-content>:not(:first-child){animation:toggle-body-in .32s var(--ease-flow) both}.toggle-list[data-open=true] .toggle-list-content>:nth-child(3){animation-delay:35ms}.toggle-list[data-open=true] .toggle-list-content>:nth-child(4){animation-delay:70ms}.toggle-list[data-open=true] .toggle-list-content>:nth-child(n+5){animation-delay:.105s}@keyframes toggle-body-in{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}.page-editor-content strong{color:var(--ink);font-weight:650}.page-editor-content em{color:var(--ink-2);font-style:italic}.page-editor-content .is-editor-empty:first-child:before,.page-editor-content .is-empty:before{content:attr(data-placeholder);float:left;color:var(--ink-4);pointer-events:none;height:0}.page-editor-content .ProseMirror-selectednode{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.ayah-block-node{border:1px solid var(--line);border-radius:var(--radius-md);transition:border-color var(--dur-mid) ease, background var(--dur-mid) ease, box-shadow var(--dur-mid) ease;background:0 0;gap:0;margin:16px 0;display:flex;position:relative;overflow:visible}.ayah-block-node:hover{border-color:var(--line-strong);background:var(--hover)}.ayah-block-node[data-selected=true]{border-color:var(--accent);background:color-mix(in oklch, var(--accent-soft) 50%, transparent);box-shadow:0 0 0 3px var(--accent-soft)}.ayah-block-drag{color:var(--ink-4);cursor:var(--cursor-grab);-webkit-user-select:none;user-select:none;opacity:0;transition:opacity var(--dur-mid) ease;flex-shrink:0;justify-content:center;align-items:flex-start;padding:14px 6px 14px 8px;font-size:13px;display:flex}.ayah-block-node:hover .ayah-block-drag{opacity:1}.ayah-block-drag:active{cursor:var(--cursor-grabbing)}.ayah-block-inner{flex:1;min-width:0;padding:7px 13px 9px}.ayah-block-head{align-items:center;gap:8px;margin-bottom:12px;display:flex}.ayah-block-ref{font-variant-numeric:tabular-nums;letter-spacing:0;color:var(--ink-3);flex-shrink:0;font-size:12px;font-weight:650}.ayah-block-toolbar{opacity:0;transition:opacity var(--dur-mid) ease;align-items:center;gap:1px;margin-left:auto;display:flex}.ayah-block-node:hover .ayah-block-toolbar{opacity:1}.ayah-block-tool{width:26px;height:26px;color:var(--ink-4);transition:background var(--dur-fast) ease, color var(--dur-fast) ease;border-radius:5px;justify-content:center;align-items:center;font-size:11px;display:flex}.ayah-block-tool:hover{background:var(--hover);color:var(--ink)}.ayah-block-tool[data-active=true]{background:var(--active);color:var(--accent-ink)}.ayah-block-tool--danger:hover{color:#ac5154;color:lab(46.5508% 38.3725 17.2239);background:#ffe8e7;background:lab(93.8984% 9.51898 4.03076)}.ayah-block-arabic{font-family:var(--font-uthmanic);font-size:calc(21px * var(--fs-arabic));text-align:right;color:var(--ink);direction:rtl;margin-bottom:7px;line-height:1.95}.ayah-block-arabic[data-qcf=true]{font-size:calc(25px * var(--fs-arabic));word-spacing:.14em;line-height:2.1}.ayah-block-translation{font-family:var(--font-sans);color:var(--ink-2);border-top:1px solid var(--line);padding-top:7px;font-size:13px;line-height:1.55}.ayah-block-loading{color:var(--ink-4);font-size:13px;font-family:var(--font-mono);align-items:center;gap:8px;padding:12px 0;display:flex}.ayah-block-loading-dot{background:var(--ink-4);border-radius:50%;width:5px;height:5px;animation:1s ease-in-out infinite ayah-pulse;display:inline-block}@keyframes ayah-pulse{0%,to{opacity:.25;transform:scale(.8)}50%{opacity:.7;transform:scale(1)}}.ayah-block-skeleton{flex-direction:column;gap:10px;padding:10px 0 4px;display:flex}.ayah-skeleton-arabic{background:var(--panel-2);border-radius:6px;width:80%;height:28px;margin-left:auto;animation:1.4s ease-in-out infinite skeleton-pulse}.ayah-skeleton-trans{background:var(--panel-2);border-radius:4px;width:55%;height:13px;animation:1.4s ease-in-out .15s infinite skeleton-pulse}.ayah-block-error{color:#ac5154;color:lab(46.5508% 38.3725 17.2239);background:#fff1f1;background:lab(96.3194% 6.34226 2.6791);border:1px solid #f7cbca;border:1px solid lab(85.575% 15.8853 6.76674);border-radius:6px;flex-direction:column;gap:4px;padding:10px 12px;font-size:13px;display:flex}.ayah-block-error-detail{opacity:.7;font-size:11px;font-family:var(--font-mono)}.ayah-block-retry{background:var(--bg);color:#8c3439;color:lab(34.9399% 38.4291 17.6332);cursor:pointer;border:1px solid #e6a3a2;border:1px solid lab(73.6649% 25.4706 10.9824);border-radius:4px;align-self:flex-start;margin-top:4px;padding:3px 10px;font-size:11px;transition:background .15s}.ayah-block-retry:hover{background:#ffe4e3;background:lab(92.7384% 9.51916 4.03112)}.ayah-block-notes{border-top:1px solid var(--line);flex-direction:column;gap:8px;margin-top:12px;padding-top:12px;display:flex}.tafsir-block-node{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--bg-elev);transition:border-color var(--dur-mid) ease, background var(--dur-mid) ease, box-shadow var(--dur-mid) ease;gap:0;margin:16px 0;padding:14px 14px 14px 0;display:flex;position:relative}.tafsir-block-node:hover{border-color:var(--line-strong);background:var(--hover)}.tafsir-block-node[data-selected=true]{border-color:var(--accent);background:color-mix(in oklch, var(--accent-soft) 40%, var(--bg-elev));box-shadow:0 0 0 3px var(--accent-soft)}.tafsir-block-drag{opacity:0;cursor:var(--cursor-grab);color:var(--ink-4);-webkit-user-select:none;user-select:none;align-items:flex-start;padding:2px 6px 0 8px;font-size:14px;line-height:1.6;transition:opacity .15s;display:flex}.tafsir-block-node:hover .tafsir-block-drag{opacity:1}.tafsir-block-drag:active{cursor:var(--cursor-grabbing)}.tafsir-block-inner{flex:1;min-width:0;padding-right:4px}.tafsir-block-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.tafsir-block-meta{align-items:center;gap:8px;display:flex}.tafsir-block-ref{font-family:var(--font-mono);color:var(--accent-ink);background:var(--accent-soft);border-radius:4px;padding:1px 6px;font-size:10.5px;font-weight:600}.tafsir-block-source{color:var(--ink-3);font-size:11px;font-style:italic;font-weight:500}.tafsir-block-tool{width:26px;height:26px;color:var(--ink-4);cursor:pointer;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;transition:background .1s,color .1s;display:flex}.tafsir-block-tool--danger:hover{color:#ac5154;color:lab(46.5508% 38.3725 17.2239);background:#ffe8e7;background:lab(93.8984% 9.51898 4.03076)}.tafsir-block-content{font-family:var(--font-serif);color:var(--ink-2);font-size:14px;line-height:1.8}.tafsir-block-content p{margin:0 0 10px}.tafsir-block-content p:last-child{margin-bottom:0}.tafsir-block-skeleton{flex-direction:column;gap:9px;padding:4px 0;display:flex}.tafsir-skeleton-line{background:linear-gradient(90deg, var(--line) 25%, var(--hover) 50%, var(--line) 75%);background-size:200% 100%;border-radius:4px;height:13px;animation:1.4s infinite tafsir-shimmer}.tafsir-skeleton-line--long{width:92%}.tafsir-skeleton-line--med{width:75%}.tafsir-skeleton-line--short{width:55%}@keyframes tafsir-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.tafsir-block-error{color:#ac5154;color:lab(46.5508% 38.3725 17.2239);background:#fff1f1;background:lab(96.3194% 6.34226 2.6791);border:1px solid #f7cbca;border:1px solid lab(85.575% 15.8853 6.76674);border-radius:6px;flex-direction:column;gap:4px;padding:10px 12px;font-size:13px;display:flex}.tafsir-block-error-detail{opacity:.7;font-size:11px;font-family:var(--font-mono)}.tafsir-block-retry{background:var(--bg);color:#8c3439;color:lab(34.9399% 38.4291 17.6332);cursor:pointer;border:1px solid #e6a3a2;border:1px solid lab(73.6649% 25.4706 10.9824);border-radius:4px;align-self:flex-start;margin-top:4px;padding:3px 10px;font-size:11px;transition:background .15s}.tafsir-block-retry:hover{background:#ffe4e3;background:lab(92.7384% 9.51916 4.03112)}.slash-palette{background:var(--bg-elev);border:1px solid var(--line-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overscroll-behavior:contain;min-width:240px;max-width:320px;max-height:324px;animation:slash-pop .26s var(--ease-flow) both;transform-origin:0 0;flex-direction:column;gap:1px;padding:4px;display:flex;overflow-y:auto}.slash-palette-anchor[data-open-up=true] .slash-palette{transform-origin:0 100%}@keyframes slash-pop{0%{opacity:0;transform:scale(.98)translateY(-2px)}to{opacity:1;transform:none}}.slash-palette-empty{color:var(--ink-4);padding:12px 14px;font-size:13px}.slash-palette-item{text-align:left;width:100%;transition:background var(--dur-hover) var(--ease-soft);border-radius:7px;align-items:center;gap:10px;padding:8px 10px;display:flex}.slash-palette-item[data-active=true],.slash-palette-item:hover{background:var(--hover)}.slash-palette-icon{background:var(--panel);border:1px solid var(--line);width:28px;height:28px;font-size:13px;font-family:var(--font-mono);color:var(--ink-2);transition:border-color var(--dur-hover) var(--ease-soft), color var(--dur-hover) var(--ease-soft);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.slash-palette-item[data-active=true] .slash-palette-icon{border-color:var(--accent);color:var(--accent-ink)}.slash-palette-text{flex-direction:column;gap:1px;min-width:0;display:flex}.slash-palette-title{color:var(--ink);white-space:nowrap;font-size:13.5px;font-weight:500}.slash-palette-desc{color:var(--ink-4);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.slash-command-decoration{color:var(--accent-ink)}.crumb--link{color:var(--ink-3);text-decoration:none;transition:color .12s}.crumb--link:hover{color:var(--ink);text-decoration:underline}.rail-btn--add{border:1.5px dashed var(--line-strong);border-radius:var(--radius);color:var(--ink-4);margin-top:2px}.rail-btn--add:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.ws-type-badge{border:1px solid var(--line);white-space:nowrap;border-radius:99px;align-items:center;gap:3px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.ws-type-badge--private{color:var(--ink-3);background:var(--panel)}.ws-type-badge--group{color:var(--accent-ink);background:var(--accent-soft);border-color:var(--accent-soft)}.ws-new-btn{color:var(--ink-2);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;white-space:nowrap;align-items:center;gap:5px;padding:6px 14px;font-size:12.5px;font-weight:500;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.ws-new-btn:hover{background:var(--hover);border-color:var(--line-strong);color:var(--ink)}.ws-new-btn--ghost{color:var(--ink-3);background:0 0;border-color:#0000}.ws-new-btn--ghost:hover{background:var(--hover);border-color:var(--line);color:var(--ink)}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#03030373;background:lab(.903296% 0 0/.45);justify-content:center;align-items:flex-start;padding:6vh 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-card{max-height:none;margin:auto 0}.modal-backdrop{animation:modal-backdrop-in .16s var(--ease-out) both}@keyframes modal-backdrop-in{0%{opacity:0}to{opacity:1}}.modal-card{animation:modal-card-in .22s var(--ease-out) both;transform-origin:50%}.modal-card[data-from-origin=true]{transform-origin:var(--modal-origin-x) var(--modal-origin-y)}@keyframes modal-card-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.hw-ws-new-btn{transition:transform 90ms var(--ease-out), background var(--dur-hover) var(--ease-soft)}.hw-ws-new-btn:active{transform:scale(.96)}.modal-card{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:420px;padding:28px 32px 24px}.modal-title{color:var(--ink);margin:0 0 20px;font-size:16px;font-weight:600}.modal-label{color:var(--ink-3);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:12px;font-weight:500;display:block}.modal-input{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);width:100%;color:var(--ink);outline:none;padding:9px 12px;font-size:14px;transition:border-color .12s}.modal-input:focus{border-color:var(--accent)}.modal-input::placeholder{color:var(--ink-4)}.modal-type-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.modal-type-btn{background:var(--panel);border:1.5px solid var(--line);border-radius:var(--radius);cursor:pointer;text-align:left;align-items:flex-start;gap:10px;padding:12px 14px;transition:border-color .12s,background .12s;display:flex}.modal-type-btn:hover{background:var(--hover);border-color:var(--line-strong)}.modal-type-btn[data-active=true]{border-color:var(--accent);background:var(--accent-soft)}.modal-type-icon{flex-shrink:0;font-size:18px;line-height:1}.modal-type-name{color:var(--ink);margin-bottom:2px;font-size:13px;font-weight:600}.modal-type-desc{color:var(--ink-4);font-size:11px}.modal-error{color:#c53637;color:lab(45.9853% 56.8958 34.8481);margin:10px 0 0;font-size:12px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:24px;display:flex}.modal-btn-cancel{border:1px solid var(--line);border-radius:var(--radius);color:var(--ink-2);cursor:pointer;background:0 0;padding:7px 16px;font-size:13px;font-weight:500;transition:background .12s}.modal-btn-cancel:hover{background:var(--hover)}.modal-btn-create{background:var(--ink);border-radius:var(--radius);color:var(--bg);cursor:pointer;border:1px solid #0000;padding:7px 16px;font-size:13px;font-weight:600;transition:opacity .12s}.modal-btn-create:hover:not(:disabled){opacity:.85}.modal-btn-create:disabled{opacity:.4;cursor:not-allowed}.sidebar-new-page-form{border-bottom:1px solid var(--line);background:var(--panel);padding:8px 10px}.sidebar-new-page-input{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);width:100%;color:var(--ink);outline:none;padding:6px 8px;font-size:12.5px}.sidebar-new-page-input:focus{border-color:var(--accent)}.sidebar-new-page-input::placeholder{color:var(--ink-4)}.sidebar-new-page-error{color:#c53637;color:lab(45.9853% 56.8958 34.8481);margin:4px 0 0;font-size:11px}.sidebar-new-page-actions{gap:6px;margin-top:6px;display:flex}.sidebar-new-page-save{background:var(--ink);color:var(--bg);border-radius:var(--radius);cursor:pointer;border:none;padding:4px 12px;font-size:12px;font-weight:600;transition:opacity .12s}.sidebar-new-page-save:disabled{opacity:.4;cursor:not-allowed}.sidebar-new-page-cancel{color:var(--ink-3);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;background:0 0;padding:4px 10px;font-size:12px}.sidebar-new-page-cancel:hover{background:var(--hover)}.no-pages-create-form{flex-direction:column;gap:10px;width:100%;max-width:360px;margin-top:20px;display:flex}.no-pages-input{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);width:100%;color:var(--ink);outline:none;padding:10px 14px;font-size:14px}.no-pages-input:focus{border-color:var(--accent)}.no-pages-input::placeholder{color:var(--ink-4)}.splash-screen{background:var(--bg);z-index:9999;flex-direction:column;justify-content:center;align-items:center;gap:20px;animation:.18s both splash-fade;display:flex;position:fixed;inset:0}@keyframes splash-fade{0%{opacity:0}to{opacity:1}}.splash-logo-wrap{justify-content:center;align-items:center;width:72px;height:72px;display:flex;position:relative}.splash-logo-ring{border:2.5px solid #0000;border-top-color:var(--accent);border-right-color:var(--accent);border-radius:50%;animation:.9s cubic-bezier(.45,.05,.55,.95) infinite splash-spin;position:absolute;inset:0}@keyframes splash-spin{to{transform:rotate(360deg)}}.splash-logo-badge{background:var(--accent);color:#fff;width:52px;height:52px;font-family:var(--font-serif);border-radius:12px;justify-content:center;align-items:center;font-size:26px;font-weight:700;animation:.3s cubic-bezier(.34,1.56,.64,1) both splash-badge-in;display:flex}@keyframes splash-badge-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.splash-brand{font-family:var(--font-serif);color:var(--ink);letter-spacing:.01em;font-size:18px;font-weight:600;animation:.35s .1s both splash-text-in}.splash-subtitle{font-family:var(--font-sans);color:var(--ink-3);font-size:13px;animation:.35s .18s both splash-text-in}@keyframes splash-text-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.lv-screen{background:var(--bg);z-index:9999;flex-direction:column;justify-content:center;align-items:center;gap:36px;display:flex;position:fixed;inset:0}.lv-brand{font-family:var(--font-serif);letter-spacing:.04em;color:var(--ink-3);text-transform:uppercase;font-size:15px;font-weight:600}.lv-card{text-align:center;opacity:0;flex-direction:column;align-items:center;gap:12px;max-width:520px;padding:0 32px;transition:opacity .32s,transform .32s;display:flex;transform:translateY(6px)}.lv-card--in{opacity:1;transform:translateY(0)}.lv-arabic{font-family:var(--font-arabic);color:var(--ink);direction:rtl;font-size:26px;line-height:1.7}.lv-translation{font-family:var(--font-serif);color:var(--ink-2);font-size:15px;font-style:italic;line-height:1.6}.lv-ref{font-family:var(--font-sans);letter-spacing:.05em;text-transform:uppercase;color:var(--accent);font-size:12px;font-weight:500}.lv-dots{align-items:center;gap:6px;display:flex}.lv-dots span{background:var(--accent);opacity:.5;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite lv-dot-bounce;display:block}.lv-dots span:nth-child(2){animation-delay:.2s}.lv-dots span:nth-child(3){animation-delay:.4s}@keyframes lv-dot-bounce{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-6px)}}.ws-settings-overlay{z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;background:lab(0% 0 0/.4);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ws-settings-modal{background:var(--bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:480px;max-height:85vh;overflow-y:auto}.ws-settings-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.ws-settings-section{border-bottom:1px solid var(--line);padding:18px 20px}.ws-settings-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);margin-bottom:12px;font-size:11px;font-weight:600}.ws-perm-grid{border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden}.ws-perm-row{color:var(--ink-2);border-top:1px solid var(--line);grid-template-columns:1fr 64px 64px;align-items:center;padding:8px 12px;font-size:12.5px;display:grid}.ws-perm-row:first-child{border-top:none}.ws-perm-row--head{background:var(--panel);text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3);font-size:11px;font-weight:600}.ws-perm-col{text-align:center;color:var(--accent-ink);font-weight:600}.ws-perm-row--head .ws-perm-col{color:var(--ink-3);font-weight:600}.ws-perm-col--no{color:var(--ink-4);font-weight:400}.ws-perm-toggle{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--panel);justify-content:space-between;align-items:center;gap:16px;margin-top:12px;padding:10px 12px;display:flex}.ws-perm-toggle-text{flex-direction:column;gap:2px;min-width:0;display:flex}.ws-perm-toggle-label{color:var(--ink);font-size:13px;font-weight:500}.ws-perm-toggle-sub{color:var(--ink-3);font-size:11.5px}.ws-switch{cursor:pointer;background:var(--line-strong);width:38px;height:22px;transition:background var(--dur-hover) var(--ease-soft);border:none;border-radius:999px;flex-shrink:0;position:relative}.ws-switch[data-on=true]{background:var(--accent)}.ws-switch:disabled{opacity:.6;cursor:default}.ws-switch-knob{width:18px;height:18px;transition:transform var(--dur-hover) var(--ease-flow);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000040;box-shadow:0 1px 2px lab(0% 0 0/.25)}.ws-switch[data-on=true] .ws-switch-knob{transform:translate(16px)}.ws-settings-invite-box{background:var(--panel);border-radius:var(--radius);align-items:center;gap:8px;padding:8px 12px;display:flex}.ws-settings-invite-code{font-family:var(--font-mono);color:var(--ink);letter-spacing:.12em;flex:1;font-size:15px;font-weight:600}.ws-settings-member-row{align-items:center;gap:10px;padding:6px 0;display:flex}.ws-settings-member-avatar{background:var(--accent-soft);width:32px;height:32px;color:var(--accent-ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.ws-settings-member-info{flex:1;min-width:0}.ws-settings-member-role{letter-spacing:.04em;text-transform:capitalize;border:1px solid #0000;border-radius:999px;padding:2px 7px;font-size:11px;font-weight:600}.ws-settings-member-role--owner{color:var(--accent-ink);background:#4480611f;background:lab(48.8646% -26.2865 10.371/.12);border-color:#44806133;border-color:lab(48.8646% -26.2865 10.371/.2)}.ws-settings-member-role--admin{color:#124a7b;color:lab(29.9106% -3.00425 -33.6042);background:#5e93ca1f;background:lab(59.0843% -6.40914 -34.1369/.12);border-color:#5e93ca33;border-color:lab(59.0843% -6.40914 -34.1369/.2)}.ws-settings-member-role--member{background:var(--panel);color:var(--ink-3);border-color:var(--line)}.ws-settings-member-actions{flex-shrink:0;gap:6px;display:flex}.ws-settings-danger{padding:18px 20px}.join-modal-overlay{z-index:10000;background:#0006;background:lab(0% 0 0/.4);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.join-modal{background:var(--bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:360px;padding:24px}.join-modal-title{color:var(--ink);margin:0;font-size:17px;font-weight:600}.join-modal-input{border:1px solid var(--line-strong);border-radius:var(--radius);width:100%;font-family:var(--font-mono);letter-spacing:.1em;background:var(--bg);color:var(--ink);text-transform:uppercase;box-sizing:border-box;outline:none;margin-bottom:8px;padding:8px 12px;font-size:15px;font-weight:600;transition:border-color .15s}.join-modal-input:focus{border-color:var(--accent)}.join-modal-btn{background:var(--accent);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;width:100%;margin-top:4px;padding:9px 0;font-size:14px;font-weight:600;transition:opacity .15s}.join-modal-btn:disabled{opacity:.5;cursor:not-allowed}.join-modal-error{color:#c53637;color:lab(45.9853% 56.8958 34.8481);margin:0 0 8px;font-size:12px}.note-badge{letter-spacing:.06em;text-transform:uppercase;border:1px solid #0000;border-radius:4px;align-items:center;padding:2px 6px;font-size:10px;font-weight:600;display:inline-flex}.note-badge--workspace{background:var(--accent-soft);color:var(--accent-ink);border-color:#44806133;border-color:lab(48.8646% -26.2865 10.371/.2)}.note-badge--private{color:#124a7b;color:lab(29.9106% -3.00425 -33.6042);background:#5e93ca1a;background:lab(59.0843% -6.40914 -34.1369/.1);border-color:#5e93ca33;border-color:lab(59.0843% -6.40914 -34.1369/.2)}.note-badge--admin{color:#753c00;color:lab(32.1287% 26.6805 56.7065);background:#bb68021a;background:lab(52.9853% 29.9699 60.1556/.1);border-color:#bb680233;border-color:lab(52.9853% 29.9699 60.1556/.2)}.live-pill{letter-spacing:.02em;color:var(--ink-3);cursor:default;background:0 0;border:0;border-radius:0;flex-shrink:0;align-items:center;gap:5px;margin-right:8px;padding:3px 0;font-size:10.5px;font-weight:600;transition:color .2s,border-color .2s;display:inline-flex}.live-pill-dot{background:var(--ink-4);border-radius:50%;width:6px;height:6px;transition:background .2s}.live-pill[data-status=connected]{color:#007742;color:lab(43.669% -41.9439 21.7007);border-color:#00774259;border-color:lab(43.669% -41.9439 21.7007/.35)}.live-pill[data-status=connected] .live-pill-dot{background:#00a159;background:lab(58.0959% -55.03 28.5007);animation:2.2s ease-in-out infinite live-dot-pulse}.live-pill[data-status=connecting]{color:#ad721c;color:lab(53.3531% 19.3282 52.9214);border-color:#ad721c59;border-color:lab(53.3531% 19.3282 52.9214/.35)}.live-pill[data-status=connecting] .live-pill-dot{background:#d58d25;background:lab(64.9119% 22.5495 61.7416);animation:.9s ease-in-out infinite live-dot-pulse}@keyframes live-dot-pulse{0%,to{opacity:1}50%{opacity:.35}}.presence-bar{flex-shrink:0;align-items:center;gap:2px;display:flex}.presence-avatar-wrap{position:relative}.presence-avatar{color:#fff;border:2.5px solid var(--bg);cursor:default;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-left:-7px;font-size:10px;font-weight:700;transition:transform .15s;display:flex;position:relative}.presence-avatar-wrap:first-child .presence-avatar{margin-left:0}.presence-avatar-wrap:hover .presence-avatar{transform:translateY(-2px);z-index:20!important}.presence-avatar--overflow{background:var(--panel-2);color:var(--ink-2);font-size:9px}.presence-mode-badge{background:var(--bg);width:13px;height:13px;color:var(--ink-2);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:-2px;right:-2px}.presence-tooltip{background:var(--panel);border:1px solid var(--line-strong);border-radius:var(--radius-md);white-space:nowrap;box-shadow:var(--shadow-md);z-index:9999;pointer-events:none;flex-direction:column;gap:2px;padding:5px 9px;display:flex;position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%)}.presence-tooltip-name{color:var(--ink);font-size:12px;font-weight:600}.presence-tooltip-mode{color:var(--ink-3);font-size:10.5px}.rc-cursor-root{pointer-events:none;-webkit-user-select:none;user-select:none}.rc-caret{background:var(--rc-color,#4285f4);pointer-events:none;z-index:9998;border-radius:1px;width:2px;animation:1.1s ease-in-out infinite rc-blink;position:fixed}@keyframes rc-blink{0%,65%{opacity:1}80%{opacity:0}to{opacity:1}}.rc-label{white-space:nowrap;background:var(--rc-color,#4285f4);color:#fff;pointer-events:none;border-radius:3px 3px 3px 0;padding:1px 6px 2px;font-family:system-ui,sans-serif;font-size:10px;font-weight:600;line-height:1.6;animation:2.2s forwards rc-label-flash;position:absolute;bottom:100%;left:0}@keyframes rc-label-flash{0%,55%{opacity:1}to{opacity:0}}.rc-sel{background:color-mix(in srgb, var(--rc-color,#4285f4) 20%, transparent);border-bottom:1.5px solid var(--rc-color,#4285f4);pointer-events:none;z-index:9997;border-radius:1px;position:fixed}.collaboration-cursor__caret{pointer-events:none;word-break:normal;animation:collab-caret-breathe 2.4s var(--ease-soft) infinite;border-left:2px solid;border-right:none;margin-left:-1px;margin-right:-1px;position:relative}@keyframes collab-caret-breathe{0%,to{opacity:1}50%{opacity:.55}}.collaboration-cursor__label{color:#fff;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;animation:collab-label-fade 2.8s var(--ease-soft) forwards;transform-origin:0 100%;border-radius:4px 4px 4px 1px;padding:1px 6px 2px;font-family:system-ui,sans-serif;font-size:10px;font-style:normal;font-weight:600;line-height:normal;position:absolute;top:-1.5em;left:-1px}@keyframes collab-label-fade{0%{opacity:0;transform:translateY(3px)scale(.92)}10%{opacity:1;transform:translateY(0)scale(1)}70%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(0)scale(1)}}.bt{--bt-bg:#060403;--bt-surf:#0e0c08;--bt-ink:#eae7e4;--bt-ink-2:#a7a4a0;--bt-ink-3:#605d59;--bt-line:#eae7e417;--bt-acc:#4ebe7d;--bt-display:"Spectral", Georgia, serif;--bt-body:"Sora", system-ui, sans-serif;--bt-arabic:"Scheherazade New", "Amiri Quran", "Amiri", serif;background:var(--bt-bg);height:100dvh;color:var(--bt-ink);font-family:var(--bt-body);-webkit-font-smoothing:antialiased;flex-direction:column;display:flex;overflow:hidden}@supports (color:lab(0% 0 0)){.bt{--bt-bg:lab(1.20653% .173308 .768438);--bt-surf:lab(3.37439% .365511 1.75173);--bt-ink:lab(91.8947% .282824 1.88165);--bt-ink-2:lab(67.5401% .404924 2.64007);--bt-ink-3:lab(39.7021% .478998 3.02813);--bt-line:lab(91.8947% .282824 1.88165/.09);--bt-acc:lab(69.3433% -44.5479 22.9571)}}.bt-header{border-bottom:1px solid var(--bt-line);flex-shrink:0;align-items:center;gap:12px;height:56px;padding:0 32px;display:flex}.bt-logo{font-family:var(--bt-display);letter-spacing:-.02em;color:var(--bt-ink);margin-right:auto;font-size:1.1rem;font-style:italic;font-weight:400}.bt-dots{align-items:center;gap:6px;display:flex}.bt-dot{background:var(--bt-ink-3);border-radius:50%;width:6px;height:6px;transition:background .2s,transform .2s}.bt-dot--cur{background:var(--bt-acc);transform:scale(1.35)}.bt-dot--done{background:var(--bt-ink-2)}.bt-step-counter{color:var(--bt-ink-3);font-feature-settings:"tnum";text-align:right;min-width:28px;font-size:.75rem}.bt-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}@keyframes bt-enter{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}@keyframes bt-leave{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-28px)}}.bt-body--enter{animation:.3s cubic-bezier(.22,1,.36,1) both bt-enter}.bt-body--leave{pointer-events:none;animation:.26s both bt-leave}.bt-footer{border-top:1px solid var(--bt-line);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;height:64px;padding:0 32px;display:flex}.bt-footer-hint{color:var(--bt-ink-3);font-size:.8125rem;font-style:italic}.bt-next-btn{font-family:var(--bt-body);color:#060403;color:lab(1.20653% .173308 .768438);background:var(--bt-acc);cursor:pointer;letter-spacing:-.01em;border:none;border-radius:4px;flex-shrink:0;padding:10px 28px;font-size:.9375rem;font-weight:500;transition:background .15s,transform .1s}.bt-next-btn:hover{background:#63d18f;background:lab(76.3094% -44.419 22.8738);transform:translateY(-1px)}.bt-next-btn:active{transform:none}.bt-shell{flex:1;grid-template-columns:300px 1fr;min-height:0;display:grid;overflow:hidden}.bt-sidebar{border-right:1px solid var(--bt-line);flex-direction:column;gap:0;padding:36px 32px;display:flex;overflow-y:auto}.bt-step-n{font-family:var(--bt-display);letter-spacing:-.04em;color:#eae7e412;color:lab(91.8947% .282824 1.88165/.07);margin-bottom:14px;font-size:2.75rem;font-weight:300;line-height:1;display:block}.bt-step-title{font-family:var(--bt-display);letter-spacing:-.025em;color:var(--bt-ink);margin:0 0 12px;font-size:1.4rem;font-weight:400;line-height:1.2}.bt-step-desc{color:var(--bt-ink-2);margin:0;font-size:.875rem;font-weight:300;line-height:1.75}.bt-sidebar-extra{margin-top:24px}.bt-demo-area{flex-direction:column;min-height:0;padding:20px;display:flex;overflow:hidden}.bt-editor-frame{background:#fff;border-radius:8px;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden;box-shadow:0 4px 28px #00000038;box-shadow:0 4px 28px lab(0% 0 0/.22)}.bt-editor-bar{background:#fbfaf9;background:lab(98.266% .111133 .751412);border-bottom:1px solid #1e1a1414;border-bottom:1px solid lab(9.54589% .84766 4.55285/.08);flex-shrink:0;align-items:center;gap:4px;height:40px;padding:0 12px;display:flex}.bt-bar-pill{color:#46423b;color:lab(28.1103% .770062 4.57996);background:#f6f5f3;background:lab(96.529% .167698 1.12771);border:1px solid #1e1a1417;border:1px solid lab(9.54589% .84766 4.55285/.09);border-radius:3px;padding:3px 8px;font-family:Sora,system-ui,sans-serif;font-size:.6875rem;font-weight:600}.bt-bar-flex{flex:1}.bt-bar-hint{color:#78746e;color:lab(48.9874% .602186 3.78759);font-size:.75rem;font-style:italic}.bt-editor-body{flex:1;overflow-y:auto}.bt-editor-body .ProseMirror{color:#1e1a14;color:lab(9.54589% .84766 4.55285);outline:none;min-height:100%;padding:20px 24px;font-family:Sora,system-ui,sans-serif;font-size:.9375rem;font-weight:300;line-height:1.8}.bt-editor-body .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:#a7a49f;color:lab(67.5428% .465989 3.0194);pointer-events:none;float:left;height:0}.bt-editor-body .ProseMirror h1,.bt-editor-body .ProseMirror h2,.bt-editor-body .ProseMirror h3{letter-spacing:-.02em;color:#1e1a14;color:lab(9.54589% .84766 4.55285);margin-top:1.4em;margin-bottom:.4em;font-family:Spectral,Georgia,serif;font-weight:400}.bt-editor-body .ProseMirror blockquote{color:#46423b;color:lab(28.1103% .770062 4.57996);border-left:2px solid #4ebe7d;border-left:2px solid lab(69.3433% -44.5479 22.9571);margin:1em 0;padding-left:16px;font-style:italic}.bt-editor-body .ProseMirror ul,.bt-editor-body .ProseMirror ol{padding-left:1.5em}.bt-anno-controls{align-items:center;gap:10px;display:flex}.bt-swatches{gap:5px;display:flex}.bt-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:20px;height:20px;transition:transform .12s}.bt-swatch:hover{transform:scale(1.2)}.bt-swatch--on{border-color:#fff;transform:scale(1.25)}.bt-clear-btn{color:var(--bt-ink-3);border:1px solid var(--bt-line);cursor:pointer;background:0 0;border-radius:4px;padding:4px 10px;font-family:Sora,system-ui,sans-serif;font-size:.75rem;font-weight:500;transition:color .12s,border-color .12s}.bt-clear-btn:hover{color:var(--bt-ink);border-color:#eae7e440;border-color:lab(91.8947% .282824 1.88165/.25)}.bt-mushaf-frame{border-radius:8px;flex:1;min-height:280px;position:relative;overflow:hidden;box-shadow:0 4px 28px #00000040;box-shadow:0 4px 28px lab(0% 0 0/.25)}.bt-mushaf-paper{background:#f7f5f1;background:lab(96.5376% .34079 2.2589);flex-direction:column;align-items:flex-end;gap:6px;padding:20px 28px;display:flex;position:absolute;inset:0;overflow:hidden}.bt-ar-line{color:#2c2822;color:lab(16.5081% .808463 4.61113);text-align:right;direction:rtl;width:100%;margin:0;font-family:Scheherazade New,Amiri Quran,Amiri,serif;font-size:clamp(1rem,2vw,1.45rem);line-height:2.1}.bt-draw-canvas{cursor:crosshair;background:0 0;width:100%;height:100%;position:absolute;inset:0}.bt-collab-frame{background:#fff;border-radius:8px;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden;box-shadow:0 4px 28px #00000038;box-shadow:0 4px 28px lab(0% 0 0/.22)}.bt-collab-bar{background:#fbfaf9;background:lab(98.266% .111133 .751412);border-bottom:1px solid #1e1a1414;border-bottom:1px solid lab(9.54589% .84766 4.55285/.08);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;height:44px;padding:0 16px;display:flex}.bt-collab-title{color:#46423b;color:lab(28.1103% .770062 4.57996);font-family:Sora,system-ui,sans-serif;font-size:.8125rem;font-weight:500}.bt-presence-row{gap:6px;display:flex}.bt-presence-pill{color:var(--pc,#888);background:color-mix(in srgb, var(--pc,#888) 12%, transparent);border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-family:Sora,system-ui,sans-serif;font-size:.6875rem;font-weight:500;display:flex}.bt-presence-dot{background:var(--pc,#888);border-radius:50%;width:5px;height:5px;animation:1.8s ease-in-out infinite bt-pulse}@keyframes bt-pulse{0%,to{opacity:1}50%{opacity:.45}}.bt-collab-doc{flex-direction:column;flex:1;gap:20px;padding:20px 24px;display:flex;overflow-y:auto}.bt-collab-block{flex-direction:column;gap:5px;display:flex}.bt-collab-block--you{opacity:.45}.bt-collab-author{letter-spacing:.07em;text-transform:uppercase;font-family:Sora,system-ui,sans-serif;font-size:.6875rem;font-weight:600}.bt-collab-para{color:#2c2822;color:lab(16.5081% .808463 4.61113);min-height:1.4em;margin:0;font-family:Sora,system-ui,sans-serif;font-size:.9rem;font-weight:300;line-height:1.75}.bt-collab-para--empty{color:#a7a49f;color:lab(67.5428% .465989 3.0194);font-style:italic}.bt-collab-waiting{color:#a7a49f;color:lab(67.5428% .465989 3.0194);font-size:.85em;font-style:italic}.bt-fake-caret{background:var(--cc,#4285f4);vertical-align:text-bottom;width:2px;height:1.05em;margin-left:1px;animation:1s ease-in-out infinite bt-blink;display:inline-block}@keyframes bt-blink{0%,45%,to{opacity:1}55%,95%{opacity:0}}.bt-begin{flex-direction:column;flex:1;justify-content:center;padding:clamp(40px,6vw,80px) clamp(48px,10vw,120px);display:flex}.bt-begin-n{font-family:var(--bt-display);letter-spacing:-.04em;color:#eae7e412;color:lab(91.8947% .282824 1.88165/.07);margin-bottom:20px;font-size:3rem;font-weight:300;line-height:1;display:block}.bt-begin-title{font-family:var(--bt-display);letter-spacing:-.03em;color:var(--bt-ink);margin:0 0 18px;font-size:clamp(2rem,5vw,4.5rem);font-weight:300;line-height:1.08}.bt-begin-title em{color:var(--bt-acc);font-style:italic}.bt-begin-desc{color:var(--bt-ink-2);max-width:50ch;margin:0 0 36px;font-size:clamp(.875rem,1.5vw,1.05rem);font-weight:300;line-height:1.75}.bt-begin-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.bt-cta-primary{font-family:var(--bt-body);color:#060403;color:lab(1.20653% .173308 .768438);background:var(--bt-acc);letter-spacing:-.01em;border-radius:4px;padding:13px 32px;font-size:.9375rem;font-weight:500;text-decoration:none;transition:background .15s,transform .1s}.bt-cta-primary:hover{background:#63d18f;background:lab(76.3094% -44.419 22.8738);transform:translateY(-1px)}.bt-cta-ghost{font-family:var(--bt-body);color:var(--bt-ink-2);border-bottom:1px solid var(--bt-line);padding-bottom:2px;font-size:.875rem;text-decoration:none;transition:color .12s,border-color .12s}.bt-cta-ghost:hover{color:var(--bt-ink);border-color:#eae7e44d;border-color:lab(91.8947% .282824 1.88165/.3)}.bt-replay-btn{font-family:var(--bt-body);color:var(--bt-ink-3);cursor:pointer;letter-spacing:.01em;background:0 0;border:none;margin-top:32px;padding:0;font-size:.8125rem;transition:color .15s}.bt-replay-btn:hover{color:var(--bt-ink-2)}.bt-close-btn{color:var(--bt-ink-3);cursor:pointer;background:0 0;border:none;border-radius:4px;margin-left:12px;padding:4px 8px;font-size:.875rem;line-height:1;transition:color .15s,background .15s}.bt-close-btn:hover{color:var(--bt-ink);background:#eae7e412;background:lab(91.8947% .282824 1.88165/.07)}@keyframes tr-bubble-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes tr-bubble-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}.tr-bubble{background:var(--bg-elev);border:1px solid var(--line-strong);border-radius:var(--radius-lg);width:320px;box-shadow:var(--shadow-lg);z-index:8000;flex-direction:column;gap:8px;padding:16px 16px 14px;display:flex;position:fixed;bottom:24px;right:24px}.home-header-right{align-items:center;gap:8px;display:flex}.home-user-avatar--static{cursor:default}.settings-wrap{position:relative}.settings-cog{border:1px solid var(--line);background:var(--bg-elev);width:34px;height:34px;color:var(--ink-3);cursor:pointer;transition:background var(--dur-hover) var(--ease-soft), color var(--dur-hover) var(--ease-soft), transform .22s var(--ease-out);border-radius:50%;place-items:center;display:grid}.settings-cog:hover{background:var(--hover);color:var(--ink)}.settings-cog[data-open=true]{color:var(--ink);transform:rotate(45deg)}.settings-panel{z-index:500;background:var(--bg-elev);border:1px solid var(--line-strong);border-radius:var(--radius-lg);width:258px;box-shadow:var(--shadow-lg);transform-origin:100% 0;animation:settings-in .18s var(--ease-out) both;flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);right:0}@keyframes settings-in{0%{opacity:0;transform:scale(.96)translateY(-4px)}to{opacity:1;transform:none}}.settings-profile{align-items:center;gap:10px;padding:8px 10px 10px;display:flex}.settings-avatar{background:var(--panel);width:36px;height:36px;color:var(--ink-2);border-radius:50%;flex-shrink:0;place-items:center;font-size:13px;font-weight:600;display:grid;overflow:hidden}.settings-avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.settings-profile-text{min-width:0}.settings-profile-name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:500;overflow:hidden}.settings-profile-sub{color:var(--ink-4);font-size:11.5px}.settings-sep{background:var(--line);height:1px;margin:4px 0}.settings-group{padding:6px 10px 8px}.settings-label{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-4);margin-bottom:7px;font-size:10.5px;font-weight:600}.settings-seg{background:var(--panel);border-radius:8px;grid-template-columns:1fr 1fr;gap:3px;padding:3px;display:grid}.settings-seg-btn{cursor:pointer;color:var(--ink-3);transition:background var(--dur-hover) var(--ease-soft), color var(--dur-hover) var(--ease-soft);background:0 0;border:0;border-radius:6px;padding:6px 0;font-size:12.5px}.settings-seg-btn:hover{color:var(--ink)}.settings-seg-btn[data-active=true]{background:var(--bg-elev);color:var(--ink);box-shadow:var(--shadow-sm);font-weight:500}.settings-seg--4{grid-template-columns:repeat(4,1fr)}.settings-seg-btn--ar{font-family:var(--font-arabic), serif;line-height:1}.settings-seg--4 .settings-seg-btn:first-child{font-size:11px}.settings-seg--4 .settings-seg-btn:nth-child(2){font-size:13px}.settings-seg--4 .settings-seg-btn:nth-child(3){font-size:15px}.settings-seg--4 .settings-seg-btn:nth-child(4){font-size:17.5px}.settings-select{border:1px solid var(--line-strong);background:var(--bg-elev);width:100%;color:var(--ink);cursor:pointer;border-radius:8px;padding:7px 9px;font-family:inherit;font-size:13px}.settings-item{text-align:left;cursor:pointer;width:100%;color:var(--ink-2);transition:background var(--dur-hover) var(--ease-soft), color var(--dur-hover) var(--ease-soft);background:0 0;border:0;border-radius:8px;padding:9px 10px;font-size:13px}.settings-item:hover{background:var(--hover);color:var(--ink)}.settings-item--danger:hover{color:var(--danger,#c92f33)}@supports (color:lab(0% 0 0)){.settings-item--danger:hover{color:var(--danger,lab(45.8749% 60.1361 37.4355))}}.segbar{z-index:60;background:var(--bg-elev);border:1px solid var(--line-strong);border-radius:var(--radius-lg);width:268px;box-shadow:var(--shadow-lg);animation:segbar-in .15s var(--ease-out) both;flex-direction:column;gap:8px;padding:9px;display:flex;position:fixed;transform:translate(-50%,10px)}@keyframes segbar-in{0%{opacity:0;transform:translate(-50%,4px)}to{opacity:1;transform:translate(-50%,10px)}}.segbar-range{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-4);padding:0 2px;font-size:11px;font-weight:600}.segbar-actions{flex-wrap:wrap;gap:4px;display:flex}.segbar-btn{border:1px solid var(--line-strong);color:var(--ink-2);font:inherit;cursor:pointer;white-space:nowrap;transition:background var(--dur-hover) var(--ease-soft), color var(--dur-hover) var(--ease-soft);background:0 0;border-radius:7px;flex:auto;padding:6px 10px;font-size:12.5px}.segbar-btn:hover:not(:disabled){background:var(--hover);color:var(--ink)}.segbar-btn:disabled{opacity:.55;cursor:default}.segbar-btn--primary{background:var(--ink);color:var(--bg);border-color:var(--ink);font-weight:500}.segbar-btn--primary:hover:not(:disabled){background:var(--ink);color:var(--bg);opacity:.88}.segbar-form{flex-direction:column;gap:7px;display:flex}.segbar-input,.segbar-textarea{border:1px solid var(--line-strong);background:var(--bg);width:100%;color:var(--ink);font:inherit;text-align:start;border-radius:7px;outline:none;padding:7px 9px;font-size:13px}.segbar-textarea{resize:vertical;min-height:44px;line-height:1.5}.segbar-input:focus,.segbar-textarea:focus{border-color:var(--accent)}.segbar-colors{gap:5px;padding:1px 2px;display:flex}.segbar-color{cursor:pointer;width:18px;height:18px;transition:transform var(--dur-hover) var(--ease-soft);border:2px solid #0000;border-radius:50%;padding:0}.segbar-color:hover{transform:scale(1.15)}.segbar-color[data-active=true]{border-color:var(--ink)}.segbar-form-actions{gap:5px;display:flex}.cxf{max-width:440px}.cxf-pair{background:var(--line);border-radius:var(--radius);flex-direction:column;gap:1px;display:flex;overflow:hidden}.cxf-endpoint{background:var(--panel);align-items:baseline;gap:10px;padding:9px 12px;display:flex}.cxf-endpoint-role{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-4);flex:0 0 34px;font-size:10.5px;font-weight:600}.cxf-endpoint-body{flex-direction:column;gap:2px;min-width:0;display:flex}.cxf-endpoint-kind{letter-spacing:.05em;text-transform:uppercase;color:var(--accent);font-size:10px;font-weight:600}.cxf-endpoint-label{color:var(--ink);font-size:13.5px}.cxf-endpoint--btn{text-align:start;cursor:pointer;width:100%;font:inherit;transition:background var(--dur-hover) var(--ease-soft);border:0}.cxf-endpoint--btn:hover{background:var(--panel-2,var(--hover))}.cxf-endpoint-change{color:var(--ink-4);opacity:0;transition:opacity var(--dur-hover) var(--ease-soft);flex-shrink:0;align-self:center;margin-inline-start:auto;font-size:11px}.cxf-endpoint--btn:hover .cxf-endpoint-change,.cxf-endpoint--btn:focus-visible .cxf-endpoint-change{opacity:1}.cxf-endpoint-arabic{font-family:var(--font-arabic), serif;font-size:calc(15px * var(--fs-arabic));color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;line-height:1.9;overflow:hidden}.cxf-label{letter-spacing:.05em;text-transform:uppercase;color:var(--ink-4);margin:10px 0 5px;font-size:11px;font-weight:600;display:block}.cxf-textarea{resize:vertical;min-height:62px;font-family:inherit;line-height:1.55}.cxf-select{cursor:pointer}.cxf-row{gap:10px;display:flex}.cxf-col{flex:1;min-width:0}.cxf-error{color:#b71824;color:lab(40.057% 60.2793 38.9217);margin:10px 0 0;font-size:12.5px}.cxf-dupe{flex-direction:column;gap:10px;display:flex}.cxcat-views{background:var(--panel);border-radius:9px;align-self:flex-start;gap:2px;padding:3px;display:inline-flex}.cxcat-view-btn{cursor:pointer;font:inherit;color:var(--ink-3);transition:background var(--dur-hover) var(--ease-soft), color var(--dur-hover) var(--ease-soft);background:0 0;border:0;border-radius:6px;padding:5px 16px;font-size:12.5px}.cxcat-view-btn:hover{color:var(--ink)}.cxcat-view-btn[data-active=true]{background:var(--bg-elev);color:var(--ink);box-shadow:var(--shadow-sm);font-weight:500}.cxmap{position:relative}.cxmap-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:2px;display:flex}.cxmap-stat{color:var(--ink-4);font-size:11.5px}.cxmap-clear{border:1px solid var(--line-strong);color:var(--ink-2);font:inherit;cursor:pointer;background:0 0;border-radius:999px;margin-inline-start:auto;padding:3px 11px;font-size:11.5px}.cxmap-clear:hover{background:var(--hover);color:var(--ink)}.cxmap-svg{width:100%;height:auto;max-height:76vh;display:block}.cxmap-group-arc{fill:var(--panel);stroke:var(--line);stroke-width:1px}.cxmap-group[data-group=fatiha] .cxmap-group-arc{fill:color-mix(in srgb, var(--accent) 16%, var(--panel))}.cxmap-group[data-group=tiwal] .cxmap-group-arc{fill:color-mix(in srgb, #b84455 14%, var(--panel))}@supports (color:lab(0% 0 0)){.cxmap-group[data-group=tiwal] .cxmap-group-arc{fill:color-mix(in srgb, lab(46.1401% 48.6094 16.5689) 14%, var(--panel))}}.cxmap-group[data-group=miun] .cxmap-group-arc{fill:color-mix(in srgb, #b07932 14%, var(--panel))}@supports (color:lab(0% 0 0)){.cxmap-group[data-group=miun] .cxmap-group-arc{fill:color-mix(in srgb, lab(55.7249% 17.1939 46.3426) 14%, var(--panel))}}.cxmap-group[data-group=mathani] .cxmap-group-arc{fill:color-mix(in srgb, #6a57b3 14%, var(--panel))}@supports (color:lab(0% 0 0)){.cxmap-group[data-group=mathani] .cxmap-group-arc{fill:color-mix(in srgb, lab(42.3534% 25.082 -47.0192) 14%, var(--panel))}}.cxmap-group[data-group=mufassal] .cxmap-group-arc{fill:color-mix(in srgb, #0070ac 14%, var(--panel))}@supports (color:lab(0% 0 0)){.cxmap-group[data-group=mufassal] .cxmap-group-arc{fill:color-mix(in srgb, lab(43.9568% -11.6954 -46.3374) 14%, var(--panel))}}.cxmap-group-label{font-family:var(--font-arabic), serif;fill:var(--ink-3);dominant-baseline:middle;font-size:15px}.cxmap-seg{fill:var(--ink-4);opacity:.16;cursor:default;transition:fill var(--dur-fast) ease, opacity var(--dur-fast) ease}.cxmap-seg[data-linked=true]{fill:var(--accent);cursor:pointer}.cxmap-seg[data-linked=true]:hover,.cxmap-seg[data-focused=true]{fill:var(--ink);opacity:1!important}.cxmap-seg[data-dim=true]{opacity:.1!important}.cxmap-edge{fill:none;stroke:var(--accent);stroke-opacity:.32;stroke-linecap:round;cursor:pointer;transition:stroke-opacity var(--dur-fast) ease}.cxmap-edge:hover,.cxmap-edge[data-hot=true]{stroke-opacity:.95}.cxmap-edge[data-dim=true]{stroke-opacity:.05;pointer-events:none}.cxmap-tip{z-index:5;pointer-events:none;background:var(--bg-elev);border:1px solid var(--line-strong);box-shadow:var(--shadow-md);border-radius:9px;max-width:280px;padding:9px 12px;position:absolute;transform:translate(14px,14px)}.cxmap-tip-ar{font-family:var(--font-arabic), serif;font-size:calc(17px * var(--fs-arabic));color:var(--ink);margin-bottom:1px;line-height:1.7}.cxmap-tip-name{color:var(--ink);font-size:13px}.cxmap-tip-meta{color:var(--ink-4);margin-top:2px;font-size:11.5px}.cxmap-hint{text-align:center;color:var(--ink-4);margin:2px 0 0;font-size:11.5px}.cxmap-empty{text-align:center;color:var(--ink-4);padding:40px 4px;font-size:13px}.cxmap-empty code{font-family:var(--font-mono);background:var(--panel);border-radius:4px;padding:1px 5px;font-size:11.5px}.cxcat{flex-direction:column;gap:16px;max-width:860px;margin:0 auto;padding:26px 24px 60px;display:flex}.cxcat-head{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.cxcat-back{color:var(--ink-3);align-items:center;gap:4px;font-size:12.5px;text-decoration:none;display:inline-flex}.cxcat-back:hover{color:var(--ink)}.cxcat-title{font-family:var(--font-serif);color:var(--ink);margin:0;font-size:22px;font-weight:600}.cxcat-total{color:var(--ink-3);background:var(--panel);border-radius:999px;padding:2px 9px;font-size:11.5px;font-weight:600}.cxcat-filters{flex-wrap:wrap;gap:8px;display:flex}.cxcat-search{border:1px solid var(--line-strong);background:var(--bg-elev);min-width:0;color:var(--ink);font:inherit;text-align:start;border-radius:8px;outline:none;flex:240px;padding:8px 12px;font-size:13.5px}.cxcat-search:focus{border-color:var(--accent)}.cxcat-select{border:1px solid var(--line-strong);background:var(--bg-elev);color:var(--ink-2);font:inherit;cursor:pointer;border-radius:8px;padding:8px 10px;font-size:12.5px}.cxcat-empty{color:var(--ink-4);text-align:center;padding:30px 4px;font-size:13px}.cxcat-list{margin:0;padding:0;list-style:none}.cxcat-item{padding:var(--sp-4) 0;background:0 0;border:0;border-radius:0;flex-direction:column;gap:3px;display:flex}.cxcat-item+.cxcat-item{border-top:1px solid var(--line)}.cxcat-item-top{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.cxcat-name{color:var(--ink-2);font-size:13px;line-height:1.5}.cxcat-pair{align-items:baseline;gap:var(--sp-2);font-family:var(--font-serif);flex-wrap:wrap;font-size:14.5px;font-weight:600;line-height:1.35;display:flex}.cxcat-end{color:var(--ink)}.cxcat-arrow{color:var(--ink-4)}.cxcat-comm{color:var(--ink-3);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:2px 0 0;font-size:12.5px;line-height:1.55;display:-webkit-box;overflow:hidden}.cxcat-meta{gap:var(--sp-3);color:var(--ink-4);flex-wrap:wrap;margin-top:2px;font-size:11px;display:flex}.cxcat-cat{color:var(--accent-ink)}.cxcat-more{border:1px solid var(--line-strong);color:var(--ink-2);font:inherit;cursor:pointer;background:0 0;border-radius:8px;align-self:center;margin-top:6px;padding:8px 18px;font-size:12.5px}.cxcat-more:hover{background:var(--hover);color:var(--ink)}.cxp-scrim{z-index:65;animation:seldlg-fade .14s var(--ease-out) both;background:#0b0b0b38;background:lab(3.04863% 0 0/.22);justify-content:flex-end;display:flex;position:fixed;inset:0}.cxp{background:var(--bg-elev);border-inline-start:1px solid var(--line-strong);width:min(400px,100vw);height:100%;box-shadow:var(--shadow-lg);animation:cxp-in .2s var(--ease-out) both;flex-direction:column;display:flex}@keyframes cxp-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}.cxp-head{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:13px 16px;display:flex}.cxp-title{color:var(--ink);align-items:center;gap:7px;font-size:13.5px;font-weight:600;display:flex}.cxp-count{color:var(--ink-3);background:var(--panel);border-radius:999px;padding:1px 8px;font-size:11px;font-weight:600}.cxp-close{cursor:pointer;width:26px;height:26px;color:var(--ink-3);background:0 0;border:0;border-radius:6px;margin-inline-start:auto}.cxp-close:hover{background:var(--hover);color:var(--ink)}.cxp-empty{color:var(--ink-4);padding:22px 16px;font-size:12.5px;line-height:1.6}.cxp-empty code{font-family:var(--font-mono);background:var(--panel);border-radius:4px;padding:1px 5px;font-size:11.5px}.cxp-link{color:var(--accent);cursor:pointer;font:inherit;background:0 0;border:0;text-decoration:underline}.cxp-rows{flex:1;padding:6px;overflow-y:auto}.cxp-row{text-align:start;cursor:pointer;width:100%;transition:background var(--dur-fast) ease;background:0 0;border:0;border-radius:9px;flex-direction:column;gap:3px;padding:10px 11px;display:flex}.cxp-row:hover{background:var(--hover)}.cxp-row-top{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.cxp-row-kind{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);font-size:9.5px;font-weight:700}.cxp-row-to{color:var(--ink-2);font-size:12px}.cxp-row-cat{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-4);margin-inline-start:auto;font-size:9.5px}.cxp-row-name{color:var(--ink);font-size:13.5px;font-weight:500}.cxp-row-comm{color:var(--ink-3);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.cxp-detail{flex-direction:column;flex:1;gap:10px;padding:12px 16px 20px;display:flex;overflow-y:auto}.cxp-back{cursor:pointer;color:var(--ink-3);background:0 0;border:0;align-self:flex-start;padding:2px 0;font-size:12px}.cxp-back:hover{color:var(--ink)}.cxp-detail-name{font-family:var(--font-serif);color:var(--ink);margin:0;font-size:17px;font-weight:600}.cxp-ends{background:var(--line);border-radius:var(--radius);flex-direction:column;gap:1px;display:flex;overflow:hidden}.cxp-end{background:var(--panel);color:var(--ink);align-items:baseline;gap:10px;padding:8px 11px;font-size:13px;display:flex}.cxp-comm{color:var(--ink-2);white-space:pre-wrap;margin:0;font-size:13px;line-height:1.65}.cxp-meta{color:var(--ink-4);font-size:11px}.cxp-actions{gap:7px;display:flex}.cxp-actions .seldlg-btn{flex:1;padding:7px 12px;font-size:12.5px}.cxp-confirm{color:var(--ink-2);background:var(--panel);border-radius:var(--radius);flex-direction:column;gap:8px;padding:11px;font-size:12.5px;display:flex}.cxp-delete{cursor:pointer;color:var(--ink-4);background:0 0;border:0;align-self:center;margin-top:4px;font-size:11.5px;text-decoration:underline}.cxp-delete:hover{color:#c92f33;color:lab(45.8749% 60.1361 37.4355)}.anchor-session-conn{border:1px solid var(--line-strong);color:var(--ink-2);font:inherit;cursor:pointer;transition:background var(--dur-hover) var(--ease-soft);background:0 0;border-radius:999px;margin-inline-end:4px;padding:3px 9px;font-size:11.5px}.anchor-session-conn:hover{background:var(--hover);color:var(--ink)}.cxc{border:1px solid var(--line-strong);border-inline-start:3px solid var(--accent);border-radius:var(--radius);background:var(--bg-elev);cursor:default;margin:.8em 0;padding:10px 14px;display:block}.cxc-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cxc-icon{opacity:.75;font-size:12px}.cxc-to{color:var(--ink-3);font-size:11.5px}.cxc-cat{letter-spacing:.04em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:2px 7px;font-size:10px;font-weight:600}.cxc-name{color:var(--ink);margin-top:4px;font-size:14px;font-weight:500}.cxc-comm{color:var(--ink-2);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:4px;font-size:12.5px;line-height:1.6;display:-webkit-box;overflow:hidden}.cxc--loading,.cxc--missing{border-inline-start-color:var(--line-strong);color:var(--ink-4);align-items:center;gap:8px;display:flex}.cxc--missing .cxc-name,.cxc--loading .cxc-name{color:var(--ink-4);margin:0;font-size:12.5px;font-weight:400}.seldlg-scrim,.sellist-scrim{z-index:70;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:seldlg-fade .14s var(--ease-out) both;background:#0b0b0b57;background:lab(3.04863% 0 0/.34);justify-content:center;align-items:center;padding:5vh 16px;display:flex;position:fixed;inset:0}@keyframes seldlg-fade{0%{opacity:0}to{opacity:1}}.seldlg{background:var(--bg-elev);border:1px solid var(--line-strong);border-radius:var(--radius-lg);width:100%;max-width:372px;box-shadow:var(--shadow-lg);animation:seldlg-in .18s var(--ease-out) both;flex-direction:column;gap:12px;padding:20px;display:flex}@keyframes seldlg-in{0%{opacity:0;transform:scale(.97)translateY(4px)}to{opacity:1;transform:none}}.seldlg-title{font-family:var(--font-serif);color:var(--ink);margin:0;font-size:17px;font-weight:600}.seldlg-context{background:var(--panel);border-radius:var(--radius);flex-direction:column;gap:2px;padding:10px 12px;display:flex}.seldlg-surah{color:var(--ink);font-size:13.5px;font-weight:500}.seldlg-range{color:var(--ink-3);font-size:12.5px}.seldlg-note{color:var(--ink-3);margin:0;font-size:12.5px;line-height:1.55}.seldlg-input{border:1px solid var(--line-strong);background:var(--bg);width:100%;color:var(--ink);font:inherit;text-align:start;border-radius:8px;outline:none;padding:9px 11px;font-size:14px}.seldlg-input:focus{border-color:var(--accent)}.seldlg-actions{gap:8px;margin-top:4px;display:flex}.seldlg-btn{border:1px solid var(--line-strong);color:var(--ink-2);font:inherit;cursor:pointer;transition:background var(--dur-hover) var(--ease-soft), color var(--dur-hover) var(--ease-soft);background:0 0;border-radius:8px;flex:1;padding:9px 14px;font-size:13.5px}.seldlg-btn:hover:not(:disabled){background:var(--hover);color:var(--ink)}.seldlg-btn:disabled{opacity:.5;cursor:default}.seldlg-btn--primary{background:var(--ink);color:var(--bg);border-color:var(--ink);font-weight:500}.seldlg-btn--primary:hover:not(:disabled){opacity:.88;background:var(--ink);color:var(--bg)}.seldlg-btn--danger{color:#fff;background:#c92f33;background:lab(45.8749% 60.1361 37.4355);border-color:#c92f33;border-color:lab(45.8749% 60.1361 37.4355);font-weight:500}.seldlg-discard{cursor:pointer;color:var(--ink-4);background:0 0;border:0;align-self:center;margin-top:2px;font-size:11.5px;text-decoration:underline}.seldlg-discard:hover{color:var(--ink-2)}.sellist-scrim{align-items:flex-start;padding-top:12vh}.sellist{background:var(--bg-elev);border:1px solid var(--line-strong);border-radius:var(--radius-lg);width:100%;max-width:400px;box-shadow:var(--shadow-lg);animation:seldlg-in .16s var(--ease-out) both;flex-direction:column;display:flex;overflow:hidden}.sellist-head{letter-spacing:.07em;text-transform:uppercase;color:var(--ink-4);padding:11px 14px 6px;font-size:11px;font-weight:600}.sellist-input{border:0;border-bottom:1px solid var(--line);color:var(--ink);font:inherit;background:0 0;outline:none;padding:8px 14px 11px;font-size:14px}.sellist-rows{overscroll-behavior:contain;max-height:320px;padding:5px;overflow-y:auto}.sellist-empty{text-align:center;color:var(--ink-4);padding:18px;font-size:12.5px}.sellist-row{text-align:start;cursor:pointer;width:100%;transition:background var(--dur-fast) ease;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}.sellist-row[data-active=true]{background:var(--hover)}.sellist-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.sellist-text{flex-direction:column;gap:1px;min-width:0;display:flex}.sellist-range{color:var(--ink);font-size:13px;font-weight:500}.sellist-name{color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.sellist-item{border-radius:8px}.sellist-edit{width:22px;height:22px;color:var(--ink-4);opacity:0;transition:opacity var(--dur-fast) ease, background var(--dur-fast) ease;border-radius:5px;flex-shrink:0;place-items:center;margin-inline-start:auto;font-size:15px;line-height:1;display:grid}.sellist-row:hover .sellist-edit,.sellist-row[data-active=true] .sellist-edit{opacity:1}.sellist-edit:hover{background:var(--panel);color:var(--ink)}.sellist-manage{flex-direction:column;gap:7px;padding:6px 10px 10px 28px;display:flex}.sellist-rename{border:1px solid var(--line-strong);background:var(--bg);width:100%;color:var(--ink);font:inherit;text-align:start;border-radius:7px;outline:none;padding:6px 9px;font-size:12.5px}.sellist-rename:focus{border-color:var(--accent)}.sellist-swatches{align-items:center;gap:5px;display:flex}.sellist-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:15px;height:15px;padding:0}.sellist-swatch[data-active=true]{border-color:var(--ink)}.sellist-mini{border:1px solid var(--line-strong);color:var(--ink-3);font:inherit;cursor:pointer;background:0 0;border-radius:6px;margin-inline-start:auto;padding:3px 9px;font-size:11.5px}.sellist-mini:hover{background:var(--hover);color:var(--ink)}.sellist-mini--danger{color:#c92f33;color:lab(45.8749% 60.1361 37.4355);border-color:#c92f3366;border-color:lab(45.8749% 60.1361 37.4355/.4)}.sellist-mini--danger:hover{color:#b71824;color:lab(40.057% 60.2793 38.9217);background:#c92f331a;background:lab(45.8749% 60.1361 37.4355/.1)}.sellist-confirm{color:var(--ink-2);flex-direction:column;gap:7px;font-size:12px;display:flex}.sellist-confirm-actions{gap:6px;display:flex}.sellist-confirm-actions .sellist-mini{margin-inline-start:0}.sellist-confirm-actions .sellist-mini--danger{margin-inline-start:auto}.anchor-session-colors{gap:4px;margin:0 4px;display:inline-flex}.anchor-session-color{cursor:pointer;width:14px;height:14px;transition:transform var(--dur-hover) var(--ease-soft);border:2px solid #0000;border-radius:50%;padding:0}.anchor-session-color:hover{transform:scale(1.18)}.anchor-session-color[data-active=true]{border-color:var(--ink)}.qcf-read-hint{color:var(--ink-4);text-align:center;letter-spacing:.01em;animation:qcf-hint-in .4s var(--ease-out) both;margin-top:6px;font-size:11.5px}@keyframes qcf-hint-in{0%{opacity:0}to{opacity:1}}.qs-panel{background:var(--bg-elev);border:1px solid var(--line-strong);border-radius:var(--radius-lg);width:380px;max-width:calc(100vw - 24px);box-shadow:var(--shadow-lg);animation:qs-in .16s var(--ease-out) both;flex-direction:column;display:flex;overflow:hidden}@keyframes qs-in{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}.qs-input{border:0;border-bottom:1px solid var(--line);color:var(--ink);font:inherit;background:0 0;outline:none;padding:11px 14px;font-size:14px}.qs-input::placeholder{color:var(--ink-4)}.qs-results{overscroll-behavior:contain;max-height:340px;padding:4px;overflow-y:auto}.qs-empty,.qs-loading{color:var(--ink-4);text-align:center;padding:14px;font-size:12.5px}.qs-group+.qs-group{margin-top:2px}.qs-group-label{letter-spacing:.07em;text-transform:uppercase;color:var(--ink-4);padding:7px 10px 4px;font-size:10px;font-weight:600}.qs-row{text-align:start;cursor:pointer;width:100%;transition:background var(--dur-fast) ease;background:0 0;border:0;border-radius:7px;flex-direction:column;gap:3px;padding:7px 10px;display:flex}.qs-row[data-active=true]{background:var(--hover)}.qs-row-label{color:var(--ink);font-size:13px;font-weight:500}.qs-row-arabic{font-family:var(--font-arabic), serif;font-size:calc(17px * var(--fs-arabic));color:var(--ink);white-space:nowrap;text-overflow:ellipsis;line-height:1.9;overflow:hidden}.qs-row-preview{color:var(--ink-3);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;display:-webkit-box;overflow:hidden}.qs-mark{color:inherit;background:#ffd0506b;border-radius:2px;padding:0 1px}.qs-stage-head{border-bottom:1px solid var(--line);align-items:center;gap:6px;padding:8px 10px 6px;display:flex}.qs-back{cursor:pointer;width:22px;height:22px;color:var(--ink-3);transition:background var(--dur-fast) ease, color var(--dur-fast) ease;background:0 0;border:0;border-radius:5px;place-items:center;font-size:17px;line-height:1;display:grid}.qs-back:hover{background:var(--hover);color:var(--ink)}.qs-stage-name{color:var(--ink);font-size:13px;font-weight:500}.qs-row--ayah{flex-direction:row;align-items:baseline;gap:9px}.qs-ayah-num{min-width:22px;font-family:var(--font-mono);color:var(--ink-4);text-align:end;flex:none;font-size:11.5px}.qs-ayah-body{flex-direction:column;gap:2px;min-width:0;display:flex}.qs-row--ayah .qs-row-arabic{white-space:normal;text-overflow:clip;line-height:1.95;overflow:visible}.tr-spotlight{z-index:7990;pointer-events:none;animation:tr-spot-in .22s var(--ease-out) both;position:fixed;inset:0}.tr-spotlight svg{width:100%;height:100%;display:block}.tr-spotlight-veil{fill:#06060680;fill:lab(1.5609% 0 0/.5)}.tr-spotlight-ring{fill:none;stroke:var(--accent);stroke-width:1.5px;opacity:.85}@keyframes tr-spot-in{0%{opacity:0}to{opacity:1}}.tr-actions{align-items:center;gap:8px;display:flex}.tr-actions .tr-next-btn{flex:1}.tr-back-btn{border:1px solid var(--line-strong);height:34px;color:var(--ink-2);cursor:pointer;transition:background var(--dur-hover) var(--ease-soft);background:0 0;border-radius:8px;flex:none;padding:0 14px;font-size:13px}.tr-back-btn:hover:not(:disabled){background:var(--hover)}.tr-back-btn:disabled{opacity:.5;cursor:default}.tr-bubble.tr-in{animation:.28s cubic-bezier(.22,1,.36,1) both tr-bubble-in}.tr-bubble.tr-out{pointer-events:none;animation:.22s both tr-bubble-out}.tr-bubble-top{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.tr-dots{align-items:center;gap:4px;display:flex}.tr-dot{background:var(--line-strong);border-radius:50%;width:5px;height:5px;transition:background .2s,transform .2s}.tr-dot--cur{background:var(--accent);transform:scale(1.3)}.tr-dot--done{background:var(--ink-4)}.tr-skip{color:var(--ink-4);cursor:pointer;font-size:.75rem;font-family:var(--font-sans,system-ui);background:0 0;border:none;padding:0;transition:color .15s}.tr-skip:hover{color:var(--ink-2)}.tr-title{color:var(--ink);letter-spacing:-.01em;font-size:.875rem;font-weight:600;font-family:var(--font-sans,system-ui);margin:0}.tr-body{color:var(--ink-2);font-size:.8125rem;line-height:1.6;font-family:var(--font-sans,system-ui);margin:0}.tr-next-btn{font-family:var(--font-sans,system-ui);color:#fff;background:var(--accent);border-radius:var(--radius);cursor:pointer;border:none;align-self:flex-start;margin-top:4px;padding:7px 14px;font-size:.8125rem;font-weight:500;transition:opacity .15s,transform .1s}.tr-next-btn:hover{opacity:.88;transform:translateY(-1px)}.tr-next-btn:active{transform:none}.tr-next-btn:disabled{opacity:.35;cursor:not-allowed;transform:none}.tr-error{color:#a83634;color:lab(40.499% 47.3146 28.368);font-size:.75rem;font-family:var(--font-sans,system-ui);margin:0}@keyframes tr-finale-in{0%{opacity:0}to{opacity:1}}@keyframes tr-finale-out{0%{opacity:1}to{opacity:0}}.tr-finale{z-index:8500;background:var(--bg);justify-content:center;align-items:center;padding:32px;display:flex;position:fixed;inset:0}.tr-finale.tr-in{animation:.35s both tr-finale-in}.tr-finale.tr-out{pointer-events:none;animation:.25s both tr-finale-out}.tr-finale-card{text-align:center;flex-direction:column;align-items:center;gap:14px;max-width:480px;display:flex}.tr-bismillah-ar{font-family:var(--font-arabic,"Amiri Quran", "Amiri", serif);color:var(--ink);direction:rtl;margin:0;font-size:clamp(1.75rem,5vw,3rem);line-height:2.2}.tr-bismillah-en{color:var(--ink-3);font-size:.8125rem;font-style:italic;font-family:var(--font-sans,system-ui);margin:0}.tr-finale-divider{background:var(--line-strong);width:40px;height:1px}.tr-finale-msg{color:var(--ink-2);font-size:.875rem;font-family:var(--font-sans,system-ui);margin:0}.tr-begin-btn{font-family:var(--font-sans,system-ui);color:#fff;background:var(--accent);border-radius:var(--radius);cursor:pointer;border:none;margin-top:6px;padding:10px 28px;font-size:.9375rem;font-weight:500;transition:opacity .15s,transform .1s}.tr-begin-btn:hover{opacity:.88;transform:translateY(-1px)}.tr-begin-btn:active{transform:none}@keyframes tut-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes tut-overlay-out{0%{opacity:1}to{opacity:0}}.tut-overlay{z-index:9000;background:#060403;background:lab(1.20653% .173308 .768438);position:fixed;inset:0}.tut-overlay--in{animation:.22s both tut-overlay-in}.tut-overlay--out{pointer-events:none;animation:.26s both tut-overlay-out}@media (max-width:768px){.bt{height:auto;min-height:100dvh;overflow:auto}.bt-body{overflow:visible}.bt-shell{grid-template-rows:auto 1fr;grid-template-columns:1fr;overflow:visible}.bt-sidebar{border-right:none;border-bottom:1px solid var(--bt-line);padding:24px 20px}.bt-demo-area{min-height:360px;padding:16px}.bt-begin{padding:32px 24px}.bt-footer{height:auto;padding:12px 20px}.bt-footer-hint{display:none}.bt-header{padding:0 20px}.bt-presence-row{display:none}}@keyframes surah-card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ws-surah-card--animate{animation:.3s both surah-card-in}.lp{--lp-bg:#060403;--lp-bg-elev:#0e0c08;--lp-ink:#eae7e4;--lp-ink-2:#a7a4a0;--lp-ink-3:#605d59;--lp-line:#eae7e41a;--lp-accent:#4ebe7d;--lp-accent-2:#318f5a;--lp-arabic:"Scheherazade New", "Amiri Quran", "Amiri", serif;--lp-display:"Spectral", Georgia, serif;--lp-body:"Sora", system-ui, sans-serif;background:var(--lp-bg);min-height:100dvh;color:var(--lp-ink);font-family:var(--lp-body);-webkit-font-smoothing:antialiased;font-size:16px;overflow-x:hidden}@supports (color:lab(0% 0 0)){.lp{--lp-bg:lab(1.20653% .173308 .768438);--lp-bg-elev:lab(3.37439% .365511 1.75173);--lp-ink:lab(91.8947% .282824 1.88165);--lp-ink-2:lab(67.5401% .404924 2.64007);--lp-ink-3:lab(39.7021% .478998 3.02813);--lp-line:lab(91.8947% .282824 1.88165/.1);--lp-accent:lab(69.3433% -44.5479 22.9571);--lp-accent-2:lab(52.8386% -38.2789 19.7394)}}.lp-nav{z-index:50;background:color-mix(in oklch, var(--lp-bg) 80%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--lp-line);justify-content:space-between;align-items:center;height:60px;padding:0 clamp(24px,5vw,80px);display:flex;position:sticky;top:0}.lp-wordmark{font-family:var(--lp-display);letter-spacing:-.02em;color:var(--lp-ink);font-size:1.2rem;font-style:italic;font-weight:400}.lp-wordmark-sm{font-size:.95rem}.lp-nav-cta{font-family:var(--lp-body);color:var(--lp-ink-2);border:1px solid var(--lp-line);border-radius:4px;padding:6px 16px;font-size:.8125rem;font-weight:500;text-decoration:none;transition:color .15s,border-color .15s}.lp-nav-cta:hover{color:var(--lp-ink);border-color:#eae7e44d;border-color:lab(91.8947% .282824 1.88165/.3)}.lp-hero{flex-direction:column;justify-content:center;min-height:clamp(520px,82vh,820px);padding:clamp(64px,10vh,120px) clamp(24px,5vw,80px) 80px;display:flex;position:relative;overflow:hidden}.lp-bismillah{font-family:var(--lp-arabic);color:#eae7e409;color:lab(91.8947% .282824 1.88165/.035);pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;font-size:clamp(72px,14vw,220px);line-height:1;position:absolute;bottom:-2%;right:-1%}.lp-hero-inner{z-index:2;max-width:720px;position:relative}.lp-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--lp-accent);margin:0 0 20px;font-size:.75rem;font-weight:500}.lp-headline{font-family:var(--lp-display);letter-spacing:-.03em;color:var(--lp-ink);margin:0 0 28px;font-size:clamp(2.8rem,7vw,5.5rem);font-weight:300;line-height:1.08}.lp-headline em{color:var(--lp-accent);font-style:italic}.lp-subhead{color:var(--lp-ink-2);max-width:55ch;margin:0 0 44px;font-size:clamp(1rem,1.8vw,1.2rem);font-weight:300;line-height:1.7}.lp-cta-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.lp-btn-primary{font-family:var(--lp-body);color:#060403;color:lab(1.20653% .173308 .768438);background:var(--lp-accent);letter-spacing:-.01em;border-radius:4px;align-items:center;gap:6px;padding:14px 32px;font-size:.9375rem;font-weight:500;text-decoration:none;transition:background .15s,transform .1s;display:inline-flex}.lp-btn-primary:hover{background:#63d18f;background:lab(76.3094% -44.419 22.8738);transform:translateY(-1px)}.lp-btn-primary:active{transform:translateY(0)}.lp-btn-lg{padding:16px 40px;font-size:1.0625rem}.lp-verse-strip{z-index:2;border-top:1px solid var(--lp-line);flex-direction:column;gap:8px;max-width:600px;margin-top:clamp(48px,8vw,96px);padding-top:32px;display:flex;position:relative}.lp-verse-ar{font-family:var(--lp-arabic);color:#eae7e48c;color:lab(91.8947% .282824 1.88165/.55);direction:rtl;font-size:clamp(1.3rem,2.5vw,1.85rem);line-height:1.9}.lp-verse-en{color:var(--lp-ink-3);letter-spacing:.01em;font-size:.8125rem;font-style:italic}.lp-features-section{border-top:1px solid var(--lp-line);padding:clamp(80px,12vw,140px) clamp(24px,5vw,80px)}.lp-section-label{letter-spacing:.12em;text-transform:uppercase;color:var(--lp-ink-3);margin:0 0 56px;font-size:.6875rem;font-weight:500}.lp-features-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:clamp(32px,4vw,56px);display:grid}.lp-feat{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(24px)}.lp-feat[data-visible=true]{opacity:1;transform:translateY(0)}.lp-feat:nth-child(2){transition-delay:.12s}.lp-feat:nth-child(3){transition-delay:.24s}.lp-feat-num{font-family:var(--lp-display);color:#eae7e414;color:lab(91.8947% .282824 1.88165/.08);letter-spacing:-.04em;margin-bottom:20px;font-size:clamp(2.5rem,5vw,4rem);font-weight:300;line-height:1;display:block}.lp-feat-title{font-family:var(--lp-display);letter-spacing:-.02em;color:var(--lp-ink);margin:0 0 12px;font-size:clamp(1.15rem,2vw,1.4rem);font-weight:400}.lp-feat-body{color:var(--lp-ink-2);max-width:44ch;margin:0;font-size:.9375rem;font-weight:300;line-height:1.75}.lp-quote-section{background:var(--lp-bg-elev);padding:clamp(80px,12vw,140px) clamp(24px,5vw,80px)}.lp-quote{max-width:760px;margin:0}.lp-quote-ar{font-family:var(--lp-arabic);color:#eae7e4b8;color:lab(91.8947% .282824 1.88165/.72);direction:rtl;margin:0 0 28px;font-size:clamp(1.8rem,4vw,3.2rem);line-height:2.1}.lp-quote-footer{flex-direction:column;gap:6px;display:flex}.lp-quote-footer cite{letter-spacing:.08em;text-transform:uppercase;color:var(--lp-accent);font-size:.75rem;font-style:normal;font-weight:500}.lp-quote-tr{color:var(--lp-ink-3);max-width:52ch;font-size:.9375rem;font-style:italic;line-height:1.6}.lp-final-cta{flex-direction:column;align-items:flex-start;gap:40px;padding:clamp(96px,14vw,160px) clamp(24px,5vw,80px);display:flex}.lp-final-headline{font-family:var(--lp-display);letter-spacing:-.03em;color:var(--lp-ink);margin:0;font-size:clamp(2rem,5vw,4rem);font-weight:300;line-height:1.1}.lp-footer{border-top:1px solid var(--lp-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:28px clamp(24px,5vw,80px);display:flex}.lp-footer-copy{color:var(--lp-ink-3);font-size:.8125rem;font-style:italic}@media (max-width:640px){.lp-bismillah{font-size:60px;bottom:0;right:0}.lp-features-grid{grid-template-columns:1fr}.lp-final-cta{align-items:stretch}.lp-btn-primary{text-align:center;justify-content:center}}.beta-gate-eyebrow{margin-bottom:24px}.beta-gate-form{flex-direction:column;gap:8px;width:100%;display:flex}.beta-gate-label{color:var(--ink-3);text-align:left;letter-spacing:.02em;font-size:12px;font-weight:500}.beta-gate-input{background:var(--bg);border:1px solid var(--line-strong);width:100%;color:var(--ink);font-size:14px;font-family:var(--font-sans);box-sizing:border-box;border-radius:9px;outline:none;padding:11px 14px;transition:border-color .12s,box-shadow .12s}.beta-gate-input:focus{border-color:var(--ink-3);box-shadow:0 0 0 3px #1e1a1412;box-shadow:0 0 0 3px lab(9.54589% .84766 4.55285/.07)}.beta-gate-input:disabled{opacity:.6}.beta-gate-btn{background:var(--ink);width:100%;color:var(--bg);font-size:14px;font-weight:500;font-family:var(--font-sans);cursor:pointer;border:none;border-radius:9px;justify-content:center;align-items:center;gap:8px;margin-top:4px;padding:11px 20px;transition:opacity .12s;display:flex}.beta-gate-btn:hover:not(:disabled){opacity:.88}.beta-gate-btn:disabled{opacity:.6;cursor:not-allowed}.wls-root{grid-template-columns:var(--rail) var(--sidebar) minmax(0, 1fr);background:var(--bg);width:100vw;height:100dvh;display:grid;overflow:hidden}.wls-rail{width:var(--rail);background:var(--panel);border-right:1px solid var(--line);flex-direction:column;align-items:center;gap:8px;padding:12px 0;display:flex}.wls-rail-logo{border-radius:8px;width:32px;height:32px;margin-bottom:8px}.wls-rail-btn{border-radius:8px;width:36px;height:36px}.wls-sidebar{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;display:flex;overflow:hidden}.wls-sb-header{border-bottom:1px solid var(--line);padding:14px 16px 10px}.wls-sb-title{border-radius:5px;width:70%;height:16px}.wls-sb-section{border-radius:3px;width:40%;height:10px;margin:14px 16px 6px}.wls-sb-row{align-items:center;padding:6px 16px;display:flex}.wls-canvas{flex-direction:column;display:flex;overflow:hidden}.wls-topbar{border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:8px;height:48px;padding:0 20px;display:flex}.wls-content{flex:1;max-width:780px;padding:clamp(24px,4vw,56px) clamp(24px,8vw,80px);overflow:hidden}.ws-card-spinner{vertical-align:middle;border:1.5px solid;border-top-color:#0000;border-radius:50%;width:9px;height:9px;margin-right:4px;animation:.7s linear infinite ws-card-spin;display:inline-block}@keyframes ws-card-spin{to{transform:rotate(360deg)}}.et-btn{border-radius:var(--radius);width:30px;height:30px;color:var(--ink-3);cursor:pointer;transition:background var(--dur-fast) ease, color var(--dur-fast) ease;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.et-btn:hover:not(:disabled){background:var(--hover);color:var(--ink)}.et-btn--active{background:var(--accent-soft);color:var(--accent-ink)}.et-btn--active:hover{background:color-mix(in oklch, var(--accent-soft) 150%, transparent)}.et-btn:disabled{opacity:.28;cursor:default}.et-btn-indicator{pointer-events:none;border-radius:50%;width:6px;height:6px;position:absolute;bottom:3px;right:3px}.et-heading-label{font-size:10px;font-weight:700;font-family:var(--font-sans);letter-spacing:-.01em;line-height:1}.et-sep{background:var(--line);flex-shrink:0;width:1px;height:18px;margin:0 4px}.et-popover-wrap{position:relative}.et-popover{background:var(--bg-elev);border:1px solid var(--line-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:200;animation:et-pop-in var(--dur-fast) var(--ease-out);padding:8px;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)}@keyframes et-pop-in{0%{opacity:0;transform:translate(-50%)translateY(-4px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.et-swatch-grid{grid-template-columns:repeat(6,22px);gap:4px;display:grid}.et-swatch{cursor:pointer;width:22px;height:22px;transition:transform var(--dur-fast) ease, box-shadow var(--dur-fast) ease;border:1.5px solid #1e1a141f;border:1.5px solid lab(9.54589% .84766 4.55285/.12);border-radius:5px;place-items:center;padding:0;display:grid}.et-swatch:hover{box-shadow:var(--shadow-sm);transform:scale(1.18)}.et-swatch-x{color:var(--ink-4);font-size:13px;line-height:1}.et-font-list{flex-direction:column;gap:1px;min-width:132px;display:flex}.et-font-item{appearance:none;cursor:pointer;text-align:left;border-radius:var(--radius-sm);color:var(--ink);white-space:nowrap;transition:background var(--dur-fast) ease;background:0 0;border:0;padding:7px 10px;font-size:15px;line-height:1.25}.et-font-item:hover{background:var(--hover)}.et-font-item--active{background:var(--selected,var(--hover));font-weight:500}.et-font-item:has(.et-dir-hint){justify-content:space-between;align-items:baseline;gap:12px;display:flex}.et-dir-hint{color:var(--ink-4);font-size:11px}.et-ribbon{z-index:3;background:var(--bg);border-bottom:1px solid var(--line);-webkit-user-select:none;user-select:none;position:sticky;top:48px}.et-ribbon-strip{animation:et-ribbon-open var(--dur-fast) var(--ease-out);flex-wrap:wrap;align-items:center;gap:1px;padding:4px 8px 5px;display:flex}@keyframes et-ribbon-open{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.sel-toolbar{z-index:9998;background:var(--bg-elev);border:1px solid var(--line-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);animation:sel-toolbar-in var(--dur-fast) var(--ease-out);align-items:center;gap:1px;padding:4px 6px;display:flex;position:fixed;transform:translate(-50%)}.sel-toolbar[data-side=below]{animation-name:sel-toolbar-in-below}@keyframes sel-toolbar-in-below{0%{opacity:0;transform:translate(-50%)translateY(-4px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.sel-link-pop{align-items:center;gap:6px;min-width:240px;display:flex}.sel-link-input{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--bg);color:var(--ink);outline:none;flex:1;padding:5px 8px;font-size:13px}.sel-link-input:focus{border-color:var(--accent)}.sel-link-input::placeholder{color:var(--ink-4)}.sel-link-remove{border-radius:var(--radius-sm);width:24px;height:24px;color:var(--ink-3);flex:none;place-items:center;font-size:12px;display:grid}.sel-link-remove:hover{background:var(--hover);color:var(--ink)}@keyframes sel-toolbar-in{0%{opacity:0;transform:translate(-50%)translateY(4px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.page-editor-content mark[data-color]{border-radius:2px;padding:.1em .05em}.page-editor-content u{text-underline-offset:3px}.page-editor-content s{color:var(--ink-3)}.doc{animation:doc-enter var(--dur-enter) var(--ease-flow) both}@keyframes doc-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.mode-b-canvas{animation:pane-fade .5s var(--ease-soft) both}@keyframes pane-fade{0%{opacity:0}to{opacity:1}}.tb-btn,.mode-btn,.mode-b-zoom-btn{transition:background var(--dur-hover) var(--ease-soft), color var(--dur-hover) var(--ease-soft)}.anc-note{transition:box-shadow var(--dur-hover) var(--ease-flow), transform var(--dur-hover) var(--ease-flow)}.anc-note:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.sb-page-row,.ws-surah-card{transition:background var(--dur-hover) var(--ease-soft), border-color var(--dur-hover) var(--ease-soft)}.ctr-btn{transition:background var(--dur-hover) var(--ease-soft), color var(--dur-hover) var(--ease-soft)}.notes-review-page{background:var(--bg);height:100dvh;display:flex}.notes-review-main{flex:1;padding:40px clamp(20px,6vw,72px) 96px;overflow-y:auto}.notes-review-head{max-width:780px;margin:0 auto 28px}.notes-review-back{color:var(--ink-3);transition:color var(--dur-hover) var(--ease-soft);align-items:center;gap:6px;margin-bottom:14px;font-size:12.5px;display:inline-flex}.notes-review-back:hover{color:var(--ink)}.notes-review-title{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--ink);margin:0 0 4px;font-size:28px;font-weight:600}.notes-review-sub{color:var(--ink-3);margin:0 0 18px;font-size:13px}.notes-review-search{background:var(--bg-elev);border:1px solid var(--line-strong);border-radius:var(--radius-md);align-items:center;gap:8px;margin-bottom:12px;padding:9px 13px;display:flex}.notes-review-search input{color:var(--ink);background:0 0;border:none;outline:none;flex:1;font-size:13.5px}.notes-review-search input::placeholder{color:var(--ink-4)}.notes-review-filters{flex-wrap:wrap;gap:5px;display:flex}.notes-review-chip{border:1px solid var(--line);color:var(--ink-3);cursor:pointer;transition:color var(--dur-hover) var(--ease-soft), border-color var(--dur-hover) var(--ease-soft), background var(--dur-hover) var(--ease-soft);background:0 0;border-radius:999px;padding:4px 11px;font-size:11.5px;font-weight:500}.notes-review-chip:hover{color:var(--ink);border-color:var(--line-strong)}.notes-review-chip[data-active=true]{color:var(--type-color,var(--accent-ink));border-color:var(--type-color,var(--accent));background:color-mix(in oklch, var(--type-color,var(--accent)) 8%, transparent)}.notes-review-empty{text-align:center;max-width:780px;color:var(--ink-3);flex-direction:column;align-items:center;gap:10px;margin:48px auto;font-size:13.5px;display:flex}.notes-review-surah{max-width:780px;margin:0 auto 34px}.notes-review-surah-head{font-family:var(--font-serif);color:var(--ink);border-bottom:1px solid var(--line);align-items:center;gap:10px;margin:0 0 12px;padding-bottom:8px;font-size:18px;font-weight:600;display:flex}.notes-review-surah-num{background:var(--panel);border:1px solid var(--line);width:26px;height:26px;font-family:var(--font-mono);color:var(--ink-2);border-radius:8px;justify-content:center;align-items:center;font-size:11.5px;display:flex}.notes-review-surah-ar{font-family:var(--font-arabic);color:var(--ink-3);margin-left:auto;font-size:16px}.notes-review-ayah-group{margin-bottom:16px}.notes-review-ayah-head{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);align-items:center;gap:7px;margin:0 0 6px;font-size:11px;font-weight:600;display:flex}.notes-review-ayah-count{background:var(--panel);border:1px solid var(--line);color:var(--ink-4);font-variant-numeric:tabular-nums;border-radius:999px;padding:1px 7px;font-size:10px}.notes-review-note{text-align:left;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--bg-elev);cursor:pointer;width:100%;transition:border-color var(--dur-hover) var(--ease-soft), box-shadow var(--dur-hover) var(--ease-flow), transform var(--dur-hover) var(--ease-flow);grid-template-columns:84px 1fr;grid-template-areas:"type text""type meta";gap:2px 12px;margin-bottom:6px;padding:10px 12px;display:grid}.notes-review-note:hover{border-color:var(--line-strong);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.notes-review-note-type{text-transform:uppercase;letter-spacing:.05em;grid-area:type;align-self:start;padding-top:2px;font-size:10px;font-weight:700}.notes-review-note-text{color:var(--ink);white-space:pre-wrap;word-break:break-word;-webkit-line-clamp:3;unicode-bidi:plaintext;-webkit-box-orient:vertical;grid-area:text;font-size:13.5px;line-height:1.55;display:-webkit-box;overflow:hidden}.notes-review-note-meta{color:var(--ink-4);grid-area:meta;font-size:11px}.free-textbox .page-editor-content{border:none;min-height:1.6em;padding:0}.free-textbox .page-editor-content:hover,.free-textbox .page-editor-content:focus-within{border:none}.free-textbox .tiptap{min-height:1.6em}.free-textbox .page-editor-content h1:first-child,.free-textbox .page-editor-content h2:first-child,.free-textbox .page-editor-content h3:first-child{margin-top:0}.free-textbox-input{font-family:var(--font-serif);line-height:1.82}.drawer-source-select-wrap{flex:none;align-items:center;max-width:45%;display:flex;position:relative}.drawer-source-select{appearance:none;border-radius:var(--radius-sm);max-width:100%;color:var(--ink-3);text-overflow:ellipsis;cursor:pointer;transition:color var(--dur-fast) ease;background:0 0;border:0;outline:none;padding:2px 16px 2px 0;font-family:inherit;font-size:11.5px;font-weight:400}.drawer-source-select:hover{color:var(--ink);border-color:#0000}.drawer-source-select:focus{box-shadow:none;border-color:#0000}.drawer-source-select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.drawer-source-chevron{color:var(--ink-4);pointer-events:none;position:absolute;top:50%;right:2px;transform:translateY(-50%)}.tafsir-block-source-select{max-width:240px;color:var(--ink-3);cursor:pointer;transition:color var(--dur-fast) ease, border-color var(--dur-fast) ease;background:0 0;border:1px solid #0000;border-radius:4px;padding:1px 4px;font-size:11px;font-weight:500}.tafsir-block-source-select:hover,.tafsir-block-source-select:focus{color:var(--ink);border-color:var(--line);outline:none}.qcf-ayah-run{direction:rtl;border-radius:0;flex-shrink:0;align-items:stretch;display:flex}.qcf-ayah-run--active{z-index:1;animation:qcf-ayah-lift .26s var(--ease-out) both;position:relative}@keyframes qcf-ayah-lift{0%{transform:translateY(0);box-shadow:0 0 #1a1a1a00}to{transform:translateY(-2px);box-shadow:0 4px 12px #1a1a1a2e}}.eraser-ring{pointer-events:none;z-index:40;opacity:0;background:#fcfcfa8c;background:lab(98.846% .111073 .751436/.55);border:1.5px solid #58554fa6;border:1.5px solid lab(36.2267% .614822 3.79653/.65);border-radius:50%;transition:opacity .12s;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 6px #00000029,inset 0 0 0 2px #fff9;box-shadow:0 1px 6px lab(0% 0 0/.16),inset 0 0 0 2px lab(100% 0 0/.6)}.ctr-size-value{float:right;font-family:var(--font-mono);color:var(--ink-3);font-size:9.5px}.ctr-size-slider{appearance:none;background:var(--line-strong,#1e1a142e);cursor:pointer;border-radius:99px;outline:none;width:100%;height:3px;margin:6px 0 2px}@supports (color:lab(0% 0 0)){.ctr-size-slider{background:var(--line-strong,lab(9.54589% .84766 4.55285/.18))}}.ctr-size-slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--accent), 0 1px 3px #00000040}@supports (color:lab(0% 0 0)){.ctr-size-slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--accent), 0 1px 3px lab(0% 0 0/.25)}}.ctr-size-slider:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px var(--accent), 0 1px 3px #00000040}@supports (color:lab(0% 0 0)){.ctr-size-slider:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px var(--accent), 0 1px 3px lab(0% 0 0/.25)}}.ctr-size-slider::-webkit-slider-thumb{appearance:none;background:var(--ink,#18181b);border:2px solid #fff;border-radius:50%;width:13px;height:13px;box-shadow:0 1px 3px #00000040;box-shadow:0 1px 3px lab(0% 0 0/.25)}.ctr-size-slider::-moz-range-thumb{background:var(--ink,#18181b);border:2px solid #fff;border-radius:50%;width:13px;height:13px;box-shadow:0 1px 3px #00000040;box-shadow:0 1px 3px lab(0% 0 0/.25)}.ctr-widths--eraser .ctr-width-btn{justify-content:center;align-items:center;width:34px;height:34px;display:flex}.ctr-eraser-dot{border:1.5px solid var(--ink-3,#6b7280);background:#e6e4e1;background:lab(90.7347% .282913 1.88171);border-radius:50%;display:block}.ctr-eraser-preview{justify-content:center;align-items:center;min-height:44px;margin:4px 0 2px;display:flex;overflow:hidden}.ctr-eraser-preview-ring{border:1.5px dashed var(--ink-3,#6b7280);background:#f3f1ef99;background:lab(95.3719% .224829 1.50443/.6);border-radius:50%;max-width:120px;max-height:44px;display:block}.verse-picker{background:var(--bg-elev);border:1px solid var(--line-2);width:320px;max-height:min(70vh,520px);animation:slash-pop .16s var(--ease-flow) both;border-radius:12px;flex-direction:column;padding:12px;display:flex;overflow:hidden;box-shadow:0 22px 50px #1e1a142e;box-shadow:0 22px 50px lab(9.54589% .84766 4.55285/.18)}.verse-picker-head,.verse-picker-row,.verse-picker-label{flex:none}.verse-picker-head{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3);margin-bottom:10px;font-size:11px}.verse-picker-row{align-items:center;gap:8px;display:flex}.verse-picker-surah{font-family:var(--font-mono);color:var(--accent-ink);font-size:18px;font-weight:600}.verse-picker-input{min-width:0;font-family:var(--font-mono);border:1.5px solid var(--accent);background:var(--bg);color:var(--ink);border-radius:8px;outline:none;flex:1;padding:8px 12px;font-size:17px}.verse-picker-go{font-family:var(--font-sans);color:var(--bg);background:var(--ink);white-space:nowrap;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600;transition:transform .1s}.verse-picker-go:active{transform:scale(.96)}.verse-picker-label{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--ink-4);margin:12px 0 6px;font-size:10px}.verse-picker-chips{overscroll-behavior:contain;flex-wrap:wrap;flex:1;align-content:flex-start;gap:6px;min-height:0;padding-right:2px;display:flex;overflow-y:auto}.verse-picker-chip{font-family:var(--font-mono);color:var(--ink-2);border:1px solid var(--line);background:var(--bg);border-radius:99px;padding:5px 10px;font-size:12px;transition:border-color .12s,color .12s,background .12s}.verse-picker-chip:hover{border-color:var(--accent);color:var(--accent-ink);background:var(--accent-soft)}.whiteboard-canvas{background-color:var(--bg);background-image:radial-gradient(var(--line) 1px, transparent 1px);background-position:0 0;background-size:26px 26px}.whiteboard-hint{text-align:center;pointer-events:none;max-width:440px;color:var(--ink-3);animation:textbox-in .4s var(--ease-soft) both;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.whiteboard-hint-title{font-family:var(--font-serif);color:var(--ink-2);margin:0 0 10px;font-size:26px;font-weight:600}.whiteboard-hint-body{margin:0;font-size:15px;line-height:1.65}.whiteboard-hint-body+.whiteboard-hint-body{border-top:1px solid color-mix(in oklch, var(--line) 70%, transparent);margin-top:14px;padding-top:12px}.whiteboard-hint-body code{font-family:var(--font-mono);background:var(--panel);color:var(--accent-ink);border-radius:5px;padding:1px 6px;font-size:13px}.whiteboard-shell{background:var(--bg);flex-direction:column;height:100dvh;display:flex}.whiteboard-shell-bar{border-bottom:1px solid var(--line);background:color-mix(in oklch, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%);z-index:20;flex:none;align-items:center;gap:16px;padding:10px 18px;display:flex}.whiteboard-shell-back{color:var(--ink-2);transition:background var(--dur-fast) ease, color var(--dur-fast) ease;border-radius:7px;align-items:center;gap:4px;padding:5px 8px;font-size:13.5px;display:inline-flex}.whiteboard-shell-back:hover{background:var(--hover);color:var(--ink)}.whiteboard-shell-title{font-family:var(--font-serif);color:var(--ink);font-size:16px;font-weight:600}.whiteboard-shell-presence{align-items:center;margin-left:auto;display:flex}.whiteboard-shell-tools{align-items:center;gap:8px;margin-left:auto;display:flex}.whiteboard-shell-tools+.whiteboard-shell-presence{margin-left:12px}.whiteboard-shell-format{border:1px solid var(--line);border-radius:8px}.board-doc-wrap{min-width:0}.whiteboard-shell-pip{border:2px solid var(--bg);border-radius:99px;width:18px;height:18px;margin-left:-6px}.whiteboard-shell-body{flex:1 1 0;min-height:0;display:flex;position:relative}.ws-home-kind-badge{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--accent-ink);background:var(--accent-soft);vertical-align:middle;border-radius:6px;margin-left:8px;padding:3px 9px;font-size:11px;font-weight:600}.boards-new-row{margin:24px 0 20px}.boards-new-btn{font-size:14px}.boards-new-form{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.boards-new-input{border:1.5px solid var(--accent);background:var(--bg-elev);min-width:240px;color:var(--ink);border-radius:10px;outline:none;flex:320px;padding:10px 14px;font-size:15px}.boards-empty{border:1px dashed var(--line-2);border-radius:var(--radius-lg);text-align:center;padding:48px 24px}.boards-empty-title{font-family:var(--font-serif);color:var(--ink-2);margin:0 0 8px;font-size:20px;font-weight:600}.boards-empty-body{color:var(--ink-3);max-width:420px;margin:0 auto;font-size:14px;line-height:1.6}.boards-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.board-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-elev);flex-direction:column;gap:6px;min-height:120px;padding:18px 20px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.board-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.board-card-icon{color:var(--accent-ink);font-size:22px}.board-card-title{font-family:var(--font-serif);color:var(--ink);margin-top:auto;font-size:19px;font-weight:600}.board-card-date{font-family:var(--font-mono);color:var(--ink-4);letter-spacing:.03em;font-size:11.5px}.login-demo-row{animation:slash-pop .18s var(--ease-flow) both;gap:8px;margin-top:12px;display:flex}.login-demo-input{min-width:0;font-family:var(--font-mono);letter-spacing:.2em;border:1.5px solid var(--line-2);background:var(--bg);color:var(--ink);border-radius:10px;outline:none;flex:1;padding:10px 14px;font-size:14px}.login-demo-input:focus{border-color:var(--accent)}.login-demo-go{color:var(--bg);background:var(--ink);white-space:nowrap;border-radius:10px;padding:10px 16px;font-size:13px;font-weight:600}.login-demo-go:disabled{opacity:.5}.lang-switcher{color:var(--ink-2);border:1px solid var(--line);background:var(--bg-elev);cursor:pointer;border-radius:9px;align-items:center;gap:6px;padding:5px 10px;font-size:13px;display:inline-flex}.lang-switcher select:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.lang-switcher select{color:var(--ink);cursor:pointer;background:0 0;border:none;outline:none;font-size:13px}.lang-switcher--compact{padding:4px 8px;font-size:12px}[dir=rtl] .mode-b-canvas,[dir=rtl] .whiteboard-canvas,[dir=rtl] .page-editor,[dir=rtl] .qcf-page,[dir=rtl] .drawing-canvas-wrap{direction:ltr}.book-library-card{width:92vw;max-width:720px}.book-card-tile .board-card-icon{filter:none}.pdf-pages{-webkit-user-select:none;user-select:none;flex-direction:column;align-items:flex-start;padding:40px 60px 160px 104px;display:flex}.pdf-page{background:#fff;border-radius:3px;flex-shrink:0;overflow:hidden;box-shadow:0 1px 4px #00000024,0 8px 26px #0000001a;box-shadow:0 1px 4px lab(0% 0 0/.14),0 8px 26px lab(0% 0 0/.1)}.pdf-page img{pointer-events:none}.pdf-page--skeleton{background:repeating-linear-gradient(#0000 0 26px,#1e1a140e 26px 38px) no-repeat content-box content-box,#fff;background:repeating-linear-gradient(#0000 0 26px,lab(9.54589% .84766 4.55285/.055) 26px 38px) no-repeat content-box content-box,#fff;padding:72px 84px;position:relative}.pdf-page--skeleton:after{content:"";background:linear-gradient(100deg,#0000 32%,#ffffffbf 50%,#0000 68%);background:linear-gradient(100deg,#0000 32%,lab(100% 0 0/.75) 50%,#0000 68%);animation:1.5s ease-in-out infinite pdf-skeleton-sheen;position:absolute;inset:0;transform:translate(-100%)}@keyframes pdf-skeleton-sheen{to{transform:translate(100%)}}.pdf-pages-loading,.pdf-pages-error{color:var(--ink-4);flex-direction:column;gap:6px;padding:44px 60px;font-size:14px;display:flex}.pdf-pages-error-detail{font-family:var(--font-mono);color:var(--ink-4);word-break:break-word;max-width:520px;font-size:11px}.book-missing{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:100%;padding:40px;display:flex}.book-missing-title{color:var(--ink);font-size:18px;font-weight:700}.book-missing-body{color:var(--ink-3);max-width:440px;margin-bottom:6px;font-size:14px;line-height:1.6}.et-size{align-items:center;gap:1px;display:inline-flex}.et-size-step{font-size:13px;line-height:1}.et-size-value{border-radius:var(--radius-sm);min-width:26px;height:26px;font-family:var(--font-mono);color:var(--ink-2);cursor:pointer;transition:background var(--dur-fast) ease, color var(--dur-fast) ease;background:0 0;border:0;padding:0 4px;font-size:11.5px}.et-size-value:hover{background:var(--hover);color:var(--ink)}.et-size-value:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.et-size-list{flex-direction:column;gap:1px;min-width:68px;max-height:260px;display:flex;overflow-y:auto}.et-size-item{appearance:none;cursor:pointer;text-align:left;border-radius:var(--radius-sm);color:var(--ink);transition:background var(--dur-fast) ease;background:0 0;border:0;padding:5px 10px;font-size:12.5px}.et-size-item:hover{background:var(--hover)}.et-size-item[data-active=true]{color:var(--accent-ink);font-weight:500}.et-size-item--reset{color:var(--ink-3);border-top:1px solid var(--line);border-radius:0;margin-top:2px}.et-color-glyph{font-size:12px;font-weight:600;line-height:1}.et-color-panel{flex-direction:column;gap:8px;min-width:148px;display:flex}.et-color-custom{color:var(--ink-2);cursor:pointer;align-items:center;gap:8px;padding:2px 0;font-size:12px;display:flex}.et-color-custom input[type=color]{border:1px solid var(--line-strong);border-radius:var(--radius-sm);cursor:pointer;background:0 0;width:24px;height:22px;padding:0}.et-color-reset{appearance:none;cursor:pointer;text-align:left;border:0;border-top:1px solid var(--line);color:var(--ink-3);transition:color var(--dur-fast) ease;background:0 0;padding:5px 0 0;font-size:12px}.et-color-reset:hover{color:var(--ink)}.et-table-panel{flex-direction:column;gap:6px;display:flex}.et-table-grid{flex-direction:column;gap:2px;display:flex}.et-table-grid-row{gap:2px;display:flex}.et-table-cellpick{cursor:pointer;border:1px solid var(--line-strong);width:15px;height:13px;transition:background var(--dur-fast) ease, border-color var(--dur-fast) ease;background:0 0;border-radius:1px;padding:0}.et-table-cellpick[data-on=true]{background:var(--accent-soft);border-color:var(--accent)}.et-table-hint{color:var(--ink-3);text-align:center;font-size:11px}.et-table-actions{flex-direction:column;gap:1px;min-width:152px;display:flex}.et-table-actions button{appearance:none;cursor:pointer;text-align:left;border-radius:var(--radius-sm);color:var(--ink);transition:background var(--dur-fast) ease;background:0 0;border:0;padding:6px 8px;font-size:12.5px}.et-table-actions button:hover{background:var(--hover)}.et-table-danger{color:var(--danger)}.page-editor-content table,.free-textbox .page-editor-content table{border-collapse:collapse;table-layout:fixed;margin:var(--sp-4) 0;box-shadow:none;background:0 0;border-radius:0;overflow:visible}.page-editor-content th,.page-editor-content td{border:1px solid var(--line-strong);vertical-align:top;unicode-bidi:plaintext;min-width:3em;padding:6px 9px;position:relative}.page-editor-content th{background:var(--panel);text-align:start;font-weight:600}.page-editor-content .selectedCell:after{content:"";background:var(--accent-soft);pointer-events:none;position:absolute;inset:0}.page-editor-content .column-resize-handle{background:var(--accent);pointer-events:none;width:4px;position:absolute;top:0;bottom:0;right:-2px}.page-editor-content .tableWrapper{overflow-x:visible}.page-editor-content.resize-cursor{cursor:col-resize}.surah-info-head{margin:0 0 var(--sp-5)}.surah-info-name{font-family:var(--font-serif);color:var(--ink);align-items:baseline;gap:var(--sp-3);flex-wrap:wrap;margin:0;font-size:17px;font-weight:600;line-height:1.25;display:flex}.surah-info-num{color:var(--ink-3);font-size:11.5px;font-weight:400;font-family:var(--font-sans)}.surah-info-source{color:var(--ink-3);margin:var(--sp-1) 0 0;font-size:11.5px}.surah-info-body a{color:var(--accent-ink);text-underline-offset:2px;text-decoration:underline}.slashhelp-scrim{z-index:120;padding:var(--sp-5);animation:modal-backdrop-in var(--dur-mid) var(--ease-soft) both;background:#0000006b;background:lab(0% 0 0/.42);place-items:center;display:grid;position:fixed;inset:0}.slashhelp{background:var(--bg-elev);border:1px solid var(--line-strong);border-radius:var(--radius-md);width:min(520px,100%);max-height:min(70vh,620px);box-shadow:var(--shadow-lg);flex-direction:column;display:flex;overflow:hidden}.slashhelp-head{align-items:baseline;gap:var(--sp-2);padding:var(--sp-4) var(--sp-4) var(--sp-2);display:flex}.slashhelp-title{font-family:var(--font-serif);color:var(--ink);margin:0;font-size:15px;font-weight:600}.slashhelp-count{color:var(--ink-4);font-size:11.5px}.slashhelp-search{margin:0 var(--sp-4) var(--sp-2);border:0;border-bottom:1px solid var(--line);color:var(--ink);background:0 0;outline:none;padding:6px 0;font-size:13px}.slashhelp-search::placeholder{color:var(--ink-4)}.slashhelp-search:focus{border-bottom-color:var(--accent)}.slashhelp-list{padding:var(--sp-1) var(--sp-2) var(--sp-2);flex:1;overflow-y:auto}.slashhelp-item{align-items:flex-start;gap:var(--sp-3);width:100%;padding:7px var(--sp-2);cursor:pointer;border-radius:var(--radius-sm);text-align:left;transition:background var(--dur-fast) ease;background:0 0;border:0;display:flex}.slashhelp-item[data-sel=true]{background:var(--hover)}.slashhelp-item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.slashhelp-icon{flex-shrink:0;font-size:13px;line-height:1.5}.slashhelp-text{flex-direction:column;min-width:0;display:flex}.slashhelp-name{font-family:var(--font-mono);color:var(--ink);font-size:12px;font-weight:500}.slashhelp-desc{color:var(--ink-3);margin-top:1px;font-size:11.5px;line-height:1.45}.slashhelp-empty{padding:var(--sp-5);text-align:center;color:var(--ink-3);font-size:12.5px}.slashhelp-foot{gap:var(--sp-4);padding:var(--sp-2) var(--sp-4);border-top:1px solid var(--line);color:var(--ink-4);font-size:11px;display:flex}.book-shelf{gap:var(--sp-4);max-height:56vh;padding:var(--sp-1) var(--sp-1) var(--sp-3);margin-top:var(--sp-3);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid;overflow-y:auto}.book-obj{cursor:pointer;text-align:start;background:var(--panel);border:1px solid var(--line-strong);border-radius:2px var(--radius) var(--radius) 2px;min-height:178px;transition:transform var(--dur-hover) var(--ease-flow), border-color var(--dur-hover) var(--ease-soft), box-shadow var(--dur-hover) var(--ease-soft);padding:0;display:flex;position:relative;overflow:hidden}.book-obj:hover:not(:disabled){border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-3px)}.book-obj:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.book-obj:disabled{opacity:.5;cursor:default}.book-obj-spine{background:var(--book-tone,var(--accent));flex:none;width:10px;box-shadow:inset -1px 0 #ffffff24;box-shadow:inset -1px 0 lab(100% 0 0/.14)}.book-obj-face{gap:var(--sp-2);min-width:0;padding:var(--sp-4) var(--sp-3);flex-direction:column;flex:1;display:flex}.book-obj-ar{font-family:var(--font-arabic);color:var(--ink);overflow-wrap:anywhere;font-size:19px;line-height:1.7}.book-obj-en{font-family:var(--font-serif);color:var(--ink-2);font-size:12.5px;font-weight:600;line-height:1.35}.book-obj-meta{flex-direction:column;gap:1px;margin-top:auto;font-size:10.5px;line-height:1.35;display:flex}.book-obj-subject{color:var(--book-tone,var(--accent-ink));font-weight:500}.book-obj-author{color:var(--ink-4)}.book-obj[data-subject="0"]{--book-tone:#519773}@supports (color:lab(0% 0 0)){.book-obj[data-subject="0"]{--book-tone:lab(57.1177% -29.5703 11.6668)}}.book-obj[data-subject="1"]{--book-tone:#4f86b3}@supports (color:lab(0% 0 0)){.book-obj[data-subject="1"]{--book-tone:lab(53.4453% -8.5325 -29.6924)}}.book-obj[data-subject="2"]{--book-tone:#af824c}@supports (color:lab(0% 0 0)){.book-obj[data-subject="2"]{--book-tone:lab(58.1233% 13.3331 35.9324)}}.book-obj[data-subject="3"]{--book-tone:#986ea2}@supports (color:lab(0% 0 0)){.book-obj[data-subject="3"]{--book-tone:lab(52.3223% 23.9927 -21.1571)}}.book-obj[data-subject="4"]{--book-tone:#b1736e}@supports (color:lab(0% 0 0)){.book-obj[data-subject="4"]{--book-tone:lab(55.1582% 24.8295 13.7053)}}@media (max-width:560px){.book-shelf{gap:var(--sp-3);grid-template-columns:repeat(auto-fill,minmax(128px,1fr))}.book-obj{min-height:150px}.book-obj-ar{font-size:16.5px}}.free-textbox[data-empty=true],.free-textbox[data-empty=true]:hover,.free-textbox[data-empty=true]:focus-within,.free-textbox[data-empty=true][data-focused=true]{box-shadow:none;background:0 0;border-color:#0000}.free-textbox[data-empty=true] .is-editor-empty:first-child:before{color:var(--ink-4)}.ayah-block-node[style*=height]{overflow:auto}.ayah-block-grip{z-index:4;touch-action:none;background:radial-gradient(circle at center, var(--accent) 0 3px, transparent 3.5px);opacity:.55;width:14px;height:14px;transition:opacity var(--dur-fast) ease, transform var(--dur-fast) ease;position:absolute}.ayah-block-grip:hover{opacity:1;transform:scale(1.18)}.ayah-block-grip[data-corner=nw]{cursor:nwse-resize;top:-7px;left:-7px}.ayah-block-grip[data-corner=ne]{cursor:nesw-resize;top:-7px;right:-7px}.ayah-block-grip[data-corner=sw]{cursor:nesw-resize;bottom:-7px;left:-7px}.ayah-block-grip[data-corner=se]{cursor:nwse-resize;bottom:-7px;right:-7px}:root{--icon-ink:var(--ink-2);--icon-pen:#1777b8;--icon-mark:#b37903;--icon-erase:#ad524d;--icon-study:#1f744f;--icon-link:#695ba9}@supports (color:lab(0% 0 0)){:root{--icon-pen:lab(47.3918% -8.49599 -42.2468);--icon-mark:lab(55.7709% 17.8056 60.9955);--icon-erase:lab(46.6267% 37.5876 21.4741);--icon-study:lab(43.3199% -33.2823 13.0815);--icon-link:lab(42.7272% 20.4367 -40.4628)}}[data-theme=dark]{--icon-pen:#58a5e4;--icon-mark:#dda552;--icon-erase:#dd766f;--icon-study:#5cab83;--icon-link:#9e91e4}@supports (color:lab(0% 0 0)){[data-theme=dark]{--icon-pen:lab(64.9526% -10.5274 -39.4163);--icon-mark:lab(72.1049% 15.0476 50.5357);--icon-erase:lab(61.6189% 40.6144 22.9252);--icon-study:lab(64.2104% -32.8698 12.967);--icon-link:lab(63.7426% 18.8202 -40.8046)}}.ctr-btn[data-active=true][data-tool=pen]{color:var(--icon-pen)}.ctr-btn[data-active=true][data-tool=highlight]{color:var(--icon-mark)}.ctr-btn[data-active=true][data-tool=eraser]{color:var(--icon-erase)}.tb-btn[data-active=true]{color:var(--icon-study)}.cxb-target svg,.cxp-link-icon{color:var(--icon-link)}.tafsir-embed{align-items:center;gap:var(--sp-3);margin:0 0 var(--sp-4);flex-wrap:wrap;display:flex}.tafsir-embed-btn{appearance:none;cursor:pointer;color:var(--accent-ink);transition:border-color var(--dur-fast) ease, color var(--dur-fast) ease;background:0 0;border:0;border-bottom:1px solid #0000;padding:3px 0;font-size:11.5px}.tafsir-embed-btn:hover:not(:disabled){border-bottom-color:var(--accent)}.tafsir-embed-btn:disabled{color:var(--ink-4);cursor:default}.tafsir-embed-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tafsir-embed-hint{color:var(--ink-4);font-size:11px}.tafsir-block-partial{color:var(--ink-4);font-weight:400}.cxcat-new{appearance:none;cursor:pointer;border:1px solid var(--line-strong);border-radius:var(--radius-sm);color:var(--ink-2);transition:border-color var(--dur-fast) ease, color var(--dur-fast) ease;background:0 0;margin-inline-start:auto;padding:5px 11px;font-size:12px}.cxcat-new:hover{border-color:var(--accent);color:var(--ink)}.cxcat-new:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cxcat-make{margin:var(--sp-4) 0;max-width:460px}.cxcat-make-head{align-items:baseline;gap:var(--sp-3);margin-bottom:var(--sp-2);display:flex}.cxcat-make-step{color:var(--ink-3);font-size:11.5px}.cxcat-make-chosen{color:var(--accent-ink);font-size:12px}.cxcat-make-err{margin:var(--sp-2) 0 0;color:var(--danger);font-size:12px}.tree-row--pending{min-height:var(--row-h);color:var(--ink-3);cursor:default;align-items:center;gap:6px;padding:4px 10px;font-size:13.5px;display:flex}.tree-row-pending-dot{background:var(--ink-4);border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite live-dot-pulse}.doc-zoom{z-index:8;box-shadow:var(--shadow-md);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-elev);align-items:center;gap:1px;padding:2px;display:inline-flex;position:fixed;bottom:20px;right:20px}.doc-zoom button{appearance:none;cursor:pointer;min-width:24px;height:22px;font-family:var(--font-mono);color:var(--ink-3);transition:background var(--dur-fast) ease, color var(--dur-fast) ease;background:0 0;border:0;border-radius:3px;padding:0 5px;font-size:11px}.doc-zoom button:hover{background:var(--hover);color:var(--ink)}.doc-zoom button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.tafsir-choice{min-width:236px;padding:var(--sp-2);background:var(--bg-elev);border:1px solid var(--line-strong);border-radius:var(--radius);box-shadow:var(--shadow-lg);animation:slash-pop .18s var(--ease-flow) both;flex-direction:column;gap:2px;display:flex}.tafsir-choice-q{margin:0 0 var(--sp-1);color:var(--ink-3);padding:0 6px;font-size:11px;line-height:1.4}.tafsir-choice-btn,.tafsir-choice-cancel{appearance:none;cursor:pointer;text-align:left;border-radius:var(--radius-sm);color:var(--ink);transition:background var(--dur-fast) ease;background:0 0;border:0;padding:6px 8px;font-size:12.5px}.tafsir-choice-btn:hover,.tafsir-choice-cancel:hover{background:var(--hover)}.tafsir-choice-cancel{color:var(--ink-4);font-size:11.5px}.cxmap-focus{align-items:baseline;gap:var(--sp-2);color:var(--ink);font-size:12px;display:inline-flex}.cxmap-focus-detail{color:var(--ink-3);font-size:11px}.cxmap-edge[data-self=true]{opacity:.8}@keyframes cxmap-wheel-in{0%{opacity:0;transform:rotate(-14deg)scale(.94)}to{opacity:1;transform:none}}@keyframes cxmap-seg-in{0%{opacity:0}to{opacity:1}}@keyframes cxmap-draw{0%{stroke-dashoffset:var(--len)}to{stroke-dashoffset:0}}.cxmap-build{animation:cxmap-wheel-in .62s var(--ease-flow) both}.cxmap-build .cxmap-seg{animation:cxmap-seg-in .26s var(--ease-soft) backwards;animation-delay:calc(.22s + var(--i,0) * 3ms)}.cxmap-build .cxmap-edge{--len:760;stroke-dasharray:var(--len);animation:cxmap-draw .72s var(--ease-flow) both;animation-delay:calc(.9s + var(--i,0) * 70ms)}.page-editor-content,.free-textbox-input,.free-textbox .page-editor-content,.page-editor-content [dir=rtl],.page-editor-content [lang=ar],.page-editor-content blockquote[dir=rtl],.tafsir-block-content,.tafsir-block-content p,.tafsir-block-content [dir=rtl],.tafsir-block-content [lang=ar]{font-family:var(--font-sans)}.ayah-block-arabic,.ayah-block-node [dir=rtl].ayah-block-arabic{font-family:var(--font-uthmanic)}.rail-ws[data-glyph=true]{letter-spacing:0;font-size:17px}.rail-ws[data-tone="0"]{--ws-tone:#519773}@supports (color:lab(0% 0 0)){.rail-ws[data-tone="0"]{--ws-tone:lab(57.1177% -29.5703 11.6668)}}.rail-ws[data-tone="1"]{--ws-tone:#4f86b3}@supports (color:lab(0% 0 0)){.rail-ws[data-tone="1"]{--ws-tone:lab(53.4453% -8.5325 -29.6924)}}.rail-ws[data-tone="2"]{--ws-tone:#af824c}@supports (color:lab(0% 0 0)){.rail-ws[data-tone="2"]{--ws-tone:lab(58.1233% 13.3331 35.9324)}}.rail-ws[data-tone="3"]{--ws-tone:#986ea2}@supports (color:lab(0% 0 0)){.rail-ws[data-tone="3"]{--ws-tone:lab(52.3223% 23.9927 -21.1571)}}.rail-ws[data-tone="4"]{--ws-tone:#b1736e}@supports (color:lab(0% 0 0)){.rail-ws[data-tone="4"]{--ws-tone:lab(55.1582% 24.8295 13.7053)}}.rail-ws[data-tone="5"]{--ws-tone:#3b8f93}@supports (color:lab(0% 0 0)){.rail-ws[data-tone="5"]{--ws-tone:lab(54.3784% -25.1076 -10.343)}}.rail-ws[data-active=true]{box-shadow:inset 0 0 0 1.5px var(--ws-tone,var(--accent));color:var(--ws-tone,var(--accent-ink))}.ws-icon-picker{align-items:flex-start;gap:var(--sp-3);margin-bottom:var(--sp-3);display:flex}.ws-icon-current{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--panel);width:40px;height:40px;color:var(--ink);flex-shrink:0;place-items:center;font-size:19px;font-weight:600;display:grid}.ws-icon-grid{flex-wrap:wrap;gap:4px;display:flex}.ws-icon-opt{border-radius:var(--radius-sm);cursor:pointer;width:30px;height:30px;transition:background var(--dur-fast) ease, border-color var(--dur-fast) ease;background:0 0;border:1px solid #0000;place-items:center;font-size:15px;display:grid}.ws-icon-opt:hover:not(:disabled){background:var(--hover)}.ws-icon-opt[data-active=true]{border-color:var(--accent);background:var(--accent-soft)}.ws-icon-opt:disabled{opacity:.5;cursor:default}.ws-icon-opt:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.ws-icon-opt--initials{letter-spacing:.02em;font-size:11px;font-weight:600}*,:before,:after{corner-shape:squircle}.rail-account,.rail-account:after,.doc-meta-avatar,.verse-ref-dot,.commentary-body .tf-list li:before,.tw-swatch-dot,.login-spinner,.tut-dot,.home-user-avatar,.hw-nav-spinner,.hw-nav-overlay-spinner,.page-progress-dot,.page-admin-dot,.prog-dot,.study-bar,.study-bar-done,.sab-progress-dot,.mode-b-word-hint-dismiss,.anc-note-type-option,.anchor-session-chip,.anchor-session-done,.ctr-color-dot,.ctr-swatch,.topbar-loading-dot,.editor-insert-fab,.editor-ink-pill,.editor-ink-btn,.editor-ink-swatch,.ayah-block-loading-dot,.splash-logo-ring,.lv-dots span,.ws-switch,.ws-switch-knob,.ws-settings-member-avatar,.ws-settings-member-role,.live-pill-dot,.presence-avatar,.presence-mode-badge,.bt-dot,.bt-swatch,.bt-presence-pill,.bt-presence-dot,.settings-cog,.settings-avatar,.segbar-color,.cxmap-clear,.cxcat-total,.cxp-count,.anchor-session-conn,.cxc-cat,.sellist-dot,.sellist-swatch,.anchor-session-color,.tr-dot,.ws-card-spinner,.et-btn-indicator,.notes-review-chip,.notes-review-ayah-count,.eraser-ring,.ctr-eraser-dot,.ctr-eraser-preview-ring,.tree-row-pending-dot{corner-shape:round}.ctr-size-slider::-webkit-slider-thumb{corner-shape:round}.ctr-size-slider::-moz-range-thumb{corner-shape:round}.page-editor-prepaint{pointer-events:none;position:absolute;inset:0;overflow:hidden}.free-textbox,.free-textbox *{-webkit-user-select:text;user-select:text}.free-textbox .free-textbox-chrome,.free-textbox .free-textbox-gripdots,.free-textbox .free-textbox-delete{-webkit-user-select:none;user-select:none}.app-shell{background:var(--bg);min-height:100dvh;display:flex}.app-sidebar{align-items:center;gap:var(--sp-2);width:92px;padding:var(--sp-4) var(--sp-2);border-right:1px solid var(--line);background:var(--bg-elev);flex-direction:column;flex:none;height:100dvh;display:flex;position:sticky;top:0}.app-sidebar-me{margin-bottom:var(--sp-4);place-items:center;display:grid;position:relative}.app-sidebar-avatar{-o-object-fit:cover;object-fit:cover;background:var(--panel-2);width:44px;height:44px;color:var(--ink-2);letter-spacing:.02em;transition:transform var(--dur-hover) var(--ease-flow);border-radius:999px;place-items:center;font-size:15px;font-weight:600;display:grid}.app-sidebar-me:hover .app-sidebar-avatar{transform:scale(1.06)}.app-sidebar-me-pencil{background:var(--accent);color:#fff;border:2px solid var(--bg-elev);border-radius:999px;place-items:center;width:17px;height:17px;font-size:9px;display:grid;position:absolute;bottom:-2px;right:-2px}.app-sidebar-items{flex-direction:column;gap:2px;width:100%;display:flex}.app-sidebar-item{border-radius:var(--radius-md);width:100%;color:var(--ink-4);transition:color var(--dur-hover) var(--ease-flow), background var(--dur-hover) var(--ease-flow);background:0 0;flex-direction:column;align-items:center;gap:3px;padding:9px 4px;display:flex;position:relative}.app-sidebar-item:hover{color:var(--ink);background:var(--hover)}.app-sidebar-item[data-active=true]{color:var(--ink);background:var(--active)}.app-sidebar-item[data-active=true]:before{content:"";background:var(--accent);width:3px;height:22px;animation:sidebar-mark var(--dur-slow) var(--ease-flow) both;border-radius:0 3px 3px 0;margin-top:-11px;position:absolute;top:50%;left:0}@keyframes sidebar-mark{0%{opacity:0;transform:scaleY(.3)}to{opacity:1;transform:scaleY(1)}}.app-sidebar-label{letter-spacing:.01em;font-size:10.5px}.app-sidebar-out{margin-top:auto}.app-sidebar-out:hover{color:var(--danger)}.app-shell-main{flex-direction:column;flex:1 1 0;min-width:0;display:flex}.app-shell-head{align-items:flex-start;gap:var(--sp-4);padding:var(--sp-6) var(--sp-6) var(--sp-4);display:flex}.app-shell-greet{min-width:0}.app-shell-title{font-family:var(--font-serif);color:var(--ink);text-wrap:balance;font-size:clamp(28px,3.4vw,42px);font-weight:700;line-height:1.05}.app-shell-sub{color:var(--ink-4);margin-top:4px;font-size:14.5px}.app-shell-streak,.app-shell-goal{font-variant-numeric:tabular-nums}.app-shell-streak{color:var(--ink-2)}.app-shell-body{min-height:0;padding:0 var(--sp-6) var(--sp-7);gap:var(--sp-4);flex-direction:column;flex:1 1 0;width:100%;max-width:1180px;display:flex}.an-tabs{gap:var(--sp-1);background:var(--panel);border-radius:999px;align-self:flex-start;padding:4px;display:flex}.an-tab{color:var(--ink-4);transition:color var(--dur-hover) var(--ease-flow), background var(--dur-hover) var(--ease-flow);border-radius:999px;padding:8px 20px;font-size:14.5px;font-weight:600}.an-tab:hover{color:var(--ink-2)}.an-tab[data-active=true]{color:var(--ink);background:var(--bg-elev);box-shadow:var(--shadow-sm)}.an-pane{gap:var(--sp-4);animation:pane-in var(--dur-slow) var(--ease-flow) both;flex-direction:column;display:flex}@keyframes pane-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.an-card{padding:var(--sp-5);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-elev);gap:var(--sp-3);flex-direction:column;display:flex}.an-card-title{color:var(--ink);font-size:17px;font-weight:650}.an-muted{color:var(--ink-4);font-size:14px}.an-footnote{font-size:13px}.an-link{color:var(--accent-ink);text-underline-offset:2px;font-weight:600}.an-link:hover{text-decoration:underline}.an-hero-title{font-family:var(--font-serif);color:var(--ink);text-wrap:balance;font-size:clamp(22px,2.6vw,34px);font-weight:700}.an-empty-cta{color:var(--ink-3);font-size:14.5px}.an-stats{gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.an-stat{padding:var(--sp-4);border-radius:var(--radius-md);background:var(--panel);animation:stat-in var(--dur-enter) var(--ease-flow) both;flex-direction:column;gap:2px;display:flex}@keyframes stat-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.an-stat:nth-child(2){animation-delay:60ms}.an-stat:nth-child(3){animation-delay:.12s}.an-stat:nth-child(4){animation-delay:.18s}.an-stat-value{font-variant-numeric:tabular-nums;font-size:26px;font-weight:700;line-height:1.1}.an-stat-label{color:var(--ink-4);font-size:12.5px}.an-stat[data-tone=sky] .an-stat-value{color:#3082b5;color:lab(51.1807% -12.2615 -34.4597)}.an-stat[data-tone=emerald] .an-stat-value{color:#308e63;color:lab(52.7341% -36.5176 14.3639)}.an-stat[data-tone=violet] .an-stat-value{color:#8766bb;color:lab(49.4395% 27.017 -40.519)}.an-stat[data-tone=amber] .an-stat-value{color:#bb731b;color:lab(55.5071% 24.3689 55.9288)}.an-row{gap:var(--sp-4);grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start;display:grid}@media (max-width:900px){.an-row{grid-template-columns:1fr}}.an-cal-head{justify-content:space-between;align-items:center;gap:var(--sp-3);display:flex}.an-cal-title{font-family:var(--font-serif);font-size:24px;font-weight:700}.an-cal-nav{width:34px;height:34px;color:var(--ink-3);transition:background var(--dur-hover) var(--ease-flow), color var(--dur-hover) var(--ease-flow);border-radius:999px;place-items:center;display:grid}.an-cal-nav:hover{background:var(--hover);color:var(--ink)}.an-cal-dow,.an-cal-grid{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.an-cal-dow{color:var(--ink-4);text-align:center;letter-spacing:.06em;text-transform:uppercase;font-size:11px}.an-cal-grid{transition:opacity var(--dur-mid) var(--ease-soft)}.an-cal-grid[data-loading=true]{opacity:.55}.an-cal-cell{aspect-ratio:1;border-radius:var(--radius);font-variant-numeric:tabular-nums;color:var(--ink-3);background:var(--panel);animation:cell-in .32s var(--ease-flow) both;place-items:center;font-size:13px;display:grid}@keyframes cell-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}.an-cal-cell--blank{background:0 0;animation:none}.an-cal-cell[data-level="1"]{background:color-mix(in oklch, var(--accent) 16%, var(--panel));color:var(--ink-2)}.an-cal-cell[data-level="2"]{background:color-mix(in oklch, var(--accent) 34%, var(--panel));color:var(--ink)}.an-cal-cell[data-level="3"]{background:color-mix(in oklch, var(--accent) 58%, var(--panel));color:#fff}.an-cal-cell[data-level="4"]{background:var(--accent);color:#fff}.an-cal-cell[data-today=true]{outline:2px solid var(--accent);outline-offset:1px;font-weight:700}.an-bar{background:var(--panel-2);border-radius:999px;height:8px;overflow:hidden}.an-bar-fill{background:var(--accent);height:100%;transition:width var(--dur-enter) var(--ease-flow);border-radius:999px;display:block}.an-progress-count{font-variant-numeric:tabular-nums;font-size:18px;font-weight:650}.an-progress-streak{padding-top:var(--sp-3);border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;font-size:15px;display:flex}.an-progress-streak strong{font-variant-numeric:tabular-nums;font-size:20px}.an-progress-best{color:var(--ink-4);font-size:13px}.an-btn{border-radius:var(--radius-md);background:var(--accent);color:#fff;transition:transform var(--dur-hover) var(--ease-flow), filter var(--dur-hover) var(--ease-flow), opacity var(--dur-hover) var(--ease-flow);align-self:flex-start;align-items:center;gap:7px;padding:9px 16px;font-size:14px;font-weight:600;display:inline-flex}.an-btn:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.an-btn:active:not(:disabled){transform:translateY(0)}.an-btn:disabled{opacity:.5;cursor:default}.an-btn--ghost{color:var(--ink-2);border:1px solid var(--line-strong);background:0 0}.an-btn--ghost:hover:not(:disabled){background:var(--hover);color:var(--ink);filter:none}.an-btn--sm{padding:6px 12px;font-size:13px}.an-notice{justify-content:space-between;align-items:center;gap:var(--sp-4);background:color-mix(in oklch, var(--accent) 8%, var(--bg-elev));border-color:color-mix(in oklch, var(--accent) 24%, var(--line));flex-direction:row;font-size:14.5px}.an-filters{justify-content:space-between;align-items:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}.an-select{border-radius:var(--radius-md);border:1px solid var(--line-strong);background:var(--bg-elev);color:var(--ink);padding:9px 14px;font-size:14px}.an-chips{gap:var(--sp-2);flex-wrap:wrap;display:flex}.an-chip{background:var(--panel);color:var(--ink-4);transition:background var(--dur-hover) var(--ease-flow), color var(--dur-hover) var(--ease-flow);border-radius:999px;padding:7px 15px;font-size:13.5px;font-weight:600}.an-chip:hover{color:var(--ink-2)}.an-chip[data-active=true]{background:var(--accent);color:#fff}.an-maplist{max-height:560px;overflow-y:auto}.an-rows{flex-direction:column;gap:2px;display:flex}.an-mrow{align-items:center;gap:var(--sp-3);border-radius:var(--radius);animation:row-in .32s var(--ease-flow) both;grid-template-columns:72px 1fr auto;padding:9px 10px;display:grid}@keyframes row-in{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:none}}.an-mrow:hover{background:var(--hover)}.an-kind{letter-spacing:.06em;text-transform:uppercase;text-align:center;border-radius:var(--radius-sm);background:var(--panel-2);color:var(--ink-4);padding:3px 0;font-size:10.5px;font-weight:700}.an-kind[data-kind=page]{background:color-mix(in oklch, #8766bb 16%, var(--panel));color:#614092;color:lab(34.2153% 28.3941 -40.2588)}@supports (color:lab(0% 0 0)){.an-kind[data-kind=page]{background:color-mix(in oklch, lab(49.4395% 27.017 -40.519) 16%, var(--panel))}}.an-kind[data-kind=surah]{background:color-mix(in oklch, #3082b5 16%, var(--panel));color:#005b88;color:lab(36.0098% -10.2601 -34.1635)}@supports (color:lab(0% 0 0)){.an-kind[data-kind=surah]{background:color-mix(in oklch, lab(51.1807% -12.2615 -34.4597) 16%, var(--panel))}}.an-kind[data-kind=verse]{background:color-mix(in oklch, #308e63 16%, var(--panel));color:#005d3a;color:lab(34.1587% -37.2151 14.5574)}@supports (color:lab(0% 0 0)){.an-kind[data-kind=verse]{background:color-mix(in oklch, lab(52.7341% -36.5176 14.3639) 16%, var(--panel))}}.an-kind[data-kind=word]{background:color-mix(in oklch, #bb731b 18%, var(--panel));color:#7c4600;color:lab(35.7416% 23.7244 60.3581)}@supports (color:lab(0% 0 0)){.an-kind[data-kind=word]{background:color-mix(in oklch, lab(55.5071% 24.3689 55.9288) 18%, var(--panel))}}.an-where{font-variant-numeric:tabular-nums;font-size:14.5px}.an-count{color:var(--ink-4);font-variant-numeric:tabular-nums;font-size:13px}.an-empty{padding:var(--sp-6) var(--sp-4);text-align:center;align-items:center;gap:var(--sp-2);flex-direction:column;display:flex}.an-empty-title{color:var(--ink-2);font-size:18px;font-weight:650}.fr-search{cursor:text;align-items:center;gap:var(--sp-3);border:1px solid var(--line-strong);border-radius:var(--radius-md);color:var(--ink-4);transition:border-color var(--dur-hover) var(--ease-flow);padding:11px 15px;display:flex}.fr-search:focus-within{border-color:var(--accent)}.fr-input{min-width:0;color:var(--ink);background:0 0;flex:1;font-size:15px}.fr-list{flex-direction:column;gap:2px;display:flex}.fr-note{padding:var(--sp-3) 2px}.fr-row{align-items:center;gap:var(--sp-3);border-radius:var(--radius-md);animation:row-in .3s var(--ease-flow) both;padding:9px 8px;display:flex}.fr-row:hover{background:var(--hover)}.fr-avatar{-o-object-fit:cover;object-fit:cover;background:var(--panel-2);width:36px;height:36px;color:var(--ink-2);border-radius:999px;flex:none;place-items:center;font-size:13px;font-weight:600;display:grid}.fr-name{flex:1;min-width:0;font-size:15px}.lb-list{flex-direction:column;gap:2px;display:flex}.lb-row{align-items:center;gap:var(--sp-3);border-radius:var(--radius-md);animation:row-in .3s var(--ease-flow) both;padding:10px 12px;display:flex}.lb-row:hover{background:var(--hover)}.lb-row[data-self=true]{background:color-mix(in oklch, var(--accent) 9%, transparent);outline:1px solid color-mix(in oklch, var(--accent) 26%, transparent)}.lb-rank{text-align:center;font-variant-numeric:tabular-nums;width:34px;color:var(--ink-3);flex:none;font-size:16px;font-weight:700}.lb-you{letter-spacing:.06em;text-transform:uppercase;color:var(--accent-ink);margin-left:6px;font-size:11px;font-weight:700}.lb-total{font-variant-numeric:tabular-nums;font-size:16px;font-weight:650}.set-label{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-4);margin-top:var(--sp-2);font-size:12.5px;font-weight:650}.set-input{border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--bg-elev);width:100%;color:var(--ink);transition:border-color var(--dur-hover) var(--ease-flow);padding:11px 14px;font-size:15px}.set-input:focus{border-color:var(--accent);outline:none}.set-input:disabled{background:var(--panel);color:var(--ink-4)}.set-inline{gap:var(--sp-3);align-items:center;display:flex}.set-inline .set-input{flex:1}.set-inline .an-btn{align-self:auto}.set-row{justify-content:space-between;align-items:center;gap:var(--sp-4);padding:var(--sp-3) 0;border-top:1px solid var(--line);display:flex}.set-row:first-of-type{border-top:0}.set-row-label{flex-direction:column;gap:2px;font-size:15px;display:flex}.set-row-label small{font-size:13px}.set-stepper{align-items:center;gap:var(--sp-2);border-radius:var(--radius-md);background:var(--panel);font-variant-numeric:tabular-nums;padding:4px;display:flex}.set-stepper button{border-radius:var(--radius);width:30px;height:30px;color:var(--ink-2);transition:background var(--dur-hover) var(--ease-flow);place-items:center;font-size:17px;display:grid}.set-stepper button:hover{background:var(--bg-elev)}.set-stepper span{text-align:center;min-width:30px;font-weight:650}.set-plan-name{font-family:var(--font-serif);color:var(--accent-ink);font-size:30px;font-weight:700}.ct-kinds{gap:var(--sp-2);grid-template-columns:repeat(auto-fit,minmax(190px,1fr));display:grid}.ct-kind{align-items:center;gap:var(--sp-2);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--bg-elev);color:var(--ink-2);text-align:left;transition:border-color var(--dur-hover) var(--ease-flow), background var(--dur-hover) var(--ease-flow), color var(--dur-hover) var(--ease-flow);padding:12px 14px;font-size:14px;display:flex}.ct-kind:hover{background:var(--hover)}.ct-kind[data-active=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--ink)}.ct-textarea{border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--bg-elev);width:100%;color:var(--ink);resize:vertical;transition:border-color var(--dur-hover) var(--ease-flow);padding:14px;font-size:15px;line-height:1.6}.ct-textarea:focus{border-color:var(--accent);outline:none}.ct-foot{justify-content:space-between;align-items:center;gap:var(--sp-3);display:flex}.ct-foot .an-btn{align-self:auto}.ct-error{color:var(--danger);font-size:14px}.name-entry-label{color:var(--ink-3);align-self:flex-start;margin-bottom:4px;font-size:13px;font-weight:600}.name-entry-toggle{justify-content:space-between;align-items:center;gap:var(--sp-4);width:100%;margin:var(--sp-3) 0;border-radius:var(--radius-md);background:var(--panel);text-align:left;transition:background var(--dur-hover) var(--ease-flow);padding:14px 16px;display:flex}.name-entry-toggle:hover{background:var(--panel-2)}.name-entry-toggle-text{flex-direction:column;gap:2px;display:flex}.name-entry-toggle-text strong{color:var(--ink);font-size:15px}.name-entry-toggle-text span{color:var(--ink-4);font-size:13px}.name-entry-switch{background:var(--panel-2);width:50px;height:28px;transition:background var(--dur-hover) var(--ease-flow);border-radius:999px;flex:none;padding:3px;display:flex}.name-entry-switch[data-on=true]{background:var(--accent)}.name-entry-knob{width:22px;height:22px;box-shadow:var(--shadow-sm);transition:transform var(--dur-hover) var(--ease-flow);background:#fff;border-radius:999px}.name-entry-switch[data-on=true] .name-entry-knob{transform:translate(22px)}@media (max-width:720px){.app-sidebar{width:100%;height:auto;padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px));border-right:0;border-top:1px solid var(--line);z-index:40;flex-direction:row;justify-content:space-around;position:fixed;inset:auto 0 0}.app-sidebar-me,.app-sidebar-label{display:none}.app-sidebar-items{flex-direction:row;justify-content:space-around;width:100%}.app-sidebar-item{flex:1 1 0;justify-content:center;min-width:44px;min-height:44px}.app-sidebar-item[data-active=true]:before{border-radius:0 0 3px 3px;width:20px;height:3px;margin:0 0 0 -10px;top:0;left:50%}.app-sidebar-out{margin-top:0}.app-shell-head{padding:var(--sp-5) var(--sp-4) var(--sp-3)}.app-shell-body{padding:0 var(--sp-4) 92px}.an-row{grid-template-columns:1fr}.an-notice{flex-direction:column;align-items:flex-start}}.home-page--shell{grid-template-rows:auto 1fr;grid-template-columns:auto minmax(0,1fr) 320px;align-items:start;min-height:100dvh;display:grid}.home-page--shell>.app-sidebar{grid-area:1/1/-1}.home-topbar--shell{justify-content:space-between;align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--sp-6) 0;background:0 0;border-bottom:0;grid-column:2/-1;display:flex}.home-page--shell>.home-content{grid-column:2}.home-page--shell>.home-rail{grid-area:2/3}.home-streak{color:var(--ink-4);font-variant-numeric:tabular-nums;font-size:13.5px}.home-rail{padding:var(--sp-5) var(--sp-5) var(--sp-6) 0;align-self:start;gap:var(--sp-6);flex-direction:column;max-height:100dvh;display:flex;position:sticky;top:0;overflow-y:auto}.hr-section{gap:var(--sp-3);flex-direction:column;display:flex}.hr-title{align-items:center;gap:var(--sp-2);font-family:var(--font-serif);color:var(--ink);font-size:19px;font-weight:700;display:flex}.hr-title svg{color:var(--ink-4)}.hr-empty{color:var(--ink-4);font-size:13.5px;line-height:1.55}.hr-list{gap:var(--sp-2);flex-direction:column;display:flex}.hr-list>li{animation:row-in .32s var(--ease-flow) both}.hr-item{gap:2px var(--sp-3);border-radius:var(--radius-md);border-left:3px solid var(--accent);background:var(--panel);text-align:left;width:100%;transition:background var(--dur-hover) var(--ease-flow), transform var(--dur-hover) var(--ease-flow);grid-template-columns:1fr auto;padding:11px 14px;display:grid}.hr-item:hover{background:var(--panel-2);transform:translate(2px)}.hr-item-title{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:14.5px;font-weight:650;overflow:hidden}.hr-item-sub{color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:13px}.hr-item-at{color:var(--ink-4);grid-row:1/span 2;align-self:center;font-size:11.5px}.ai-banner{align-items:center;gap:var(--sp-3);width:100%;margin-bottom:var(--sp-4);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-elev);text-align:left;transition:border-color var(--dur-hover) var(--ease-flow), background var(--dur-hover) var(--ease-flow), transform var(--dur-hover) var(--ease-flow);padding:14px 18px;display:flex}.ai-banner:hover{border-color:color-mix(in oklch, var(--accent) 40%, var(--line));background:color-mix(in oklch, var(--accent) 4%, var(--bg-elev));transform:translateY(-1px)}.ai-banner:hover .ai-banner-chev{transform:translate(3px)}.ai-banner-icon{border-radius:var(--radius-md);background:var(--accent-soft);width:38px;height:38px;color:var(--accent-ink);flex:none;place-items:center;display:grid}.ai-banner-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.ai-banner-text strong{color:var(--ink);font-size:15px}.ai-banner-text span{color:var(--ink-4);font-size:13px}.ai-banner-chev{color:var(--ink-4);transition:transform var(--dur-hover) var(--ease-flow);flex:none}.ai-overlay{z-index:60;padding:var(--sp-4);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:overlay-in var(--dur-mid) var(--ease-soft) both;background:#1e1a146b;background:lab(9.54589% .84766 4.55285/.42);place-items:center;display:grid;position:fixed;inset:0}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.ai-panel{border-radius:var(--radius-xl);background:var(--bg-elev);width:min(620px,100%);max-height:min(760px,90dvh);box-shadow:var(--shadow-lg);animation:panel-in var(--dur-slow) var(--ease-flow) both;flex-direction:column;display:flex;overflow:hidden}@keyframes panel-in{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:none}}.ai-panel-head{padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;display:flex}.ai-panel-head h2{align-items:center;gap:var(--sp-2);font-size:17px;font-weight:650;display:flex}.ai-panel-head button{border-radius:var(--radius);width:32px;height:32px;color:var(--ink-4);transition:background var(--dur-hover) var(--ease-flow);place-items:center;display:grid}.ai-panel-head button:hover{background:var(--hover);color:var(--ink)}.ai-panel-body{min-height:0;padding:var(--sp-5);gap:var(--sp-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.ai-status{padding:var(--sp-4);border-radius:var(--radius-md);background:color-mix(in oklch, #bb731b 10%, var(--bg-elev));border:1px solid #bb731b42;border:1px solid lab(55.5071% 24.3689 55.9288/.26)}@supports (color:lab(0% 0 0)){.ai-status{background:color-mix(in oklch, lab(55.5071% 24.3689 55.9288) 10%, var(--bg-elev))}}.ai-status strong{margin-bottom:3px;font-size:15px;display:block}.ai-status p{color:var(--ink-3);font-size:13.5px;line-height:1.6}.ai-asked{padding:var(--sp-4);border-radius:var(--radius-md);background:var(--panel);animation:pane-in var(--dur-slow) var(--ease-flow) both}.ai-asked-label{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-4);font-size:11px;font-weight:700}.ai-asked p{margin-top:4px;font-size:15px}.ai-asked-note{color:var(--ink-4);margin-top:var(--sp-2)!important;font-size:13px!important}.ai-caps{gap:var(--sp-2);flex-direction:column;display:flex}.ai-caps li{gap:var(--sp-2);color:var(--ink-2);padding-left:2px;font-size:14px;display:flex}.ai-caps li:before{content:"→";color:var(--accent-ink);flex:none}.ai-examples{gap:var(--sp-2);flex-wrap:wrap;display:flex}.ai-example{background:var(--panel);color:var(--ink-3);transition:background var(--dur-hover) var(--ease-flow), color var(--dur-hover) var(--ease-flow);border-radius:999px;padding:7px 13px;font-size:13px}.ai-example:hover{background:var(--accent-soft);color:var(--accent-ink)}.ai-panel-foot{gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--line);display:flex}.ai-input{border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--bg);min-width:0;color:var(--ink);transition:border-color var(--dur-hover) var(--ease-flow);flex:1;padding:11px 14px;font-size:15px}.ai-input:focus{border-color:var(--accent);outline:none}.ai-panel-foot .an-btn{align-self:auto}.anno{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);margin-top:var(--sp-4);overflow:hidden}.anno-head{align-items:center;gap:var(--sp-3);text-align:left;width:100%;transition:background var(--dur-hover) var(--ease-flow);padding:14px 18px;display:flex}.anno-head:hover{background:var(--hover)}.anno-icon{border-radius:var(--radius);background:var(--bg-elev);width:34px;height:34px;color:var(--ink-2);flex:none;place-items:center;display:grid}.anno-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.anno-text strong{font-size:15px}.anno-text span{color:var(--ink-4);font-size:13px}.anno-chev{color:var(--ink-4);transition:transform var(--dur-slow) var(--ease-flow);flex:none}.anno[data-open=true] .anno-chev{transform:rotate(-90deg)}.anno-body{gap:var(--sp-2);animation:anno-open var(--dur-slow) var(--ease-flow) both;flex-direction:column;padding:0 18px 16px 66px;display:flex}.anno-body[hidden]{display:none}@keyframes anno-open{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.anno-body-label{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-4);font-size:11px;font-weight:700}.anno-body ul{flex-direction:column;gap:5px;display:flex}.anno-body li{color:var(--ink-2);font-size:14px}.anno-body li:before{content:"· ";color:var(--ink-4)}@media (max-width:1100px){.home-page--shell{grid-template-columns:auto minmax(0,1fr)}.home-page--shell>.home-rail{max-height:none;padding:0 var(--sp-6) var(--sp-6);grid-area:3/2;position:static}}@media (max-width:720px){.home-page--shell{grid-template-columns:minmax(0,1fr);padding-bottom:76px}.home-page--shell>.home-topbar--shell,.home-page--shell>.home-content,.home-page--shell>.home-rail{grid-column:1}.home-page--shell>.home-rail{padding:0 var(--sp-4) var(--sp-5)}}.drawer-overlay,.join-modal-overlay,.name-entry-overlay,.ws-settings-overlay{animation:overlay-in var(--dur-mid) var(--ease-soft) both}.join-modal,.name-entry-modal,.ws-settings-modal{animation:panel-in var(--dur-slow) var(--ease-flow) both}.drawer-split{animation:drawer-slide var(--dur-slow) var(--ease-flow) both}@keyframes drawer-slide{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}@keyframes pop-in{0%{opacity:0;transform:scale(.96)translateY(-4px)}to{opacity:1;transform:none}}.app-shell-body,.home-content,.home-rail{animation:route-in var(--dur-slow) var(--ease-flow) both}@keyframes route-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.home-rail{animation-delay:60ms}.hw-ws-new-btn,.home-join-btn,.hw-cta-btn,.hw-ws-empty-btn{transition:background var(--dur-hover) var(--ease-flow), color var(--dur-hover) var(--ease-flow), border-color var(--dur-hover) var(--ease-flow), transform var(--dur-hover) var(--ease-flow)}.hw-ws-new-btn:hover,.home-join-btn:hover,.hw-cta-btn:hover{transform:translateY(-1px)}.hw-ws-new-btn:active,.home-join-btn:active,.hw-cta-btn:active{transform:translateY(0)}.app-sidebar-item:focus-visible,.an-tab:focus-visible,.an-chip:focus-visible,.an-btn:focus-visible,.hr-item:focus-visible,.ct-kind:focus-visible,.settings-seg-btn:focus-visible,.name-entry-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ob{z-index:90;background:var(--bg);padding:var(--sp-7) var(--sp-5) var(--sp-6);animation:overlay-in var(--dur-slow) var(--ease-soft) both;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ob-progress{background:var(--panel-2);height:4px;position:absolute;top:0;left:0;right:0}.ob-progress-fill{background:var(--accent);height:100%;transition:width var(--dur-enter) var(--ease-flow);display:block}.ob-nav{width:44px;height:44px;color:var(--ink-3);transition:background var(--dur-hover) var(--ease-flow), color var(--dur-hover) var(--ease-flow), opacity var(--dur-hover) var(--ease-flow);border-radius:999px;place-items:center;margin-top:-22px;display:grid;position:absolute;top:50%}.ob-nav:hover:not(:disabled){background:var(--hover);color:var(--ink)}.ob-nav:disabled{opacity:.25;cursor:default}.ob-nav--prev{left:var(--sp-4)}.ob-nav--next{right:var(--sp-4)}.ob-skip{top:var(--sp-5);right:var(--sp-5);color:var(--ink-4);transition:background var(--dur-hover) var(--ease-flow), color var(--dur-hover) var(--ease-flow);border-radius:999px;align-items:center;gap:5px;padding:7px 13px;font-size:13.5px;display:inline-flex;position:absolute}.ob-skip:hover{background:var(--hover);color:var(--ink-2)}.ob-screen{align-items:center;gap:var(--sp-3);text-align:center;width:100%;max-width:920px;animation:ob-in var(--dur-enter) var(--ease-flow) both;flex-direction:column;display:flex}@keyframes ob-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.ob-title{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--ink);text-wrap:balance;font-size:clamp(34px,5.4vw,62px);font-weight:800;line-height:1.02}.ob-sub{color:var(--ink-3);text-wrap:balance;max-width:46ch;font-size:clamp(15px,1.7vw,19px)}.ob-figure{width:100%;margin:var(--sp-4) 0 var(--sp-3);padding:0 clamp(0px,9vw,110px)}.ob-svg{width:100%;height:auto;overflow:visible}.ob-tag-text{font-family:var(--font-sans);fill:var(--ink-2);font-size:15px;font-weight:600}.ob-tag{animation:tag-in .42s var(--ease-flow) both}.ob-tag:first-of-type{animation-delay:.26s}.ob-tag:nth-of-type(2){animation-delay:.36s}.ob-tag:nth-of-type(3){animation-delay:.46s}.ob-tag:nth-of-type(4){animation-delay:.56s}@keyframes tag-in{0%{opacity:0}to{opacity:1}}.ob-cta{border-radius:var(--radius-md);background:var(--accent);color:#fff;transition:filter var(--dur-hover) var(--ease-flow), transform var(--dur-hover) var(--ease-flow);padding:14px 30px;font-size:17px;font-weight:650}.ob-cta:hover{filter:brightness(1.07);transform:translateY(-1px)}.ob-cta:active{transform:translateY(0)}.ob-dots{gap:var(--sp-2);margin-top:var(--sp-5);display:flex}.ob-dot{background:var(--line-strong);width:9px;height:9px;transition:background var(--dur-hover) var(--ease-flow), width var(--dur-hover) var(--ease-flow);border-radius:999px}.ob-dot[data-active=true]{background:var(--accent);width:26px}@media (max-width:720px){.ob{padding:var(--sp-6) var(--sp-3) var(--sp-5)}.ob-figure{padding:0}.ob-tag-text{font-size:19px}.ob-nav--prev{left:2px}.ob-nav--next{right:2px}}.ex-heading{font-family:var(--font-serif);color:var(--ink);font-size:clamp(26px,3vw,36px);font-weight:700}.ex-search{padding:14px 18px}.ex-search .fr-input{font-size:16px}.ex-ws{align-items:center;gap:var(--sp-3);display:flex}.ex-ref{align-items:center;gap:var(--sp-3);border-radius:var(--radius-md);background:var(--accent-soft);border:1px solid color-mix(in oklch, var(--accent) 32%, transparent);text-align:left;animation:pane-in var(--dur-mid) var(--ease-flow) both;transition:filter var(--dur-hover) var(--ease-flow);padding:14px 18px;display:flex}.ex-ref:hover:not(:disabled){filter:brightness(.98)}.ex-ref:disabled{opacity:.55;cursor:default}.ex-ref-key{font-variant-numeric:tabular-nums;color:var(--accent-ink);font-size:17px;font-weight:700}.ex-ref-name{color:var(--ink-2);flex:1;font-size:15px}.ex-ref-go{color:var(--accent-ink);font-size:14px;font-weight:650}.ex-hits{gap:var(--sp-2);flex-direction:column;display:flex}.ex-hit{border-radius:var(--radius-md);background:var(--panel);text-align:left;animation:row-in .3s var(--ease-flow) both;transition:background var(--dur-hover) var(--ease-flow);flex-direction:column;gap:4px;padding:12px 14px;display:flex}.ex-hit:hover:not(:disabled){background:var(--panel-2)}.ex-hit:disabled{opacity:.55;cursor:default}.ex-hit-key{font-variant-numeric:tabular-nums;color:var(--accent-ink);font-size:12px;font-weight:700}.ex-hit-ar{font-family:var(--font-arabic);color:var(--ink);font-size:21px;line-height:1.9}.ex-hit-tr{color:var(--ink-3);font-size:13.5px;line-height:1.5}.ex-tab{align-items:center;gap:7px;display:inline-flex}.ex-list{flex-direction:column;gap:2px;max-height:560px;display:flex;overflow-y:auto}.ex-list--grid{gap:var(--sp-2);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));max-height:none;display:grid}.ex-list>li{animation:row-in .3s var(--ease-flow) both}.ex-row{align-items:center;gap:var(--sp-3);border-radius:var(--radius-md);text-align:left;width:100%;transition:background var(--dur-hover) var(--ease-flow);padding:10px 12px;display:flex}.ex-row:hover:not(:disabled){background:var(--hover)}.ex-row:disabled{opacity:.5;cursor:default}.ex-num{border-radius:var(--radius);font-variant-numeric:tabular-nums;color:#fff;background:var(--ink-4);flex:none;place-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:grid}.ex-num[data-n="0"]{background:#008091;background:lab(48.5451% -27.4283 -18.4675)}.ex-num[data-n="1"]{background:#709349;background:lab(57.07% -22.5697 34.8462)}.ex-num[data-n="2"]{background:#c26c96;background:lab(56.6299% 38.7802 -7.45729)}.ex-num[data-n="3"]{background:#537abb;background:lab(50.5663% .757456 -39.0309)}.ex-num[data-n="4"]{background:#ba7331;background:lab(55.444% 24.8657 47.1157)}.ex-num[data-n="5"]{background:#168f70;background:lab(52.7286% -38.4369 7.01162)}.ex-num[data-n="6"]{background:#8062b0;background:lab(47.2805% 24.7474 -37.4479)}.ex-num[data-n="7"]{background:#bd615b;background:lab(52.4329% 37.5226 21.2599)}.ex-num[data-n="8"]{background:#1c8580;background:lab(49.983% -30.4153 -6.04844)}.ex-row-main{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.ex-row-title{color:var(--ink);font-size:15px;font-weight:600}.ex-row-sub{color:var(--ink-4);font-variant-numeric:tabular-nums;font-size:12.5px}.ex-row-ar{font-family:var(--font-arabic);color:var(--ink-3);font-size:19px}.ex-pages{grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:6px;max-height:460px;padding-right:4px;display:grid;overflow-y:auto}.ex-page{aspect-ratio:1;border-radius:var(--radius);background:var(--panel);font-variant-numeric:tabular-nums;color:var(--ink-3);transition:background var(--dur-hover) var(--ease-flow), color var(--dur-hover) var(--ease-flow);place-items:center;font-size:12.5px;display:grid}.ex-page:hover:not(:disabled){background:var(--accent);color:#fff}.ex-page:disabled{opacity:.45;cursor:default}.app-shell-search{border-radius:var(--radius-lg);background:var(--panel);width:46px;height:46px;color:var(--ink-2);transition:background var(--dur-hover) var(--ease-flow), color var(--dur-hover) var(--ease-flow), transform var(--dur-hover) var(--ease-flow);flex:none;place-items:center;margin-left:auto;display:grid}.app-shell-search:hover{background:var(--panel-2);color:var(--ink);transform:scale(1.04)}.rec{top:calc(100% + 8px);right:var(--sp-4);z-index:50;gap:var(--sp-3);width:min(420px,100vw - 32px);padding:var(--sp-4);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-elev);box-shadow:var(--shadow-lg);animation:pop-in .18s var(--ease-flow) both;transform-origin:100% 0;flex-direction:column;display:flex;position:absolute}.rec-head{justify-content:space-between;align-items:center;gap:var(--sp-3);display:flex}.rec-title{font-size:15px;font-weight:650}.rec-x{border-radius:var(--radius);width:28px;height:28px;color:var(--ink-4);transition:background var(--dur-hover) var(--ease-flow);place-items:center;display:grid}.rec-x:hover{background:var(--hover);color:var(--ink)}.rec-scope{gap:var(--sp-2);display:flex}.rec-chip{background:var(--panel);color:var(--ink-4);transition:background var(--dur-hover) var(--ease-flow), color var(--dur-hover) var(--ease-flow);border-radius:999px;padding:6px 13px;font-size:13px;font-weight:600}.rec-chip:hover:not(:disabled){color:var(--ink-2)}.rec-chip[data-active=true]{background:var(--accent);color:#fff}.rec-chip:disabled{opacity:.45;cursor:default}.rec-controls{align-items:center;gap:var(--sp-3);display:flex}.rec-play{background:var(--accent);color:#fff;width:42px;height:42px;transition:filter var(--dur-hover) var(--ease-flow), opacity var(--dur-hover) var(--ease-flow);border-radius:999px;flex:none;place-items:center;display:grid}.rec-play:hover:not(:disabled){filter:brightness(1.07)}.rec-play:disabled{opacity:.5;cursor:default}.rec-spin{animation:.9s linear infinite rec-spin}@keyframes rec-spin{to{transform:rotate(360deg)}}.rec-audio{flex:1;min-width:0;height:36px}.rec-error{color:var(--danger);font-size:13.5px}.rec-reciter{justify-content:space-between;align-items:center;gap:var(--sp-3);display:flex}.rec-reciter .an-select{flex:1;min-width:0}.imp-overlay{z-index:70;padding:var(--sp-4);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:overlay-in var(--dur-mid) var(--ease-soft) both;background:#1e1a1470;background:lab(9.54589% .84766 4.55285/.44);place-items:center;display:grid;position:fixed;inset:0}.imp{align-items:center;gap:var(--sp-3);width:min(560px,100%);padding:var(--sp-6) var(--sp-5) var(--sp-5);text-align:center;border-radius:var(--radius-xl);background:var(--bg-elev);box-shadow:var(--shadow-lg);animation:panel-in var(--dur-slow) var(--ease-flow) both;flex-direction:column;display:flex;position:relative}.imp-x{border-radius:var(--radius);width:32px;height:32px;color:var(--ink-4);transition:background var(--dur-hover) var(--ease-flow);place-items:center;display:grid;position:absolute;top:12px;right:12px}.imp-x:hover{background:var(--hover);color:var(--ink)}.imp-icon{color:#df6c32;color:lab(59.4346% 43.186 52.8213)}.imp-title{font-family:var(--font-serif);font-size:24px;font-weight:700}.imp-sub{color:var(--ink-4);font-size:14.5px}.imp-drop{width:100%;margin-top:var(--sp-2);padding:var(--sp-6) var(--sp-4);border:2px dashed var(--line-strong);border-radius:var(--radius-lg);color:var(--ink-4);cursor:pointer;transition:border-color var(--dur-hover) var(--ease-flow), background var(--dur-hover) var(--ease-flow);flex-direction:column;align-items:center;gap:6px;display:flex}.imp-drop:hover,.imp-drop[data-over=true]{border-color:var(--accent);background:var(--accent-soft)}.imp-drop-title{color:var(--ink-2);font-size:15px;font-weight:600}.imp-drop-sub{font-size:13px}.imp-error{align-items:flex-start;gap:var(--sp-2);border-radius:var(--radius-md);background:color-mix(in oklch, var(--danger) 10%, var(--bg-elev));border:1px solid color-mix(in oklch, var(--danger) 26%, transparent);color:var(--ink-2);text-align:left;padding:11px 14px;font-size:13.5px;line-height:1.55;display:flex}.imp-error svg{color:var(--danger);flex:none;margin-top:1px}.imp-kinds{width:100%;padding:var(--sp-3);border-radius:var(--radius-md);background:var(--panel);flex-direction:column;gap:5px;display:flex}.imp-kinds span{align-items:center;gap:var(--sp-2);color:var(--ink-3);text-align:left;font-size:13.5px;display:flex}.imp-kinds svg{color:var(--ink-4);flex:none}.imp-note{color:var(--ink-4);max-width:44ch;font-size:12.5px;line-height:1.55}.bb-image{justify-content:center;padding:40px 0;display:flex}.bb-image img{border-radius:var(--radius);width:auto;max-width:1100px;height:auto;box-shadow:var(--shadow-md);-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.sv{gap:var(--sp-4);padding:var(--sp-5);flex-direction:column;display:flex}.sv-chip{background:var(--panel);color:var(--ink-4);transition:background var(--dur-hover) var(--ease-flow), color var(--dur-hover) var(--ease-flow);border-radius:999px;padding:7px 15px;font-size:13.5px;font-weight:600}.sv-chip:hover{color:var(--ink-2)}.sv-chip[data-active=true]{background:var(--accent);color:#fff}.sv-status{align-items:center;gap:var(--sp-2);color:var(--ink-4);font-size:14px;display:flex}.sv-status--err{color:var(--danger)}.sv-verses{gap:var(--sp-3);flex-direction:column;max-width:780px;display:flex}.sv-verse{font-family:var(--font-arabic);font-size:calc(28px * var(--fs-arabic,1));color:var(--ink);border-radius:var(--radius-md);transition:background var(--dur-hover) var(--ease-flow);padding:10px 14px;line-height:2.25}.sv-verse[role=button]{cursor:pointer}.sv-verse[role=button]:hover{background:var(--hover)}.sv-verse:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sv-num{background:var(--panel-2);min-width:26px;height:26px;color:var(--ink-4);font-family:var(--font-sans);font-variant-numeric:tabular-nums;vertical-align:middle;border-radius:999px;place-items:center;margin:0 6px;padding:0 5px;font-size:12px;display:inline-grid}.bs{gap:var(--sp-2);width:216px;padding:var(--sp-3);border-right:1px solid var(--line);background:var(--bg-elev);animation:bs-in var(--dur-slow) var(--ease-flow) both;flex-direction:column;flex:none;display:flex;overflow-y:auto}@keyframes bs-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}.bs-head{justify-content:space-between;align-items:center;display:flex}.bs-title{letter-spacing:.07em;text-transform:uppercase;color:var(--ink-4);font-size:11px;font-weight:700}.bs-collapse,.bs-reopen{border-radius:var(--radius);width:26px;height:26px;color:var(--ink-4);transition:background var(--dur-hover) var(--ease-flow), color var(--dur-hover) var(--ease-flow);place-items:center;display:grid}.bs-collapse:hover,.bs-reopen:hover{background:var(--hover);color:var(--ink)}.bs-reopen{margin:var(--sp-3) 0 0 var(--sp-2);background:var(--bg-elev);border:1px solid var(--line);flex:none;align-self:flex-start}.bs-list{flex-direction:column;gap:2px;display:flex}.bs-item{border-radius:var(--radius);text-align:left;width:100%;color:var(--ink-2);transition:background var(--dur-hover) var(--ease-flow), color var(--dur-hover) var(--ease-flow);padding:8px 10px;font-size:14px}.bs-item:hover{background:var(--hover);color:var(--ink)}.bs-item[data-active=true]{background:var(--active);color:var(--ink);font-weight:600}.bs-item-name{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.bs-sub{border-left:1px solid var(--line);flex-direction:column;gap:1px;margin:2px 0 4px 10px;padding-left:8px;display:flex}.bs-subitem{border-radius:var(--radius);text-align:left;width:100%;color:var(--ink-4);transition:background var(--dur-hover) var(--ease-flow), color var(--dur-hover) var(--ease-flow);align-items:center;gap:7px;padding:6px 9px;font-size:13px;display:flex}.bs-subitem:hover{background:var(--hover);color:var(--ink-2)}.bs-subitem[data-active=true]{background:var(--accent-soft);color:var(--accent-ink);font-weight:600}.bs-empty{color:var(--ink-4);padding:6px 10px;font-size:13px}.bs-new{border-radius:var(--radius-md);border:1px dashed var(--line-strong);color:var(--ink-3);transition:background var(--dur-hover) var(--ease-flow), border-color var(--dur-hover) var(--ease-flow), color var(--dur-hover) var(--ease-flow);justify-content:center;align-items:center;gap:6px;margin-top:auto;padding:9px;font-size:13.5px;font-weight:600;display:flex}.bs-new:hover:not(:disabled){background:var(--hover);border-color:var(--accent);color:var(--ink)}@media (max-width:860px){.bs,.bs-reopen{display:none}}.as-head{gap:var(--sp-2);flex-direction:column;display:flex}.as-title{align-items:center;gap:var(--sp-2);font-family:var(--font-serif);color:var(--ink);font-size:clamp(24px,3vw,32px);font-weight:700;display:flex}.as-title svg{color:var(--accent-ink)}.as-pin{align-items:center;gap:var(--sp-3);margin-top:var(--sp-2);display:flex}.as-pin .an-btn{align-self:auto}.as-picker{gap:var(--sp-2);padding:var(--sp-3);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--bg-elev);animation:pane-in var(--dur-mid) var(--ease-flow) both;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.as-src{border-radius:var(--radius);border:1px solid var(--line);background:var(--bg);text-align:left;transition:border-color var(--dur-hover) var(--ease-flow), background var(--dur-hover) var(--ease-flow);flex-direction:column;gap:2px;padding:10px 12px;display:flex}.as-src:hover{background:var(--hover)}.as-src[data-on=true]{border-color:var(--accent);background:var(--accent-soft)}.as-src-name{color:var(--ink);font-size:14px;font-weight:600}.as-src-meta{color:var(--ink-4);font-variant-numeric:tabular-nums;font-size:12px}.as-thread{gap:var(--sp-5);flex-direction:column;flex:1;min-height:0;display:flex}.as-turn{gap:var(--sp-3);animation:pane-in var(--dur-slow) var(--ease-flow) both;flex-direction:column;display:flex}.as-q{color:var(--ink);border-left:3px solid var(--accent);padding-left:12px;font-size:19px;font-weight:600}.as-q-pin{color:var(--ink-4);padding-left:15px;font-size:12.5px}.as-trace{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--panel);overflow:hidden}.as-trace-head{align-items:center;gap:var(--sp-2);width:100%;color:var(--ink-3);text-align:left;transition:background var(--dur-hover) var(--ease-flow);padding:9px 13px;font-size:13.5px;display:flex}.as-trace-head:hover{background:var(--hover);color:var(--ink-2)}.as-trace-chev{transition:transform var(--dur-mid) var(--ease-flow)}.as-trace[data-open=true] .as-trace-chev{transform:rotate(180deg)}.as-trace-count{color:var(--ink-4);font-variant-numeric:tabular-nums;margin-left:auto;font-size:12px}.as-trace-body{gap:var(--sp-3);animation:anno-open var(--dur-mid) var(--ease-flow) both;flex-direction:column;padding:4px 13px 13px;display:flex}.as-steps{flex-direction:column;gap:5px;display:flex}.as-steps li{align-items:flex-start;gap:var(--sp-2);color:var(--ink-3);animation:row-in .26s var(--ease-flow) both;font-size:13px;display:flex}.as-steps li svg{color:var(--ink-4);flex:none;margin-top:2px}.as-steps li[data-state=degraded]{color:#a75c00;color:lab(47.2251% 27.8943 56.3851)}.as-steps li[data-state=degraded] svg{color:#bb6802;color:lab(52.9853% 29.9699 60.1556)}.as-steps li[data-state=empty]{color:var(--ink-4)}.as-trace-label{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-4);font-size:11px;font-weight:700}.as-hits{flex-direction:column;gap:2px;display:flex}.as-hits li{align-items:center;gap:var(--sp-2);border-radius:var(--radius-sm);padding:4px 6px;font-size:12.5px;display:flex}.as-hits li:hover{background:var(--hover)}.as-hit-rank{text-align:center;min-width:18px;color:var(--ink-4);font-variant-numeric:tabular-nums}.as-hit-src{min-width:0;color:var(--ink-2);flex:1}.as-hit-verse{color:var(--ink-3);font-variant-numeric:tabular-nums}.as-hit-via{letter-spacing:.05em;text-transform:uppercase;background:var(--panel-2);color:var(--ink-4);border-radius:999px;padding:2px 6px;font-size:10px;font-weight:700}.as-hit-via[data-via=semantic]{background:color-mix(in oklch, #537abb 18%, var(--panel));color:#2f5492;color:lab(35.362% 2.91634 -38.7287)}@supports (color:lab(0% 0 0)){.as-hit-via[data-via=semantic]{background:color-mix(in oklch, lab(50.5663% .757456 -39.0309) 18%, var(--panel))}}.as-hit-via[data-via=lexical]{background:color-mix(in oklch, #b36d2a 20%, var(--panel));color:#7b4200;color:lab(34.4644% 26.4439 56.9609)}@supports (color:lab(0% 0 0)){.as-hit-via[data-via=lexical]{background:color-mix(in oklch, lab(53.1157% 25.0033 47.6674) 20%, var(--panel))}}.as-hit-via[data-via=both]{background:color-mix(in oklch, var(--accent) 22%, var(--panel));color:var(--accent-ink)}.as-answer{gap:var(--sp-3);flex-direction:column;display:flex}.as-quote{padding:var(--sp-4);border-radius:var(--radius-md);background:var(--bg-elev);border:1px solid var(--line);border-left:3px solid var(--accent)}.as-quote p{color:var(--ink);font-size:16px;line-height:1.75}.as-quote[dir=rtl] p,.as-quote p[dir=rtl]{font-family:var(--font-arabic);font-size:21px;line-height:2.1}.as-quote cite{margin-top:var(--sp-2);color:var(--ink-4);font-size:12.5px;font-style:normal;display:block}.as-passages{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--bg-elev);overflow:hidden}.as-passages>summary{color:var(--ink-3);cursor:pointer;transition:background var(--dur-hover) var(--ease-flow);padding:10px 14px;font-size:13.5px}.as-passages>summary:hover{background:var(--hover);color:var(--ink-2)}.as-passage{padding:var(--sp-4);border-top:1px solid var(--line);gap:var(--sp-2);flex-direction:column;display:flex}.as-passage-head{align-items:center;gap:var(--sp-2);color:var(--ink-3);font-size:13px;display:flex}.as-passage-text{color:var(--ink);font-size:15px;line-height:1.8}.as-passage-text[dir=rtl]{font-family:var(--font-arabic);font-size:20px;line-height:2.15}.as-passage-tr{border-radius:var(--radius);background:var(--panel);color:var(--ink-2);align-items:flex-start;gap:7px;padding:10px 12px;font-size:14px;line-height:1.65;display:flex}.as-passage-tr svg{color:var(--ink-4);flex:none;margin-top:3px}.as-passage-tr--none{color:var(--ink-4);font-style:italic}.as-note{color:var(--ink-4);border-radius:var(--radius);background:var(--panel);padding:10px 12px;font-size:13px}.as-error{align-items:flex-start;gap:var(--sp-2);border-radius:var(--radius-md);background:color-mix(in oklch, var(--danger) 10%, var(--bg-elev));border:1px solid color-mix(in oklch, var(--danger) 26%, transparent);color:var(--ink-2);padding:11px 14px;font-size:14px;display:flex}.as-error svg{color:var(--danger);flex:none;margin-top:1px}.as-composer{gap:var(--sp-3);padding:var(--sp-4) 0;background:linear-gradient(to top, var(--bg) 72%, transparent);display:flex;position:sticky;bottom:0}.as-input{border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--bg-elev);min-width:0;color:var(--ink);transition:border-color var(--dur-hover) var(--ease-flow);flex:1;padding:13px 16px;font-size:15.5px}.as-input:focus{border-color:var(--accent);outline:none}.as-input:disabled{background:var(--panel);color:var(--ink-4)}.as-composer .an-btn{align-self:auto}.as-prose{color:var(--ink);white-space:pre-wrap;font-size:16.5px;line-height:1.75}.as-prose>*{max-width:68ch}.as-cite{background:var(--accent-soft);min-width:19px;height:19px;color:var(--accent-ink);font-variant-numeric:tabular-nums;vertical-align:2px;transition:background var(--dur-hover) var(--ease-flow);border-radius:999px;place-items:center;margin:0 2px;padding:0 5px;font-size:11.5px;font-weight:700;display:inline-grid}.as-cite:hover{background:color-mix(in oklch, var(--accent) 30%, transparent)}.as-cite--bad{background:color-mix(in oklch, var(--danger) 14%, transparent);color:var(--danger);text-decoration:line-through}.as-caret{vertical-align:-2px;background:var(--accent);width:2px;height:1.1em;margin-left:2px;animation:1s steps(2,start) infinite as-blink;display:inline-block}@keyframes as-blink{50%{opacity:0}}.as-warn{align-items:flex-start;gap:var(--sp-2);margin-top:var(--sp-3);border-radius:var(--radius-md);background:color-mix(in oklch, #bb731b 12%, var(--bg-elev));color:var(--ink-2);border:1px solid #bb731b4d;border:1px solid lab(55.5071% 24.3689 55.9288/.3);padding:10px 13px;font-size:13.5px;display:flex}@supports (color:lab(0% 0 0)){.as-warn{background:color-mix(in oklch, lab(55.5071% 24.3689 55.9288) 12%, var(--bg-elev))}}.as-warn svg{color:#bb6802;color:lab(52.9853% 29.9699 60.1556);flex:none;margin-top:1px}.as-mode{margin-top:var(--sp-2);color:var(--ink-4);font-size:12.5px}.as-passage-n{background:var(--accent-soft);min-width:19px;height:19px;color:var(--accent-ink);font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;font-size:11.5px;font-weight:700;display:inline-grid}.as-passage{scroll-margin-block:80px}.lab{background:var(--bg-elev);border-left:1px solid var(--line);width:min(420px,38vw);min-width:300px;animation:lab-in var(--dur-overlay) var(--ease-overlay) both;flex-direction:column;flex:none;min-height:0;display:flex;overflow:hidden}@keyframes lab-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}.lab-head{border-bottom:1px solid var(--line);flex:none;align-items:center;gap:8px;padding:10px 10px 10px 14px;display:flex}.lab-brand{letter-spacing:.01em;color:var(--ink);font-size:13.5px;font-weight:620}.lab-head-sp{flex:1}.lab-chip{color:var(--accent-ink,var(--ink-2));background:color-mix(in oklab, var(--accent) 15%, transparent);border:1px solid color-mix(in oklab, var(--accent) 26%, transparent);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;align-items:center;gap:4px;max-width:130px;padding:3px 8px;font-size:11px;font-weight:550;display:inline-flex;overflow:hidden}.lab-icon{width:28px;height:28px;color:var(--ink-4);cursor:pointer;transition:background var(--dur-fast) ease, color var(--dur-fast) ease;background:0 0;border:none;border-radius:8px;place-items:center;display:grid}.lab-icon:hover{background:var(--hover);color:var(--ink-2)}.lab-body{flex-direction:column;flex:1;gap:18px;min-height:0;padding:16px 14px 8px;display:flex;overflow-y:auto}.lab-turn{flex-direction:column;gap:12px;display:flex}.lab-row{gap:9px;display:flex}.lab-row--you{justify-content:flex-end}.lab-row--ai{align-items:flex-start}.lab-bubble{animation:lab-bubble-in .22s var(--ease-overlay) both;border-radius:16px;padding:10px 13px;font-size:14px;line-height:1.62}@keyframes lab-bubble-in{0%{opacity:0;transform:translateY(7px)scale(.985)}to{opacity:1;transform:none}}.lab-bubble--you{background:color-mix(in oklab, var(--accent) 30%, var(--bg-elev));max-width:82%;color:var(--ink);white-space:pre-wrap;word-break:break-word;border-bottom-right-radius:6px}.lab-avatar{width:26px;height:26px;color:var(--accent-ink,var(--ink));background:color-mix(in oklab, var(--accent) 26%, transparent);border:1px solid color-mix(in oklab, var(--accent) 34%, transparent);border-radius:50%;flex:none;place-items:center;margin-top:2px;display:grid}.lab-said{flex-direction:column;flex:1;align-items:flex-start;gap:8px;min-width:0;display:flex}.lab-answer{background:color-mix(in oklab, var(--ink) 6%, transparent);color:var(--ink);border-bottom-left-radius:6px;max-width:100%}.lab-board-read{margin:var(--sp-2) 0 var(--sp-3);border:1px solid var(--line);border-radius:var(--radius-md);background:color-mix(in oklab, var(--ink) 3%, var(--bg-elev));overflow:hidden}.lab-board-read-head{letter-spacing:.02em;color:var(--ink-3);border-bottom:1px solid var(--line);align-items:center;gap:6px;padding:8px 12px;font-size:11.5px;font-weight:600;display:flex}.lab-board-read-text{font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, monospace);color:var(--ink);white-space:pre-wrap;word-break:break-word;max-height:320px;margin:0;padding:12px;font-size:12.5px;line-height:1.55;overflow:auto}.lab-act{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius-md);animation:lab-bubble-in var(--dur-overlay) var(--ease-overlay) both;flex-direction:column;gap:6px;margin:2px 0 4px;padding:11px 13px;display:flex}.lab-act-head{color:var(--ink);align-items:center;gap:7px;font-size:12.5px;font-weight:600;display:flex}.lab-act-head svg{color:var(--accent);flex:none}.lab-act-what{color:var(--ink-2);margin:0;font-size:12.5px}.lab-act-hint{color:var(--ink-3);margin:0;font-size:11.5px}.lab-act-row{align-items:center;gap:6px;margin-top:3px;display:flex}.lab-act-apply{color:#fff;background:var(--accent);border-radius:var(--radius-sm);cursor:pointer;transition:filter var(--dur-fast) var(--ease-soft);border:none;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:600;display:inline-flex}.lab-act-apply:hover{filter:brightness(1.08)}.lab-act-x{width:28px;height:28px;color:var(--ink-3);border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--dur-fast) var(--ease-soft), border-color var(--dur-fast) var(--ease-soft);background:0 0;justify-content:center;align-items:center;display:inline-flex}.lab-act-x:hover{color:var(--ink);border-color:var(--line-strong)}.lab-act[data-done=true]{border-color:color-mix(in oklab, var(--accent) 40%, var(--line))}.lab-trace[data-empty=true] .lab-trace-head{color:var(--ink-3);background:0 0;border-color:#0000;padding-left:2px;padding-right:2px;font-size:12px}.lab-trace[data-empty=true] .lab-trace-head:hover{color:var(--ink-2)}.lab-thinking{background:color-mix(in oklab, var(--ink) 6%, transparent);color:var(--ink-3);border-bottom-left-radius:6px;align-items:center;gap:9px;display:inline-flex}.lab-dots{gap:3px;display:inline-flex}.lab-dots i{opacity:.3;width:5px;height:5px;animation:lab-dot 1.05s var(--ease-soft) infinite;background:currentColor;border-radius:50%}.lab-dots i:nth-child(2){animation-delay:.14s}.lab-dots i:nth-child(3){animation-delay:.28s}@keyframes lab-dot{0%,62%,to{opacity:.26;transform:translateY(0)scale(.82)}28%{opacity:1;transform:translateY(-3.5px)scale(1)}}.lab-trace{border:1px solid var(--line);background:color-mix(in oklab, var(--ink) 3%, transparent);border-radius:12px;width:100%;overflow:hidden}.lab-trace-head{width:100%;color:var(--ink-3);cursor:pointer;text-align:left;transition:color var(--dur-fast) ease;background:0 0;border:none;align-items:center;gap:7px;padding:8px 11px;font-size:12.5px;display:flex}.lab-trace-head:hover{color:var(--ink-2)}.lab-trace-head span{flex:1}.lab-trace-chev{transition:transform var(--dur-mid) var(--ease-overlay)}.lab-trace[data-open=true] .lab-trace-chev{transform:rotate(180deg)}.lab-trace-body{border-top:1px solid var(--line);transition:opacity var(--dur-mid) var(--ease-soft), transform var(--dur-mid) var(--ease-overlay);padding:2px 11px 10px;overflow:hidden}.lab-trace-body[data-state=entering],.lab-trace-body[data-state=exiting]{opacity:0;transform:translateY(-4px)}.lab-trace-body[data-state=open]{opacity:1;transform:none}.lab-steps{gap:4px;margin:8px 0 0;padding:0;list-style:none;display:grid}.lab-steps li{color:var(--ink-4);padding-left:12px;font-size:11.5px;position:relative}.lab-steps li:before{content:"";background:var(--ink-4);border-radius:50%;width:4px;height:4px;position:absolute;top:7px;left:0}.lab-steps li[data-state=degraded]:before{background:#d08b30}.lab-steps li[data-state=empty]:before{background:#c2544d}.lab-hits{gap:3px;margin:9px 0 0;padding:0;list-style:none;display:grid}.lab-hits li{color:var(--ink-3);align-items:baseline;gap:7px;font-size:11.5px;display:flex}.lab-hit-rank{text-align:right;width:15px;color:var(--ink-4);font-variant-numeric:tabular-nums;flex:none}.lab-hit-src{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.lab-hit-verse{color:var(--ink-4);font-variant-numeric:tabular-nums;flex:none}.lab-answer>*+*{margin-top:.62em}.lab-answer h3,.lab-answer h4,.lab-answer h5{letter-spacing:.012em;color:var(--ink);margin-top:1.1em;font-size:13px;font-weight:650}.lab-answer h3:first-child,.lab-answer h4:first-child,.lab-answer h5:first-child{margin-top:0}.lab-answer strong{color:var(--ink);font-weight:650}.lab-answer em{font-style:italic}.lab-answer code{font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, monospace);background:color-mix(in oklab, var(--ink) 9%, transparent);border-radius:4px;padding:.08em .34em;font-size:.9em}.lab-answer ul,.lab-answer ol{padding-left:1.3em}.lab-answer li{margin-top:.32em}.lab-answer li::marker{color:var(--ink-4)}.lab-error{color:#c2544d;background:#c2544d1f;background:lab(50.4625% 44.6239 27.082/.12);align-items:center;gap:7px;font-size:13px;display:inline-flex}.lab-warn{color:#d08b30;align-items:center;gap:6px;margin:0;font-size:11.5px;display:inline-flex}.lab-note{color:var(--ink-4);margin:0;font-size:11.5px}.lab-empty{text-align:center;animation:lab-bubble-in .32s var(--ease-overlay) both;flex-direction:column;align-items:center;gap:7px;margin:auto 0;padding:22px 16px;display:flex}.lab-empty-mark{width:46px;height:46px;color:var(--accent-ink,var(--ink));background:color-mix(in oklab, var(--accent) 18%, transparent);border:1px solid color-mix(in oklab, var(--accent) 28%, transparent);border-radius:14px;place-items:center;margin-bottom:4px;display:grid}.lab-empty-title{color:var(--ink);margin:0;font-size:15px;font-weight:620}.lab-empty-sub{color:var(--ink-4);max-width:30ch;margin:0;font-size:12.5px;line-height:1.6}.lab-suggest{gap:7px;width:100%;margin-top:14px;display:grid}.lab-suggest button{text-align:left;color:var(--ink-2);background:color-mix(in oklab, var(--ink) 4%, transparent);border:1px solid var(--line);cursor:pointer;animation:lab-bubble-in .3s var(--ease-overlay) both;transition:background var(--dur-fast) ease, border-color var(--dur-fast) ease, transform var(--dur-fast) var(--ease-out);border-radius:11px;padding:9px 13px;font-size:12.5px}.lab-suggest button:hover{background:var(--hover);border-color:var(--line-strong);transform:translateY(-1px)}.lab-composer{border-top:1px solid var(--line);flex:none;align-items:flex-end;gap:8px;padding:10px 12px 12px;display:flex}.lab-input{border:1px solid var(--line);background:color-mix(in oklab, var(--ink) 4%, transparent);min-width:0;color:var(--ink);font:inherit;resize:none;max-height:132px;transition:border-color var(--dur-fast) ease, background var(--dur-fast) ease;border-radius:14px;flex:1;padding:10px 13px;font-size:13.5px;line-height:1.5}.lab-input:focus{border-color:color-mix(in oklab, var(--accent) 55%, transparent);background:var(--bg-elev);outline:none}.lab-input::placeholder{color:var(--ink-4)}.lab-send{cursor:pointer;width:34px;height:34px;color:var(--on-accent,#fff);background:var(--accent);transition:opacity var(--dur-fast) ease, transform var(--dur-fast) var(--ease-out), filter var(--dur-fast) ease;border:none;border-radius:50%;flex:none;place-items:center;display:grid}.lab-send:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.lab-send:disabled{opacity:.4;cursor:default}:root{--dur-overlay:.22s;--dur-scrim:.18s;--ease-overlay:cubic-bezier(.32, .72, 0, 1);--z-scrim:600;--z-drawer:610;--z-modal:620;--z-popover:640;--z-toast:9999}.ov-scrim{z-index:var(--z-scrim);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transition:opacity var(--dur-scrim) var(--ease-soft);background:#03030380;background:lab(.903296% 0 0/.5);position:fixed;inset:0}.ov-scrim[data-state=open]{opacity:1}[data-ov]{transition:transform var(--dur-overlay) var(--ease-overlay), opacity var(--dur-overlay) var(--ease-overlay);will-change:transform}[data-ov][data-state=open]{opacity:1;transform:none}[data-ov=right][data-state=entering],[data-ov=right][data-state=exiting]{transform:translate(100%)}[data-ov=left][data-state=entering],[data-ov=left][data-state=exiting]{transform:translate(-100%)}[data-ov=bottom][data-state=entering],[data-ov=bottom][data-state=exiting]{transform:translateY(100%)}[data-ov=center][data-state=entering],[data-ov=center][data-state=exiting]{opacity:0;transform:translateY(8px)scale(.985)}[data-ov=pop]{transform-origin:var(--ov-origin,top right);transition:transform var(--dur-mid) var(--ease-overlay), opacity var(--dur-mid) var(--ease-soft)}[data-ov=pop][data-state=entering],[data-ov=pop][data-state=exiting]{opacity:0;transform:scale(.96)translateY(-4px)}[data-ov-stagger][data-state=open]>*{animation:ov-band-in .24s var(--ease-out) both}[data-ov-stagger][data-state=open]>:first-child{animation-delay:50ms}[data-ov-stagger][data-state=open]>:nth-child(2){animation-delay:84ms}[data-ov-stagger][data-state=open]>:nth-child(3){animation-delay:.112s}[data-ov-stagger][data-state=open]>:nth-child(n+4){animation-delay:.136s}@keyframes ov-band-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}[data-ov-stagger][data-state=entering]>*,[data-ov-stagger][data-state=exiting]>*{animation:none}.drawer-overlay[data-expanded=true]{width:100%;z-index:var(--z-drawer);border-left:none}.drawer-overlay[data-expanded=true] .drawer-split{width:100%;max-width:58rem;margin-inline:auto}.drawer-overlay[data-expanded=true] .drawer-body{padding-inline:var(--sp-5,24px)}.drawer-overlay[data-expanded=true] .drawer-head{padding-inline:max(var(--sp-5,24px), calc((100% - 58rem) / 2));align-items:center}.drawer-overlay[data-expanded=true] .drawer-head-text{align-items:baseline;gap:var(--sp-3,12px);display:flex}.drawer-overlay[data-expanded=true] .drawer-head-sub,.drawer-overlay[data-expanded=true] .drawer-head-ref{margin:0}.drawer-overlay[data-expanded=true] .drawer-source-bar,.drawer-overlay[data-expanded=true] .drawer-tabs{padding-inline:max(var(--sp-5,24px), calc((100% - 58rem) / 2))}.drawer-overlay{transition:transform var(--dur-slow) var(--ease-out), width var(--dur-overlay) var(--ease-overlay)}.kind-row{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:8px;display:grid}.kind-card{border:1px solid var(--line);background:color-mix(in oklab, var(--ink) 3%, transparent);cursor:pointer;text-align:left;transition:border-color var(--dur-fast) ease, background var(--dur-fast) ease, transform var(--dur-fast) var(--ease-out);border-radius:12px;flex-direction:column;align-items:flex-start;gap:3px;padding:10px 10px 12px;display:flex}.kind-card:hover:not(:disabled){background:var(--hover);border-color:var(--line-strong);transform:translateY(-1px)}.kind-card[data-active=true]{border-color:var(--accent);background:color-mix(in oklab, var(--accent) 10%, transparent)}.kind-card:disabled{opacity:.55;cursor:default}.kind-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.kind-preview{border:1px solid var(--line);border-radius:7px;width:100%;margin-bottom:7px;display:block;overflow:hidden}.kind-svg{width:100%;height:auto;display:block}.kp-page{fill:var(--bg)}.kp-line{fill:var(--ink);opacity:.17}.kp-rule{fill:var(--accent);opacity:.5}.kp-mark{fill:var(--accent);opacity:.75}.kp-mark--2{opacity:.4}.kp-note{fill:var(--ink);opacity:.1}.kp-note--2{fill:var(--accent);opacity:.18}.kp-link{stroke:var(--ink);stroke-width:1.5px;opacity:.25;fill:none}.kind-name{color:var(--ink);font-size:12.5px;font-weight:620}.kind-caption{color:var(--ink-4);font-size:11px;line-height:1.45}@media (max-width:560px){.kind-row{grid-template-columns:1fr}.kind-card{flex-direction:row;align-items:center;gap:10px}.kind-preview{flex:none;width:74px;margin-bottom:0}.kind-card>.kind-name{flex:none}}.pfp-row{align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.pfp-preview{background:color-mix(in oklab, var(--accent) 18%, transparent);border:1px solid var(--line-strong);border-radius:50%;flex:none;place-items:center;width:64px;height:64px;display:grid;overflow:hidden}.pfp-preview img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.pfp-initials{color:var(--ink-2);-webkit-user-select:none;user-select:none;font-size:24px;font-weight:600;line-height:1}.pfp-actions{flex-direction:column;align-items:flex-start;gap:7px;display:flex}.pfp-actions .an-footnote{margin:0}.pfp-clear{cursor:pointer;color:var(--ink-4);text-underline-offset:2px;transition:color var(--dur-fast) ease;background:0 0;border:none;padding:0;font-size:12px;text-decoration:underline}.pfp-clear:hover:not(:disabled){color:#c2544d}.pfp-clear:disabled{opacity:.5;cursor:default}.film{z-index:6;background:color-mix(in oklab, var(--bg-elev) 92%, transparent);border:1px solid var(--line);max-width:min(760px,100% - 32px);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:film-in .26s var(--ease-overlay) both;border-radius:14px;align-items:center;gap:6px;padding:7px 9px;display:flex;position:absolute;bottom:84px;left:50%;transform:translate(-50%)}@keyframes film-in{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)}}.film-sheet{display:block;position:relative;overflow:hidden}.film-thumb{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.film-arrow{width:28px;height:28px;color:var(--ink-3);cursor:pointer;transition:background var(--dur-fast) ease, color var(--dur-fast) ease;background:0 0;border:none;border-radius:8px;flex:none;place-items:center;display:grid}.film-arrow:hover:not(:disabled){background:var(--hover);color:var(--ink)}.film-arrow:disabled{opacity:.3;cursor:default}.film-strip{scroll-behavior:smooth;scrollbar-width:none;flex:1;align-items:flex-end;gap:6px;min-width:0;padding:2px 2px 4px;display:flex;overflow:auto hidden}.film-strip::-webkit-scrollbar{display:none}.film-tile{cursor:pointer;transition:transform var(--dur-fast) var(--ease-out);background:0 0;border:none;flex-direction:column;flex:none;align-items:center;gap:3px;padding:0;display:flex}.film-tile:hover{transform:translateY(-2px)}.film-sheet{background:var(--bg);border:1px solid var(--line-strong);width:34px;transition:border-color var(--dur-fast) ease, box-shadow var(--dur-fast) ease;border-radius:3px;display:block}.film-tile[data-active=true] .film-sheet{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in oklab, var(--accent) 40%, transparent)}.film-num{color:var(--ink-4);font-variant-numeric:tabular-nums;font-size:10px;line-height:1}.film-tile[data-active=true] .film-num{color:var(--ink);font-weight:600}.film-count{color:var(--ink-4);font-variant-numeric:tabular-nums;flex:none;padding-left:3px;padding-right:3px;font-size:11.5px}.join-modal-overlay,.name-entry-overlay{animation:ov-dialog-in var(--dur-overlay) var(--ease-overlay) both}@keyframes ov-dialog-in{0%{opacity:0}to{opacity:1}}.join-modal-overlay>*,.name-entry-overlay>*{animation:ov-dialog-card-in .24s var(--ease-overlay) both}@keyframes ov-dialog-card-in{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:none}}.slash-menu,.tweaks-panel{animation:ov-menu-in var(--dur-mid) var(--ease-overlay) both;transform-origin:0 0}@keyframes ov-menu-in{0%{opacity:0;transform:scale(.96)translateY(-4px)}to{opacity:1;transform:none}}.format-bar,.study-bar{animation:ov-bar-in var(--dur-mid) var(--ease-overlay) both}@keyframes ov-bar-in{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:none}}.canvas-tool-rail{animation:ov-rail-in var(--dur-overlay) var(--ease-overlay) both}@keyframes ov-rail-in{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:none}}.presence-tooltip,.cxmap-tip{animation:ov-tip-in var(--dur-fast) var(--ease-soft) both}@keyframes ov-tip-in{0%{opacity:0}to{opacity:1}}.tut-overlay{animation:ov-dialog-in var(--dur-overlay) var(--ease-soft) both}.drawer-lang-wrap{flex:none;align-items:center;max-width:45%;display:flex;position:relative}.drawer-lang-select{appearance:none;border-radius:var(--radius-sm);max-width:100%;color:var(--ink-3);text-overflow:ellipsis;cursor:pointer;transition:color var(--dur-fast) ease;background:0 0;border:0;outline:none;padding:2px 16px 2px 0;font-family:inherit;font-size:11.5px;font-weight:400}.drawer-lang-select:hover{color:var(--ink)}.drawer-lang-select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.drawer-lang-wrap:after{content:"";pointer-events:none;border-right:1.2px solid var(--ink-4);border-bottom:1.2px solid var(--ink-4);width:5px;height:5px;position:absolute;top:50%;right:4px;transform:translateY(-70%)rotate(45deg)}.drawer-lang-select option{background:var(--bg-elev);color:var(--ink)}@media (max-width:720px){.lab{width:100%;min-width:0;z-index:var(--z-drawer);animation:lab-sheet-in var(--dur-overlay) var(--ease-overlay) both;border-left:none;position:fixed;inset:0}@keyframes lab-sheet-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}.lab-composer{padding-bottom:max(12px, env(safe-area-inset-bottom))}.lab-head{padding-top:max(10px, env(safe-area-inset-top))}.lab-bubble--you{max-width:88%}body:has(.lab) .tr-bubble{display:none}}.as-answer{background:color-mix(in oklab, var(--ink) 6%, transparent);border-radius:16px 16px 16px 6px;padding:12px 15px}.as-answer>*+*{margin-top:.62em}.as-answer h3,.as-answer h4,.as-answer h5{color:var(--ink);margin-top:1.1em;font-size:13.5px;font-weight:650}.as-answer h3:first-child,.as-answer h4:first-child,.as-answer h5:first-child{margin-top:0}.as-answer ul,.as-answer ol{padding-left:1.3em}.as-answer li{margin-top:.32em}.as-answer li::marker{color:var(--ink-4)}.as-answer strong{color:var(--ink);font-weight:650}.as-answer em{font-style:italic}.spot-scrim{background:color-mix(in oklab, var(--ink) 52%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:var(--z-modal);padding:var(--sp-4);animation:modal-backdrop-in var(--dur-overlay) var(--ease-overlay) both;justify-content:center;align-items:center;padding:0;display:flex;position:fixed;inset:0}.spot{background:var(--bg);width:100%;height:100dvh;padding:var(--sp-5) var(--sp-4);gap:var(--sp-4);animation:modal-card-in var(--dur-overlay) var(--ease-overlay) both;border:0;border-radius:0;flex-direction:column;justify-content:center;align-items:stretch;display:flex;overflow-y:auto}.spot-head,.spot-count,.spot-stage,.spot-open{width:min(620px,100%);margin-inline:auto}.spot:focus{outline:none}.spot-head{justify-content:space-between;align-items:center;gap:var(--sp-3);display:flex}.spot-keys{color:var(--ink-3);font-size:11.5px}.spot-keys kbd{border:1px solid var(--line);background:var(--panel);color:var(--ink-2);border-radius:4px;margin:0 1px;padding:1px 5px;font-family:inherit;font-size:10.5px}.spot-alt{color:var(--ink-2);border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--dur-fast) var(--ease-soft), border-color var(--dur-fast) var(--ease-soft);background:0 0;flex:none;align-items:center;gap:6px;padding:6px 11px;font-size:12.5px;font-weight:500;display:inline-flex}.spot-alt:hover{color:var(--ink);border-color:var(--line-strong)}.spot-count{text-align:center;color:var(--ink-3);font-variant-numeric:tabular-nums;margin-block:0;font-size:12px}.spot-stage{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;flex:none;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0%,#00000059 12%,#000 34% 66%,#00000059 88%,#0000 100%);mask-image:linear-gradient(#0000 0%,#00000059 12%,#000 34% 66%,#00000059 88%,#0000 100%)}.spot-stage:before,.spot-stage:after{content:"";background:var(--line);opacity:.7;pointer-events:none;height:1px;position:absolute;left:44px;right:44px}.spot-stage:before{top:calc(50% - 28px)}.spot-stage:after{top:calc(50% + 28px)}.spot-list{will-change:transform;position:absolute;left:44px;right:44px}.spot-row{align-items:center;gap:var(--sp-3);padding:0 var(--sp-3);border-radius:var(--radius-md);cursor:pointer;transition:opacity .19s var(--ease-overlay), background .14s var(--ease-soft);display:flex}.spot-row[data-current=true]{background:var(--panel);box-shadow:var(--shadow-sm)}.spot-row:not([data-current=true]):hover{background:color-mix(in oklab, var(--ink) 4%, transparent)}.spot-num{min-width:30px;color:var(--ink-3);font-variant-numeric:tabular-nums;flex:none;font-size:13px}.spot-name{color:var(--ink);flex:1;font-size:15px;font-weight:500}.spot-row[data-current=true] .spot-name{font-weight:650}.spot-ar{color:var(--ink-2);flex:none;font-size:17px}.spot-step{width:34px;height:34px;color:var(--ink-2);background:var(--bg-elev);border:1px solid var(--line);cursor:pointer;transition:color var(--dur-fast) var(--ease-soft), border-color var(--dur-fast) var(--ease-soft);border-radius:50%;justify-content:center;align-items:center;margin-inline:auto;display:inline-flex}.spot-step:hover:not(:disabled){color:var(--ink);border-color:var(--line-strong)}.spot-step:disabled{opacity:.35;cursor:default}.spot-open{color:#fff;background:var(--accent);border-radius:var(--radius-md);cursor:pointer;transition:filter var(--dur-fast) var(--ease-soft);border:none;padding:9px 14px;font-size:14px;font-weight:600}.spot-open:hover{filter:brightness(1.08)}.ws-view-toggle{gap:2px;display:inline-flex}.ws-view-btn{color:var(--ink-3);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:6px 10px;font-size:12.5px;font-weight:500;display:inline-flex}.ws-view-btn:hover{color:var(--ink);border-color:var(--line)}@media (max-width:720px){.spot-list,.spot-stage:before,.spot-stage:after{left:8px;right:8px}.spot-step{display:none}}.crumb-menu{align-items:center;display:inline-flex;position:relative}.crumb-menu-btn{width:20px;height:20px;color:var(--ink-3);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;margin-left:1px;display:inline-flex}.crumb-menu-btn:hover{color:var(--ink);border-color:var(--line)}.crumb-pop{background:var(--bg-elev);border:1px solid var(--line-strong);border-radius:var(--radius-md);width:268px;max-height:340px;box-shadow:var(--shadow-lg);z-index:var(--z-popover);flex-direction:column;display:flex;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden}.crumb-pop-input{color:var(--ink);border:0;border-bottom:1px solid var(--line);background:0 0;flex:none;padding:9px 11px;font-size:13px}.crumb-pop-input:focus{outline:none}.crumb-pop-list{padding:4px;overflow-y:auto}.crumb-pop-empty{color:var(--ink-3);margin:0;padding:12px;font-size:12.5px}.crumb-pop-row{width:100%;color:var(--ink);text-align:left;border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;padding:7px 8px;font-size:13px;display:flex}.crumb-pop-row:hover{background:color-mix(in oklab, var(--ink) 5%, transparent)}.crumb-pop-row[data-current=true]{background:var(--accent-soft);font-weight:600}.crumb-pop-num{min-width:22px;color:var(--ink-3);font-variant-numeric:tabular-nums;flex:none;font-size:11.5px}.crumb-pop-name{flex:1}.crumb-pop-ar{color:var(--ink-2);flex:none}