@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}}html{--purple-color:light-dark(oklch(38.2% .2 300),oklch(38.2% .1528 300));--yellow-color:light-dark(oklch(85.4% .2 90),oklch(85.4% .0944 90));--background-color:light-dark(#fff,#000);--text-color:light-dark(#000,#fff);--calm-text-color:light-dark(oklch(14.6% 0 90),oklch(85.4% 0 90));--weak-text-color:light-dark(oklch(38.2% 0 90),oklch(61.8% 0 90));--border-color:color-mix(var(--text-color), var(--background-color) 61.8%);--link-color:light-dark(var(--purple-color),var(--yellow-color));--not-link-color:light-dark(var(--yellow-color),var(--purple-color));color:var(--calm-text-color);background-color:var(--background-color);accent-color:var(--purple-color);--border-width:1px;@media (resolution>=2x){--border-width:.5px}--border-radius:.25rlh;@supports (corner-shape:superellipse(2)){--corner-shape:superellipse(2);--border-radius:.5rlh}@media (width<=28rem){font-size:68.75%}@media (width<=23rem){font-size:62.5%}}body{--content-gap:.5rlh;--gap-x:1rlh;--gap-y:1.5rlh;--span:3;--span-multiplier:2;--column-count:7;--shrouded-columns:1;--column-width:calc((100% - var(--gap-x) * (var(--column-count) - 1)) / var(--column-count));--grid-auto-columns:var(--column-width);--grid-template-columns:repeat(var(--column-count), var(--column-width));--scroller-extra-padding:1px;--body-gap:calc(var(--gap-y) * 2 - var(--scroller-extra-padding));--grid-wiggle:calc(var(--gap-y));--space-for-grid:calc(var(--grid-wiggle) + var(--gap-y) * 1.5);--top-margin:.5rlh;--bottom-margin:.5rlh;--left-margin:calc(var(--gap-x) / 2);--right-margin:calc(var(--gap-x) / 2);--margin-top:calc(env(safe-area-inset-top) + var(--top-margin));--margin-right:calc(env(safe-area-inset-right) + var(--right-margin));--margin-bottom:calc(env(safe-area-inset-bottom) + var(--bottom-margin));--margin-left:calc(env(safe-area-inset-left) + var(--left-margin));margin-top:var(--margin-top);margin-bottom:var(--margin-bottom);gap:var(--body-gap);display:grid;@media (width>=32rem){--column-count:4;--span-multiplier:1;--gap-x:2rlh;--gap-y:2rlh}@media (width>=38rem){--right-margin:calc(.5rlh + var(--gap-x));--left-margin:calc(.5rlh + var(--gap-x));--top-margin:1rlh;--bottom-margin:1rlh}@media (width>=44rem){--column-count:5}@media (width>=52rem){--right-margin:calc(1rlh + var(--gap-x));--left-margin:calc(1rlh + var(--gap-x))}@media (width>=58rem){--column-count:6;--shrouded-columns:0;& .scroller>.items:after{content:unset}}@media (width>=62rem){--right-margin:calc(2rlh + var(--gap-x));--left-margin:calc(2rlh + var(--gap-x));--bottom-margin:2rlh}@media (width>=68rem){--column-count:7}@media (width>=80rem){--column-count:8}@media (width>=90rem){--column-count:9}@media (width>=100rem){--column-count:10}@media (width>=110rem){--column-count:11;--bottom-margin:3rlh}@media (width>=116rem){--column-count:12}@media (width>=130rem){--grid-template-columns:repeat(auto-fill, 4.5rlh);--grid-auto-columns:4.5rlh;--right-margin:calc(3rlh + var(--gap-x));--left-margin:calc(3rlh + var(--gap-x))}}script{display:none!important}body>*{grid-column:1/-1;display:grid}body>:not(main),body>main>:not(.scroller){padding-left:var(--margin-left);padding-right:var(--margin-right)}body>:not(main),.scroller>.items{grid-template-columns:var(--grid-template-columns);grid-auto-columns:var(--grid-auto-columns);gap:var(--gap-y) var(--gap-x);grid-auto-flow:column;display:grid}::selection{background-color:light-dark(var(--yellow-color),var(--purple-color));color:var(--text-color)}a{color:var(--link-color);&:where(:hover,:focus-visible){color:var(--text-color)}&:active{color:var(--weak-text-color)}}h1,h2,h3,h4,h5,h6,strong,b,dt,legend{color:var(--text-color);font-weight:600}body>header{z-index:1;margin-block:var(--space-for-grid);align-self:start;row-gap:var(--content-gap);background-color:var(--background-color);padding-block:var(--gap-y);pointer-events:none;grid-row:1/2;grid-auto-flow:row;@supports (text-box:trim-both cap alphabetic){row-gap:calc(var(--content-gap) * 2);&>*{text-box:trim-both cap alphabetic}}&>*{pointer-events:all}&>.avatar{grid-column:1 / span var(--span-multiplier);grid-row:1/2;align-content:center;align-self:center;justify-items:center;height:0;min-height:100%;display:grid;@media (prefers-color-scheme:light){filter:brightness(114.6%)}transition:transform 34ms ease-out;transform:scale(1);&:hover,&:focus-visible{transform:scale(1.09)}&:active{transform:scale(.91)}& img{width:100%;display:block}@media (width>=32rem){grid-column:1/2;& img{width:123.6%;max-width:unset}}html:not(#home) &{align-content:center;align-self:center}}&>h1{grid-column:calc(1 + var(--span-multiplier)) / -1;@media (width>=32rem){grid-column:2/5}@media (width>=58rem){grid-area:1/auto/3/span 2}@media (width>=90rem){grid-row:1/2}html:not(#home) &{grid-column:calc(var(--span-multiplier) + 1) / -1;grid-row:1/2}}&>p{grid-column:calc(1 + var(--span-multiplier)) / -1;@media (width>=32rem){grid-column:2/5;font-size:1.25rcap;line-height:1.25rlh}@media (width>=58rem){grid-column:4 / span var(--span)}@media (width>=90rem){grid-column:auto/span 3}}}body>.grid{pointer-events:none;height:100%;padding-bottom:var(--grid-wiggle);order:-1;grid-area:1/1/2/-1;grid-template-rows:1fr;grid-auto-flow:row;align-self:start;row-gap:0;&>div{background-color:var(--purple-color);transform:translateY(calc(var(--random-1) * var(--grid-wiggle))) skewY(calc((var(--random-2) * 2 - 1) * 6deg));touch-action:pan-y;pointer-events:all;transition-property:transform,background-color;transition-duration:.133333s;transition-timing-function:ease-out}}body>main{gap:var(--body-gap);margin-top:var(--scroller-extra-padding);align-self:center;display:grid}h1{font-size:2rcap;font-weight:500;line-height:1.5rlh;@media (width>=32rem){font-size:2.5rcap;font-weight:700;line-height:1.875rlh}}h2{font-size:1.625rcap;font-weight:500;line-height:1.25rlh;@media (width>=32rem){font-size:2rcap;font-weight:600;line-height:1.5rlh}}main pre{white-space:pre-wrap;border:var(--border-width) solid var(--border-color);padding:.5rlh 1rlh;overflow:unset!important}main blockquote{border-left:var(--border-width) solid;padding-left:.5lh}main figure{gap:.5rlh;display:grid;& img,& video{border-radius:inherit;corner-shape:inherit}&:has(figcaption){& img,& video{border-bottom-right-radius:0;border-bottom-left-radius:0}}& figcaption{color:var(--weak-text-color)}}@media (prefers-color-scheme:dark){.astro-code,.astro-code span{color:var(--shiki-dark)!important;background-color:var(--shiki-dark-bg)!important;font-style:var(--shiki-dark-font-style)!important;font-weight:var(--shiki-dark-font-weight)!important;text-decoration:var(--shiki-dark-text-decoration)!important}}.post-list{gap:var(--content-gap);display:grid;&>li{display:grid;&>time{color:var(--weak-text-color)}}}body>footer{color:var(--weak-text-color);background-color:var(--background-color);align-self:end;row-gap:var(--content-gap);grid-auto-flow:row;& strong{color:var(--text-color)}&>*{grid-column-start:unset;grid-column-end:span calc(var(--span) * var(--span-multiplier))}}