.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}@font-face{font-family:Asul;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/asul-latin-400-normal.DWHeh-ht.woff2)format("woff2"),url(/_astro/asul-latin-400-normal.DQPxSh8n.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Gemunu Libre Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/gemunu-libre-sinhala-wght-normal.DQtS1pn7.woff2)format("woff2-variations");unicode-range:U+964-965,U+D81-DF4,U+1CF2,U+200C-200D,U+25CC,U+111E1-111F4}@font-face{font-family:Gemunu Libre Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/gemunu-libre-latin-ext-wght-normal.tc3vvg56.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Gemunu Libre Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/gemunu-libre-latin-wght-normal.DK-eHlfg.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/noto-sans-cyrillic-ext-wght-normal.DSNfmdVt.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Noto Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/noto-sans-cyrillic-wght-normal.B2hlT84T.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Noto Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/noto-sans-devanagari-wght-normal.Cv-Vwajv.woff2)format("woff2-variations");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Noto Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/noto-sans-greek-ext-wght-normal.12T8GTDR.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Noto Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/noto-sans-greek-wght-normal.Ymb6dZNd.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Noto Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/noto-sans-vietnamese-wght-normal.DLTJy58D.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Noto Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/noto-sans-latin-ext-wght-normal.W1qJv59z.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/noto-sans-latin-wght-normal.BYSzYMf3.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}#site-nav{justify-content:center;align-items:center;padding:16px 24px;display:flex;& ul{backdrop-filter:blur(2px);box-sizing:border-box;background:oklch(31% .12 280.56/.25);border-radius:32px;justify-content:center;align-items:center;gap:24px;padding:6px 10px;list-style:none;display:flex;box-shadow:inset -.5px -.75px 1px oklch(96% .02 286.23/.15),inset .5px .75px 1px oklch(96% .02 286.23/.25);margin:unset!important;& li{margin-top:unset;border-radius:20px;position:relative;& a{background-blend-mode:screen, normal;-webkit-text-fill-color:transparent;font:700 24px / 1.4 var(--family-display);text-align:center;letter-spacing:.02em;mix-blend-mode:hard-light;filter:drop-shadow(0 0 4px oklch(31% .12 280.56/.35))drop-shadow(0 0 2px oklch(31% .12 280.56/.75))drop-shadow(0 0 1px oklch(31% .12 280.56/.95));background-color:#0000;background-image:linear-gradient(oklch(100% 0 0/.15),oklch(100% 0 0/.15)),linear-gradient(oklch(100% 0 0) 0%,oklch(82% .05 321.95) 100%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:auto,auto;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:text;justify-content:center;align-items:center;gap:8px;padding:3px 24px;display:flex;&:has(svg){width:fit-content;height:fit-content;padding:4px;& svg{mix-blend-mode:plus-lighter;fill:url(#svg-fill-2);width:100%;max-width:32px;height:100%;max-height:32px}}&:not(:has(svg)){height:40px}}&:has(a.active):not(:hover,:focus-within,:focus-visible){& a{filter:drop-shadow(0 0 4.5px #3221e580)drop-shadow(0 0 1px #3221e5e6)}background-blend-mode:color-dodge;background:radial-gradient(50% 50%,oklch(31% .12 280.56/0) 0%,oklch(31% .12 280.56/.65) 100%);box-shadow:inset -.5px -.75px 1px oklch(96% .02 286.23/.15),inset .5px .75px 1px oklch(96% .02 286.23/.25),inset 0 -1px 3px oklch(31% .12 280.56/.15),inset 0 1px 3px oklch(31% .12 280.56/.15),inset 0 -2px 8px oklch(31% .12 280.56/.2),inset 0 2px 8px oklch(31% .12 280.56/.2)}&:hover,&:focus-within,&:focus-visible{outline:none;& a{filter:drop-shadow(0 0 4.5px #3221e580)drop-shadow(0 0 1px #3221e5e6);outline:none}background-blend-mode:hard-light;background:radial-gradient(50% 50%,#28226900 0%,#2822691a 100%);box-shadow:0 19.4223px 36.6866px #9f21e880,0 5.85527px 11.06px #9f21e838,0 1px 1px #00000059,0 2px 2px #00000040,inset 0 -1px 1px #f2f2ff80,inset 0 1px 1px #f2f2ff80,inset 0 6px 8px #9f21e8c7,inset 0 -4px 5px #9f21e8d6;& svg:last-child{opacity:1}}& a+svg{opacity:0;mix-blend-mode:color-dodge;filter:blur(2.5px);pointer-events:none;width:calc(100% - 40px);height:fit-content;transition:opacity .15s cubic-bezier(.4,0,.2,1);position:absolute;bottom:2px;left:20px}&:has(a>svg) a+svg{width:calc(100% - 8px);left:4px}}}@media screen and (width<=522px){width:100%;padding-inline:22px;& ul{justify-content:space-between;gap:12px;width:100%}}&:has(+article.github-markdown-content){& ul li a:not(:has(svg)){height:34px}@media screen and (width<=522px){width:100%;padding:unset;& ul{gap:unset;border-radius:unset;width:100%;box-shadow:unset;justify-content:space-between;padding-block:22px 30px;padding-inline:32px}}}}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*),[data-astro-transition-scope]{animation:none!important}}#shaders{z-index:-1;pointer-events:none;background:#05030f;width:stretch;height:stretch;position:absolute;inset:0;overflow:hidden}#shader-controls-toggle{all:unset;z-index:100;cursor:pointer;background:oklch(31% .12 280.56/.5);border-radius:20px;justify-content:center;align-items:center;width:fit-content;height:fit-content;padding:4px;transition:rotate .3s;display:flex;position:fixed;inset-block-end:calc(32px + env(safe-area-inset-bottom));inset-inline-start:calc(32px + env(safe-area-inset-left));box-shadow:0 0 4px oklch(31% .12 280.56/.35),0 0 2px oklch(31% .12 280.56/.75),0 0 1px oklch(31% .12 280.56/.95),inset -.5px -.75px 1px #f2f2ff80,inset .5px .75px 1px #f2f2ff80,inset 0 -4px 5px #9f21e882;&:hover,&:focus-visible{outline:none;rotate:30deg;box-shadow:0 0 4.5px #3221e580,0 0 1px #3221e5e6,0 12px 24px #9f21e880,inset 0 -1px 1px #f2f2ff80,inset 0 1px 1px #f2f2ff80,inset 0 6px 8px #9f21e8bf,inset 0 -4px 5px #9f21e8d9;& svg:last-child{opacity:1}}& svg:first-child{mix-blend-mode:plus-lighter;fill:url(#svg-fill-2);width:32px;height:32px}& svg:last-child{opacity:0;mix-blend-mode:color-dodge;filter:blur(2.5px);pointer-events:none;width:calc(100% - 8px);height:fit-content;transition:opacity .15s cubic-bezier(.4,0,.2,1);position:absolute;bottom:2px;left:4px}}#shader-controls{z-index:100;color:#f2f2ff;background:oklch(from var(--color-bg,oklch(20% .1 280)) l c h / .85);backdrop-filter:blur(8px);width:280px;max-height:min(70dvh,600px);box-shadow:var(--box-shadow-highlight,0 8px 24px #00000080);font:600 13px / 1.3 var(--family-display,system-ui);border-radius:16px;flex-direction:column;gap:10px;padding:16px;display:none;position:fixed;inset-block-end:calc(88px + env(safe-area-inset-bottom));inset-inline-start:calc(32px + env(safe-area-inset-left));overflow-y:auto;&[data-open=true]{display:flex}& h2{letter-spacing:.04em;margin:0 0 4px;font-size:15px}& .row{grid-template-columns:1fr auto;align-items:center;gap:6px 10px;display:grid}& .row label{opacity:.85;grid-column:1/-1;justify-content:space-between;display:flex}& .row label .val{font-variant-numeric:tabular-nums;opacity:.7}& input[type=range]{accent-color:#9f21e8;grid-column:1/-1;width:100%}& .color-row{grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}& input[type=color]{cursor:pointer;background:0 0;border:1px solid #f2f2ff33;border-radius:4px;width:36px;height:24px;padding:0}& .gpu{font-variant-numeric:tabular-nums;opacity:.85;border-top:1px solid #f2f2ff26;margin-top:4px;padding-top:8px}& button.copy{all:unset;text-align:center;cursor:pointer;background:#9f21e859;border-radius:8px;margin-top:4px;padding:6px 10px;&:hover{background:#9f21e88c}}}:root{--text-gradient:linear-gradient(0deg, #ffffff26, #ffffff26), linear-gradient(180deg, #fff 0%, #d3b8d7 100%);--link-gradient:linear-gradient(0deg, #26215a40, #26215a40), linear-gradient(180deg, #fff 0%, #d3b8d7 100%);--family-display:"Gemunu Libre Variable", "Gemunu Libre", sans-serif;--family-body:"Noto Sans Variable", "Noto Sans", sans-serif;--family-accent:"Asul", serif;--font-base:16px;--scale:1.125;--fs-50:round(calc(var(--fs-75) / var(--scale)), 1px);--fs-75:round(calc(var(--fs-100) / var(--scale)), 1px);--fs-100:var(--font-base);--fs-200:round(calc(var(--fs-100) * var(--scale)), 1px);--fs-300:round(calc(var(--fs-200) * var(--scale)), 1px);--fs-400:round(calc(var(--fs-300) * var(--scale)), 1px);--fs-500:round(calc(var(--fs-400) * var(--scale)), 1px);--fs-600:round(calc(var(--fs-500) * var(--scale)), 1px);--fs-700:round(calc(var(--fs-600) * var(--scale)), 1px);--fs-800:round(calc(var(--fs-700) * var(--scale)), 1px);--fs-900:round(calc(var(--fs-800) * var(--scale)), 1px);--fs-950:round(calc(var(--fs-900) * var(--scale)), 1px);--fs-975:round(calc(var(--fs-950) * var(--scale)), 1px);--hu:var(--fs-975);--hh:var(--fs-900);--hl:var(--fs-700);--hm:var(--fs-500);--hs:var(--fs-400);--ht:var(--fs-300);--bu:var(--fs-500);--bh:var(--fs-400);--bl:var(--fs-300);--bm:var(--fs-200);--bs:var(--fs-100);--bt:var(--fs-75);--ll:var(--fs-200);--lm:var(--fs-100);--ls:var(--fs-75);--lt:var(--fs-50);--fs-heading:var(--hu);--fs-body:var(--bs);--fs-label:var(--ls);--margin-top-ratio:1.125;--header-margin:calc(var(--fs-heading) / var(--margin-top-ratio)) calc(var(--fs-heading) * .25);--body-margin:calc(var(--fs-body) / var(--margin-top-ratio)) calc(var(--fs-body) * .25);--label-margin:calc(var(--fs-label) / var(--margin-top-ratio)) calc(var(--fs-label) * .25);@media screen and (width<=522px){--font-base:18px;--hu:var(--fs-900);--hh:var(--fs-800);--hl:var(--fs-600);--hm:var(--fs-400);--hs:var(--fs-300);--ht:var(--fs-200);--margin-top-ratio:1.618}--color-text:#fcecfe;--color-bg:#26215a;--color-link:oklch(76.51% .204 328.58);--color-accent:#9f21e8;--color-shadow:#282269;--drop-shadow-accent:drop-shadow(0px 0px 2px oklch(from var(--color-accent) l c h / 75%)) drop-shadow(0px 0px 4px oklch(from var(--color-accent) l c h / 65%)) drop-shadow(0px 0px 8px oklch(from var(--color-accent) l c h / 45%));--drop-shadow-shadow:drop-shadow(0px 1px 4px oklch(from var(--color-shadow) l c h / .75)) drop-shadow(0px 4px 8px oklch(from var(--color-shadow) l c h / .45)) drop-shadow(0px 8px 16px oklch(from var(--color-shadow) l c h / .25));--box-shadow-highlight:inset -.5px -.75px 1px oklch(96% .02 286.23/.15), inset .5px .75px 1px oklch(96% .02 286.23/.25);--box-shadow-shadow:0px 1px 4px oklch(from var(--color-shadow) l c h / .75), 0px 4px 8px oklch(from var(--color-shadow) l c h / .45), 0px 8px 16px oklch(from var(--color-shadow) l c h / .25)}html{scrollbar-width:thin;scrollbar-color:#ab6cfe transparent;scrollbar-gutter:stable;scroll-behavior:smooth;@media (prefers-reduced-motion:reduce){scroll-behavior:auto}}*{margin:0}html{background-color:#18063d}html,body{height:100dvh;padding:0;overflow:hidden}@media (display-mode:standalone){html,body{height:100vh}}body{width:100%;color:var(--color-text);font:400 var(--fs-body) / 1.3 var(--family-body);flex-direction:column;display:flex;position:relative}#cw-main{max-width:100%;height:100%;padding-block:max(8px, env(safe-area-inset-top)) max(32px, env(safe-area-inset-bottom));padding-inline:env(safe-area-inset-left) env(safe-area-inset-right);flex-direction:column;align-items:center;gap:48px;display:flex;position:relative;overflow:auto;@media screen and (width<=522px){gap:unset}}*,:before,:after{box-sizing:border-box}a{text-decoration:none;&:hover,&:focus{text-decoration:none}}img,picture,video,canvas,svg{max-width:stretch;display:block}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}[role=button]{cursor:pointer}a{touch-action:manipulation}ul{all:unset}
