:root{--bg:#fff3d6;--ink:#1d1410;--orange:#f1a164;--paper:#fffaf0}*{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:17px/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}a:hover{color:#c8662a}img{max-width:100%;height:auto}header{text-align:center;padding:12px 0 4px}header img{width:min(560px,90vw)}.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{animation:3s ease-in-out infinite bob;display:block}.status{background:var(--paper);border:2px solid var(--ink);border-radius:10px 4px 12px 6px;margin-bottom:18px;padding:8px 12px;position:relative;transform:rotate(-1.5deg)}.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);margin:0 0 18px;padding:10px 14px;list-style:none}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{text-decoration:none;display:inline-block}nav li a:hover{color:var(--orange);transform:translate(4px)rotate(-2deg)}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);flex:1;font-size:.8em;text-decoration:none}.socials a:hover{background:var(--orange);color:var(--ink)}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;border-radius:10px;padding:0;transition:transform .15s;overflow:hidden}.grid button:nth-child(odd):hover{transform:rotate(-2deg)scale(1.03)}.grid button:nth-child(2n):hover{transform:rotate(2deg)scale(1.03)}.grid img{object-fit:cover;width:100%;height:100%;display:block}.tags button{font:inherit;background:var(--paper);border:2px solid var(--ink);cursor:pointer;border-radius:20px;margin:0 4px 16px 0;padding:0 12px}.tags button[aria-pressed=true]{background:var(--orange)}dialog{border:2px solid var(--ink);background:var(--paper);max-width:min(1000px,92vw);padding:16px}dialog::backdrop{background:#1d1410cc}dialog figure{margin:0}dialog img{max-height:72vh;margin:0 auto;display:block}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 a{cursor:grab;user-select:none;touch-action:none;-webkit-touch-callout:none;width:56px;position:absolute;top:0;left:0}.pen a:active{cursor:grabbing}.pen a:hover{z-index:1}.pen-name{z-index:2;background:var(--paper);border:2px solid var(--ink);white-space:nowrap;pointer-events:none;border-radius:4px;padding:0 6px;font-size:.8em;position:absolute;transform:translate(-50%,-100%)}.pen img{image-rendering:pixelated;pointer-events:none;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}.soon{text-align:center;padding-top:20vh}iframe{border:2px solid var(--ink);width:100%;height:70vh}@keyframes bob{50%{transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){*{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;justify-self:start}.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}