:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#594b40;background:#f6efe4;font-family:ui-monospace,Menlo,Consolas,monospace}*{box-sizing:border-box}body{margin:0}main{place-items:center;min-height:100svh;padding:24px 12px;display:grid}figure{text-align:center;margin:0}.portrait{touch-action:pan-y;outline-offset:8px;width:max-content;max-width:100%;position:relative}.portrait pre{white-space:pre;text-align:left;color:#6b4936;margin:0;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:clamp(1px,min(.98vw,.87svh),8px);line-height:1}.portrait canvas,.portrait img{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.portrait canvas{opacity:0;background:#f6efe4}.portrait.ready canvas{opacity:1}.portrait img{object-fit:fill;opacity:0;transition:opacity 1.1s}.portrait.held img,.portrait:focus-visible img{opacity:1}@media (hover:hover){.portrait:hover img{opacity:1}}figcaption{letter-spacing:.025em;margin-top:20px;font-size:clamp(9px,2.4vw,11px)}@media (prefers-reduced-motion:reduce){.portrait img{transition:none}}