:root{--paper: #F0EBDE;--paper-2: #E6E0CE;--ink: #1F2BE0;--ink-soft: #4F5AE4;--grid: rgba(31, 43, 224, .1);--ink-faint: rgba(31, 43, 224, .22);--scrim: rgba(240, 235, 222, .92);--display: "Newsreader", "Iowan Old Style", Georgia, serif;--body: "Hanken Grotesk", "Helvetica Neue", Arial, sans-serif;--mono: "DM Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--cell: 24px;--rule: 1.5px;--tint: #1F2BE0}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--paper: #0F1236;--paper-2: #171B47;--ink: #C8CCFF;--ink-soft: #9198F0;--grid: rgba(200, 204, 255, .08);--ink-faint: rgba(200, 204, 255, .22);--scrim: rgba(15, 18, 54, .94);--tint: #4A55FF;color-scheme:dark}}:root[data-theme=dark]{--paper: #0F1236;--paper-2: #171B47;--ink: #C8CCFF;--ink-soft: #9198F0;--grid: rgba(200, 204, 255, .08);--ink-faint: rgba(200, 204, 255, .22);--scrim: rgba(15, 18, 54, .94);--tint: #4A55FF;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background-color:var(--paper);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:var(--cell) var(--cell);color:var(--ink);font-family:var(--body);font-size:15px;line-height:1.5;overflow-wrap:anywhere}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:absolute;left:8px;top:-6rem;z-index:10;padding:10px 14px;color:var(--paper);background:var(--ink);font:600 12px/1 var(--body);letter-spacing:.16em;text-transform:uppercase}.skip-link:focus{top:8px}.wrap{position:relative;display:grid;gap:28px;max-width:1280px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:20px 40px}.masthead{position:relative;display:grid;grid-template-columns:minmax(0,1fr) min(28vw,300px);gap:18px;padding-block:18px 0}.rule-top,.rule-bottom{border-top:var(--rule) solid var(--ink)}.rule-top,.chrome{grid-column:1 / -1}.chrome{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;font-family:var(--mono);font-size:12px;letter-spacing:.06em}.chrome-end{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.masthead .chrome button{min-width:24px;min-height:24px;padding:6px 10px;color:var(--ink);background:var(--paper);border:1px solid var(--ink);font:400 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background-color .15s,color .15s}.masthead .chrome button[aria-pressed=true]{color:var(--paper);background:var(--ink)}.masthead h1{position:relative;z-index:2;grid-column:1;max-width:11ch;margin:0;font-family:var(--display);font-weight:400;font-size:clamp(48px,10vw,132px);line-height:.9;letter-spacing:-.012em;text-wrap:balance}.masthead h1 em{font-style:italic;color:var(--ink-soft)}.lede{position:relative;z-index:2;grid-column:1;max-width:52ch;margin:0;font-size:17px}.glitch{grid-column:2;grid-row:3 / span 2;z-index:1;background:repeating-linear-gradient(90deg,var(--ink) 0 2px,transparent 2px 8px);clip-path:polygon(30% 0,100% 0,100% 100%,0 100%,0 72%,12% 72%,12% 46%,22% 46%,22% 20%,30% 20%);pointer-events:none}.qr{grid-column:2;grid-row:3;justify-self:end;align-self:start;z-index:3;display:grid;grid-template-columns:repeat(8,1fr);width:64px;height:64px;background:var(--paper);box-shadow:0 0 0 3px var(--paper)}.qr i{background:var(--grid)}.qr i.on{background:var(--ink)}.filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.filters button{padding:9px 12px;color:var(--ink);background:var(--paper);border:1px solid var(--ink);font:600 12px/1 var(--body);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:background-color .15s,color .15s}.filters button[aria-pressed=true]{color:var(--paper);background:var(--ink)}.filters .count{margin-left:auto;font-family:var(--mono);font-size:12px;letter-spacing:.06em}main{min-width:0}main:focus{outline:none}.notice{display:grid;justify-items:start;gap:14px;padding:14px 16px;border:1px dashed var(--ink)}.message{margin:0;font-size:17px}.retry{padding:12px 16px;color:var(--paper);background:var(--ink);border:1px solid var(--ink);font:600 12px/1 var(--body);letter-spacing:.16em;text-transform:uppercase;cursor:pointer}.skeleton-board{columns:250px;column-gap:20px}.skeleton-card{height:220px;margin:0 0 20px;break-inside:avoid;background:var(--paper-2);border:1px solid var(--ink-faint)}.board{margin:0;padding:0;list-style:none;columns:250px;column-gap:20px}.board:focus{outline:none}.entry{margin:0 0 20px;break-inside:avoid}.card{display:block;width:100%;margin:0;padding:8px 8px 12px;color:inherit;font:inherit;text-align:left;background:var(--paper);border:1px solid var(--ink);cursor:pointer}.card:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.card.tilt-l{transform:rotate(-.6deg)}.card.tilt-r{transform:rotate(.5deg)}.meta{display:grid;gap:4px;padding:10px 4px 0}.meta .line{display:flex;justify-content:space-between;gap:8px;font-family:var(--mono);font-size:12px;letter-spacing:.04em;font-variant-numeric:tabular-nums}.meta .cat{font:600 11px/1 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft)}.meta .no{font-size:11px;letter-spacing:.06em}.meta h2{margin:0;font:400 22px/1.1 var(--display);text-wrap:balance}.ph{position:relative;display:block;overflow:hidden;background:var(--ink);isolation:isolate}.ph img{display:block;width:100%;height:auto;transition:filter .3s}.ph img{filter:saturate(.75) contrast(1.03)}.ph:after{content:"";position:absolute;inset:0;z-index:2;background:var(--tint);mix-blend-mode:color;opacity:.28;pointer-events:none;transition:opacity .3s}.card:hover .ph img,.card:focus-visible .ph img{filter:none}.card:hover .ph:after,.card:focus-visible .ph:after{opacity:0}.card.no-photo{background:var(--paper-2)}.card.no-photo .meta{padding-top:6px}.card.no-photo .meta .cat{color:var(--ink)}.card.gone .ph img{opacity:.55}.card.gone .ph:before{content:"";position:absolute;inset:0;z-index:3;background:repeating-linear-gradient(135deg,transparent 0 9px,var(--ink-faint) 9px 10px)}.stamp{position:absolute;left:10px;bottom:10px;z-index:4;padding:6px 8px;color:var(--ink);background:var(--paper);border:1px solid var(--ink);font:600 11px/1 var(--body);letter-spacing:.16em;text-transform:uppercase}.meta .stamp{position:static;justify-self:start;margin-bottom:4px}.card.gone h2{text-decoration:line-through;text-decoration-thickness:1px}.foot{display:grid;gap:10px}.owner-link{color:var(--ink);text-underline-offset:.2em}dialog{width:min(1040px,calc(100vw - 32px));max-height:calc(100vh - 32px);padding:0;color:var(--ink);background:var(--paper);border:var(--rule) solid var(--ink)}dialog::backdrop{background:var(--scrim)}.view{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr)}.stage{position:relative;display:grid;grid-template-rows:1fr auto;min-height:0;background:var(--paper-2)}.frame{display:grid;place-items:center;width:100%;min-height:320px;max-height:70vh;margin:0;padding:0;overflow:hidden;color:inherit;background:none;border:0;cursor:zoom-in}.frame[aria-pressed=true]{cursor:zoom-out}.frame:focus-visible{outline-offset:-4px}.frame img{display:block;max-width:100%;max-height:70vh;transition:transform .25s ease}.frame[aria-pressed=true] img{transform:scale(2.2)}.no-photo-stage{place-items:center;min-height:320px;padding:24px;font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase}.no-photo-stage p{margin:0}.thumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px}.thumbs button{width:56px;height:56px;padding:0;background:none;border:1px solid transparent;cursor:pointer}.thumbs button img{display:block;width:100%;height:100%;object-fit:cover}.thumbs button[aria-current=true]{border-color:var(--ink);outline:1px solid var(--ink);outline-offset:2px}.thumbs button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.thumbs .nav{width:auto;height:auto;padding:6px 10px;color:var(--ink);border:1px solid var(--ink);font-family:var(--mono);font-size:12px}.thumbs .nav:first-child{margin-right:auto}.thumbs .nav:last-child{margin-left:auto}.info{display:grid;gap:14px;align-content:start;min-width:0;padding:22px 22px 24px;border-left:var(--rule) solid var(--ink)}.info .cat{font:600 12px/1 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft)}.info h2{margin:0;font:400 clamp(30px,4vw,44px)/1.02 var(--display);letter-spacing:-.005em;text-wrap:balance}.info p{max-width:60ch;margin:0}.facts{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin:0;font-size:14px}.facts dt{padding-top:2px;font-family:var(--mono);font-size:12px;letter-spacing:.06em}.facts dd{margin:0}.go{display:inline-block;justify-self:start;padding:12px 16px;color:var(--paper);background:var(--ink);border:1px solid var(--ink);font:600 12px/1 var(--body);letter-spacing:.16em;text-decoration:none;text-transform:uppercase}.go:focus-visible,.close:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.go.dead{color:var(--ink-soft);background:transparent;border-style:dashed}.close{position:absolute;top:10px;right:10px;z-index:5;padding:6px 10px;color:var(--ink);background:var(--paper);border:1px solid var(--ink);font-family:var(--mono);font-size:12px;cursor:pointer}.gone-note{padding:10px 12px;border:1px dashed var(--ink);font-size:14px}@media(max-width:760px){.view{grid-template-columns:1fr}.info{border-left:0;border-top:var(--rule) solid var(--ink)}.frame{min-height:240px;max-height:52vh}.frame img{max-height:52vh}.masthead{grid-template-columns:minmax(0,1fr) 18vw;column-gap:12px}.glitch{opacity:.8}.qr{width:44px;height:44px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}