@layer optijara.base;@layer optijara.components{@property --bb-angle{syntax:"<angle>";inherits:true;initial-value:135deg}@property --bb-o{syntax:"<number>";inherits:true;initial-value:1}@property --bb-hs{syntax:"<angle>";inherits:true;initial-value:0deg}@property --bb-x{syntax:"<number>";inherits:true;initial-value:.5}@property --bb-w{syntax:"<number>";inherits:true;initial-value:1.5}@property --bb-h{syntax:"<number>";inherits:true;initial-value:1}@property --bb-edge{syntax:"<number>";inherits:true;initial-value:1}@property --bb-breathe{syntax:"<number>";inherits:true;initial-value:1}@property --bb-swell{syntax:"<number>";inherits:true;initial-value:1}.bbeam{--bb-dark:var(--oj-dark);--bb-hi-d:var(--bb-dark) var(--cream-fixed);--bb-hi:var(--bb-hi-d,var(--ink-fixed));--bb-shadow-d:var(--bb-dark) color-mix(in srgb, var(--cream-fixed) 28%, transparent);--bb-shadow:var(--bb-shadow-d,color-mix(in srgb, var(--ink-fixed) 14%, transparent));--bb-c1:var(--pine);--bb-c2:var(--butter);--bb-c3:var(--tomato);--bb-c4:color-mix(in oklab, var(--pine) 55%, var(--butter));--bb-c5:color-mix(in oklab, var(--tomato) 55%, var(--butter));--bb-c6:color-mix(in oklab, var(--pine) 70%, var(--bg));--bb-mono:1;--bb-palette:var(--bb-c1), var(--bb-c2), var(--bb-c3), var(--bb-c4), var(--bb-c5), var(--bb-c6), var(--bb-c1);border-radius:var(--bb-r,16px);isolation:isolate;position:relative}.bbeam[data-bb-theme=dark]{--bb-dark: }.bbeam[data-bb-theme=light]{--bb-dark:initial}.bbeam[data-bb-variant=mono]{--bb-mono:.5;--bb-c1:var(--text);--bb-c2:color-mix(in oklab, var(--text) 70%, var(--bg));--bb-c3:color-mix(in oklab, var(--text) 85%, var(--bg));--bb-c4:color-mix(in oklab, var(--text) 60%, var(--bg));--bb-c5:color-mix(in oklab, var(--text) 90%, var(--bg));--bb-c6:color-mix(in oklab, var(--text) 75%, var(--bg))}.bbeam[data-bb-size=sm]{--bb-so-d:var(--bb-dark) .46;--bb-io-d:var(--bb-dark) .24;--bb-lo-d:var(--bb-dark) .38;--bb-sat-d:var(--bb-dark) 1.2;--bb-so:var(--bb-so-d,.12);--bb-io:var(--bb-io-d,.3);--bb-lo:var(--bb-lo-d,.16);--bb-sat:var(--bb-sat-d,1.8);--bb-br:1.3;--bb-head:conic-gradient(from var(--bb-angle), transparent 0% 22%, #0000001f 28%, #0006 36%, black 46% 82%, #0006 88%, #0000001f 94%, transparent 97% 100%)}.bbeam[data-bb-size=md]{--bb-so-d:var(--bb-dark) .26;--bb-io-d:var(--bb-dark) .42;--bb-lo-d:var(--bb-dark) .24;--bb-sat-d:var(--bb-dark) 1.2;--bb-so:var(--bb-so-d,.12);--bb-io:var(--bb-io-d,.26);--bb-lo:var(--bb-lo-d,.34);--bb-sat:var(--bb-sat-d,1.5);--bb-br:1.3;--bb-head:conic-gradient(from var(--bb-angle), transparent 0% 30%, #0000001a 36%, #00000059 44%, black 52% 80%, #00000059 86%, #0000001a 92%, transparent 95% 100%)}.bbeam[data-bb-size=line]{--bb-so-d:var(--bb-dark) 1.14;--bb-io-d:var(--bb-dark) .7;--bb-lo-d:var(--bb-dark) .8;--bb-sat-d:var(--bb-dark) 1.2;--bb-so:var(--bb-so-d,.16);--bb-io:var(--bb-io-d,.32);--bb-lo:var(--bb-lo-d,.3);--bb-sat:var(--bb-sat-d,1.95);--bb-br:1.3;--bb-a1:oj-bb-travel;--bb-d1:var(--bb-dur);--bb-a2:oj-bb-edge;--bb-d2:var(--bb-dur);--bb-e2:linear;--bb-a3:oj-bb-tide;--bb-d3:calc(var(--bb-dur) * 1.3);--bb-spot:radial-gradient(ellipse calc(78px * var(--bb-w)) calc(60px * var(--bb-h)) at calc(var(--bb-x) * 100%) 100%, black 0%, #00000080 45%, transparent 100%)}.bbeam[data-bb-size=pulse-inner]{--bb-so-d:var(--bb-dark) 1.54;--bb-io-d:var(--bb-dark) .44;--bb-lo-d:var(--bb-dark) .66;--bb-sat-d:var(--bb-dark) 1.2;--bb-br-d:var(--bb-dark) .75;--bb-so:var(--bb-so-d,.32);--bb-io:var(--bb-io-d,.4);--bb-lo:var(--bb-lo-d,.8);--bb-sat:var(--bb-sat-d,.75);--bb-br:var(--bb-br-d,1.3);--bb-floor-d:var(--bb-dark) .52;--bb-floor:var(--bb-floor-d,.55);--bb-bk-d:var(--bb-dark) .826;--bb-bk:var(--bb-bk-d,1.13);--bb-sk-d:var(--bb-dark) 1.13;--bb-sk:var(--bb-sk-d,2);--bb-sp:.04;--bb-turn:16s}.bbeam[data-bb-size=pulse-outside]{--bb-so-d:var(--bb-dark) .94;--bb-io-d:var(--bb-dark) .34;--bb-lo-d:var(--bb-dark) .3;--bb-sat-d:var(--bb-dark) 1.2;--bb-br-d:var(--bb-dark) 1.9;--bb-so:var(--bb-so-d,1);--bb-io:var(--bb-io-d,.9);--bb-lo:var(--bb-lo-d,.42);--bb-sat:var(--bb-sat-d,.6);--bb-br:var(--bb-br-d,1.7);--bb-floor-d:var(--bb-dark) .54;--bb-floor:var(--bb-floor-d,1);--bb-bk-d:var(--bb-dark) 1;--bb-bk:var(--bb-bk-d,1.609);--bb-sk-d:var(--bb-dark) 2.78;--bb-sk:var(--bb-sk-d,2);--bb-sp:.06;--bb-turn:14s}.bbeam__fx{animation-name:var(--bb-a1,none), var(--bb-a2,none), var(--bb-a3,none), var(--bb-a4,none), var(--bb-fade,oj-bb-in);animation-duration:var(--bb-d1,1s), var(--bb-d2,1s), var(--bb-d3,1s), var(--bb-d4,1s), var(--bb-fd,.6s);animation-timing-function:var(--bb-e1,linear), var(--bb-e2,ease-in-out), var(--bb-e3,ease-in-out), ease-in-out, ease;border-radius:inherit;pointer-events:none;animation-iteration-count:infinite,infinite,infinite,infinite,1;animation-fill-mode:none,none,none,none,both;position:absolute;inset:0}.bbeam[data-bb-state=fading] .bbeam__fx{--bb-fade:oj-bb-out;--bb-fd:.5s}.bbeam[data-bb-paused] .bbeam__fx{animation-play-state:paused,paused,paused,paused,running}.bbeam__inner,.bbeam__bloom,.bbeam__stroke{--bb-filter:hue-rotate(var(--bb-hs)) brightness(var(--bb-br-user,var(--bb-br))) saturate(var(--bb-sat-user,var(--bb-sat)));border-radius:inherit;filter:var(--bb-filter);pointer-events:none;position:absolute;inset:0}.bbeam__inner{z-index:1;opacity:calc(var(--bb-o) * var(--bb-io) * var(--bb-mono) * var(--bb-strength,1))}.bbeam__stroke{z-index:3;opacity:calc(var(--bb-o) * var(--bb-so) * var(--bb-mono) * var(--bb-strength,1));padding:1px}.bbeam__bloom{z-index:2;opacity:calc(var(--bb-o) * var(--bb-lo) * var(--bb-mono) * var(--bb-strength,1))}.bbeam:is([data-bb-size=sm],[data-bb-size=md]){--bb-a1:oj-bb-spin;--bb-d1:var(--bb-dur)}.bbeam:is([data-bb-size=sm],[data-bb-size=md]) .bbeam__stroke{background:conic-gradient(from var(--bb-angle), transparent 0% 54%, color-mix(in srgb, var(--bb-hi) 10%, transparent) 57%, color-mix(in srgb, var(--bb-hi) 60%, transparent) 63%, color-mix(in srgb, var(--bb-hi) 75%, transparent) 66%, color-mix(in srgb, var(--bb-hi) 60%, transparent) 69%, color-mix(in srgb, var(--bb-hi) 10%, transparent) 75%, transparent 78% 100%), conic-gradient(from var(--bb-angle), var(--bb-palette));-webkit-mask:var(--bb-head), linear-gradient(black 0 0) content-box, linear-gradient(black 0 0);mask:var(--bb-head), linear-gradient(black 0 0) content-box, linear-gradient(black 0 0);-webkit-mask-composite:source-in,xor;mask-composite:intersect,exclude}.bbeam:is([data-bb-size=sm],[data-bb-size=md]) .bbeam__inner{background:conic-gradient(from var(--bb-angle), var(--bb-palette));box-shadow:inset 0 0 5px 1px var(--bb-shadow);-webkit-mask:var(--bb-head), linear-gradient(black, transparent 24px, transparent calc(100% - 24px), black), linear-gradient(to right, black, transparent 24px, transparent calc(100% - 24px), black);mask:var(--bb-head), linear-gradient(black, transparent 24px, transparent calc(100% - 24px), black), linear-gradient(to right, black, transparent 24px, transparent calc(100% - 24px), black);clip-path:inset(0 round var(--bb-r,16px));-webkit-mask-composite:source-in,source-over;mask-composite:intersect,add}.bbeam:is([data-bb-size=sm],[data-bb-size=md]) .bbeam__bloom{background:conic-gradient(from var(--bb-angle), transparent 0% 58%, color-mix(in srgb, var(--bb-hi) 8%, transparent) 65%, color-mix(in srgb, var(--bb-hi) 45%, transparent) 69%, var(--bb-hi) 70% 70.5%, color-mix(in srgb, var(--bb-hi) 45%, transparent) 71.5%, color-mix(in srgb, var(--bb-hi) 8%, transparent) 75%, transparent 82%);clip-path:inset(0 round var(--bb-r,16px));filter:blur(calc(8px * var(--bb-glow,1))) var(--bb-filter);padding:1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.bbeam[data-bb-size=line] .bbeam__stroke{background:radial-gradient(ellipse calc(30px * var(--bb-w)) calc(24px * var(--bb-h)) at calc(var(--bb-x) * 100%) 100%, var(--bb-hi), transparent 70%), linear-gradient(90deg, var(--bb-palette));-webkit-mask:var(--bb-spot), linear-gradient(black 0 0) content-box, linear-gradient(black 0 0);mask:var(--bb-spot), linear-gradient(black 0 0) content-box, linear-gradient(black 0 0);opacity:calc(var(--bb-o) * var(--bb-edge) * var(--bb-so) * var(--bb-mono) * var(--bb-strength,1));-webkit-mask-composite:source-in,xor;mask-composite:intersect,exclude}.bbeam[data-bb-size=line] .bbeam__inner{background:linear-gradient(90deg, var(--bb-palette));box-shadow:inset 0 0 9px 1px var(--bb-shadow);-webkit-mask:var(--bb-spot), linear-gradient(black, transparent 28px, transparent calc(100% - 28px), black), linear-gradient(to right, black, transparent 28px, transparent calc(100% - 28px), black);mask:var(--bb-spot), linear-gradient(black, transparent 28px, transparent calc(100% - 28px), black), linear-gradient(to right, black, transparent 28px, transparent calc(100% - 28px), black);clip-path:inset(0 round var(--bb-r,16px));opacity:calc(var(--bb-o) * var(--bb-edge) * var(--bb-io) * .5 * var(--bb-mono) * var(--bb-strength,1));-webkit-mask-composite:source-in,source-over;mask-composite:intersect,add}.bbeam[data-bb-size=line] .bbeam__bloom{background:linear-gradient(90deg, var(--bb-palette));-webkit-mask:radial-gradient(ellipse calc(84px * var(--bb-w)) calc(110px * var(--bb-h)) at calc(var(--bb-x) * 100%) 100%, black 0%, #00000080 35%, transparent 100%);mask:radial-gradient(ellipse calc(84px * var(--bb-w)) calc(110px * var(--bb-h)) at calc(var(--bb-x) * 100%) 100%, black 0%, #00000080 35%, transparent 100%);clip-path:inset(0 round var(--bb-r,16px));filter:blur(calc(10px * var(--bb-glow,1))) var(--bb-filter);opacity:calc(var(--bb-o) * var(--bb-edge) * var(--bb-lo) * .6 * var(--bb-mono) * var(--bb-strength,1))}.bbeam:is([data-bb-size=pulse-inner],[data-bb-size=pulse-outside]){--bb-a1:oj-bb-turn;--bb-d1:var(--bb-turn);--bb-a2:oj-bb-breathe;--bb-d2:calc(var(--bb-dur) * var(--bb-bk));--bb-a3:oj-bb-swell;--bb-d3:calc(var(--bb-dur) * var(--bb-sk));--bb-ring:conic-gradient(from var(--bb-angle), var(--bb-palette))}.bbeam:is([data-bb-size=pulse-inner],[data-bb-size=pulse-outside]) .bbeam__stroke{background:var(--bb-ring);opacity:calc(var(--bb-o) * var(--bb-breathe) * var(--bb-so) * .6 * var(--bb-mono) * var(--bb-strength,1));-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.bbeam[data-bb-size=pulse-inner] .bbeam__inner{background:var(--bb-ring);clip-path:inset(0 round var(--bb-r,16px));filter:blur(calc(6px * var(--bb-glow,1))) var(--bb-filter);transform:scale(var(--bb-swell));opacity:calc(var(--bb-o) * var(--bb-breathe) * var(--bb-io) * var(--bb-mono) * var(--bb-strength,1));-webkit-mask-image:linear-gradient(#000,#0000 26px calc(100% - 26px),#000),linear-gradient(90deg,#000,#0000 26px calc(100% - 26px),#000);mask-image:linear-gradient(#000,#0000 26px calc(100% - 26px),#000),linear-gradient(90deg,#000,#0000 26px calc(100% - 26px),#000);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:border-box,border-box;mask-clip:border-box,border-box;-webkit-mask-origin:border-box,border-box;mask-origin:border-box,border-box;-webkit-mask-composite:source-over;mask-composite:add;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.bbeam[data-bb-size=pulse-inner] .bbeam__bloom{background:var(--bb-ring);clip-path:inset(0 round var(--bb-r,16px));filter:blur(calc(4px * var(--bb-glow,1))) var(--bb-filter);opacity:calc(var(--bb-o) * var(--bb-breathe) * var(--bb-lo) * .5 * var(--bb-mono) * var(--bb-strength,1));padding:3px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.bbeam[data-bb-size=pulse-outside] .bbeam__inner,.bbeam[data-bb-size=pulse-outside] .bbeam__bloom{z-index:-1;background:var(--bb-ring);transform:scale(var(--bb-swell))}.bbeam[data-bb-size=pulse-outside] .bbeam__inner{inset:calc(-6px * var(--bb-glow,1));filter:blur(calc(10px * var(--bb-glow,1))) var(--bb-filter);opacity:calc(var(--bb-o) * var(--bb-breathe) * var(--bb-io) * var(--bb-mono) * var(--bb-strength,1))}.bbeam[data-bb-size=pulse-outside] .bbeam__bloom{inset:calc(-14px * var(--bb-glow,1));filter:blur(calc(24px * var(--bb-glow,1))) var(--bb-filter);opacity:calc(var(--bb-o) * var(--bb-breathe) * var(--bb-lo) * var(--bb-mono) * var(--bb-strength,1))}.bbeam[data-bb-drift]{--bb-a4:oj-bb-hue;--bb-d4:12s}@media (prefers-reduced-motion:reduce){.bbeam__fx{animation:none}.bbeam[data-bb-size=line] .bbeam__fx{--bb-x:.5;--bb-w:1.5;--bb-h:1;--bb-edge:1}}@media (forced-colors:active){.bbeam__fx{display:none}}@keyframes oj-bb-in{0%{--bb-o:0}to{--bb-o:1}}@keyframes oj-bb-out{0%{--bb-o:1}to{--bb-o:0}}@keyframes oj-bb-spin{0%{--bb-angle:0deg}to{--bb-angle:360deg}}@keyframes oj-bb-turn{0%{--bb-angle:135deg}to{--bb-angle:495deg}}@keyframes oj-bb-hue{0%,to{--bb-hs:calc(var(--bb-hue-range,30deg) * -1)}50%{--bb-hs:var(--bb-hue-range,30deg)}}@keyframes oj-bb-travel{0%{--bb-x:.06;--bb-w:.5}10%{--bb-x:.15;--bb-w:.8}20%{--bb-x:.25;--bb-w:1.1}30%{--bb-x:.35;--bb-w:1.3}40%{--bb-x:.44;--bb-w:1.45}50%{--bb-x:.5;--bb-w:1.5}60%{--bb-x:.56;--bb-w:1.45}70%{--bb-x:.65;--bb-w:1.3}80%{--bb-x:.75;--bb-w:1.1}90%{--bb-x:.85;--bb-w:.8}to{--bb-x:.94;--bb-w:.5}}@keyframes oj-bb-edge{0%,12.5%{--bb-edge:0}32.5%,67.5%{--bb-edge:1}87.5%,to{--bb-edge:0}}@keyframes oj-bb-tide{0%,to{--bb-h:.8}25%{--bb-h:1.25}55%{--bb-h:.85}80%{--bb-h:1.3}}@keyframes oj-bb-breathe{0%,to{--bb-breathe:var(--bb-floor,.55)}50%{--bb-breathe:1}}@keyframes oj-bb-swell{0%,to{--bb-swell:calc(1 - var(--bb-sp,.04))}50%{--bb-swell:calc(1 + var(--bb-sp,.04))}}.orbs{--orbs-ink:var(--text);--orbs-paper:var(--bg);color:var(--orbs-ink);outline-color:var(--orbs-paper);flex:none;display:block}.orbs[data-orbs-theme=light]{--orbs-ink:var(--ink-fixed);--orbs-paper:var(--cream-fixed)}.orbs[data-orbs-theme=dark]{--orbs-ink:var(--cream-fixed);--orbs-paper:var(--ink-fixed)}.orbs[data-orbs-tone=pine]{--orbs-ink:var(--pine)}.orbs[data-orbs-tone=butter]{--orbs-ink:var(--butter)}.orbs[data-orbs-tone=tomato]{--orbs-ink:var(--tomato)}@media (forced-colors:active){.orbs{--orbs-ink:CanvasText;--orbs-paper:Canvas}}[data-theme=dark]{--oj-dark: }[data-theme=light]{--oj-dark:initial}@property --vg-o{syntax:"<number>";inherits:true;initial-value:1}@property --vg-hue-t{syntax:"<number>";inherits:true;initial-value:0}.vglow{--vg-dark:var(--oj-dark);--vg-eff:.3;--vg-level:0;--vg-x0:calc(0px * var(--vg-ls));--vg-x1:calc(-36px * var(--vg-ls));--vg-x2:calc(36px * var(--vg-ls));--vg-x3:calc(-72px * var(--vg-ls));--vg-x4:calc(72px * var(--vg-ls));--vg-x5:calc(-108px * var(--vg-ls));--vg-x6:calc(108px * var(--vg-ls));--vg-l0:.6;--vg-l1:.552;--vg-l2:.552;--vg-l3:.42;--vg-l4:.42;--vg-l5:.192;--vg-l6:.192;--vg-reach-d:var(--vg-dark) 1.2;--vg-reach:var(--vg-reach-d,1.8);--vg-spread-d:var(--vg-dark) 1.05;--vg-spread:var(--vg-spread-d,.8);--vg-h:calc(.5 + var(--vg-reach) * var(--vg-eff));--vg-w:calc(.85 + var(--vg-spread) * var(--vg-eff));--vg-glow:calc(.15 + .85 * var(--vg-eff));--vg-z:1;--vg-gw:.65;--vg-gh:1.25;--vg-ls:.85;--vg-rw:.75;--vg-rh:1;--vg-fade:75%;--vg-ss:1;--vg-is:1;--vg-ih:1;--vg-bs:1;--vg-bh:1;--vg-so-d:var(--vg-dark) 1.16;--vg-so:var(--vg-so-d,1.2);--vg-io-d:var(--vg-dark) .47;--vg-io:var(--vg-io-d,.85);--vg-lo-d:var(--vg-dark) .89;--vg-lo:var(--vg-lo-d,.5);--vg-sat-d:var(--vg-dark) 1.2;--vg-sat:var(--vg-sat-d,1.6);--vg-br-d:var(--vg-dark) 1.15;--vg-br:var(--vg-br-d,.95);--vg-theme-strength-d:var(--vg-dark) 1;--vg-theme-strength:var(--vg-theme-strength-d,.8);--vg-bloom-a-d:var(--vg-dark) 90%;--vg-bloom-a:var(--vg-bloom-a-d,70%);--vg-hue-range-d:var(--vg-dark) 24deg;--vg-hue-range:var(--vg-hue-range-d,40deg);--vg-hue-base-d:var(--vg-dark) 0deg;--vg-hue-base:var(--vg-hue-base-d,5deg);--vg-hue-dur-d:var(--vg-dark) 12s;--vg-hue-dur:var(--vg-hue-dur-d,8.5s);--vg-hi-d:var(--vg-dark) color-mix(in srgb, var(--cream-fixed) 45%, transparent);--vg-hi:var(--vg-hi-d,color-mix(in srgb, var(--ink-fixed) 55%, transparent));--vg-hi2-d:var(--vg-dark) color-mix(in srgb, var(--cream-fixed) 14%, transparent);--vg-hi2:var(--vg-hi2-d,color-mix(in srgb, var(--ink-fixed) 22%, transparent));--vg-shadow-d:var(--vg-dark) color-mix(in srgb, var(--cream-fixed) 10%, transparent);--vg-shadow:var(--vg-shadow-d,color-mix(in srgb, var(--ink-fixed) 8%, transparent));--vg-mono:1;--vg-c0:var(--butter);--vg-c1:var(--pine);--vg-c2:var(--tomato);--vg-c3:color-mix(in oklab, var(--pine) 60%, var(--butter));--vg-c4:color-mix(in oklab, var(--tomato) 60%, var(--butter));--vg-c5:color-mix(in oklab, var(--pine) 70%, var(--bg));--vg-c6:color-mix(in oklab, var(--tomato) 70%, var(--bg));border-radius:var(--vg-r,20px);isolation:isolate;position:relative}.vglow[data-vg-theme=dark]{--vg-dark: }.vglow[data-vg-theme=light]{--vg-dark:initial}.vglow[data-vg-palette]{--vg-c0-dk:var(--vg-dark) var(--vg-c0-d);--vg-c0:var(--vg-c0-dk,var(--vg-c0-l));--vg-c1-dk:var(--vg-dark) var(--vg-c1-d);--vg-c1:var(--vg-c1-dk,var(--vg-c1-l));--vg-c2-dk:var(--vg-dark) var(--vg-c2-d);--vg-c2:var(--vg-c2-dk,var(--vg-c2-l));--vg-c3-dk:var(--vg-dark) var(--vg-c3-d);--vg-c3:var(--vg-c3-dk,var(--vg-c3-l));--vg-c4-dk:var(--vg-dark) var(--vg-c4-d);--vg-c4:var(--vg-c4-dk,var(--vg-c4-l));--vg-c5-dk:var(--vg-dark) var(--vg-c5-d);--vg-c5:var(--vg-c5-dk,var(--vg-c5-l));--vg-c6-dk:var(--vg-dark) var(--vg-c6-d);--vg-c6:var(--vg-c6-dk,var(--vg-c6-l))}.vglow[data-vg-variant=mono]{--vg-mono:.6;--vg-c0:var(--text);--vg-c1:color-mix(in oklab, var(--text) 80%, var(--bg));--vg-c2:color-mix(in oklab, var(--text) 85%, var(--bg));--vg-c3:color-mix(in oklab, var(--text) 70%, var(--bg));--vg-c4:color-mix(in oklab, var(--text) 75%, var(--bg));--vg-c5:color-mix(in oklab, var(--text) 60%, var(--bg));--vg-c6:color-mix(in oklab, var(--text) 65%, var(--bg))}.vglow[data-vg-type=pill]{--vg-z:.45;--vg-gh:.95;--vg-ls:.45;--vg-rw:.8;--vg-rh:.7;--vg-fade:62%;--vg-ss:1.25;--vg-is:.95;--vg-bs:1.05;--vg-bh:2.25;--vg-reach:1.35;--vg-spread:1.1;--vg-br-d:var(--vg-dark) 1.35;--vg-sat-d:var(--vg-dark) 1.5}.vglow[data-vg-type=mobile]{--vg-z:1.25;--vg-gw:1.15;--vg-gh:2.1;--vg-ls:1.35;--vg-rw:1.25;--vg-rh:1.2;--vg-fade:77%;--vg-reach:3;--vg-spread:.45;--vg-br-d:var(--vg-dark) 1.2;--vg-sat-d:var(--vg-dark) 1.5;--vg-theme-strength:1}.vglow__fx{animation:var(--vg-fade-anim,oj-vg-in) var(--vg-fade-dur,.6s) ease both, oj-vg-hue var(--vg-hue-dur) ease-in-out infinite;border-radius:inherit;pointer-events:none;position:absolute;inset:0}.vglow[data-vg-state=fading] .vglow__fx{--vg-fade-anim:oj-vg-out;--vg-fade-dur:.5s}.vglow:is([data-vg-static],[data-vg-variant=brand],[data-vg-variant=mono]) .vglow__fx{animation:var(--vg-fade-anim,oj-vg-in) var(--vg-fade-dur,.6s) ease both}.vglow[data-vg-paused] .vglow__fx{animation-play-state:running,paused}.vglow__inner,.vglow__bloom,.vglow__stroke{--vg-filter:hue-rotate(calc(var(--vg-hue-base) + var(--vg-hue-range) * var(--vg-hue-t))) brightness(var(--vg-br-user,var(--vg-br))) saturate(var(--vg-sat-user,var(--vg-sat)));--vg-alpha:calc(var(--vg-o) * var(--vg-glow) * var(--vg-mono) * var(--vg-strength,var(--vg-theme-strength)));border-radius:inherit;clip-path:inset(0 round var(--vg-r,20px));pointer-events:none;position:absolute;inset:0}.vglow__stroke{z-index:2;background:radial-gradient(ellipse calc(30px * var(--vg-w) * var(--vg-z)) calc(30px * var(--vg-h) * var(--vg-z)) at 50% calc(100% + 2px * var(--vg-z)), var(--vg-hi) 0%, var(--vg-hi2) 30%, transparent 65%), radial-gradient(ellipse calc(74px * var(--vg-gw) * var(--vg-ss) * var(--vg-w) * var(--vg-z)) calc(46px * var(--vg-gh) * var(--vg-ss) * var(--vg-h) * var(--vg-l0) * var(--vg-z)) at calc(50% + var(--vg-x0) * var(--vg-w) * var(--vg-z)) calc(100% + 2px * var(--vg-z)), var(--vg-c0) 0%, transparent var(--vg-fade)), radial-gradient(ellipse calc(54px * var(--vg-gw) * var(--vg-ss) * var(--vg-w) * var(--vg-z)) calc(40px * var(--vg-gh) * var(--vg-ss) * var(--vg-h) * var(--vg-l1) * var(--vg-z)) at calc(50% + var(--vg-x1) * var(--vg-w) * var(--vg-z)) calc(100% + 2px * var(--vg-z)), var(--vg-c1) 0%, transparent var(--vg-fade)), radial-gradient(ellipse calc(54px * var(--vg-gw) * var(--vg-ss) * var(--vg-w) * var(--vg-z)) calc(40px * var(--vg-gh) * var(--vg-ss) * var(--vg-h) * var(--vg-l2) * var(--vg-z)) at calc(50% + var(--vg-x2) * var(--vg-w) * var(--vg-z)) calc(100% + 2px * var(--vg-z)), var(--vg-c2) 0%, transparent var(--vg-fade)), radial-gradient(ellipse calc(48px * var(--vg-gw) * var(--vg-ss) * var(--vg-w) * var(--vg-z)) calc(32px * var(--vg-gh) * var(--vg-ss) * var(--vg-h) * var(--vg-l3) * var(--vg-z)) at calc(50% + var(--vg-x3) * var(--vg-w) * var(--vg-z)) calc(100% + 2px * var(--vg-z)), var(--vg-c3) 0%, transparent var(--vg-fade)), radial-gradient(ellipse calc(48px * var(--vg-gw) * var(--vg-ss) * var(--vg-w) * var(--vg-z)) calc(32px * var(--vg-gh) * var(--vg-ss) * var(--vg-h) * var(--vg-l4) * var(--vg-z)) at calc(50% + var(--vg-x4) * var(--vg-w) * var(--vg-z)) calc(100% + 2px * var(--vg-z)), var(--vg-c4) 0%, transparent var(--vg-fade)), radial-gradient(ellipse calc(42px * var(--vg-gw) * var(--vg-ss) * var(--vg-w) * var(--vg-z)) calc(26px * var(--vg-gh) * var(--vg-ss) * var(--vg-h) * var(--vg-l5) * var(--vg-z)) at calc(50% + var(--vg-x5) * var(--vg-w) * var(--vg-z)) calc(100% + 2px * var(--vg-z)), var(--vg-c5) 0%, transparent var(--vg-fade)), radial-gradient(ellipse calc(42px * var(--vg-gw) * var(--vg-ss) * var(--vg-w) * var(--vg-z)) calc(26px * var(--vg-gh) * var(--vg-ss) * var(--vg-h) * var(--vg-l6) * var(--vg-z)) at calc(50% + var(--vg-x6) * var(--vg-w) * var(--vg-z)) calc(100% + 2px * var(--vg-z)), var(--vg-c6) 0%, transparent var(--vg-fade));-webkit-mask:radial-gradient(ellipse calc(170px * var(--vg-rw) * var(--vg-w) * var(--vg-z)) calc(64px * var(--vg-rh) * var(--vg-h) * var(--vg-z)) at 50% 100%, black 0%, #00000080 45%, transparent 100%), linear-gradient(black 0 0) content-box, linear-gradient(black 0 0);mask:radial-gradient(ellipse calc(170px * var(--vg-rw) * var(--vg-w) * var(--vg-z)) calc(64px * var(--vg-rh) * var(--vg-h) * var(--vg-z)) at 50% 100%, black 0%, #00000080 45%, transparent 100%), linear-gradient(black 0 0) content-box, linear-gradient(black 0 0);filter:var(--vg-filter);opacity:calc(var(--vg-alpha) * var(--vg-so));padding:1px;-webkit-mask-composite:source-in,xor;mask-composite:intersect,exclude}.vglow__inner{z-index:1;background:radial-gradient(ellipse calc(74px * var(--vg-gw) * .9 * var(--vg-is) * var(--vg-w) * var(--vg-z)) calc(46px * var(--vg-gh) * .9 * var(--vg-is) * var(--vg-ih) * var(--vg-h) * var(--vg-l0) * var(--vg-z)) at calc(50% + var(--vg-x0) * var(--vg-w) * var(--vg-z)) calc(100% + 0px * var(--vg-z)), color-mix(in srgb, var(--vg-c0) 46%, transparent) 0%, transparent var(--vg-fade)), radial-gradient(ellipse calc(54px * var(--vg-gw) * .9 * var(--vg-is) * var(--vg-w) * var(--vg-z)) calc(40px * var(--vg-gh) * .9 * var(--vg-is) * var(--vg-ih) * var(--vg-h) * var(--vg-l1) * var(--vg-z)) at calc(50% + var(--vg-x1) * var(--vg-w) * var(--vg-z)) calc(100% + 0px * var(--vg-z)), color-mix(in srgb, var(--vg-c1) 46%, transparent) 0%, transparent var(--vg-fade)), radial-gradient(ellipse calc(54px * var(--vg-gw) * .9 * var(--vg-is) * var(--vg-w) * var(--vg-z)) calc(40px * var(--vg-gh) * .9 * var(--vg-is) * var(--vg-ih) * var(--vg-h) * var(--vg-l2) * var(--vg-z)) at calc(50% + var(--vg-x2) * var(--vg-w) * var(--vg-z)) calc(100% + 0px * var(--vg-z)), color-mix(in srgb, var(--vg-c2) 46%, transparent) 0%, transparent var(--vg-fade)), radial-gradient(ellipse calc(48px * var(--vg-gw) * .9 * var(--vg-is) * var(--vg-w) * var(--vg-z)) calc(32px * var(--vg-gh) * .9 * var(--vg-is) * var(--vg-ih) * var(--vg-h) * var(--vg-l3) * var(--vg-z)) at calc(50% + var(--vg-x3) * var(--vg-w) * var(--vg-z)) calc(100% + 0px * var(--vg-z)), color-mix(in srgb, var(--vg-c3) 46%, transparent) 0%, transparent var(--vg-fade)), radial-gradient(ellipse calc(48px * var(--vg-gw) * .9 * var(--vg-is) * var(--vg-w) * var(--vg-z)) calc(32px * var(--vg-gh) * .9 * var(--vg-is) * var(--vg-ih) * var(--vg-h) * var(--vg-l4) * var(--vg-z)) at calc(50% + var(--vg-x4) * var(--vg-w) * var(--vg-z)) calc(100% + 0px * var(--vg-z)), color-mix(in srgb, var(--vg-c4) 46%, transparent) 0%, transparent var(--vg-fade)), radial-gradient(ellipse calc(42px * var(--vg-gw) * .9 * var(--vg-is) * var(--vg-w) * var(--vg-z)) calc(26px * var(--vg-gh) * .9 * var(--vg-is) * var(--vg-ih) * var(--vg-h) * var(--vg-l5) * var(--vg-z)) at calc(50% + var(--vg-x5) * var(--vg-w) * var(--vg-z)) calc(100% + 0px * var(--vg-z)), color-mix(in srgb, var(--vg-c5) 46%, transparent) 0%, transparent var(--vg-fade)), radial-gradient(ellipse calc(42px * var(--vg-gw) * .9 * var(--vg-is) * var(--vg-w) * var(--vg-z)) calc(26px * var(--vg-gh) * .9 * var(--vg-is) * var(--vg-ih) * var(--vg-h) * var(--vg-l6) * var(--vg-z)) at calc(50% + var(--vg-x6) * var(--vg-w) * var(--vg-z)) calc(100% + 0px * var(--vg-z)), color-mix(in srgb, var(--vg-c6) 46%, transparent) 0%, transparent var(--vg-fade));box-shadow:inset 0 0 calc(9px * var(--vg-z)) 1px var(--vg-shadow);-webkit-mask:radial-gradient(ellipse calc(170px * var(--vg-rw) * var(--vg-w) * var(--vg-z)) calc(64px * var(--vg-rh) * var(--vg-h) * var(--vg-z)) at 50% 100%, black 0%, #00000080 45%, #0000004d 85%, transparent 100%), linear-gradient(black, transparent calc(28px * var(--vg-z)), transparent calc(100% - 28px * var(--vg-z)), black), linear-gradient(to right, black, transparent calc(28px * var(--vg-z)), transparent calc(100% - 28px * var(--vg-z)), black);mask:radial-gradient(ellipse calc(170px * var(--vg-rw) * var(--vg-w) * var(--vg-z)) calc(64px * var(--vg-rh) * var(--vg-h) * var(--vg-z)) at 50% 100%, black 0%, #00000080 45%, #0000004d 85%, transparent 100%), linear-gradient(black, transparent calc(28px * var(--vg-z)), transparent calc(100% - 28px * var(--vg-z)), black), linear-gradient(to right, black, transparent calc(28px * var(--vg-z)), transparent calc(100% - 28px * var(--vg-z)), black);filter:var(--vg-filter);opacity:calc(var(--vg-alpha) * var(--vg-io));-webkit-mask-composite:source-in,source-over;mask-composite:intersect,add}.vglow__bloom{z-index:3;background:radial-gradient(ellipse calc(74px * var(--vg-gw) * 1.15 * var(--vg-bs) * var(--vg-w) * var(--vg-z)) calc(46px * var(--vg-gh) * 1.5 * var(--vg-bs) * var(--vg-bh) * var(--vg-h) * var(--vg-l0) * var(--vg-z)) at calc(50% + var(--vg-x0) * var(--vg-w) * var(--vg-z)) calc(100% + 0px * var(--vg-z)), color-mix(in srgb, var(--vg-c0) var(--vg-bloom-a), transparent) 0%, transparent calc(var(--vg-fade) + 2%)), radial-gradient(ellipse calc(54px * var(--vg-gw) * 1.15 * var(--vg-bs) * var(--vg-w) * var(--vg-z)) calc(40px * var(--vg-gh) * 1.5 * var(--vg-bs) * var(--vg-bh) * var(--vg-h) * var(--vg-l1) * var(--vg-z)) at calc(50% + var(--vg-x1) * var(--vg-w) * var(--vg-z)) calc(100% + 0px * var(--vg-z)), color-mix(in srgb, var(--vg-c1) var(--vg-bloom-a), transparent) 0%, transparent calc(var(--vg-fade) + 2%)), radial-gradient(ellipse calc(54px * var(--vg-gw) * 1.15 * var(--vg-bs) * var(--vg-w) * var(--vg-z)) calc(40px * var(--vg-gh) * 1.5 * var(--vg-bs) * var(--vg-bh) * var(--vg-h) * var(--vg-l2) * var(--vg-z)) at calc(50% + var(--vg-x2) * var(--vg-w) * var(--vg-z)) calc(100% + 0px * var(--vg-z)), color-mix(in srgb, var(--vg-c2) var(--vg-bloom-a), transparent) 0%, transparent calc(var(--vg-fade) + 2%)), radial-gradient(ellipse calc(48px * var(--vg-gw) * 1.15 * var(--vg-bs) * var(--vg-w) * var(--vg-z)) calc(32px * var(--vg-gh) * 1.5 * var(--vg-bs) * var(--vg-bh) * var(--vg-h) * var(--vg-l3) * var(--vg-z)) at calc(50% + var(--vg-x3) * var(--vg-w) * var(--vg-z)) calc(100% + 0px * var(--vg-z)), color-mix(in srgb, var(--vg-c3) var(--vg-bloom-a), transparent) 0%, transparent calc(var(--vg-fade) + 2%)), radial-gradient(ellipse calc(48px * var(--vg-gw) * 1.15 * var(--vg-bs) * var(--vg-w) * var(--vg-z)) calc(32px * var(--vg-gh) * 1.5 * var(--vg-bs) * var(--vg-bh) * var(--vg-h) * var(--vg-l4) * var(--vg-z)) at calc(50% + var(--vg-x4) * var(--vg-w) * var(--vg-z)) calc(100% + 0px * var(--vg-z)), color-mix(in srgb, var(--vg-c4) var(--vg-bloom-a), transparent) 0%, transparent calc(var(--vg-fade) + 2%)), radial-gradient(ellipse calc(42px * var(--vg-gw) * 1.15 * var(--vg-bs) * var(--vg-w) * var(--vg-z)) calc(26px * var(--vg-gh) * 1.5 * var(--vg-bs) * var(--vg-bh) * var(--vg-h) * var(--vg-l5) * var(--vg-z)) at calc(50% + var(--vg-x5) * var(--vg-w) * var(--vg-z)) calc(100% + 0px * var(--vg-z)), color-mix(in srgb, var(--vg-c5) var(--vg-bloom-a), transparent) 0%, transparent calc(var(--vg-fade) + 2%)), radial-gradient(ellipse calc(42px * var(--vg-gw) * 1.15 * var(--vg-bs) * var(--vg-w) * var(--vg-z)) calc(26px * var(--vg-gh) * 1.5 * var(--vg-bs) * var(--vg-bh) * var(--vg-h) * var(--vg-l6) * var(--vg-z)) at calc(50% + var(--vg-x6) * var(--vg-w) * var(--vg-z)) calc(100% + 0px * var(--vg-z)), color-mix(in srgb, var(--vg-c6) var(--vg-bloom-a), transparent) 0%, transparent calc(var(--vg-fade) + 2%));-webkit-mask:radial-gradient(ellipse calc(200px * var(--vg-rw) * var(--vg-w) * var(--vg-z)) calc(130px * var(--vg-rh) * var(--vg-h) * var(--vg-z)) at 50% 100%, black 0%, #00000080 35%, transparent 100%);mask:radial-gradient(ellipse calc(200px * var(--vg-rw) * var(--vg-w) * var(--vg-z)) calc(130px * var(--vg-rh) * var(--vg-h) * var(--vg-z)) at 50% 100%, black 0%, #00000080 35%, transparent 100%);filter:blur(calc(10px * var(--vg-glow-size,1) * var(--vg-z))) var(--vg-filter);opacity:calc(var(--vg-alpha) * var(--vg-lo))}@media (prefers-reduced-motion:reduce){.vglow__fx{animation:none}}@media (forced-colors:active){.vglow__fx{display:none}}@keyframes oj-vg-in{0%{--vg-o:0}to{--vg-o:1}}@keyframes oj-vg-out{0%{--vg-o:1}to{--vg-o:0}}@keyframes oj-vg-hue{0%,to{--vg-hue-t:-1}50%{--vg-hue-t:1}}.fx-liquid{--fx-liquid-fill:var(--float);isolation:isolate;min-width:0;max-width:100%;position:relative}.fx-liquid[data-fx-theme=light]{--fx-liquid-fill:var(--cream)}.fx-liquid[data-fx-theme=dark]{--fx-liquid-fill:color-mix(in srgb, var(--on-butter) 93%, var(--cream))}.fx-liquid__svg{pointer-events:none;z-index:-1;will-change:filter, transform;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.fx-liquid__item{will-change:transform;display:inline-block}.fx-liquid__host{display:contents}.fx-bot{--fx-bot-size:64px;vertical-align:middle;width:calc(var(--fx-bot-size) * 1.24);height:calc(var(--fx-bot-size) * 1.5);margin:calc(var(--fx-bot-size) * -.35) calc(var(--fx-bot-size) * -.12) calc(var(--fx-bot-size) * -.15);-webkit-tap-highlight-color:transparent;flex:none;display:inline-block}.oui-metal-fx{--oui-metal-fx-radius:999px;--oui-metal-fx-ring:1px;box-sizing:border-box;vertical-align:middle;isolation:isolate;border-radius:var(--oui-metal-fx-radius);background:var(--float);min-inline-size:0;max-inline-size:100%;color:var(--text);justify-content:center;align-items:center;display:inline-flex;position:relative}.oui-metal-fx[data-variant=circle]{--oui-metal-fx-radius:50%;--oui-metal-fx-ring:2px}.oui-metal-fx:after{content:"";z-index:3;border-radius:inherit;box-shadow:inset 0 0 0 var(--oui-metal-fx-ring) var(--line);pointer-events:none;position:absolute;inset:0}.oui-metal-fx__fallback{z-index:0;box-sizing:border-box;padding:var(--oui-metal-fx-ring);border-radius:inherit;background:conic-gradient(from 200deg, var(--cream), var(--faint) 22%, var(--cream) 38%, var(--muted) 60%, var(--cream) 78%, var(--faint) 90%, var(--cream));opacity:calc(.25 + .75 * var(--oui-metal-fx-strength,1));-webkit-mask:linear-gradient(var(--ink) 0 0) content-box exclude, linear-gradient(var(--ink) 0 0);mask:linear-gradient(var(--ink) 0 0) content-box exclude, linear-gradient(var(--ink) 0 0);pointer-events:none;transition:opacity .15s ease-out;position:absolute;inset:0}.oui-metal-fx[data-ready] .oui-metal-fx__fallback{opacity:0}.oui-metal-fx__canvas,.oui-metal-fx__glow{border-radius:inherit;pointer-events:none;block-size:100%;inline-size:100%;display:block;position:absolute;inset:0}.oui-metal-fx__canvas{z-index:1}.oui-metal-fx__glow{z-index:2;filter:blur(5px)saturate(1.4);mix-blend-mode:screen;opacity:.7}.oui-metal-fx[data-mode=light] .oui-metal-fx__glow{filter:blur(5px)saturate(3)brightness(.8);mix-blend-mode:multiply;opacity:.28}.oui-metal-fx__rim{z-index:3;border-radius:inherit;box-shadow:inset 0 var(--oui-metal-fx-rim-y,1px) var(--oui-metal-fx-rim-blur,.5px) var(--oui-metal-fx-rim-color,var(--cream));pointer-events:none;position:absolute;inset:0}.oui-metal-fx__content{z-index:4;border-radius:inherit;justify-content:center;align-items:center;min-inline-size:0;max-inline-size:100%;display:inline-flex;position:relative}.oui-metal-fx[data-normalize]>.oui-metal-fx__content>*{box-shadow:none;background:0 0;border-color:#0000}@media (prefers-reduced-motion:reduce){.oui-metal-fx__fallback{transition:none}}.oui-image-gen-fx{--oui-image-gen-fx-cell:14px;box-sizing:border-box;isolation:isolate;border-radius:var(--oui-image-gen-fx-radius,var(--r-tile));background:var(--oui-image-gen-fx-bg,var(--solid));inline-size:fit-content;min-inline-size:0;max-inline-size:100%;color:var(--text);display:block;position:relative;overflow:hidden}.oui-image-gen-fx[data-empty]{aspect-ratio:1;inline-size:min(100%,320px)}.oui-image-gen-fx__card{z-index:0;block-size:100%;max-inline-size:100%;display:block;position:relative}.oui-image-gen-fx__card>*{max-inline-size:100%}.oui-image-gen-fx__fallback{z-index:1;border-radius:inherit;background:linear-gradient(135deg, color-mix(in srgb, var(--text) 10%, transparent), transparent 70%), repeating-linear-gradient(90deg, transparent 0 calc(var(--oui-image-gen-fx-cell) - 2px), var(--oui-image-gen-fx-bg,var(--solid)) 0 var(--oui-image-gen-fx-cell)), repeating-linear-gradient(0deg, color-mix(in srgb, var(--text) 8%, transparent) 0 calc(var(--oui-image-gen-fx-cell) - 2px), var(--oui-image-gen-fx-bg,var(--solid)) 0 var(--oui-image-gen-fx-cell));opacity:calc(.4 + .6 * var(--oui-image-gen-fx-strength,1));pointer-events:none;position:absolute;inset:0}.oui-image-gen-fx[data-ready] .oui-image-gen-fx__fallback{display:none}.oui-image-gen-fx__shader,.oui-image-gen-fx__layer{border-radius:inherit;pointer-events:none;block-size:100%;inline-size:100%;display:block;position:absolute;inset:0}.oui-image-gen-fx__shader{z-index:2;opacity:var(--oui-image-gen-fx-strength,1)}.oui-image-gen-fx__layer{z-index:3}}
.tajweed{color:var(--tajweed-colour)}.tajweed--madd-heavy{--tajweed-colour:#981b43}.tajweed--madd-obligatory{--tajweed-colour:#b32228}.tajweed--madd-variable{--tajweed-colour:#a74700}.tajweed--madd-natural{--tajweed-colour:#805600}.tajweed--nasal{--tajweed-colour:#187246;text-underline-offset:.17em;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.tajweed--qalqalah{--tajweed-colour:#006e9c}.tajweed--silent,.tajweed--assimilation{--tajweed-colour:#68686e}:root[data-theme=dark] .tajweed--madd-heavy{--tajweed-colour:#ff8fba}:root[data-theme=dark] .tajweed--madd-obligatory{--tajweed-colour:#ff9a91}:root[data-theme=dark] .tajweed--madd-variable{--tajweed-colour:#ffb26f}:root[data-theme=dark] .tajweed--madd-natural{--tajweed-colour:#e7c373}:root[data-theme=dark] .tajweed--nasal{--tajweed-colour:#80d8aa}:root[data-theme=dark] .tajweed--qalqalah{--tajweed-colour:#75ccec}:root[data-theme=dark] .tajweed--silent,:root[data-theme=dark] .tajweed--assimilation{--tajweed-colour:#aaaab2}.tajweed--simple-madd{--tajweed-colour:#8d307d}.tajweed--simple-nasal{--tajweed-colour:#906000;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.tajweed--simple-qalqalah{--tajweed-colour:#006b96;-webkit-text-decoration:underline double;text-decoration:underline double}.tajweed--simple-silent{--tajweed-colour:#68686e}:root[data-theme=dark] .tajweed--simple-madd{--tajweed-colour:#eea4df}:root[data-theme=dark] .tajweed--simple-nasal{--tajweed-colour:#f0c76f}:root[data-theme=dark] .tajweed--simple-qalqalah{--tajweed-colour:#75ccec}:root[data-theme=dark] .tajweed--simple-silent{--tajweed-colour:#aaaab2}.tajweed-swatch{color:var(--tajweed-colour)}.tajweed--simple.tajweed--madd-heavy,.tajweed--simple.tajweed--madd-obligatory,.tajweed--simple.tajweed--madd-variable,.tajweed--simple.tajweed--madd-natural{--tajweed-colour:#8d307d}.tajweed--simple.tajweed--nasal{--tajweed-colour:#906000}:root[data-theme=dark] .tajweed--simple.tajweed--madd-heavy,:root[data-theme=dark] .tajweed--simple.tajweed--madd-obligatory,:root[data-theme=dark] .tajweed--simple.tajweed--madd-variable,:root[data-theme=dark] .tajweed--simple.tajweed--madd-natural{--tajweed-colour:#eea4df}:root[data-theme=dark] .tajweed--simple.tajweed--nasal{--tajweed-colour:#f0c76f}
@font-face{font-family:Amiri Quran;src:url(/fonts/amiri-quran-arabic-400-normal.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Noto Naskh Arabic;src:url(/fonts/noto-naskh-arabic-arabic-400-normal.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Noto Naskh Arabic;src:url(/fonts/noto-naskh-arabic-arabic-700-normal.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Noto Sans Arabic UI;src:url(/fonts/noto-sans-arabic-arabic-400-normal.woff2)format("woff2");font-weight:400;font-display:swap;unicode-range:U+6??,U+750-77F,U+870-8FF,U+200C-200E,U+FB50-FDFF,U+FE70-FEFC}@font-face{font-family:Noto Sans Arabic UI;src:url(/fonts/noto-sans-arabic-arabic-600-normal.woff2)format("woff2");font-weight:600;font-display:swap;unicode-range:U+6??,U+750-77F,U+870-8FF,U+200C-200E,U+FB50-FDFF,U+FE70-FEFC}@font-face{font-family:Noto Sans Arabic UI;src:url(/fonts/noto-sans-arabic-latin-400-normal.woff2)format("woff2");font-weight:400;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122,U+2212}@font-face{font-family:Noto Sans Arabic UI;src:url(/fonts/noto-sans-arabic-latin-600-normal.woff2)format("woff2");font-weight:600;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122,U+2212}@font-face{font-family:Noto Sans Arabic UI;src:url(/fonts/noto-sans-arabic-arabic-700-normal.woff2)format("woff2");font-weight:700;font-display:swap;unicode-range:U+6??,U+750-77F,U+870-8FF,U+200C-200E,U+FB50-FDFF,U+FE70-FEFC}@font-face{font-family:Noto Sans Arabic UI;src:url(/fonts/noto-sans-arabic-latin-700-normal.woff2)format("woff2");font-weight:700;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122,U+2212}:root{--paper:#f7f5f0;--paper-2:#efece5;--ink-1:#111110;--ink-2:#4a4945;--ink-3:#75736d;--rule:#11111024;--rule-2:#11111040;--focus:#111110;--switch-on:#111110;--copper:#874a2d;--copper-soft:#b57952;--pine:var(--copper);--on-pine:var(--paper);--good:var(--copper);--mesh-b:var(--copper-soft);--verse-scale:1;--safe-b:env(safe-area-inset-bottom,0px);--dock-h:60px;--dock-lift:max(12px, var(--safe-b));--dock-gap:0px;--dock-space:calc(var(--dock-h) + var(--dock-lift) + 8px);--safe-t:env(safe-area-inset-top,0px);--ui-font:"Noto Sans Arabic UI", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--quran-font:"Amiri Quran", "Noto Naskh Arabic", serif;--naskh-font:"Noto Naskh Arabic", "Amiri Quran", serif;--font:var(--ui-font);--bg:var(--paper);--solid:var(--paper);--float:var(--paper);--glass:var(--paper);--glass-2:var(--paper);--glass-3:var(--paper);--well:#1111100f;--line:var(--rule);--line-2:var(--rule-2);--rim:var(--rule);--text:var(--ink-1);--muted:var(--ink-2);--faint:var(--ink-3);--ink:var(--ink-1);--on-ink:var(--paper);--pill:var(--ink-1);--on-pill:var(--paper);--shadow-pop:0 -1px 0 var(--rule), 0 -18px 40px -24px #0000003d;--sun-forest:var(--copper);--sun-butter:var(--copper-soft);--sun-tangerine:#d6b093;--sun-coral:#ad673e;--aurora-lilac:var(--sun-coral);--aurora-blue:var(--sun-butter);--aurora-sage:var(--sun-forest);--aurora:linear-gradient(90deg, var(--sun-forest), var(--sun-butter) 55%, var(--sun-coral));--aurora-rtl:linear-gradient(270deg, var(--sun-forest), var(--sun-butter) 55%, var(--sun-coral));--aurora-wash:color-mix(in srgb, var(--sun-butter) 18%, var(--paper));--marker-sun:linear-gradient(270deg, #874a2d, #955e09 52%, #874a2d);--shadow-soft:0 1px 2px #1111100a, 0 6px 18px -12px #11111033;--surface:color-mix(in srgb, var(--paper-2) 70%, var(--paper));--radius:18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--paper:#0e0e0d;--paper-2:#1a1a18;--ink-1:#f2f0ea;--ink-2:#c4c1b9;--ink-3:#9a978f;--rule:#f2f0ea24;--rule-2:#f2f0ea45;--focus:#f2f0ea;--switch-on:#b57952;--copper:#dfab82;--copper-soft:#edb99d;--good:var(--copper);--mesh-b:var(--copper-soft);--well:#f2f0ea14;--shadow-pop:0 -1px 0 var(--rule), 0 -18px 40px -24px #000000b3;--sun-forest:var(--copper);--sun-butter:var(--copper-soft);--sun-tangerine:#b57952;--sun-coral:#d6b093;--aurora-lilac:var(--sun-coral);--aurora-blue:var(--sun-butter);--aurora-sage:var(--sun-forest);--aurora-wash:color-mix(in srgb, var(--sun-butter) 12%, var(--paper));--marker-sun:linear-gradient(270deg, #dfab82, #edb99d 52%, #dfab82);--shadow-soft:0 1px 2px #00000040, 0 8px 22px -14px #000000b3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:100%;text-size-adjust:100%}html,body{background:var(--paper);color:var(--ink-1);font-family:var(--ui-font);margin:0;font-size:100%;line-height:1.5}body{min-height:100dvh;overflow-x:hidden}h1,h2,h3,p,ul,ol,dl,dd{margin:0}ul,ol{padding:0;list-style:none}a{color:inherit}button,input,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip{inset-inline-start:8px;z-index:100;background:var(--ink-1);color:var(--paper);border-radius:8px;padding:10px 14px;position:fixed;top:-60px}.skip:focus{top:calc(8px + var(--safe-t))}.muted{color:var(--ink-2)}.small{font-size:.875rem}.lede{color:var(--ink-2);margin-block-end:16px;font-size:1.0625rem}.quran{font-family:var(--quran-font);letter-spacing:normal;word-spacing:normal;text-transform:none;text-align:start;font-feature-settings:normal;font-synthesis:none;overflow-wrap:break-word;font-weight:400}.ink-icon{vertical-align:middle;flex:none;display:inline-block}[dir=rtl] .ink-icon--flip{transform:scaleX(-1)}.ink-btn{border:1px solid var(--rule-2);min-height:44px;color:var(--ink-1);cursor:pointer;text-align:center;text-wrap:balance;background:0 0;border-radius:22px;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:1rem;font-weight:700;line-height:1.2;text-decoration:none;transition:background-color .18s,transform .18s;display:inline-flex}.ink-btn:hover{background:var(--well)}.ink-btn:active{transform:translateY(1px)}.ink-btn:disabled{opacity:.45;cursor:default}.ink-btn--solid{background:var(--ink-1);color:var(--paper);border-color:var(--ink-1)}.ink-btn--solid:hover{background:var(--ink-2)}.ink-btn--ghost{border-color:#0000}.icon-btn{width:44px;height:44px;color:var(--ink-1);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;display:inline-grid}.icon-btn:hover{background:var(--well)}.icon-btn:disabled{opacity:.4;cursor:default}.link{text-underline-offset:3px;overflow-wrap:anywhere;justify-content:center;align-items:center;gap:4px;min-width:44px;min-height:44px;display:inline-flex}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.shell{min-height:100dvh}html{scroll-padding-bottom:var(--dock-space)}.shell--feed{padding-bottom:var(--dock-space);flex-direction:column;height:100dvh;min-height:0;display:flex;overflow:hidden}.shell__main{padding-bottom:var(--dock-space)}.shell--feed .shell__main{overscroll-behavior-y:contain;flex:1;height:auto;min-height:0;padding-bottom:0;overflow-y:auto}.top-banner{text-align:center;background:var(--ink-1);color:var(--paper);padding:8px 16px;font-size:.875rem;font-weight:600}.dock{left:max(12px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right));bottom:var(--dock-lift);z-index:40;height:var(--dock-h);border:1px solid color-mix(in srgb, var(--ink-1) 9%, transparent);background:color-mix(in srgb, var(--surface) 78%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.4);backdrop-filter:blur(18px)saturate(1.4);border-radius:999px;max-width:440px;margin-inline:auto;transition:opacity .22s cubic-bezier(.22,1,.36,1),visibility .22s,transform .22s cubic-bezier(.22,1,.36,1);position:fixed;box-shadow:0 12px 28px -14px #00000059,0 2px 6px -3px #00000026}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.dock{background:var(--surface)}}body:has(dialog.ink-sheet[open]) .dock{visibility:hidden;opacity:0;pointer-events:none}.shell--immersive .dock{opacity:0;visibility:hidden;transform:translateY(12px)}.dock__track,.dock__pill{grid-template-columns:var(--dock-columns,repeat(5, minmax(0, 1fr)));gap:0;padding:5px;display:grid}.dock__track{height:100%;position:relative}@media (max-width:374px){.dock{left:max(4px, env(safe-area-inset-left));right:max(4px, env(safe-area-inset-right))}.dock__track,.dock__pill{padding:3px 0}.dock .ink-icon{width:22px;height:22px}.dock__label{font-weight:600}}.dock__pill{z-index:1;background:var(--pill);color:var(--on-pill);clip-path:inset(50% round 14px);pointer-events:none;position:absolute;inset:0}.dock__item,.dock__mirror{border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;min-height:44px;display:flex}.dock__item{color:var(--ink-2);-webkit-tap-highlight-color:transparent;text-decoration:none}.dock__item .ink-icon{opacity:.78}.dock__item:hover{background:color-mix(in srgb, var(--ink-1) 5%, transparent)}.dock__item:active{transition:transform .12s;transform:scale(.94)}.dock__item:focus-visible{z-index:2;outline-offset:-2px;position:relative}.dock__item[data-on]:focus-visible{color:#0000;outline-color:var(--on-pill)}.dock__item[data-on]:focus-visible .ink-icon{opacity:0}.dock__label{white-space:nowrap;max-width:100%;font-size:13px;font-weight:650;line-height:1.15}.page{max-width:720px;padding:calc(8px + var(--safe-t)) 16px 24px;overflow-wrap:anywhere;grid-template-columns:minmax(0,1fr);align-content:start;gap:16px;margin:0 auto;display:grid}.page-head{z-index:20;margin-inline:-16px;margin-top:calc(-8px - var(--safe-t));padding:calc(4px + var(--safe-t)) 8px 6px 16px;background:var(--paper);border-bottom:1px solid var(--rule);gap:8px;display:grid;position:sticky;top:0}[dir=rtl] .page-head{padding-inline:16px 8px}.page-head__row{align-items:center;gap:8px;min-width:0;min-height:52px;display:flex}.page-head__titles{flex:auto;gap:2px;min-width:0;display:grid}.page-head h1{letter-spacing:-.01em;overflow-wrap:normal;transform-origin:0;font-size:1.625rem;font-weight:700;line-height:1.2}[dir=rtl] .page-head h1{transform-origin:100%}@supports (animation-timeline:scroll()){.page-head:not(.page-head--pushed) h1{animation:linear both head-collapse;animation-timeline:scroll(root);animation-range:0 56px}}@keyframes head-collapse{to{transform:scale(.72)}}@media (prefers-reduced-motion:reduce){.page-head h1{animation:none!important}}.page-head--pushed{padding-inline:4px}.page-head--pushed h1{text-align:center;font-size:1.0625rem}.page-head--pushed .page-head__titles{text-align:center}.page-head__sub{color:var(--ink-2);font-size:.875rem;font-weight:600}.head-action{min-width:44px;min-height:44px;color:var(--ink-1);overflow-wrap:normal;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:.9375rem;font-weight:700;text-decoration:none;transition:background-color .18s,transform .12s;display:inline-flex}.head-action--icon{width:44px;padding:0}.head-action--spacer{flex:none;width:44px}@media (max-width:379px){.set-row--text .set-row__aa{display:none}}.head-action:hover{background:var(--well)}.head-action:active{transform:scale(.94)}.head-action__label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.section{gap:12px;min-width:0;padding-block:8px 16px;display:grid}.section+.section{border-top:1px solid var(--rule);padding-top:16px}.section__h{color:var(--ink-2);align-items:center;gap:10px;padding-inline:4px;font-size:.9375rem;font-weight:700;line-height:1.3;display:flex}.notice{border:1px solid var(--rule-2);border-radius:var(--radius);background:var(--paper);gap:8px;padding:12px 16px;display:grid}.notice--strong{border-color:var(--ink-1)}.state-panel{text-align:center;color:var(--ink-2);justify-items:center;gap:8px;padding:24px 16px;font-size:1rem;font-weight:600;display:grid}.state-panel p{max-width:34ch}.state-panel>.ink-icon{box-sizing:content-box;background:var(--aurora-wash);color:var(--ink-1);border-radius:999px;padding:10px}.state-panel--error>.ink-icon{background:var(--well)}.state-panel--error,.state-panel--empty{border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface)}.loading-panel{--skel-sheen:color-mix(in srgb, var(--ink-1) 7%, transparent);gap:12px;min-width:0;display:grid}.loading-panel,.bone-passage{--skel-sheen-grad:linear-gradient(90deg, transparent, color-mix(in srgb, var(--sun-butter) 26%, transparent) 40%, color-mix(in srgb, var(--sun-coral) 16%, transparent) 60%, transparent)}.loading-panel__shapes{gap:12px;min-width:0;display:grid}.ink-skel.skel{border-radius:8px;max-width:100%;position:relative;overflow:hidden}.ink-skel.skel--circle{border-radius:50%}.ink-skel:after{content:"";background:var(--skel-sheen-grad,linear-gradient(90deg, transparent, var(--skel-sheen,color-mix(in srgb, var(--ink-1) 7%, transparent)), transparent));animation:1.9s ease-in-out infinite ink-skel-sheen;position:absolute;inset:0;transform:translate(-100%)}[dir=rtl] .ink-skel:after{animation-direction:reverse}@keyframes ink-skel-sheen{to{transform:translate(100%)}}.bone-lines{gap:10px;min-width:0;display:grid}.bone-card,.bone-frame,.bone-saved{border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);gap:12px;min-width:0;padding:16px;display:grid}.bone-card--tall{align-content:start;min-height:132px}.bone-group{border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);min-width:0;display:grid;overflow:hidden}.bone-group>.bone-saved{background:0 0;border:0;border-radius:0}.bone-group>*+*{border-top:1px solid var(--rule)}.bone-row{grid-template-columns:34px minmax(0,1fr);align-items:center;column-gap:12px;min-height:58px;padding:8px 16px;display:grid}.bone-row .bone-lines{gap:8px}.bone-result{border-bottom:1px solid var(--rule);gap:10px;padding:12px 4px;display:grid}.bone-frame{margin:14px var(--inset,16px) 0;gap:18px;padding:20px 16px}.bone-frame .bone-lines:nth-child(2){gap:16px}.bone-passage{width:100%;max-width:640px;padding:24px var(--inset,16px);margin-inline:auto}.bone-passage .bone-lines{gap:22px}.bone-block{border-bottom:1px solid var(--rule);gap:12px;padding-bottom:14px;display:grid}.saved__pending{padding-block:6px;display:block}.audio-wait{align-items:center;gap:3px;height:26px;display:inline-flex}.audio-wait .skel{opacity:.7;background:currentColor;border-radius:2px;animation:1.2s ease-in-out infinite audio-wait}.audio-wait .skel:nth-child(2){animation-delay:.15s}.audio-wait .skel:nth-child(3){animation-delay:.3s}@keyframes audio-wait{0%,to{opacity:.45}50%{opacity:.95}}:root[data-reduced-motion] .ink-skel:after,:root[data-reduced-motion] .audio-wait .skel{animation:none}.empty-panel{border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-soft);text-align:center;justify-items:center;gap:8px;padding:24px 16px;font-size:1rem;display:grid}.empty-panel__lead{font-size:1.25rem;font-weight:700;line-height:1.4}.empty-panel__stage{--accent-blur:26px;border-radius:50%;place-items:center;width:176px;height:176px;margin-bottom:4px;display:grid}.empty-panel p{max-width:34ch}.empty-panel .ink-btn{margin-top:8px}.empty-panel__art{pointer-events:none;-webkit-user-select:none;user-select:none;width:136px;height:auto}:root[data-theme=dark] .empty-panel__art{opacity:.95}.count-badge{background:var(--well);min-width:30px;color:var(--ink-1);font-variant-numeric:tabular-nums;text-align:center;border-radius:999px;padding:2px 10px;font-size:.9375rem;font-weight:700}.summary-card{border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-soft);gap:10px;min-width:0;padding:14px 16px 16px;display:grid}.summary-card__top{align-items:center;gap:12px;min-width:0;display:flex}.summary-card__line{flex:auto;min-width:0;font-size:1.125rem;font-weight:700;line-height:1.35}.summary-card__art{--ink-art-h:56px}.search-field{background:var(--well);border-radius:12px;align-items:center;gap:8px;min-width:0;min-height:44px;padding-inline:12px;display:flex}.search-field input{text-overflow:ellipsis;background:0 0;border:0;outline:none;flex:1;min-width:0;min-height:44px;font-size:1rem}.search-field input::placeholder{color:var(--ink-3);text-overflow:ellipsis}.search-field:focus-within{outline:2px solid var(--focus);outline-offset:2px}.list{gap:8px;display:grid}.summary{gap:6px;display:grid}.has-accent{isolation:isolate;position:relative}.artistic-accent,.artistic-accent .bg-layer{border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.artistic-accent{z-index:-1}.artistic-accent .bg-mesh__blob{filter:blur(var(--accent-blur,var(--bg-blur,28px)));will-change:transform;border-radius:50%;position:absolute}:root[data-theme=dark] .artistic-accent{opacity:.78}@media (forced-colors:active){.artistic-accent{display:none}}.surah-list{display:grid}.list--group,.set-list{border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-soft);overflow:hidden}.list--group>*+*,.set-list>*+*{position:relative}.list--group>*+:before,.set-list>*+:before{content:"";background:var(--rule-2);pointer-events:none;height:1px;position:absolute;inset-block-start:0;inset-inline:16px 0}.list--group{gap:0}.surah-row:focus-visible,.set-list>:focus-visible,.set-list summary:focus-visible{outline-offset:-2px}.surah-list>li+li{border-top:1px solid var(--rule-2)}.surah-row{grid-template-columns:28px var(--surah-art-size) minmax(0, 1fr);--surah-art-size:44px;-webkit-tap-highlight-color:transparent;align-items:center;column-gap:12px;min-height:68px;padding:8px 0;text-decoration:none;transition:background-color .18s;display:grid}.surah-row:hover,.surah-row:active{background:var(--well)}.surah-row__num{text-align:center;color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:.8125rem;font-weight:700}.surah-row[data-done] .surah-row__num{color:var(--ink-1)}.surah-row__noart{width:var(--surah-art-size);height:var(--surah-art-size)}.surah-row__main{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2px 12px;min-width:0;display:flex}.surah-row__names{flex:auto;justify-items:start;min-width:0;display:grid}.surah-row__ar{overflow-wrap:normal;font-family:var(--naskh-font);font-size:1.1875rem;font-weight:700;line-height:1.4}.surah-row__en{overflow-wrap:normal;max-width:100%;color:var(--ink-2);font-size:.8125rem;font-weight:600}.surah-row__count{color:var(--ink-2);white-space:nowrap;font-size:.8125rem;font-weight:600}.surah-row__read{color:var(--ink-1);font-variant-numeric:tabular-nums;align-items:center;gap:4px;font-weight:700;display:inline-flex}.lib-progress{border-bottom:1px solid var(--rule);align-items:center;gap:12px;min-height:56px;display:flex}.lib-progress__ring{background:conic-gradient(var(--ink-1) calc(var(--p,0) * 360deg), var(--rule) 0);border-radius:50%;flex:none;width:28px;height:28px;-webkit-mask:radial-gradient(circle,#0000 9px,#000 9.5px);mask:radial-gradient(circle,#0000 9px,#000 9.5px)}.lib-progress__line{flex:1;min-width:0;font-size:.9375rem;font-weight:700}.lib-progress__go{min-height:44px;color:var(--ink-1);flex:none;align-items:center;gap:2px;padding-inline:8px;font-size:.875rem;font-weight:700;text-decoration:none;display:inline-flex}.info-block{border-bottom:1px solid var(--rule);gap:6px;padding-bottom:14px;display:grid}.info-block__h{color:var(--ink-1);font-size:1rem;font-weight:700}.info-block p{color:var(--ink-2);font-size:.9375rem;line-height:1.55}details.info-block>summary{cursor:pointer;align-items:center;min-height:44px;display:flex}.info-link{min-height:48px;color:var(--ink-1);justify-content:space-between;align-items:center;font-weight:700;text-decoration:none;display:flex}.surah-art-notes__list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.surah-art-notes__list>li{gap:2px;min-width:0;display:grid}.surah-art-notes__name{overflow-wrap:anywhere;font-size:.9375rem;font-weight:700}.result{border-bottom:1px solid var(--rule);gap:6px;padding:12px 4px;text-decoration:none;display:grid}.result__meta{color:var(--ink-2);font-size:.9375rem;font-weight:600}.result__text{font-size:calc(1.375rem * var(--verse-scale));line-height:2}.result__tr{color:var(--ink-2);font-size:1rem}.groups{display:grid}.group{border-bottom:1px solid var(--rule)}.group__head{text-align:start;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;width:100%;min-height:56px;padding:10px 4px;display:flex}.group__head:disabled{cursor:default;opacity:1}.group__titles{flex:1;justify-items:start;min-width:0;display:grid}.group__title{font-family:var(--naskh-font);font-size:1.125rem;line-height:1.7}.group__en{color:var(--ink-2);font-size:.875rem}.group__items{gap:12px;padding-bottom:12px;display:grid}.dhikr{border:1px solid var(--rule);border-radius:16px;gap:8px;padding:14px;display:grid}.dhikr__text{font-family:var(--naskh-font);font-size:calc(1.25rem * var(--verse-scale));overflow-wrap:break-word;line-height:2}.dhikr__ref{flex-wrap:wrap;align-items:center;gap:4px;font-size:.875rem;display:flex}.counter{border-top:1px dashed var(--rule-2);flex-wrap:wrap;align-items:center;gap:8px;padding-top:8px;display:flex}.counter__label{color:var(--ink-2)}.counter__value{min-width:5ch;font-weight:600}.saved{border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);gap:10px;min-width:0;padding:14px 16px;display:grid}.list--group>.saved{background:0 0;border:0;border-radius:0}.saved__meta{color:var(--ink-2);font-size:.9375rem;font-weight:600}.saved__text{font-size:calc(1.375rem * var(--verse-scale));line-height:2}.saved__actions{flex-wrap:wrap;gap:4px;display:flex}.note-text{white-space:pre-wrap;border-inline-start:2px solid var(--ink-1);background:var(--well);overflow-wrap:anywhere;border-radius:4px;padding:10px 12px}.page--settings{gap:18px}.set-group{gap:8px;display:grid}.set-group__h{color:var(--ink-2);padding-inline:16px;font-size:.9375rem;font-weight:700;line-height:1.3}.set-group__foot{color:var(--ink-2);padding-inline:16px;font-size:.875rem}.set-group__foot:empty{display:none}.set-list{grid-template-columns:minmax(0,1fr);display:grid}.set-row{width:100%;min-width:0;min-height:52px;color:var(--ink-1);text-align:start;background:0 0;border:0;justify-content:space-between;align-items:center;gap:8px 12px;padding-block:4px;padding-inline:16px 10px;font-size:1.0625rem;font-weight:600;line-height:1.3;text-decoration:none;display:flex}.set-row--wrap{flex-wrap:wrap;padding-block:8px}.set-row--wrap .seg{flex-wrap:wrap;flex:100%;display:flex}.set-row--wrap .seg__btn{white-space:normal;text-overflow:clip;flex:4.5em;padding-inline:8px;overflow:visible}.set-row--action{cursor:pointer}.set-row--action:hover,.set-disclosure>summary:hover{background:var(--well)}label.set-row{cursor:pointer}.set-row__label{overflow-wrap:normal;word-break:normal;flex:auto;align-items:center;gap:10px;min-width:min(7rem,42%);display:inline-flex}.set-row__stack{gap:2px;display:grid}.set-row__hint{color:var(--ink-2);font-size:.8125rem;font-weight:600}.set-row__aa{width:20px;font-family:var(--naskh-font);place-items:center;font-size:1.125rem;line-height:1;display:inline-grid}.set-select{border:1px solid var(--rule-2);background:var(--paper);max-width:55%;height:44px;min-height:44px;color:var(--ink-1);border-radius:12px;flex:none;padding:0 10px;font-size:16px}.seg{background:var(--well);border-radius:999px;padding:2px;display:inline-flex}.seg__btn{min-width:44px;min-height:44px;color:var(--ink-1);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 12px;font-size:.9375rem;font-weight:600;transition:background-color .2s,color .2s}.seg__btn[aria-checked=true]{background:var(--ink-1);color:var(--paper);font-weight:700}.set-row--text{column-gap:6px}.set-row--text .set-row__label{flex-basis:0}.text-stepper{white-space:nowrap;flex:none;align-items:center;display:inline-flex}.text-stepper output{text-align:center;font-variant-numeric:tabular-nums;min-width:40px;padding-inline:2px;font-size:1.0625rem;font-weight:700}.text-stepper__btn{width:44px;height:44px;color:var(--ink-1);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;place-items:center;display:grid}.text-stepper__btn:hover{background:var(--well)}.text-stepper__btn:disabled{opacity:.35;cursor:default}.switch{appearance:none;box-sizing:border-box;background:var(--rule-2);cursor:pointer;-webkit-tap-highlight-color:transparent;width:44px;height:26px;transition:background-color .3s var(--ease,ease);border:0;border-radius:999px;flex:none;margin:0;padding:0;position:relative}.switch:after{content:"";transition:transform .3s var(--ease,ease);background:#fff;border-radius:50%;width:20px;height:20px;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.switch:checked,.switch[aria-checked=true]{background:var(--switch-on)}.switch:checked:after,.switch[aria-checked=true]:after{transform:translate(18px)}.switch:focus-visible{outline:2px solid var(--switch-on);outline-offset:2px}.switch:disabled{opacity:.45;cursor:default}[dir=rtl] .switch:after{left:auto;right:3px}@media (forced-colors:active){.switch{border:1px solid buttontext}.switch:checked,.switch[aria-checked=true]{border-color:highlight}}[dir=rtl] .switch:checked:after,[dir=rtl] .switch[aria-checked=true]:after{transform:translate(-18px)}.set-disclosure>summary{cursor:pointer;list-style:none}.set-disclosure>summary::-webkit-details-marker{display:none}.set-disclosure__chev{margin-inline-end:6px;transition:transform .2s}.set-disclosure[open] .set-disclosure__chev{transform:rotate(180deg)}.set-detail{gap:8px;padding:0 16px 14px;font-size:.9375rem;font-weight:400;line-height:1.6;display:grid}.set-confirm{gap:10px;padding:12px 16px;display:grid}.toggle-row{cursor:pointer;align-items:center;gap:10px;min-height:44px;display:inline-flex}.study-tools{border-bottom:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;padding-bottom:12px;display:flex}.switch-row{cursor:pointer;align-items:center;gap:8px;min-height:44px;font-size:1rem;font-weight:600;display:inline-flex}.source-card{border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);overflow-wrap:anywhere;gap:10px;min-width:0;padding:16px;display:grid}.source-card__title{font-size:1.375rem;font-weight:700;line-height:1.3}.source-card__dl{gap:4px;font-size:.9375rem;display:grid}.source-card__dl dt{font-weight:700}.notice-details summary{cursor:pointer;align-items:center;min-height:44px;font-size:.9375rem;font-weight:700;display:flex}.notice-details pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--ui-font);background:var(--well);border-radius:8px;margin:0;padding:10px 12px;font-size:.875rem}.source-card__dl dd{color:var(--ink-2)}.reader{--gutter:max(20px, env(safe-area-inset-left), env(safe-area-inset-right));--gutter-l:var(--gutter);--gutter-r:var(--gutter);--rail-h:48px;--ayah-font:calc(clamp(1.5rem, 7vw, 2rem) * var(--verse-scale));height:100%;min-height:0;padding-bottom:var(--rail-h);flex-direction:column;display:flex;position:relative}.reader--frame{justify-content:center}.reader-line{z-index:5;height:calc(48px + var(--safe-t));padding:var(--safe-t) 16px 13px;background:var(--paper);flex:none;align-items:center;gap:12px;transition:opacity .22s cubic-bezier(.22,1,.36,1),visibility .22s;display:flex;position:relative}.reader-line__title{white-space:nowrap;flex:1;align-items:baseline;gap:8px;min-width:0;font-size:.875rem;font-weight:700;line-height:1.3;display:flex}.reader-line__name{font-family:var(--naskh-font);font-size:1rem;font-weight:700}.reader-line__en{text-overflow:ellipsis;overflow:hidden}.reader-line__pos{color:var(--ink-2);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;align-items:baseline;gap:8px;font-size:.875rem;font-weight:700;display:flex}.reader-line__part{background:var(--well);color:var(--ink-1);border-radius:999px;padding:1px 8px;font-size:.8125rem}.reader-line .reader-line__bar{inset-inline:16px;width:auto;position:absolute;bottom:4px}.reader-feed{scroll-snap-type:y mandatory;overscroll-behavior-y:contain;overflow-anchor:none;outline-offset:-2px;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-y;flex:1;min-height:0;position:relative;overflow:hidden auto}.reader-feed::-webkit-scrollbar{display:none}.passage,.boundary{scroll-snap-align:start;scroll-snap-stop:always;height:100%;display:flex;position:relative}.passage__inner{width:100%;max-width:760px;height:100%;padding:12px var(--gutter-r) 12px var(--gutter-l);flex-direction:column;justify-content:center;gap:20px;margin:0 auto;display:flex}.reader{--emblem-size:56px}.surah-heading{text-align:center;flex-direction:column;flex:none;align-items:center;gap:6px;display:flex}.surah-heading__names{flex-direction:column;align-items:center;font-size:1rem;font-weight:400;display:flex}.surah-heading__name{font-family:var(--naskh-font);color:var(--ink-1);font-size:1.25rem;font-weight:700;line-height:1.4}.surah-heading__en{color:var(--ink-2);font-size:.875rem;font-weight:600;line-height:1.3}.surah-emblem{--surah-art-size:var(--emblem-size);width:var(--emblem-size);height:var(--emblem-size);border-radius:14px;flex:none;place-items:center;display:grid}.surah-emblem--shared{border:1.5px solid var(--rule-2);background:var(--well);color:var(--ink-2);border-radius:50%}@media (max-height:640px){.reader{--emblem-size:44px}}.reader-probe{visibility:hidden;pointer-events:none;contain:layout paint;height:100%;display:flex;position:absolute;top:0;left:0;right:0}.reader-probe .passage__inner{justify-content:flex-start}.ayah{outline-offset:4px;border-radius:12px;padding-block:4px}.passage--multi .ayah{cursor:pointer;-webkit-tap-highlight-color:transparent}.passage--multi .ayah__num{opacity:.82;color:var(--ink-2)}.ayah[aria-current=true] .ayah__num{opacity:1;color:var(--ink-1)}@supports ((-webkit-background-clip:text) or (background-clip:text)){.ayah[aria-current=true] .ayah__num{background-image:var(--marker-sun);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}}@media (forced-colors:active){.ayah[aria-current=true] .ayah__num{-webkit-text-fill-color:CanvasText;background-image:none}}.ayah__bismillah{font-size:calc(var(--ayah-font) * var(--page-scale,1) * .75);text-align:center;color:var(--ink-2);line-height:1.9}.ayah__text{font-size:calc(var(--ayah-font) * var(--page-scale,1));color:var(--ink-1);text-align:center;text-wrap:balance;line-height:1.95}.ayah__num{font-family:var(--quran-font);color:var(--ink-3);white-space:nowrap;font-size:.7em;transition:color .2s,opacity .2s}.ayah__translation{text-align:center;border-top:1px solid var(--rule);margin-top:4px;padding-top:8px}.ayah__text+.ayah__translation,.ayah__bismillah+.ayah__translation{margin-top:4px}.ayah__translation p{color:var(--ink-2);font-size:1rem;line-height:1.55}.ayah__missing{color:var(--ink-3);text-align:center;font-size:.875rem}.boundary{padding:24px var(--gutter-r) 24px var(--gutter-l);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px}.boundary__label{font-family:var(--naskh-font);color:var(--ink-2);font-size:1.375rem;font-weight:700;line-height:1.7}.reader-skip{top:calc(52px + var(--safe-t));z-index:9;gap:8px;display:flex;position:absolute;inset-inline-start:16px}.reader-skip button{border:1px solid var(--rule);background:var(--paper);min-height:44px;color:var(--ink-1);clip-path:inset(50%);white-space:nowrap;border-radius:999px;width:1px;padding:0 14px;font-weight:700;overflow:hidden}.reader-skip button:focus-visible{clip-path:none;width:auto}.rail{z-index:6;width:fit-content;height:var(--rail-h);touch-action:manipulation;direction:ltr;flex-direction:row;justify-content:center;align-items:center;gap:clamp(4px,2vw,12px);margin-inline:auto;transition:opacity .22s cubic-bezier(.22,1,.36,1),visibility .22s,transform .22s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;bottom:0;left:0;right:0}.rail__btn{background:color-mix(in srgb, var(--paper) 82%, transparent);width:44px;height:44px;color:var(--ink-1);cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;border-radius:999px;place-items:center;transition:background-color .2s,transform .16s cubic-bezier(.22,1,.36,1);display:grid}.rail__btn:hover:not(:disabled){background:var(--well)}.rail__btn:active:not(:disabled){transform:scale(.88)}.rail__btn:disabled{opacity:.35;cursor:default}.rail__btn.is-on .ink-icon{animation:.36s cubic-bezier(.22,1,.36,1) ink-pop}@keyframes ink-pop{0%{transform:scale(.8)}60%{transform:scale(1.12)}to{transform:scale(1)}}.reader.is-immersive .reader-line,.reader.is-immersive .rail{opacity:0;visibility:hidden}.reader.is-immersive .rail{transform:translateY(6px)}.reader-toast{top:calc(var(--safe-t) + 4px);z-index:8;background:var(--ink-1);width:max-content;max-width:calc(100% - 32px);color:var(--paper);text-align:center;opacity:0;pointer-events:none;border-radius:999px;padding:8px 14px;font-size:.875rem;font-weight:600;line-height:1.3;transition:opacity .2s,transform .2s;position:absolute;left:50%;transform:translate(-50%,-6px)}.reader-toast:empty{padding:0}.reader-toast.is-shown{opacity:1;transform:translate(-50%)}.reader-toast.is-brief{animation:2.8s forwards toast-brief}@keyframes toast-brief{0%{opacity:0;transform:translate(-50%,-6px)}8%,85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-6px)}}@media (prefers-reduced-motion:reduce){.reader-toast.is-brief{opacity:1;animation:none;transform:translate(-50%)}}.feed-nav{border:1px solid var(--rule);background:var(--surface);box-shadow:var(--shadow-soft);touch-action:manipulation;border-radius:999px;flex:none;align-items:center;padding:2px;display:inline-flex}.feed-nav__btn{width:44px;height:44px;color:var(--ink-1);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:999px;place-items:center;transition:background-color .18s,transform .16s,opacity .18s;display:grid}.feed-nav__btn:hover:not(:disabled){background:var(--well)}.feed-nav__btn:active:not(:disabled){transform:scale(.94)}.feed-nav__btn:disabled{opacity:.32;cursor:default}.feed-nav__rule{background:var(--rule);width:1px;height:20px}.ink-sheet.sheet{background:var(--paper);max-width:760px;max-height:88dvh;color:var(--ink-1);border:1px solid var(--rule);border-bottom:0;border-radius:22px 22px 0 0;margin-inline:auto;inset:auto 0 0}.ink-sheet .sheet__head{border-bottom:1px solid var(--rule);padding:14px 16px 10px}.ink-sheet .sheet__title{letter-spacing:normal;font-size:1.375rem;font-weight:700}.ink-sheet__title-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.ink-sheet__close{flex:0 0 38px;width:38px;height:38px;margin:0;padding:0}.ink-sheet .sheet__desc{color:var(--ink-2);font-size:.875rem}.ink-sheet .sheet__body{padding:16px 16px calc(20px + var(--safe-b));gap:14px}.ink-sheet .sheet__foot{border-top:1px solid var(--rule)}.sheet::backdrop{background:#0000004d}.study-block{border-bottom:1px solid var(--rule);gap:8px;padding-bottom:14px;display:grid}.study-h{color:var(--ink-1);font-size:1rem;font-weight:700}.study-quran{font-size:calc(1.5rem * var(--verse-scale));line-height:2.1}.study-quran--basmala{text-align:center;color:var(--ink-2);font-size:calc(1.25rem * var(--verse-scale))}.study-tr{line-height:1.65}.study-tafsir{font-family:var(--naskh-font);font-size:calc(1.125rem * min(var(--verse-scale), 1.6));line-height:2}.source-line{color:var(--ink-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px;font-size:.875rem;display:flex}.study-nav{flex-wrap:wrap;gap:8px;display:flex}.note-input{border:1px solid var(--rule-2);resize:vertical;background:0 0;border-radius:12px;width:100%;min-height:160px;padding:12px;line-height:1.6}@media (orientation:landscape) and (max-height:500px){:root{--dock-h:56px}.reader{--ayah-font:calc(clamp(1.375rem, 6.4vh, 1.875rem) * var(--verse-scale));--emblem-size:36px;--rail-h:0px;--gutter:max(64px, calc(env(safe-area-inset-left) + 56px), calc(env(safe-area-inset-right) + 56px))}.rail{left:auto;right:max(8px, env(safe-area-inset-right));flex-direction:column;gap:6px;height:auto;padding:0;bottom:50%;transform:translateY(50%)}.reader.is-immersive .rail{transform:translate(6px,50%)}.surah-heading{flex-direction:row;justify-content:center;gap:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.ink-skel:after,.audio-wait .skel{animation:none}}@media (forced-colors:active){.ink-icon rect{fill:canvastext}}.auth-empty{color:var(--ink-2);text-align:center;justify-items:center;gap:6px;padding:20px 16px 4px;font-weight:600;display:grid}.auth-empty .ink-icon{opacity:.55}.auth-panel{padding:20px 16px calc(16px + var(--safe-b));border:1px solid var(--rule);background:var(--paper);border-radius:22px;gap:10px;display:grid;box-shadow:0 -12px 32px -24px #0000004d}.auth-panel__h{font-size:1.25rem;font-weight:700}.auth-panel__line{color:var(--ink-2);margin-bottom:4px;font-size:.9375rem}.auth-panel__providers{gap:10px;display:grid}.auth-btn{border:1px solid var(--rule-2);background:var(--surface);min-height:52px;color:var(--ink-1);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 18px;font-size:1rem;font-weight:700;transition:transform .12s,background-color .18s;display:flex;position:relative}.auth-btn:active:not(:disabled){transform:scale(.98)}.auth-btn--primary{color:#1f1f1f;background:#fff;border-color:#747775;width:100%}.auth-btn--apple{color:#fff;background:#000;border-color:#000;width:100%}:root[data-theme=dark] .auth-btn--apple{color:#000;background:#fff;border-color:#fff}.auth-btn--apple>svg{fill:currentColor;flex:0 0 22px;width:22px;height:22px}.auth-btn--primary svg{flex:0 0 22px}.auth-btn--off{color:var(--ink-2);cursor:default;background:0 0;border-style:dashed;justify-content:flex-start}.auth-btn--off em{margin-inline-start:auto;font-size:.8125rem;font-style:normal;font-weight:700}.auth-panel__note{background:var(--well);border-radius:14px;gap:8px;padding:12px 14px;font-size:.9375rem;line-height:1.45;display:grid}.auth-panel__error{color:var(--ink-1);font-size:.9375rem;font-weight:600}.auth-panel__notice{color:var(--ink-2);text-align:center;margin-top:2px;font-size:.8125rem;line-height:1.45}.auth-panel__guest{border:1.5px solid var(--rule-2);width:100%;min-height:52px;color:var(--ink-1);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:999px;padding:0 18px;font-size:1rem;font-weight:700;transition:transform .12s,background-color .18s}.auth-panel__guest:active{background:var(--surface);transform:scale(.98)}.auth-panel__fine{color:var(--ink-2);text-align:center;font-size:.8125rem}.auth-panel--sheet{border-bottom:0;border-radius:22px 22px 0 0;width:100%}.seg-tabs.segc{--segc-h:44px;--segc-fs:.9375rem;--segc-px:16px;--pill:var(--ink-1);--on-pill:var(--paper);background:var(--well);border-radius:999px}.seg-tabs .segc__btn{color:var(--ink-2);font:inherit;font-size:var(--segc-fs);cursor:pointer;-webkit-tap-highlight-color:transparent;height:auto;min-height:var(--segc-h);white-space:normal;text-align:center;background:0 0;border:0;border-radius:999px;padding-block:4px;font-weight:700;line-height:1.15}.seg-tabs .segc__label{overflow-wrap:anywhere;overflow:visible}.seg-tabs--inline.segc{--segc-px:14px}.seg-tabs .segc__btn[aria-checked=true]{color:var(--on-pill)}.beam.bbeam{--pine:var(--sun-forest);--butter:var(--sun-butter);--tomato:var(--sun-coral)}:root[data-theme=light] .beam.bbeam[data-bb-size=md]:not(.beam--on-ink){--bb-so:.42;--bb-io:.42;--bb-lo:.4}:root[data-theme=light] .beam--on-ink.bbeam{--bb-dark: }:root[data-theme=dark] .beam--on-ink.bbeam{--bb-dark:initial}:root[data-theme=dark] .beam--on-ink.bbeam[data-bb-size=md]{--bb-so:.42;--bb-lo:.4}:root[data-theme=light] .beam--on-ink.bbeam[data-bb-size=md]{--bb-so:.62;--bb-lo:.5}.beam--round.bbeam{--bb-io:0}.beam--block{width:100%;display:block}.beam--block>:first-child{width:100%}.beam--inline{display:inline-block}:root[data-reduced-motion] .beam .bbeam__fx{animation:none}:root[data-reduced-motion] .beam:not([data-bb-state=on]) .bbeam__fx{display:none}:root[data-reduced-motion] .beam[data-bb-size=line] .bbeam__fx{--bb-x:.5;--bb-w:1.5;--bb-h:1;--bb-edge:1}:root[data-doc-hidden] .beam .bbeam__fx{animation-play-state:paused,paused,paused,paused,running}:root[data-doc-hidden] .ink-skel:after{animation-play-state:paused}.sign-in-sheet.ink-sheet{max-height:86dvh;height:auto!important}.sign-in-sheet .sheet__head{border-bottom:0;padding:10px 16px 0}.sign-in-sheet .ink-sheet__title-row{min-height:40px}.sign-in-sheet .ink-sheet__close{margin-inline-end:0}.sign-in-sheet .sheet__body{padding:4px 24px calc(24px + var(--safe-b))}.sign-in-sheet .auth-panel{box-shadow:none;background:0 0;border:0;border-radius:0;gap:14px;margin:0;padding:0}.sign-in-sheet .auth-panel__h{text-align:center;text-wrap:balance;margin:0 0 6px;padding-inline:8px;font-size:1.25rem;line-height:1.35}.sign-in-sheet .auth-panel__guest{margin-top:-2px}.reader--simple .quran,.study--simple .quran{font-family:var(--naskh-font)}