:root{--table:#d9cbb6;--table-dark:#bda98d;--ink:#4a3b2b;--accent:#a34a2a;--halo:#fffcf6eb}*{box-sizing:border-box}html,body{overscroll-behavior:none;height:100%;color:var(--ink);margin:0;font-family:ui-serif,Georgia,Times New Roman,serif;overflow:hidden}body{background-color:var(--table);background-blend-mode:normal, multiply, overlay;background-image:radial-gradient(80% 70% at 30% 20%,#fffcf58c,#0000 70%),radial-gradient(90% 90% at 80% 100%,#5a412838,#0000 65%),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='0.16'/%3E%3C/svg%3E")}.message{z-index:0;text-align:center;-webkit-user-select:none;user-select:none;width:min(88vw,620px);color:color-mix(in srgb, var(--ink) 62%, transparent);text-shadow:0 1px #fffaf073;mix-blend-mode:multiply;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.message h1{letter-spacing:.01em;margin:0 0 .5em;font-size:clamp(2.1rem,8vw,3.6rem);font-weight:500}.message p{letter-spacing:.02em;margin:0;font-size:clamp(.95rem,2.8vw,1.2rem);line-height:1.6}.stage{z-index:1;position:fixed;inset:0}.photo{transform-origin:50%;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;--lift:0;--cap:9px;position:absolute;top:0;left:0}.photo.dragging{cursor:grabbing;will-change:transform}.photo:focus-visible{outline:none}.photo:focus-visible .print{outline:2px solid var(--accent);outline-offset:3px}.print{width:100%;height:100%;padding:5px 5px calc(var(--cap) * 2);box-shadow:0 calc(1px + var(--lift) * 1px) calc(2px + var(--lift) * 2px) #3c2a182e, 0 calc(2px + var(--lift) * 4px) calc(6px + var(--lift) * 10px) #3c2a1838;background:linear-gradient(#fff,#f6f2ea);border-radius:1px;animation:.42s cubic-bezier(.2,.7,.3,1) both drop-in;position:relative}.print-img{object-fit:cover;-webkit-user-drag:none;width:100%;height:100%;display:block}.print-cap{height:calc(var(--cap) * 2);line-height:calc(var(--cap) * 2);font-size:var(--cap);letter-spacing:.01em;text-align:center;white-space:nowrap;text-overflow:ellipsis;color:color-mix(in srgb, var(--ink) 68%, transparent);font-style:italic;position:absolute;bottom:0;left:5px;right:5px;overflow:hidden}.print-cap .by{color:color-mix(in srgb, var(--ink) 45%, transparent);margin-left:.5em}.print-cap .by:only-child{margin-left:0}.photo.dragging .print{box-shadow:0 2px 3px #3c2a1833,0 10px 22px #3c2a184d}@keyframes drop-in{0%{filter:blur(5px);opacity:0;transform:scale(1.6)}to{filter:blur();opacity:1;transform:scale(1)}}.grid-toggle{z-index:950;right:max(1.1rem, env(safe-area-inset-right));bottom:max(1.1rem, env(safe-area-inset-bottom));width:52px;height:52px;color:var(--paper,#efe7dc);background:var(--ink);cursor:pointer;border:none;border-radius:50%;place-items:center;padding:0;transition:transform .16s cubic-bezier(.2,.7,.3,1),background .16s;display:grid;position:fixed;box-shadow:0 4px 10px #3c2a1847,0 10px 24px #3c2a183d}.grid-toggle[hidden]{display:none}.grid-toggle:hover{background:#2f251b;transform:translateY(-2px)}.grid-toggle:active{transform:translateY(0)}.grid-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.grid-toggle svg{fill:currentColor;stroke:currentColor;width:22px;height:22px}.grid-toggle .icon-list rect,.grid-toggle .icon-list circle{stroke:none}.grid-toggle .icon-back{fill:none;display:none}.grid-toggle.showing .icon-list{display:none}.grid-toggle.showing .icon-back{display:block}.grid{z-index:900;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background-color:var(--table);background-image:radial-gradient(90% 60% at 50% 0,#f0e8dc 0%,#0000 70%);padding:clamp(.9rem,2.5vw,2rem) clamp(.9rem,2.5vw,2rem) 6rem;position:fixed;inset:0;overflow-y:auto}.grid[hidden]{display:none}.grid-wall{column-count:2;column-gap:clamp(.6rem,1.6vw,1rem);max-width:1600px;margin:0 auto}@media (width>=620px){.grid-wall{column-count:3}}@media (width>=940px){.grid-wall{column-count:4}}@media (width>=1320px){.grid-wall{column-count:5}}.tile{width:100%;font:inherit;text-align:left;color:inherit;cursor:zoom-in;break-inside:avoid;-webkit-column-break-inside:avoid;content-visibility:auto;contain-intrinsic-size:auto 240px;background:linear-gradient(#fff,#f6f2ea);border:none;border-radius:2px;margin:0 0 clamp(.6rem,1.6vw,1rem);padding:6px 6px 8px;transition:transform .14s,box-shadow .14s;display:block;box-shadow:0 1px 2px #3c2a1829,0 4px 12px #3c2a1824}.tile:hover,.tile:focus-visible{outline:none;transform:translateY(-2px);box-shadow:0 2px 4px #3c2a1833,0 10px 22px #3c2a1838}.tile:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tile-img{opacity:0;background:repeating-linear-gradient(45deg,#f1eae0,#f1eae0 6px,#e7ded0 6px 12px);border-radius:1px;width:100%;height:auto;min-height:60px;transition:opacity .24s;display:block}.tile.loaded .tile-img{opacity:1;background:0 0;min-height:0}.tile-cap{color:color-mix(in srgb, var(--ink) 72%, transparent);padding:.45em .2em .1em;font-size:.78rem;font-style:italic;line-height:1.4;display:block}.tile-cap .by{letter-spacing:.02em;color:color-mix(in srgb, var(--ink) 45%, transparent);margin-left:.4em;font-style:normal}.viewer{z-index:1000;cursor:zoom-out;place-items:center;padding:clamp(1rem,5vw,3rem);display:grid;position:fixed;inset:0}.viewer[hidden]{display:none}.viewer:before{content:"";-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;background:#241a10d6;transition:opacity .32s;position:absolute;inset:0}.viewer.open:before{opacity:1}.viewer-figure{flex-direction:column;align-items:center;gap:1.1rem;max-width:100%;margin:0;display:flex;position:relative}.viewer-img{object-fit:contain;transform-origin:50%;will-change:transform;background:linear-gradient(#fff,#f6f2ea);border-radius:2px;max-width:min(92vw,1100px);max-height:72vh;padding:10px;display:block;box-shadow:0 30px 60px #00000073}.viewer-cap{text-align:center;text-wrap:balance;color:#f1e6d6;cursor:text;opacity:0;max-width:min(84vw,620px);font-size:clamp(1rem,2.8vw,1.2rem);font-style:italic;line-height:1.5;transition:opacity .22s .14s}.viewer.open .viewer-cap{opacity:1}.viewer-by{letter-spacing:.04em;color:#f1e6d69e;cursor:text;opacity:0;margin:-.5rem 0 0;font-size:clamp(.85rem,2.2vw,.95rem);font-style:italic;transition:opacity .22s .18s}.viewer-by[hidden]{display:none}.viewer.open .viewer-by{opacity:1}.viewer-close{top:max(.9rem, env(safe-area-inset-top));right:max(.9rem, env(safe-area-inset-right));z-index:1;width:44px;height:44px;font:inherit;color:#f1e6d6;cursor:pointer;opacity:0;background:#ffffff14;border:none;border-radius:50%;padding:0;font-size:1.6rem;line-height:1;transition:opacity .22s .14s,background .15s;position:absolute}.viewer.open .viewer-close{opacity:1}.viewer-close:hover{background:#ffffff2e}.viewer-close:focus-visible{outline-offset:2px;outline:2px solid #f1e6d6}.loader{z-index:100;background:var(--table);place-content:center;gap:1rem;transition:opacity .5s;display:grid;position:fixed;inset:0}.loader.gone{opacity:0;pointer-events:none}.progress{background:color-mix(in srgb, var(--ink) 18%, transparent);border-radius:999px;width:min(60vw,320px);height:3px;overflow:hidden}.progress-fill{background:var(--accent);width:0;height:100%;transition:width .2s ease-out}.loader-label{text-align:center;letter-spacing:.16em;text-transform:lowercase;color:color-mix(in srgb, var(--ink) 60%, transparent);margin:0;font-size:.85rem}.hint,.submit-link,.empty,.tally{z-index:900;letter-spacing:.14em;text-transform:lowercase;color:var(--ink);text-shadow:0 1px 0 var(--halo), 0 -1px 0 var(--halo), 1px 0 0 var(--halo), -1px 0 0 var(--halo), 0 0 7px var(--halo);font-size:.78rem;position:fixed}.hint{margin:0;top:1.4rem;left:50%;transform:translate(-50%)}.submit-link{left:1.2rem;bottom:max(1.2rem, env(safe-area-inset-bottom));border-bottom:1px solid;text-decoration:none}.submit-link:hover{color:var(--accent)}.empty{top:50%;left:50%;transform:translate(-50%,-50%)}.tally{font-variant-numeric:tabular-nums;text-align:center;margin:0;top:3.2rem;left:50%;transform:translate(-50%)}.tally[hidden]{display:none}.tally-hint{color:color-mix(in srgb, var(--ink) 85%, transparent);margin-left:.5em;font-size:.92em}@media (width<=520px){.tally-hint{display:none}}@media (prefers-reduced-motion:reduce){.progress-fill{transition:none}.print{animation-duration:1ms}.grid-toggle,.tile,.tile-img{transition:none}.viewer:before,.viewer-cap,.viewer-by,.viewer-close{transition-duration:1ms}.viewer-img{transition:none!important}}