@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}}.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}:root{--bg:#fff3d6;--ink:#1d1410;--orange:#f1a164;--paper:#fffaf0;--rust:#a8501c;--boing:cubic-bezier(.3, 1.8, .5, 1);--spring:cubic-bezier(.3, 1.5, .5, 1)}html{scrollbar-gutter:stable}*{box-sizing:border-box}body{background:var(--bg) radial-gradient(#f1a16455 1.5px, transparent 1.5px) 0 0 / 22px 22px;color:var(--ink);margin:0;font:106.25%/1.5 Seravek,Gill Sans Nova,Ubuntu,Calibri,DejaVu Sans,source-sans-pro,sans-serif}a{color:inherit;text-decoration-color:var(--orange);text-decoration-thickness:2px;transition:color .2s}a:is(:hover,:focus-visible){color:var(--rust)}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}img{max-width:100%;height:auto}.skip{z-index:1;background:var(--paper);border:2px solid var(--ink);padding:2px 10px;position:absolute;top:-60px;left:12px}.skip:focus{top:12px}header{text-align:center;padding:12px 0 4px}header h1{margin:0;font-size:1em}header a{width:min(55vw,308px);transition:rotate .4s var(--spring), scale .4s var(--spring);display:inline-block}header a:is(:hover,:focus-visible){rotate:-1deg;scale:1.02}header a:active{transition-duration:80ms;scale:1.04 .96}header picture{display:block}header img{width:100%;display:block}.site{grid-template-columns:230px minmax(0,760px) 190px;justify-content:center;align-items:start;gap:28px;padding:0 16px;display:grid}.doll{position:sticky;top:16px}.doll>img{max-width:none;margin-left:4px;animation:3s ease-in-out infinite bob;display:block}.status{background:var(--paper);border:2px solid var(--ink);transition:rotate .4s var(--spring), scale .4s var(--spring);border-radius:10px 4px 12px 6px;margin-bottom:18px;padding:8px 12px;position:relative;transform:rotate(-1.5deg)}.status:is(:hover,:focus-within){rotate:1.5deg;scale:1.015}.status:after{content:"";border:10px solid #0000;border-top-color:var(--ink);border-bottom:0;position:absolute;bottom:-11px;left:40%}.status>a{border-bottom:2px solid var(--ink);font-size:.85em;text-decoration:none;display:block}.status p{margin:4px 0}main{background:var(--paper);border:2px solid var(--ink);box-shadow:6px 6px 0 var(--orange);scrollbar-color:var(--ink) var(--paper);border-radius:3px;height:76vh;padding:24px 28px;overflow-y:auto}main h2{margin-top:0}nav ul{border:2px solid var(--ink);background:var(--paper);box-shadow:4px 4px 0 var(--ink);transition:translate .3s var(--spring), box-shadow .3s var(--spring);margin:0 0 18px;padding:10px 14px;list-style:none}nav ul:is(:hover,:focus-within){box-shadow:5px 5px 0 var(--ink);translate:-1px -1px}nav ul:first-child{transform:rotate(1deg)}nav ul+ul{transform:rotate(-.8deg)}nav li{text-transform:uppercase;letter-spacing:1px;font-size:1.35em}nav li a{transform-origin:0 100%;transition:color .2s, translate .3s var(--spring), rotate .3s var(--spring), scale .3s var(--spring);text-decoration:none;display:inline-block}nav li a:is(:hover,:focus-visible){color:var(--rust);translate:4px;rotate:-2deg}nav li a:active{transition-duration:80ms;scale:1.06 .92}nav p{margin:8px 0;font-size:.85em}.socials{gap:8px;display:flex}.socials a{text-align:center;border:2px solid var(--ink);background:var(--paper);transition:background .2s, translate .3s var(--spring), rotate .3s var(--spring), scale .3s var(--spring);flex:1;font-size:.8em;text-decoration:none}.socials a:is(:hover,:focus-visible){background:var(--orange);color:var(--ink);translate:0 -2px;rotate:-3deg}.socials a:nth-child(2n):is(:hover,:focus-visible){rotate:3deg}.socials a:active{transition-duration:80ms;scale:1.1 .85}footer{text-align:center;padding:16px;font-size:.9em}.year{text-align:center;border-bottom:2px dashed var(--ink);margin:28px 0 14px;font-size:2em}section:first-of-type .year{margin-top:0}.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;display:grid}.grid button{border:2px solid var(--ink);aspect-ratio:1;background:var(--bg);cursor:pointer;transition:rotate .35s var(--spring), scale .35s var(--spring), box-shadow .35s var(--spring);border-radius:10px;padding:0;overflow:hidden}.grid button:is(:hover,:focus-visible){box-shadow:3px 3px 0 var(--ink);rotate:-1.5deg;scale:1.04}.grid button:nth-child(2n):is(:hover,:focus-visible){rotate:1.5deg}.grid button:active{transition-duration:80ms;scale:1.07 .95}.grid img{object-fit:cover;width:100%;height:100%;display:block}.tags button,dialog .close{font:inherit;background:var(--paper);border:2px solid var(--ink);cursor:pointer;transition:rotate .3s var(--spring), scale .3s var(--spring);border-radius:20px;margin:0 4px 16px 0;padding:0 12px}.tags button:is(:hover,:focus-visible),dialog .close:is(:hover,:focus-visible){rotate:-2deg;scale:1.05}.tags button:nth-child(2n):is(:hover,:focus-visible){rotate:2deg}.tags button:active,dialog .close:active{transition-duration:80ms;scale:1.1 .85}.tags button[aria-pressed=true]{background:var(--orange);animation:pop .4s var(--spring)}dialog{border:2px solid var(--ink);background:var(--paper);max-width:min(1000px,92vw);padding:16px}dialog[open]{animation:drop .45s var(--spring)}dialog::backdrop{background:#1d1410cc}dialog[open]::backdrop{animation:.2s fade}dialog figure{margin:0}dialog form{float:right;margin-left:12px}dialog .close{margin:0}dialog figcaption>p{margin:4px 0}dialog .artwork{max-width:100%;margin:0 auto;position:relative;overflow:hidden}dialog .artwork:before{content:"";background:var(--placeholder) center / 100% 100%;filter:blur(16px);position:absolute;inset:0;transform:scale(1.1)}dialog .artwork img{object-fit:contain;width:100%;height:100%;display:block;position:relative}dialog .artwork img:not([data-ready]){visibility:hidden}dialog figcaption{border-top:2px solid var(--ink);margin-top:12px;padding-top:8px}dialog summary{cursor:pointer}.pen{border:3px dashed var(--ink);touch-action:pan-y;background:#f7e3b5;border-radius:16px;height:440px;position:relative;overflow:hidden}.pen button{cursor:grab;user-select:none;touch-action:none;-webkit-touch-callout:none;background:0 0;border:0;width:56px;padding:0;position:absolute;top:0;left:0}.pen button:active{cursor:grabbing}.pen button:is(:hover,:focus-visible){z-index:1}.pen button:is(:hover,:focus-visible) img{animation:.5s ease-in-out wiggle}.pen button:active img{scale:1.2 .8}.pen-name{z-index:2;background:var(--paper);border:2px solid var(--ink);white-space:nowrap;pointer-events:none;transform-origin:50% 100%;animation:pop .3s var(--boing);border-radius:4px;padding:0 6px;font-size:.8em;position:absolute;transform:translate(-50%,-100%)}.pen img{image-rendering:pixelated;pointer-events:none;transition:scale .4s var(--boing);display:block}.recent{margin:10px 0 0}.recent b,.pen-name{text-transform:lowercase}.recent img{vertical-align:middle;image-rendering:pixelated}.entry{border-bottom:1px dashed var(--ink);padding:8px 0}.posts{padding-left:18px}.posts a{transition:translate .3s var(--spring), rotate .3s var(--spring);display:inline-block}.posts a:is(:hover,:focus-visible){translate:3px;rotate:-1deg}.soon{text-align:center;padding-top:20vh}iframe{border:2px solid var(--ink);width:100%;height:70vh}@keyframes bob{50%{transform:translateY(-6px)}}@keyframes pop{0%{opacity:0;scale:.7}}@keyframes drop{0%{opacity:0;rotate:-3deg;scale:.9}}@keyframes fade{0%{opacity:0}}@keyframes wiggle{25%{rotate:-10deg}75%{rotate:8deg}}@media (prefers-reduced-motion:reduce){*,:before,:after,::backdrop{transition:none!important;animation:none!important}}@media (width<=900px){.site{grid-template-columns:1fr}.doll{display:none}main{height:auto}}.sign{gap:8px;max-width:480px;margin-bottom:24px;display:grid}.sign label{gap:2px;display:grid}.sign input,.sign textarea,.sign button{font:inherit;border:2px solid var(--ink);background:var(--paper);padding:4px 8px}.sign button{background:var(--orange);box-shadow:3px 3px 0 var(--ink);cursor:pointer;transition:translate .3s var(--spring), rotate .3s var(--spring), box-shadow .3s var(--spring), scale .3s var(--spring);justify-self:start}.sign button:is(:hover,:focus-visible){box-shadow:4px 4px 0 var(--ink);translate:-1px -1px;rotate:-1.5deg}.sign button:active{box-shadow:0 0 0 var(--ink);transition-duration:80ms;translate:3px 3px;rotate:0deg;scale:1.06 .92}.sign .trap{position:absolute;left:-9999px}.note{border-top:2px dashed var(--orange);padding:8px 0}.note p{overflow-wrap:anywhere;margin:0 0 4px}.note p+p{white-space:pre-line}