.liquid-glass{--glass-fill:#fefdfb61;--glass-edge:#12161b1a;--glass-rim:1;--glass-sheen:.55;--glass-shadow:0 14px 34px -14px #12161b52, 0 3px 10px -4px #12161b29;--glass-adjust:brightness(1.08) contrast(.92);isolation:isolate;color:var(--ink);background-color:var(--glass-fill);-webkit-backdrop-filter:blur(14px) saturate(1.8) var(--glass-adjust);backdrop-filter:blur(14px) saturate(1.8) var(--glass-adjust);box-shadow:var(--glass-shadow), inset 0 0 0 .5px var(--glass-edge);transition:background-color .42s var(--ease-soft), box-shadow .42s var(--ease-soft);position:relative}@supports (color:lab(0% 0 0)){.liquid-glass{--glass-fill:lab(99.442% -.1854 1.12419/.38);--glass-edge:lab(7.19452% -.728332 -4.26535/.1);--glass-shadow:0 14px 34px -14px lab(7.19452% -.728332 -4.26535/.32), 0 3px 10px -4px lab(7.19452% -.728332 -4.26535/.16)}}.dark .liquid-glass,.liquid-glass.dark,.liquid-glass[data-tone=dark]{--glass-fill:#1b1b1b75;--glass-edge:#ffffff1a;--glass-rim:.5;--glass-sheen:.16;--glass-shadow:0 20px 46px -16px #000c, 0 3px 10px -4px #0000008c;--glass-adjust:brightness(.82) contrast(.9)}@supports (color:lab(0% 0 0)){.dark .liquid-glass,.liquid-glass.dark,.liquid-glass[data-tone=dark]{--glass-fill:lab(9.52% -.00000745058 0/.46);--glass-edge:lab(100% 0 0/.1);--glass-shadow:0 20px 46px -16px lab(0% 0 0/.8), 0 3px 10px -4px lab(0% 0 0/.55)}}.liquid-glass[data-refract]{-webkit-backdrop-filter:var(--refract,) blur(4px) saturate(1.8) var(--glass-adjust);backdrop-filter:var(--refract,) blur(4px) saturate(1.8) var(--glass-adjust)}.liquid-glass:before{content:"";z-index:3;border-radius:inherit;pointer-events:none;-webkit-mask-composite:xor;opacity:var(--glass-rim);transition:opacity .42s var(--ease-soft);background:linear-gradient(160deg,#fffffff2 0%,#0000 30% 64%,#ffffff80 100%);background:linear-gradient(160deg,lab(100% 0 0/.95) 0%,#0000 30% 64%,lab(100% 0 0/.5) 100%);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-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}.liquid-glass:after{content:"";z-index:-1;border-radius:inherit;pointer-events:none;opacity:var(--glass-sheen);transition:opacity .42s var(--ease-soft);background:radial-gradient(140% 100% at 28% -30%,#ffffffe6 0%,#0000 58%);background:radial-gradient(140% 100% at 28% -30%,lab(100% 0 0/.9) 0%,#0000 58%);position:absolute;inset:1px}html:active-view-transition-type(work-open,work-close,work-back) .liquid-glass{transition:none!important}html:active-view-transition-type(work-open,work-close,work-back) .liquid-glass:before{transition:none!important}html:active-view-transition-type(work-open,work-close,work-back) .liquid-glass:after{transition:none!important}html:active-view-transition-type(work-open,work-close,work-back) .liquid-glass:not(.dock-glass) *{transition:none!important}@media (prefers-reduced-transparency:reduce){.liquid-glass,.liquid-glass[data-refract]{--glass-fill:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none}}
.dock-glass{--dk-hover:.22s;--dk-back:.48s;--dk-leave:.22s;--dock-icon:22px;--dock-radius:var(--radius-2xl);--bead-radius:calc(var(--dock-radius) - 6px);--bead-fill:#ffffffc7;--bead-edge:#12161b14;--bead-hi:#fffffff2;--bead-shadow:0 1px 2px #12161b1a, 0 6px 16px -6px #12161b4d;--dock-ink:#12161b;--dock-muted:#535960;border-radius:var(--dock-radius);align-items:center;gap:2px;padding:6px;display:flex}@supports (color:lab(0% 0 0)){.dock-glass{--bead-fill:lab(100% 0 0/.78);--bead-edge:lab(7.19452% -.728332 -4.26535/.08);--bead-hi:lab(100% 0 0/.95);--bead-shadow:0 1px 2px lab(7.19452% -.728332 -4.26535/.1), 0 6px 16px -6px lab(7.19452% -.728332 -4.26535/.3);--dock-ink:lab(7.19452% -.728332 -4.26535);--dock-muted:lab(37.327% -1.04722 -5.0896)}}.dark .dock-glass,.dock-glass[data-tone=dark]{--bead-fill:#ffffff29;--bead-edge:#ffffff1f;--bead-hi:#ffffff4d;--bead-shadow:0 1px 2px #0006, 0 8px 18px -8px #000c;--dock-ink:#f2f2f2;--dock-muted:#a1a5aa}@supports (color:lab(0% 0 0)){.dark .dock-glass,.dock-glass[data-tone=dark]{--bead-fill:lab(100% 0 0/.16);--bead-edge:lab(100% 0 0/.12);--bead-hi:lab(100% 0 0/.3);--bead-shadow:0 1px 2px lab(0% 0 0/.4), 0 8px 18px -8px lab(0% 0 0/.8);--dock-ink:lab(95.36% 0 0);--dock-muted:lab(67.5037% -.644833 -2.93238)}}.dock-track{z-index:1;position:relative}.dock-list{gap:2px;display:flex}.dock-item{z-index:1;border-radius:var(--bead-radius);width:44px;height:40px;color:inherit;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-tap-highlight-color:transparent;place-items:center;display:grid;position:relative}.dock-glyph{transition:transform var(--duration-spring) var(--ease-spring);place-items:center;display:grid}.dock-item:active .dock-glyph{transition-duration:var(--duration-press);transition-timing-function:var(--ease-out);transform:scale(.88)}.dock-divider{background:linear-gradient(transparent, var(--dock-muted), transparent);opacity:.45;width:1px;height:22px;margin:0 4px}.dock-bead{border-radius:var(--bead-radius);pointer-events:none;background-color:var(--bead-fill);width:44px;height:40px;box-shadow:var(--bead-shadow), inset 0 0 0 .5px var(--bead-edge), inset 0 1px 0 var(--bead-hi);background-image:linear-gradient(#ffffff38,#fff0 70%);transform-origin:50%;transition:background-color .42s var(--ease-soft), box-shadow .42s var(--ease-soft), opacity .2s var(--ease-soft);background-image:linear-gradient(lab(100% 0 0/.22),lab(100% 0 0/0) 70%);position:absolute;top:0;left:0}.dock-bead[data-hidden]{opacity:0}:is(html:active-view-transition-type(work-open,work-close,work-back) .dock-bead,html:active-view-transition-type(work-open,work-close,work-back) .dock-icon){transition:none!important}.dock-icon{width:var(--dock-icon);height:var(--dock-icon);color:var(--dock-muted);transition:color .2s var(--ease-soft);display:block;overflow:visible}.dock-icon *{transform-box:view-box}.dock-icon[data-on]{color:var(--dock-ink)}@media (hover:hover) and (pointer:fine){.dock-item:hover .dock-icon{color:var(--dock-ink)}}.dock-icon .ln{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.dock-icon .ln.ink{stroke:var(--dock-ink)}.dock-icon .fl{fill:currentColor}.dock-icon .fill{fill:var(--dock-ink)}@keyframes dk-twinkle{0%{transform:none}40%{transform:scale(1.6)rotate(45deg)}to{transform:none}}@keyframes dk-pour-up{0%{transform:translateY(21px)}to{transform:translateY(0)}}.glyph-hearth .fx{transform-origin:12px 20.5px;opacity:0;transition:opacity var(--dk-leave) var(--ease-exit), transform var(--dk-leave) var(--ease-exit);transform:scale(.92)}.glyph-hearth[data-on] .fx{opacity:1;transform:none}.glyph-hearth.arrive .fx{animation:.38s both dk-hh-pop}@keyframes dk-hh-pop{0%{opacity:0;animation-timing-function:var(--ease-out);transform:scale(.7)}55%{opacity:1;animation-timing-function:ease-in-out;transform:scale(1.05)}to{opacity:1;transform:none}}.glyph-hearth .puff{opacity:0;transform-box:fill-box;transform-origin:50%}.glyph-hearth .p1{--dx:2.4px;--dy:-6.6px}.glyph-hearth .p2{--dx:1.2px;--dy:-7.4px}.glyph-hearth .p3{--dx:3.4px;--dy:-6px}.glyph-hearth.arrive .p1{animation:dk-hh-puff .78s .17s var(--ease-out) both}.glyph-hearth.arrive .p2{animation:dk-hh-puff .78s .32s var(--ease-out) both}.glyph-hearth.arrive .p3{animation:dk-hh-puff .78s .47s var(--ease-out) both}.is-gesture .dock-icon.glyph-hearth:not([data-on]) .p1{animation:dk-hh-puff .72s var(--ease-out) both}@keyframes dk-hh-puff{0%{opacity:0;transform:translate(0)scale(.3)}16%{opacity:.95}to{opacity:0;transform:translate(var(--dx), var(--dy)) scale(2.1)}}.glyph-code :is(.h-l,.h-r,.h-s){transition:transform var(--dk-back) var(--ease-spring)}.glyph-code :is(.h-s,.a-s){transform-origin:12px 12px}.is-gesture .dock-icon.glyph-code:not([data-on]) :is(.h-l,.h-r,.h-s){transition:transform var(--dk-hover) var(--ease-out)}.is-gesture .dock-icon.glyph-code:not([data-on]) .h-l{transform:translate(-1.2px)}.is-gesture .dock-icon.glyph-code:not([data-on]) .h-r{transform:translate(1.2px)}.is-gesture .dock-icon.glyph-code:not([data-on]) .h-s{transform:rotate(-10deg)}.glyph-code .ln{transition:stroke-width var(--dk-leave) var(--ease-soft)}.glyph-code[data-on] .ln{stroke-width:2.15px;transition:stroke-width .2s var(--ease-out) .4s}.glyph-code.arrive .a-l{animation:.62s both dk-wc-l}.glyph-code.arrive .a-r{animation:.62s both dk-wc-r}.glyph-code.arrive .a-s{animation:.62s both dk-wc-s}@keyframes dk-wc-l{0%{animation-timing-function:var(--ease-out);transform:translate(0)}26%{transform:translate(-2.8px)}52%{animation-timing-function:cubic-bezier(.55,0,.8,.35);transform:translate(-2.8px)}68%{animation-timing-function:var(--ease-out);transform:translate(.9px)}84%{transform:translate(-.25px)}to{transform:translate(0)}}@keyframes dk-wc-r{0%{animation-timing-function:var(--ease-out);transform:translate(0)}26%{transform:translate(2.8px)}52%{animation-timing-function:cubic-bezier(.55,0,.8,.35);transform:translate(2.8px)}68%{animation-timing-function:var(--ease-out);transform:translate(-.9px)}84%{transform:translate(.25px)}to{transform:translate(0)}}@keyframes dk-wc-s{0%{animation-timing-function:cubic-bezier(.35,0,.25,1);transform:rotate(0)scale(1)}58%{animation-timing-function:ease-in-out;transform:rotate(360deg)scale(1.3)}76%{transform:rotate(360deg)scale(.92)}to{transform:rotate(360deg)scale(1)}}.glyph-written .ink-page{stroke-dasharray:1 1;stroke-dashoffset:1px;opacity:0}.glyph-written[data-on] .ink-page{stroke-dashoffset:0;opacity:1}.glyph-written.arrive .ink-page{animation:dk-ew-trace .38s var(--ease-in-out) both}@keyframes dk-ew-trace{0%{stroke-dashoffset:1px;opacity:1}to{stroke-dashoffset:0;opacity:1}}.glyph-written .fx{opacity:0;transition:opacity var(--dk-leave) var(--ease-exit)}.glyph-written[data-on] .fx{opacity:1}.glyph-written.arrive .fx{transition:none}.glyph-written.arrive .pour{animation:dk-pour-up .33s .22s var(--ease-out) both}.glyph-written .txt{transition:opacity .12s linear}.glyph-written[data-on] .txt{opacity:0;transition-delay:.36s}.glyph-written .k{transform-origin:8.6px 12px;transition:transform var(--dk-leave) var(--ease-exit);transform:scaleX(0)}.glyph-written[data-on] .k{transform:scaleX(1)}.glyph-written.arrive .k1{animation:dk-ew-write .23s .46s var(--ease-out) both}.glyph-written.arrive .k2{animation:dk-ew-write .23s .55s var(--ease-out) both}.glyph-written.arrive .k3{animation:dk-ew-write .23s .64s var(--ease-out) both}@keyframes dk-ew-write{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.glyph-written :is(.h-fold,.a-fold){transform-origin:16.6px 5.4px;transform:rotate(-45deg)scaleX(1)rotate(45deg)}.glyph-written .h-fold{transition:transform var(--dk-back) var(--ease-spring), opacity 0s}.is-gesture .dock-icon.glyph-written:not([data-on]) .h-fold{transition:transform var(--dk-hover) var(--ease-out);transform:rotate(-45deg)scaleX(-.5)rotate(45deg)}.glyph-written[data-on] .h-fold{opacity:0;transition-delay:0s,.54s}.glyph-written.arrive .a-fold{animation:.48s 90ms both dk-ew-flick}@keyframes dk-ew-flick{0%{animation-timing-function:var(--ease-out);transform:rotate(-45deg)scaleX(1)rotate(45deg)}30%{animation-timing-function:cubic-bezier(.5,0,.8,.4);transform:rotate(-45deg)scaleX(-.75)rotate(45deg)}62%{animation-timing-function:ease-in-out;transform:rotate(-45deg)scaleX(1.18)rotate(45deg)}to{transform:rotate(-45deg)scaleX(1)rotate(45deg)}}.glyph-seal :is(.h-flap,.a-flap){transform-origin:12px 6.9px}.glyph-seal .h-flap{transition:transform var(--dk-back) var(--ease-spring), opacity 0s}.is-gesture .dock-icon.glyph-seal:not([data-on]) .h-flap{transition:transform var(--dk-hover) var(--ease-out);transform:scaleY(-.5)}.glyph-seal[data-on] .h-flap{opacity:0;transition-delay:0s,.4s}.glyph-seal.arrive .a-flap{animation:.72s both dk-ms-flap}@keyframes dk-ms-flap{0%{animation-timing-function:var(--ease-out);transform:scaleY(1)}14%{transform:scaleY(-.75)}28%{animation-timing-function:cubic-bezier(.55,0,.85,.3);transform:scaleY(-.75)}42%{animation-timing-function:var(--ease-out);transform:scaleY(1.16)}54%{transform:scaleY(.95)}64%,to{transform:scaleY(1)}}.glyph-seal .a-env{transform-origin:12px 19px}.glyph-seal.arrive .a-env{animation:.72s both dk-ms-stamp}@keyframes dk-ms-stamp{0%,40%{transform:none}46%{animation-timing-function:var(--ease-out);transform:scale(1.05,.9)}56%{transform:scale(.98,1.03)}64%{animation-timing-function:cubic-bezier(.4,0,.2,1);transform:translate(0)skew(0)}78%{animation-timing-function:var(--ease-out);transform:translate(1.6px)skew(-12deg)}to{transform:translate(0)skew(0)}}.glyph-seal .rv{transform-origin:12px 12.9px;transition:transform var(--dk-leave) var(--ease-exit);transform:scale(0)}.glyph-seal[data-on] .rv{transform:scale(1)}.glyph-seal.arrive .rv{animation:.72s both dk-ms-rv}@keyframes dk-ms-rv{0%,42%{animation-timing-function:var(--ease-out);transform:scale(0)}60%,to{transform:scale(1)}}.glyph-eclipse :is(.h-sun,.rays,.core,.ray){transform-origin:12px 12px}.glyph-eclipse .h-sun{transition:transform var(--dk-back) var(--ease-spring)}.glyph-eclipse .rays{transition:transform .48s var(--ease-out)}.is-gesture .dock-icon.glyph-eclipse:not([data-dark]) .rays{transition:transform .44s var(--ease-out);transform:rotate(30deg)}.is-gesture .dock-icon.glyph-eclipse[data-dark] .h-sun{transition:transform var(--dk-hover) var(--ease-out);transform:rotate(-16deg)}.glyph-eclipse[data-dark] .rays{transform:rotate(-60deg)}.glyph-eclipse .ray{transition:transform .4s var(--ease-spring) .14s, opacity .2s var(--ease-soft) .14s}.glyph-eclipse[data-dark] .ray{opacity:0;transition:transform .26s var(--ease-in-out), opacity .2s var(--ease-soft);transform:scale(.2)}.glyph-eclipse .core{transition:transform .42s var(--ease-spring) 40ms}.glyph-eclipse[data-dark] .core{transition:transform .44s var(--ease-spring) 60ms;transform:scale(1.86)}.glyph-eclipse .shadow{transition:transform .32s var(--ease-in-out);transform:translate(10px,-7px)}.glyph-eclipse[data-dark] .shadow{transition:transform .44s var(--ease-spring) .12s;transform:translate(0)}.glyph-eclipse .star{transform-box:fill-box;transform-origin:50%;transition:transform .12s var(--ease-exit);transform:scale(0)rotate(-45deg)}.glyph-eclipse[data-dark] .s1{transition:transform .28s var(--ease-spring) .28s;transform:none}.glyph-eclipse[data-dark] .s2{transition:transform .28s var(--ease-spring) .33s;transform:none}.is-gesture .dock-icon.glyph-eclipse[data-dark] .s2{animation:.48s both dk-twinkle}.dock-item[data-switching] .dock-glyph{animation:.56s both dk-toggle-lift}.dock-item[data-switching] .dock-icon{color:var(--dock-ink)}@keyframes dk-toggle-lift{0%{animation-timing-function:cubic-bezier(.34,1.56,.64,1);transform:scale(1)}22%,72%{animation-timing-function:var(--ease-in-out);transform:scale(1.14)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.dock-icon,.dock-icon *{animation:none!important}.dock-icon *{transition-property:opacity,color,fill,stroke,stroke-width!important;transition-duration:.2s!important;transition-delay:0s!important}.dock-icon :is(.glow,.pour,.rv){transform:none!important}.dock-icon .fx{opacity:0!important}.dock-icon[data-on] .fx{opacity:1!important}.dock-icon:is(.to-dark,.to-light){animation:dk-dip .24s var(--ease-out) both!important}.dock-glyph{transition-property:opacity!important}.dock-item[data-switching] .dock-glyph{animation:none}}@keyframes dk-dip{0%{opacity:.25}}html[data-theme-switch] :not(.glyph-eclipse *),html[data-theme-switch] :not(.glyph-eclipse *):before,html[data-theme-switch] :not(.glyph-eclipse *):after{transition:none!important}html[data-theme-switch] :is(.vt-pin-dock,.vt-pin-player){view-transition-name:none!important}html[data-theme-switch-pin]:not([data-at-footer]) .vt-pin-dock{view-transition-name:recto-dock!important}html[data-theme-switch][data-theme-switch-pin] .vt-pin-player{view-transition-name:recto-player!important}html[data-theme-switch]::view-transition-old(root){mix-blend-mode:normal}html[data-theme-switch]::view-transition-new(root){mix-blend-mode:normal}html[data-theme-switch=reveal]::view-transition-old(root){animation:none}@property --reveal-r{syntax:"<length>";inherits:false;initial-value:22px}html[data-theme-switch=reveal]::view-transition-new(root){animation:dk-theme-reveal .56s var(--theme-ease,var(--ease-out)) both;clip-path:circle(var(--reveal-r) at var(--theme-x) var(--theme-y))}@keyframes dk-theme-reveal{0%{--reveal-r:22px}to{--reveal-r:var(--theme-r)}}html[data-theme-switch=fade]::view-transition-old(root){animation:.2s var(--ease-soft) both dk-theme-out}html[data-theme-switch=fade]::view-transition-new(root){animation:.2s var(--ease-soft) both dk-theme-in}@keyframes dk-theme-out{to{opacity:0}}@keyframes dk-theme-in{0%{opacity:0}}
.stop{background:var(--accent);vertical-align:baseline;transform-origin:50%;border-radius:50%;width:.15em;height:.15em;margin-left:.05em;display:inline-block}