:root{color-scheme:dark;--black:#050505;--paper:#e9e9e9;--muted:#8b8b8b;--red:#c01818;--line:#292929}*{box-sizing:border-box}html{background:var(--black)}body{margin:0;background:var(--black);color:var(--paper);font:12px/1.5 "Courier New",Courier,monospace;overflow-x:hidden}a{color:inherit;text-underline-offset:5px}button{font:inherit}header{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:24px;width:min(1500px,calc(100% - 48px));margin:auto;padding:24px 0 52px}.home{justify-self:start;text-decoration:none;border:1px solid #444;padding:9px 13px}.home:hover,.home:focus-visible{border-color:var(--red)}header>div{text-align:center}h1{margin:0;color:var(--red);font-size:clamp(30px,5vw,70px);line-height:.9;letter-spacing:.08em}header p{margin:10px 0 0;color:var(--muted)}#count{justify-self:end;margin:0}.archive-grid{width:min(1700px,100%);margin:auto;padding:0 20px 80px;columns:5 240px;column-gap:12px}.frame{display:block;width:100%;margin:0 0 12px;padding:0;border:0;background:#111;break-inside:avoid;cursor:zoom-in;opacity:0;transform:translateY(12px);transition:opacity .45s,transform .45s}.frame.in{opacity:1;transform:none}.frame img{display:block;width:100%;height:auto;min-height:120px;object-fit:cover}.frame:hover img{filter:contrast(1.08)}#sentinel{height:1px}#status{text-align:center;color:var(--muted);padding:20px 20px 70px}dialog{width:min(1400px,calc(100% - 28px));height:min(920px,calc(100svh - 28px));padding:14px;background:#050505;color:var(--paper);border:1px solid #444}dialog::backdrop{background:rgba(0,0,0,.94)}.viewer-bar{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;margin-bottom:12px}.viewer-bar button{min-height:42px;background:transparent;color:inherit;border:1px solid #444;padding:8px 12px;cursor:pointer}.viewer-bar button:hover{border-color:var(--red)}#position{text-align:center;color:var(--muted)}#viewer-image{display:block;width:100%;height:calc(100% - 92px);object-fit:contain;background:#090909}#original{display:block;width:max-content;margin:12px auto 0}body:has(dialog[open]){overflow:hidden}@media(max-width:700px){header{width:calc(100% - 28px);grid-template-columns:1fr auto;padding:16px 0 36px}header>div{grid-column:1/-1;grid-row:2;text-align:left}#count{grid-column:2;grid-row:1}.archive-grid{padding:0 8px 50px;columns:2 145px;column-gap:8px}.frame{margin-bottom:8px}.viewer-bar{grid-template-columns:1fr 1fr}.viewer-bar #position{grid-column:1/-1;grid-row:1}.viewer-bar button{min-height:44px}#close{grid-column:1/-1}#viewer-image{height:calc(100% - 146px)}}@media(prefers-reduced-motion:reduce){.frame{transition:none}}