:root{--main-width: 96rem;--font-size-xxxsm: clamp(1.2rem, 1.4vw, 1.4rem);--font-size-xxsm: clamp(1.4rem, 1.6vw, 1.6rem);--font-size-xsm: clamp(1.6rem, 1.7vw, 1.7rem);--font-size-sm: clamp(1.6rem, 1.8vw, 1.8rem);--font-size-me: clamp(1.6rem, 2.2vw, 2.2rem);--font-size-lg: clamp(1.8rem, 2.4vw, 2.4rem);--font-size-xlg: clamp(2rem, 2.4vw, 2.4rem);--font-size-xxlg: clamp(2.2rem, 2.8vw, 2.8rem);--font-size-xxxlg: clamp(2.4rem, 3.2vw, 3.2rem);--font-size-h-xxxsm: clamp(1.4rem, 1.6vw, 1.6rem);--font-size-h-xxsm: clamp(1.8rem, 2.2vw, 2.2rem);--font-size-h-xsm: clamp(2rem, 3vw, 3rem);--font-size-h-sm: clamp(2.4rem, 3.8vw, 3.8rem);--font-size-h-me: clamp(2.8rem, 4.6vw, 4.6rem);--font-size-h-lg: clamp(3.2rem, 5.2vw, 5.2rem);--font-size-h-xlg: clamp(3.6rem, 6vw, 6rem);--font-size-h-xxlg: clamp(4rem, 6.8vw, 6.8rem);--font-size-h-xxxlg: clamp(4.4rem, 7.6vw, 7.6rem);--font-size-huge-responsive: clamp(1.6rem, 10vw, 10rem);--font-family-default: ui-monospace, SFMono-Regular, "SF Mono", Consolas, Menlo, "Liberation Mono", "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", "Jetbrains Mono", "Source Code Pro", Monaco, monospace, "Courier New";--font-family-headings: var(--font-family-default);--font-family-monospace: var(--font-family-default);--main-clr-shade: hsl(240 22% 5% / 1);--link-clr: hsl(210 100% 40% / 1);--glow-clr-1: rgba(0, 120, 210, 1);--glow-clr-2: rgba(190, 0, 220, 1);--glow-clr-3: rgba(138, 0, 190, 1);--glow-clr-4: rgba(0, 180, 245, 1);--glow-clr-5: rgba(0, 120, 210, 1);--blur-xsm: 1px;--blur-sm: 2px;--blur-me: 4px;--blur-lg: 8px;--blur-xlg: 12px;--glow-shadow-clr: rgba(230, 0, 255, .85);--line-height-xxxsm: 1;--line-height-xxsm: 1.2;--line-height-xsm: 1.4;--line-height-sm: 1.6;--line-height-me: 1.8;--line-height-lg: 2;--line-height-xlg: 2.2;--line-height-xxlg: 2.4;--line-height-xxxlg: 2.6;--spacings-sm-000: 0rem;--spacings-sm-100: .4rem;--spacings-sm-200: .8rem;--spacings-sm-300: 1.2rem;--spacings-sm-400: 1.6rem;--spacings-sm-500: 2rem;--spacings-sm-600: 2.4rem;--spacings-sm-700: 2.8rem;--spacings-sm-800: 3.2rem;--spacings-sm-900: 3.6rem;--spacings-lg-000: 0rem;--spacings-lg-100: 4rem;--spacings-lg-200: 4.4rem;--spacings-lg-300: 4.8rem;--spacings-lg-400: 5rem;--spacings-lg-500: 5.4rem;--spacings-lg-600: 5.8rem;--spacings-lg-700: 6.2rem;--spacings-lg-800: 7.8rem;--spacings-lg-900: 8.6rem;--border-radius-xxxsm: .1rem;--border-radius-xxsm: .2rem;--border-radius-xsm: .4rem;--border-radius-sm: .6rem;--border-radius-me: .8rem;--border-radius-lg: 1rem;--border-radius-xlg: 1.2rem;--border-radius-xxlg: 1.4rem;--border-radius-xxxlg: 1.6rem;--border-radius-pill: 1000px;--transition-fast: all .3s ease-in-out}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{font-size:62.5%;scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%;hanging-punctuation:first last}html,body{min-width:100%;min-height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-family-default);font-optical-sizing:auto;line-height:var(--line-height-me);font-size:var(--font-size-me);font-weight:400;color:hsl(from var(--main-clr-shade) h s 5% / 1);background:hsl(from var(--main-clr-shade) h s 5% / 1)}a{color:inherit;text-decoration:underline;&:hover{text-decoration:none}}h1,h2,h3,h4,h5,h6{line-height:var(--line-height-xxsm);letter-spacing:-.03rem;font-weight:900;font-size:var(--font-size-h-xxxlg);margin:clamp(var(--spacings-sm-900),8vw,var(--spacings-lg-900)) 0;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;word-wrap:break-word;text-wrap:balance}h2{line-height:var(--line-height-xxsm);letter-spacing:-.03rem;font-size:var(--font-size-h-xlg);margin:clamp(var(--spacings-sm-600),8vw,var(--spacings-lg-700)) 0}h3{line-height:var(--line-height-xsm);letter-spacing:-.03rem;font-size:var(--font-size-h-lg);margin:clamp(var(--spacings-sm-400),8vw,var(--spacings-lg-600)) 0}h4{line-height:var(--line-height-sm);font-size:var(--font-size-h-me);letter-spacing:-.02rem;margin:clamp(var(--spacings-sm-400),8vw,var(--spacings-lg-500)) 0}h5{line-height:var(--line-height-sm);letter-spacing:-.02rem;font-size:var(--font-size-h-sm);margin:clamp(var(--spacings-sm-400),8vw,var(--spacings-lg-300)) 0}h6{line-height:var(--line-height-me);letter-spacing:-.01rem;font-size:var(--font-size-h-xsm);margin:clamp(var(--spacings-sm-400),8vw,var(--spacings-lg-200)) 0}p{text-wrap:pretty}p,hr,pre,blockquote,img,ul,ol{margin:clamp(var(--spacings-sm-600),2vw,var(--spacings-lg-400)) 0}hr{border:1px solid hsl(from var(--main-clr-shade) h 10% 85% / 1);margin:clamp(var(--spacings-sm-800),3vw,var(--spacings-lg-700)) 0}p,blockquote,ul,ol{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;word-wrap:break-word}ul,ol{margin-left:clamp(var(--spacings-sm-500),2vw,var(--spacings-sm-700));padding-left:clamp(var(--spacings-sm-500),2vw,var(--spacings-sm-700))}blockquote{padding:clamp(var(--spacings-sm-600),3vw,var(--spacings-lg-100));color:hsl(from var(--main-clr-shade) h s 10% / 1);background-color:hsl(from var(--main-clr-shade) h s 95% / 1);border-radius:var(--border-radius-me);font-family:var(--font-family-monospace);font-size:var(--font-size-xsm);line-height:var(--line-height-xsm);p:first-child{margin-top:0}p:last-child{margin-bottom:0}}pre{width:100%;max-width:100%;min-width:0;padding:clamp(var(--spacings-sm-600),3vw,var(--spacings-lg-100));padding-top:clamp(var(--spacings-sm-700),3vw,var(--spacings-lg-100));border-radius:var(--border-radius-me);overflow-x:auto;font-family:var(--font-family-monospace);font-size:var(--font-size-xsm);line-height:var(--line-height-xsm)}pre code{display:block;white-space:pre;overflow-wrap:normal;word-break:normal}img{margin-left:auto;margin-right:auto;border-radius:var(--border-radius-me)}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}.glass{overflow:hidden;position:relative;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(8px);transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;box-shadow:0 24px 40px -8px hsl(0 0 0 / .3),inset 0 0 1px 1px hsl(0 0 100% / .065)}.glass:hover{transform:scale(1.05);box-shadow:0 24px 50px -8px hsl(0 0 0 / .5),inset 0 0 1px 1px hsl(0 0 100% / .08)}.glass:hover:before{opacity:.4}.glass:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;opacity:.2;transition:opacity .3s ease-in-out;background:linear-gradient(135deg,#fff,#fff0 30% 70%,#ffffff4d);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none}.theme-toggle{position:fixed;right:clamp(1rem,2.5vw,3rem);top:clamp(1rem,2.5vw,3rem);z-index:9999;opacity:.6;transition:opacity .3s ease-in-out;cursor:pointer;display:block}.theme-toggle:hover{opacity:1}.theme-toggle #theme-mode{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.theme-toggle-track{display:flex;align-items:center;justify-content:space-between;width:4.8rem;height:2.4rem;border-radius:var(--border-radius-pill);background:hsl(from var(--main-clr-shade) h s 85% / 1);position:relative;padding:0 .4rem;transition:background-color .3s ease-in-out}.theme-toggle-track:before{content:"☀️";font-size:1.2rem;line-height:1;z-index:1}.theme-toggle-track:after{content:"🌙";font-size:1.2rem;line-height:1;z-index:1}.theme-toggle-thumb{position:absolute;top:.2rem;left:.2rem;width:2rem;height:2rem;border-radius:50%;background:hsl(from var(--main-clr-shade) h s 100% / 1);box-shadow:0 1px 3px #0000004d;transition:transform .3s ease-in-out}#theme-mode:checked~.theme-toggle-track{background:hsl(from var(--main-clr-shade) h s 30% / 1)}#theme-mode:checked~.theme-toggle-track .theme-toggle-thumb{transform:translate(2.4rem)}.main{border-radius:var(--border-radius-me);margin-inline:auto;color:hsl(from var(--main-clr-shade) h s 5% / 1);background-color:hsl(from var(--main-clr-shade) h s 100% / 1);min-height:100vh}.article{width:100%;max-width:var(--main-width);font-size:clamp(1.6rem,2.4vw,2.4rem);display:flow-root;overflow-wrap:anywhere;margin:0 auto;a{text-decoration:none;color:hsl(from var(--link-clr) h 80% 40% / 100%);&:hover{text-decoration:underline;color:hsl(from var(--link-clr) h 90% 50% / 100%)}}h1{margin-top:0}}.section{margin:0 auto;position:relative;z-index:1;scroll-snap-align:start}.section-dark{color:hsl(from var(--main-clr-shade) h s 80% / 1);background-color:hsl(from var(--main-clr-shade) h s 5% / 1)}.section-light{color:hsl(from var(--main-clr-shade) h s 5% / 1);background-color:hsl(from var(--main-clr-shade) h s 100% / 1)}.section-content{max-width:180rem;padding:clamp(var(--spacings-sm-400),3vw,var(--spacings-sm-900));border-radius:var(--border-radius-me);margin-inline:auto}.canvas-bg{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}.next-section{position:absolute;z-index:1;left:0;right:0;bottom:0;font-size:var(--font-size-xxxsm);text-align:center;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:clamp(var(--spacings-sm-400),3vw,var(--spacings-sm-900));a{color:inherit;text-decoration:none;transition:var(--transition-fast);padding:clamp(var(--spacings-sm-200),3vw,var(--spacings-sm-600)) 0}a:hover{transform:translateY(-5px)}}.section-dark .next-section{color:hsl(from var(--main-clr-shade) h s 60% / 1);background-color:hsl(from var(--main-clr-shade) h s 5% / 1);a:hover{transform:translateY(-5px);color:hsl(from var(--main-clr-shade) h s 95% / 1)}}.section-light .next-section{color:hsl(from var(--main-clr-shade) h s 30% / 1);background-color:hsl(from var(--main-clr-shade) h s 100% / 1);a:hover{transform:translateY(-5px);color:hsl(from var(--main-clr-shade) h s 5% / 1)}}.section-header{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:clamp(var(--spacings-lg-200),8vw,var(--spacings-lg-700)) 0;padding-top:clamp(var(--spacings-lg-300),8vw,var(--spacings-lg-800));max-width:80ch;margin:0 auto;margin-bottom:clamp(var(--spacings-lg-400),8vw,var(--spacings-lg-900));p{margin:0}}.section-eyeball{font-size:var(--font-size-xxsm);color:hsl(from var(--main-clr-shade) h s 30% / 1);text-transform:uppercase;letter-spacing:.1em;font-weight:600;margin-bottom:var(--spacings-sm-200)}.section-dark .section-eyeball{color:hsl(from var(--main-clr-shade) h s 70% / 1)}.section-line{color:hsl(from var(--main-clr-shade) h s 30% / 1);font-size:clamp(var(--font-size-sm),3vw,var(--font-size-md));max-width:60ch;margin:0 auto}.section-dark .section-line{color:hsl(from var(--main-clr-shade) h s 70% / 1)}.section-title{font-size:var(--font-size-h-me);margin:var(--spacings-sm-600) auto;line-height:1.1;letter-spacing:-.04em;font-weight:800}.section-blog{margin:0 auto;padding-top:clamp(var(--spacings-lg-100),8vw,var(--spacings-lg-400));padding-bottom:8rem}.form{display:flex;align-items:flex-start;align-content:flex-start;flex-direction:column;gap:clamp(var(--spacings-lg-100),4.4vw,var(--spacings-lg-200))}.form-row{width:100%;display:flex;flex-wrap:wrap;flex-direction:row;gap:clamp(var(--spacings-sm-400),4.4vw,var(--spacings-lg-200));align-items:flex-start;align-content:flex-start}textarea,button,select{font-size:clamp(var(--font-size-xsm),1.8vw,var(--font-size-me));font-family:var(--font-family-monospace)}select{width:100%;padding:var(--spacings-sm-400) var(--spacings-sm-200);border-radius:var(--border-radius-me)}textarea{width:100%;max-width:var(--main-width);min-height:25rem;font-family:var(--font-family-monospace);border-radius:var(--border-radius-me);padding:var(--spacings-sm-400) var(--spacings-sm-200)}.form-row-submit{width:auto}button{border:none;cursor:pointer}button:disabled{cursor:not-allowed}.article-section{transition:background-color .3s ease-in-out,color .3s ease-in-out,border .3s ease-in-out}.article-section[data-theme=dark]{color:hsl(from var(--main-clr-shade) h s 90% / 1);background-color:hsl(from var(--main-clr-shade) h 12% 10% / 1);border-top:1px solid hsl(from var(--main-clr-shade) h 10% 15% / 1);border-bottom:1px solid hsl(from var(--main-clr-shade) h 10% 2% / 1)}.article-section[data-theme=dark] .article a{color:hsl(from var(--link-clr) h 80% 75% / 100%);text-decoration:underline}.article-section[data-theme=dark] .article a:hover{color:hsl(from var(--link-clr) h 95% 85% / 100%);text-decoration:none}.article-section[data-theme=dark] .post-meta{color:hsl(from var(--main-clr-shade) h 10% 60% / 1)}.article-section[data-theme=dark] blockquote{color:hsl(from var(--main-clr-shade) h s 85% / 1);background-color:hsl(from var(--main-clr-shade) h 12% 15% / 1)}.article-section[data-theme=dark] hr{border:1px solid transparent;border-top:1px solid hsl(from var(--main-clr-shade) h 10% 2% / 1);border-bottom:1px solid hsl(from var(--main-clr-shade) h 10% 15% / 1)}.article-section[data-theme=dark] nav.nav,.article-section[data-theme=dark] footer.nav,.article-section[data-theme=dark] .section-line,.article-section[data-theme=dark] .section-eyeball,.article-section[data-theme=dark] .blog-post-link.blog-post-link,.article-section[data-theme=dark] .blog-post-description,.article-section[data-theme=dark] .blog-post-date,.article-section[data-theme=dark] .blog-pagination-current{color:hsl(from var(--main-clr-shade) h 10% 80% / 1);a{color:hsl(from var(--link-clr) h 30% 80% / 100%);&:hover{color:hsl(from var(--link-clr) h 50% 95% / 100%)}}}.article-section[data-theme=dark] .blog-post-link.blog-post-link{text-decoration:none}.bg-parallax{color:hsl(from var(--main-clr-shade) h s 95% / 1);background-image:url(/imgs/assets/2026/02/stars.svg),url(/imgs/assets/2026/02/stars.svg),url(/imgs/assets/2026/02/stars.svg);background-size:250px 250px;background-position-x:0%,20%,40%;background-position-y:0%,20%,40%}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.bg-parallax{transform-origin:50% 50%;animation-name:css-bg-parallax;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:view(block 0% 0%)}}}@keyframes css-bg-parallax{0%{background-position-y:0%,20%,40%;background-size:250px 250px,250px 250px,250px 250px}to{background-position-y:-20%,-20%,-40%;background-size:250px 250px,300px 300px,350px 350px}}.footer-massive[data-astro-cid-sz7xmlte]{position:relative;overflow:hidden;padding-top:clamp(var(--spacings-lg-100),8vw,var(--spacings-lg-600));flex-direction:column;padding-bottom:clamp(var(--spacings-lg-100),8vw,var(--spacings-lg-600))}.footer-top-links[data-astro-cid-sz7xmlte]{display:flex;justify-content:space-between;align-items:center;padding:0 clamp(var(--spacings-sm-400),4vw,var(--spacings-sm-900));font-size:var(--font-size-xsm);color:hsl(from var(--main-clr-shade) h s 60% / 1);font-weight:400;z-index:2;flex-wrap:wrap;gap:var(--spacings-sm-400)}.footer-top-links[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]{color:inherit;text-decoration:none;transition:var(--transition-fast)}.footer-top-links[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:hover{color:hsl(from var(--main-clr-shade) h s 95% / 1)}.footer-megatext-container[data-astro-cid-sz7xmlte]{display:flex;justify-content:center;align-items:flex-start;width:100%;pointer-events:none;user-select:none;z-index:1;margin-top:auto}.footer-megatext[data-astro-cid-sz7xmlte]{font-size:11.5vw;line-height:.9;font-weight:900;letter-spacing:-.06em;color:hsl(from var(--main-clr-shade) h s 95% / 1);white-space:nowrap;padding-top:12vw}.footer-massive[data-astro-cid-sz7xmlte]:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:80%;background:linear-gradient(to top,hsl(from var(--main-clr-shade) h s 5% / 1) 0%,transparent 50%);z-index:2;pointer-events:none}