:root{--accent: 155, 100%, 63%;--accent-dark: 234, 100%, 27%;--foreground: 166, 16%, 85%;--foreground-brighter: 166, 16%, 95%;--background: 227, 18%, 15%;--background-lighter: 227, 14%, 20%;--black: 15, 18, 25;--gray: 96, 115, 159;--gray-light: 229, 233, 240;--gray-dark: 34, 41, 57;--blue: 193, 71%, 65%;--coral: 13, 100%, 76%;--violet: 240, 74%, 79%;--gray-gradient: rgba(var(--gray-light), 50%), #fff;--box-shadow: 0 2px 6px hsla(var(--background), 50%), 0 8px 24px hsla(var(--background), 66%), 0 16px 32px hsla(var(--background), 90%);--melon: hsla(0, 100%, 80%, 1);--sunset: hsla(33, 100%, 78%, 1);--cream: hsla(62, 100%, 80%, 1);--tea-green: hsla(110, 100%, 82%, 1);--electric-blue: hsla(185, 100%, 80%, 1);--jordy-blue: hsla(217, 100%, 77%, 1);--periwinkle: hsla(258, 100%, 83%, 1);--mauve: hsla(310, 100%, 84%, 1);--baby-powder: hsla(60, 100%, 99%, 1)}@font-face{font-family:Atkinson;src:url(/fonts/atkinson-regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Atkinson;src:url(/fonts/atkinson-bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}body{font-family:Atkinson,sans-serif;margin:0;padding:0;text-align:left;background:hsl(var(--background-lighter));word-wrap:break-word;overflow-wrap:break-word;color:hsl(var(--foreground));font-size:20px;line-height:1.7}main{width:720px;max-width:calc(100% - 2em);margin:auto;padding:3em 1em}h1,h2,h3,h4,h5,h6{margin:.5em 0;color:hsl(var(--foreground-brighter));line-height:1.2}h1{font-size:3.052em}h2{font-size:2.441em}h3{font-size:1.953em}h4{font-size:1.563em}h5{font-size:1.25em}h6{font-size:1em}:where(h1,h2,h3,h4,h5,h6):target{scroll-margin-top:2rem}strong,b{font-weight:700}a{color:hsl(var(--blue));transition:color 1s ease}a:hover{color:hsl(var(--coral));transition-duration:.18s}p{margin-bottom:1em}.prose p{margin-block:.75rem}.prose img{margin:1.5rem 0}textarea{width:100%;font-size:16px}input{font-size:16px}table{width:100%}img{max-width:100%;height:auto;border-radius:8px}code{color:hsl(var(--accent));padding:2px 5px;background-color:hsl(var(--background));border-radius:2px}pre{padding:1.5em;border-radius:8px}pre code{all:unset}@layer code{pre.css-variables{color:hsla(var(--blue),1)}pre.astro-code{background:hsl(var(--background))!important;line-height:1.4}pre.astro-code.demo-prompt{white-space:unset}pre.astro-code{color:var(--baby-powder)}pre.astro-code .prompt-code:nth-child(9n-8){color:var(--melon)}pre.astro-code .prompt-code:nth-child(9n-7){color:var(--periwinkle)}pre.astro-code .prompt-code:nth-child(9n-6){color:var(--cream)}pre.astro-code .prompt-code:nth-child(9n-5){color:var(--jordy-blue)}pre.astro-code .prompt-code:nth-child(9n-4){color:var(--sunset)}pre.astro-code .prompt-code:nth-child(9n-3){color:var(--tea-green)}pre.astro-code .prompt-code:nth-child(9n-2){color:var(--mauve)}pre.astro-code .prompt-code:nth-child(9n-1){color:var(--electric-blue)}}blockquote{border-left:4px solid hsla(var(--blue),.33);padding:0 0 0 20px;margin:0;font-size:1.333em}blockquote.small-quote{font-size:.875em;line-height:1.33;color:hsl(var(--foreground-brighter),.66);border:none}hr{border:none;height:1px;background:hsla(var(--violet),.5);margin:2rem -2rem}figure{border-left:2px solid hsla(var(--violet),.5);margin-left:0;padding-left:1rem;padding-block:.5rem}.prose figure>img{margin:0}figure>figcaption{font-size:.8em;line-height:1.2;font-style:italic;margin-top:0}@media (max-width: 720px){body{font-size:18px}main{padding:1em}}.sr-only{border:0;padding:0;margin:0;position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap}.zoomer{position:relative;display:inline-block;cursor:zoom-in}.zoomed-container{position:fixed;inset:0;padding:1rem;background:hsl(var(--background-lighter),.8);backdrop-filter:blur(5px);display:flex;align-items:center;overflow:auto;animation:loadZoomContainer .25s ease-out 1 both;z-index:1000}.zoomed-container.bottom{overflow:hidden}.zoomed-image{height:90%;max-width:none;margin:auto;display:block;filter:drop-shadow(0px 20px 30px rgba(0,0,0,.5));cursor:zoom-out;animation:loadZoomImage 1s linear(0,.007,.027 2.3%,.11,.218 7.6%,.588 15.5%,.695,.784,.858,.918,.965 28.6%,1 31.5%,1.02,1.033 36.2%,1.041 38.9%,1.043 41.9%,1.038 47%,1.011 61.3%,1.003 69%,.998 80%,.999) 1 both}.zoomed-container.bottom .zoomed-image{animation-name:loadZoomImageBottom;animation-duration:.75s;animation-timing-function:linear(0,.224,.417,.58 7.8%,.717,.829 13.4%,.917 16.4%,.983 19.6%,1.009,1.03 23.2%,1.048 25.4%,1.061 27.8%,1.068 30.5%,1.069 33.4%,1.061 38.9%,1.022 54.8%,1.007 64.3%,.999 77.6% 100%)}.zoomed-container-close{position:fixed;top:0;right:0;font-size:2rem;line-height:1;color:hsl(var(--foreground));background:none;border:none;padding:1.5rem;cursor:pointer;z-index:1001;aspect-ratio:1}@keyframes loadZoomContainer{0%{opacity:0}to{opacity:1}}@keyframes loadZoomImage{0%{transform:translate3d(-25%,0,0)}to{transform:translateZ(0)}}@keyframes loadZoomImageBottom{0%{transform:translate3d(0,15%,0)}to{transform:translateZ(0)}}