@layer reset{*,:before,:after{box-sizing:border-box;border-radius:var(--radius)}html{-moz-text-size-adjust:100%;text-size-adjust:100%;background:var(--bg)}:is(html:has(main.surface-night),body:has(main.surface-night)){background:var(--night-bg)}html:has(.with-overlay){background:var(--night-bg)}:target{scroll-margin-top:calc(var(--sp5) + var(--sp2))}body{background:var(--bg);color:var(--fg);font-family:var(--font-text);font-size:var(--t0);line-height:var(--lh0);font-kerning:normal;font-optical-sizing:auto;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;overflow-x:clip}.surface-night,.surface-paper,.surface-pink{background:var(--bg);color:var(--fg)}a{color:inherit}img,svg{max-width:100%}::selection{background:var(--fg);color:var(--bg)}:focus-visible{outline:var(--focus-width) solid var(--focus);outline-offset:var(--focus-offset)}}@layer theme,base,components,utilities,legacy;:where(em,i){font-style:normal;font-weight:600}:where(h1,h2,h3,.title,.display) :where(em,i){font-weight:inherit}:root{--header-h:calc(var(--sp5) + var(--hairline))}.with-overlay{position:relative}.frame{width:100%;max-width:calc(var(--max) + 2 * var(--margin));padding-inline:var(--margin);margin-inline:auto}.grid{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));column-gap:var(--col-gap);display:grid}.page{display:flow-root}.index{font-family:var(--font-text);font-size:var(--tc);line-height:var(--lhc);font-variant-numeric:tabular-nums;color:var(--muted);font-weight:600;display:block}.pill{isolation:isolate;align-items:center;gap:var(--sp1);padding:calc(var(--sp1) + var(--sp1) / 2) var(--sp4);border:var(--hairline) solid var(--pill);border-radius:var(--round);color:var(--fg);font:600 var(--t0) / var(--lh0) var(--font-text);letter-spacing:var(--label-tracking);white-space:nowrap;cursor:pointer;transition:background-color var(--d-mid) var(--ease), color var(--d-mid) var(--ease), border-color var(--d-mid) var(--ease), filter .7s var(--ease), scale .7s var(--spring);background:0 0;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.pill:active{transition:scale .12s var(--ease-soft);scale:.94}.pill:before{--glow:300px;content:"";z-index:-1;width:var(--glow);height:var(--glow);margin:calc(var(--glow) / -2) 0 0 calc(var(--glow) / -2);background:radial-gradient(circle closest-side, color-mix(in srgb, var(--fg) 26%, transparent), color-mix(in srgb, var(--fg) 11%, transparent) 48%, transparent 100%);translate:var(--mx,0) var(--my,0);opacity:0;transition:opacity .7s var(--ease);pointer-events:none;position:absolute;top:0;left:0}.pill:not([style*=--mx]):before{top:50%;left:50%}.pill:hover:before{will-change:translate}.pill:hover,.pill:focus-visible{border-color:color-mix(in srgb, var(--fg) 88%, transparent);background:color-mix(in srgb, var(--fg) 7%, transparent)}.pill:hover:before,.pill:focus-visible:before{opacity:1}.pill-label{vertical-align:top;display:inline-block;position:relative;overflow:hidden}.pill-label>span{transition:transform .7s var(--ease);display:block}.pill-label>span+span{position:absolute;inset:0;transform:translateY(115%)}.pill:hover .pill-label>span:first-child,.pill:focus-visible .pill-label>span:first-child{transform:translateY(-115%)}.pill:hover .pill-label>span+span,.pill:focus-visible .pill-label>span+span{transform:none}.pill-solid{background:var(--c-pink);border-color:var(--c-pink);color:var(--c-obsidian)}.pill-solid:before{--glow:260px;background:radial-gradient(circle closest-side,#ffffffb3,#ffffff4d 48%,#0000 100%)}.pill-solid:after{content:"";z-index:-1;background:linear-gradient(105deg,#0000 32%,#fff9 50%,#0000 68%);position:absolute;inset:-1px;transform:translate(-130%)}.pill-solid:hover:after,.pill-solid:focus-visible:after{transition:transform 1s var(--ease);transform:translate(130%)}.pill-solid:hover,.pill-solid:focus-visible{background:color-mix(in srgb, var(--c-pink) 78%, white);border-color:color-mix(in srgb, var(--c-pink) 78%, white);filter:drop-shadow(0 8px 26px #ff4fa399)}.pill-ink{background:var(--c-obsidian);border-color:var(--c-obsidian);color:var(--c-pink)}.pill-ink:before{--glow:260px;background:radial-gradient(circle closest-side,#ff4fa38c,#ff4fa33b 48%,#0000 100%)}.pill-ink:hover,.pill-ink:focus-visible{background:var(--c-obsidian);border-color:var(--c-obsidian);filter:drop-shadow(0 10px 22px #0d0b0b73)}@media (prefers-reduced-motion:no-preference){.pill-solid{animation:5.2s ease-in-out 3.4s 3 pill-breathe}.pill-solid:after{animation:pill-sweep 5.2s var(--ease-soft) 3.4s 3}}@keyframes pill-breathe{0%,to{filter:brightness()}50%{filter:brightness(1.1)}}@keyframes pill-sweep{0%,30%{transform:translate(-130%)}72%,to{transform:translate(130%)}}.flood{isolation:isolate;position:relative;overflow:clip}.flood:before{content:"";left:var(--mx,50%);top:var(--my,50%);z-index:-1;background:var(--c-pink);opacity:0;pointer-events:none;width:240vmax;height:240vmax;transition:opacity .9s var(--ease-soft), transform 0s linear .9s;border-radius:50%;margin:-120vmax 0 0 -120vmax;position:absolute;transform:scale(0)}.flood:hover:before,.flood:focus-within:before{opacity:1;transition:opacity .7s var(--ease-soft) 90ms, transform 1.4s var(--ease-soft) 90ms;transform:scale(1)}.flood:hover,.flood:focus-within{--muted:var(--c-obsidian)}.tag{font-family:var(--font-mono);font-size:var(--tc);line-height:var(--lhc);letter-spacing:.22em;text-transform:uppercase;font-weight:700}.pill:focus-visible{outline-offset:var(--focus-offset)}.skip{--focus:var(--night-focus);left:var(--sp2);top:var(--sp2);z-index:var(--z-skip);padding:var(--sp1) var(--sp2);background:var(--night-fg);color:var(--night-bg);font-size:var(--t0);line-height:var(--lh0);letter-spacing:var(--label-tracking);text-transform:uppercase;transform:translateY(calc(-100% - var(--sp3)));position:absolute}.skip:focus{transform:none}@media (prefers-reduced-motion:no-preference){[data-resolve]{transition:opacity var(--d-long) var(--ease) var(--stagger,0s), transform var(--d-long) var(--ease) var(--stagger,0s)}[data-resolve][data-pending]{opacity:0;transform:translateY(var(--rise));will-change:opacity, transform}.rise{animation:rise var(--d-long) var(--ease) both;animation-delay:calc(var(--step,0) * var(--d-short) / 2)}}@keyframes rise{0%{opacity:0;transform:translateY(var(--rise))}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.word{white-space:nowrap;display:inline-block}.ch{display:inline-block}@media (prefers-reduced-motion:no-preference){.ch{animation:ch-in 1s var(--ease) backwards;animation-delay:calc(var(--ch-delay,.3s) + var(--i,0) * 20ms)}}.fx-near .ch{will-change:translate, rotate}.fx-on [data-parallax]{will-change:translate}@keyframes ch-fade{0%{opacity:0;transform:translateY(.5em)}to{opacity:1;transform:none}}@keyframes ch-in{0%{opacity:0;transform:translateY(.6em)rotate(6deg)scale(.9)}to{opacity:1;transform:none}}.fx-cursor{z-index:var(--z-overlay);pointer-events:none;opacity:0;contain:strict;will-change:transform;width:560px;height:560px;transition:opacity .9s var(--ease);background:radial-gradient(circle closest-side,#ff4fa342,#ff4fa333 18%,#ff4fa321 36%,#ff4fa312 56%,#ff4fa306 78%,#ff4fa300 100%);position:fixed;top:0;left:0}.fx-cursor.is-on{opacity:1}.fx-chip{z-index:var(--z-overlay);padding:var(--sp1) var(--sp2);border-radius:var(--round);background:var(--c-pink);color:var(--c-obsidian);font:600 var(--tc) / var(--lhc) var(--font-text);letter-spacing:var(--label-tracking);white-space:nowrap;pointer-events:none;opacity:0;transform-origin:0 0;will-change:transform;transition:opacity .35s var(--ease-soft), scale .6s var(--spring);position:fixed;top:0;left:0;scale:.4}.fx-chip.is-on{opacity:1;scale:1}.fx-chip.is-ink{background:var(--c-obsidian);color:var(--c-pink)}html[data-curtain=cover] .rise,html[data-curtain=cover] .ch,html[data-curtain=cover] [data-enter]{animation-play-state:paused!important}.grain{z-index:var(--z-grain);pointer-events:none;opacity:.05;contain:strict;will-change:transform;background:url(/grain.png) 0 0/200px 200px;position:fixed;inset:-200px}@media (prefers-reduced-motion:no-preference){.grain{animation:1.2s step-end infinite grain}}[data-off],[data-off]:before,[data-off]:after,[data-off] *,[data-off] :before,[data-off] :after{animation-play-state:paused!important}html.motion-paused .grain,html.motion-paused .pill-solid,html.motion-paused .pill-solid:after{animation:none}@keyframes grain{0%{transform:translate(0)}12%{transform:translate(-83px,61px)}25%{transform:translate(57px,-109px)}37%{transform:translate(-131px,-37px)}50%{transform:translate(101px,79px)}62%{transform:translate(-41px,127px)}75%{transform:translate(89px,-67px)}87%{transform:translate(-113px,103px)}}::selection{background:var(--c-pink);color:var(--c-obsidian)}html{scrollbar-width:thin;scrollbar-color:var(--c-pink) var(--c-obsidian)}.no-gpu .ch,.no-gpu .pill-solid,.no-gpu .pill-solid:after,.no-gpu .grain{animation:none!important}.no-gpu .fx-cursor,.no-gpu .grain{display:none}
