:root{--paper: #f3f0e8;--card: #fff;--ink: #23211d;--muted: #6e695e;--line: #dcd6ca;--seal: #a8322a;--wash: #ebe6da}@media(prefers-color-scheme:dark){:root{--paper: #1b1a17;--card: #2a2824;--ink: #ebe6da;--muted: #a39d90;--line: #3a3731;--wash: #24221e;color-scheme:dark}}*{box-sizing:border-box}html{touch-action:manipulation;-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 Shippori Mincho,Georgia,serif;padding:28px 16px 64px}main{max-width:1100px;margin:0 auto;display:grid;gap:56px}nav{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap}nav .name{font-size:clamp(26px,5vw,36px);margin:0;font-weight:500;letter-spacing:.01em;color:inherit;text-decoration:none}nav .tabs{display:flex;gap:18px}nav .tabs a{color:var(--muted);text-decoration:none;font:13px/1 IBM Plex Mono,ui-monospace,monospace;letter-spacing:.06em;text-transform:uppercase;padding:6px 0;border-bottom:1px solid transparent}nav .tabs a[aria-current=page]{color:var(--ink);border-color:var(--seal)}.sub{color:var(--muted);margin:6px 0 0}.mono{font:12px/1.4 IBM Plex Mono,ui-monospace,monospace;color:var(--muted);letter-spacing:.03em}h2{font-weight:500;font-size:20px;margin:0}section.band{display:grid;gap:16px}section.band>header{display:grid;gap:4px;padding-bottom:8px;border-bottom:1px solid var(--line)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:22px}.card{margin:0;display:grid;gap:8px;align-content:start}.card figcaption{display:flex;justify-content:space-between;gap:10px;align-items:start;font-size:15px}.frame{position:relative;display:block;width:100%;padding:0;border:0;background:#fff;cursor:zoom-in;border-radius:4px;overflow:hidden;box-shadow:0 1px 0 var(--line),0 12px 30px -18px #00000059;aspect-ratio:4 / 3}.frame img,.frame canvas{display:block;width:100%;height:100%}.card>.frame{--focus: 0;transform:translateY(calc(var(--focus) * -5px)) scale(calc(1 + var(--focus) * .025));box-shadow:0 1px 0 var(--line),0 calc(12px + var(--focus) * 8px) calc(30px + var(--focus) * 12px) -18px #00000059;transition:transform .24s cubic-bezier(.2,.75,.25,1),box-shadow .24s ease}.card .asked{margin-top:-4px}.card figcaption .t{min-height:3em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.frame canvas{position:absolute;inset:0}.frame:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--seal);outline-offset:3px}.heart{flex:none;display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);background:var(--card);color:var(--seal);border-radius:999px;padding:3px 8px;min-width:52px;justify-content:center;font:13px/1.4 IBM Plex Mono,ui-monospace,monospace;cursor:pointer;min-height:30px}.heart[aria-pressed=true]{background:var(--seal);border-color:var(--seal);color:#fff}.heart[hidden]{display:none}.pill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;padding:6px 14px;font:13px/1.4 IBM Plex Mono,ui-monospace,monospace;cursor:pointer}.pill:hover{border-color:var(--muted)}.pill:disabled{opacity:.5;cursor:default}footer{color:var(--muted);font-size:14px;text-align:center}footer a{color:inherit}.lb{position:fixed;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:clamp(1rem,4vw,3rem);background:#161411e6;backdrop-filter:blur(4px);cursor:zoom-out;animation:lb-in .28s ease}.lb.closing{animation:lb-out .24s ease forwards}.lb .stage{position:relative;width:min(1000px,100%,calc(70vh * 4 / 3));aspect-ratio:4 / 3;background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 24px 70px #00000080;animation:lb-zoom .32s cubic-bezier(.2,.8,.25,1);cursor:default}.lb.closing .stage{animation:lb-zoom-out .24s ease forwards}.lb .stage img,.lb .stage canvas{position:absolute;inset:0;width:100%;height:100%}:is(.lb .stage,.frame):has(canvas:not([hidden])) img{visibility:hidden}.lb .caption{color:#f2efe6;margin:0;text-align:center;max-width:60ch;font-size:1.1rem;line-height:1.4;height:2.8em;display:flex;align-items:center;justify-content:center}.lb .meta{height:1.4em}.lb .mono{color:#bdb7aa;text-align:center}.lb .row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:12px}.lb .row .pill{background:#ffffff14;color:#f2efe6;border-color:#ffffff40}.lb .row .pill[aria-pressed=true]{background:#f2efe6;color:#23211d}.lb .heart{background:#ffffff14;border-color:#ffffff40;color:#f6c9c4}.lb .heart[aria-pressed=true]{background:var(--seal);border-color:var(--seal);color:#fff}.lb-btn{position:fixed;display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border:0;border-radius:50%;background:#00000073;color:#fff;font-size:20px;cursor:pointer}.lb-btn:hover{background:#000000b3}.lb-close{top:1rem;right:1rem}.lb-prev{left:.75rem;top:50%}.lb-next{right:.75rem;top:50%}@keyframes lb-in{0%{opacity:0}to{opacity:1}}@keyframes lb-out{to{opacity:0}}@keyframes lb-zoom{0%{transform:scale(.92);opacity:0}to{transform:none;opacity:1}}@keyframes lb-zoom-out{to{transform:scale(.95);opacity:0}}@media(prefers-reduced-motion:reduce){.lb,.lb .stage{animation-duration:.01s!important}}