:root{--ground:#ecefea;--surface:#f8faf6;--ink:#1b2420;--muted:#5f6b64;--line:#d2d8d0;--accent:#1f5c4f;--accent-ink:#f3f8f5;--tag:#f4e7b8;--tag-ink:#3a3216;--sold:#b3261e;--sold-soft:#f8e1de;--shadow:0 1px 2px #1b242014,0 6px 18px #1b242014;--display:"Bricolage Grotesque",ui-sans-serif,system-ui,sans-serif;--body:"Figtree",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ground:#131715;--surface:#1b201d;--ink:#e5ebe7;--muted:#98a39c;--line:#2e3631;--accent:#74c4ae;--accent-ink:#0f1a16;--tag:#5a4e25;--tag-ink:#f6ecc6;--sold:#ff8a80;--sold-soft:#3a1e1c;--shadow:0 1px 2px #0006,0 8px 22px #00000059}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ground:#131715;--surface:#1b201d;--ink:#e5ebe7;--muted:#98a39c;--line:#2e3631;--accent:#74c4ae;--accent-ink:#0f1a16;--tag:#5a4e25;--tag-ink:#f6ecc6;--sold:#ff8a80;--sold-soft:#3a1e1c;--shadow:0 1px 2px #0006,0 8px 22px #00000059}*{box-sizing:border-box}body{background:var(--ground);color:var(--ink);font-family:var(--body);margin:0;padding-block:28px 64px;padding-inline:clamp(16px,4vw,48px);font-size:15px;line-height:1.5}.wrap{max-width:1280px;margin:0 auto}header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 32px;margin-bottom:22px;display:flex}h1{font-family:var(--display);letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(30px,5vw,48px);font-weight:700;line-height:1}.sub{color:var(--muted);margin:8px 0 0;font-size:15px}.stats{font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:24px;display:flex}.stat b{font-family:var(--display);font-size:24px;font-weight:700;line-height:1.1;display:block}.stat span{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:11px}.bar{top:env(safe-area-inset-top,0px);z-index:5;background:var(--ground);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:22px;padding-block:10px;display:flex;position:sticky}.bar input[type=search],.bar select{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:8px;min-height:40px;padding:8px 12px}.bar input[type=search]{flex:220px;max-width:360px}.check{white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;min-height:40px;padding:0 4px;font-size:14px;display:inline-flex}.check input{width:18px;height:18px;accent-color:var(--accent);cursor:pointer;margin:0}.count{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:13px}.grid{grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:18px;display:grid}.card{all:unset;box-sizing:border-box;cursor:pointer;background:var(--surface);box-shadow:var(--shadow);border-radius:10px;flex-direction:column;transition:transform .15s;display:flex;overflow:hidden}.card:hover{transform:translateY(-2px)}.card:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.ph{aspect-ratio:3/4;background:var(--line);max-width:100%;position:relative}.ph img{object-fit:cover;width:100%;height:100%;display:block}.tag{background:var(--tag);color:var(--tag-ink);font-family:var(--mono);clip-path:polygon(7px 0,100% 0,100% 100%,7px 100%,0 50%);border-radius:3px;padding:3px 8px 3px 14px;font-size:12px;font-weight:500;position:absolute;top:10px;left:10px}.meta{gap:2px;padding:10px 12px 12px;display:grid}.brand{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-size:11px;font-weight:600}.model{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.5em;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.row{font-variant-numeric:tabular-nums;justify-content:space-between;gap:8px;margin-top:4px;font-size:13px;display:flex}.yr{color:var(--accent);font-weight:600}.yr.unk{color:var(--muted);font-weight:400}.val{font-family:var(--mono);font-size:12.5px}.empty{color:var(--muted);padding:40px 0}dialog{background:var(--surface);color:var(--ink);border:none;border-radius:14px;width:min(960px,100% - 32px);max-height:calc(100% - 32px);padding:0;box-shadow:0 20px 60px #00000059}dialog::backdrop{background:#0a0e0c9e}.dlg{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);display:grid}.big{background:#0d100e;justify-content:center;align-items:center;max-height:calc(100vh - 32px);display:flex;position:relative}.big img{object-fit:contain;width:100%;max-height:calc(100vh - 32px)}.info{flex-direction:column;gap:16px;max-height:calc(100vh - 32px);padding:26px 26px 22px;display:flex;overflow:auto}.info .tag{align-self:flex-start;position:static}.info h2{font-family:var(--display);text-wrap:balance;letter-spacing:-.01em;margin:0;font-size:28px;font-weight:700;line-height:1.08}.info .brand{font-size:12px}.year{background:var(--ground);border-radius:8px;align-items:baseline;gap:10px;padding:12px 14px;display:flex}.year b{font-family:var(--display);color:var(--accent);font-size:30px;line-height:1}.year span{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:12px}dl{grid-template-columns:auto 1fr;gap:9px 18px;margin:0;display:grid}dt{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding-top:2px;font-size:11px}dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0}dd.mono{font-family:var(--mono);font-size:13.5px}.desc{color:var(--ink);margin:0}.info-btn{width:32px;height:32px;color:var(--accent);cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;margin-left:auto;padding:0;display:grid}.info-btn:hover,.info-btn[aria-expanded=true]{background:var(--ground)}.info-btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.notes{border:1px dashed var(--accent);background:var(--ground);border-radius:8px;flex:1;align-content:start;gap:14px;min-height:0;padding:16px 18px;display:grid;overflow:auto}.notes h3{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0;font-size:11px;font-weight:600}.notes .mono{border-bottom:1px solid var(--line);font-family:var(--mono);overflow-wrap:anywhere;margin:-8px 0 0;padding-bottom:14px;font-size:15px;font-weight:500}.notes section{gap:3px;display:grid}.notes h4{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin:0 0 2px;font-size:11px;font-weight:700}.notes p{overflow-wrap:anywhere;margin:0;line-height:1.5}.notes a{color:var(--accent);text-underline-offset:2px}.nav{gap:8px;margin-top:auto;padding-top:6px;display:flex}.nav button{font:inherit;border:1px solid var(--line);background:var(--surface);min-height:40px;color:var(--ink);cursor:pointer;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;font-weight:500;display:inline-flex}.nav button.close{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.nav button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.dlg-bar{display:none}body:has(dialog[open]){overflow:hidden}.card{-webkit-tap-highlight-color:transparent}@media (hover:none){.card:hover{transform:none}}@media (width<=720px){body{padding-block:18px 40px}header{gap:14px;margin-bottom:14px}.sub{margin-top:6px;font-size:14px}.stats{gap:6px 18px}.stat b{font-size:18px}.stat span{font-size:10px}.bar{gap:8px;margin-bottom:14px}.bar input[type=search]{flex:100%;max-width:none}.bar select{flex:1 1 0;min-width:0}.bar select[aria-label=Brand]{flex-basis:100%}.bar input[type=search],.bar select{font-size:16px}.count{flex-basis:100%;margin-left:0}.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.meta{padding:8px 10px 10px}.model{font-size:14px}.stamp{padding:1px 6px 0;font-size:12px;top:10px;right:8px}dialog.detail{overscroll-behavior:contain;border-radius:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;overflow-y:auto}.dlg-bar{z-index:2;background:var(--surface);border-bottom:1px solid var(--line);padding:8px 12px;padding-top:calc(8px + env(safe-area-inset-top,0px));align-items:center;gap:10px;display:flex;position:sticky;top:0}.back{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;min-height:44px;padding:8px 4px;font-size:15px;font-weight:600;display:inline-flex}.bar-num{text-align:center;font-family:var(--mono);color:var(--muted);font-variant-numeric:tabular-nums;flex:1;font-size:12.5px}.bar-nav{gap:6px;display:flex}.bar-nav button{font:inherit;border:1px solid var(--line);background:var(--ground);width:44px;height:44px;color:var(--ink);cursor:pointer;border-radius:8px;place-items:center;padding:0;display:grid}.back:focus-visible,.bar-nav button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.dlg{grid-template-columns:1fr}.big{max-height:none}.big img{max-height:62vh}.info{max-height:none;padding:18px 16px;padding-bottom:calc(28px + env(safe-area-inset-bottom,0px));gap:14px;overflow:visible}.info h2{font-size:24px}.nav{display:none}.viewer-bar{padding:8px 12px;padding-top:calc(8px + env(safe-area-inset-top,0px));gap:8px}.viewer-bar span{white-space:nowrap;text-overflow:ellipsis;flex-basis:100%;font-size:14px;overflow:hidden}.viewer-actions{width:100%}.viewer-actions button,.viewer-actions a{text-align:center;flex:1;justify-content:center;align-items:center;min-height:44px;padding:6px 8px;display:flex}.viewer-stage{padding:8px;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))}}@media (prefers-reduced-motion:reduce){.card{transition:none}.card:hover{transform:none}}.stat b.sold-num{color:var(--sold)}.card.is-sold .ph img{filter:grayscale()}.stamp{border:2px solid var(--sold);color:var(--sold);background:color-mix(in srgb,var(--surface) 88%,transparent);font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;border-radius:4px;padding:2px 9px 1px;font-size:15px;font-weight:700;line-height:1.3;position:absolute;top:14px;right:10px;transform:rotate(-8deg)}.info-top{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sold-badge{letter-spacing:.06em;text-transform:uppercase;color:var(--sold);border:1.5px solid var(--sold);border-radius:4px;padding:2px 8px;font-size:12px;font-weight:700}.big img{cursor:zoom-in}.zoom{font:inherit;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border:1px solid #ffffff59;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:600;display:inline-flex;position:absolute;bottom:12px;right:12px}.zoom:hover{background:#000000c7}.zoom:focus-visible{outline:3px solid var(--accent);outline-offset:2px}dialog.viewer{color:#eef2ef;background:#0b0d0c;border-radius:0;flex-direction:column;width:100%;max-width:none;height:100%;max-height:none;margin:0;display:none}dialog.viewer[open]{display:flex}dialog.viewer::backdrop{background:#0b0d0c}.viewer-bar{padding:10px 16px;padding-top:calc(10px + env(safe-area-inset-top,0px));border-bottom:1px solid #26302b;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;display:flex}.viewer-bar span{font-weight:600}.viewer-actions{flex-wrap:wrap;gap:8px;display:flex}.viewer-actions button,.viewer-actions a{font:inherit;color:#eef2ef;cursor:pointer;background:#1a201d;border:1px solid #33403a;border-radius:8px;padding:7px 14px;font-size:14px;font-weight:500;text-decoration:none}.viewer-actions .close{color:#0f1a16;background:#74c4ae;border-color:#74c4ae}.viewer-actions :focus-visible{outline-offset:2px;outline:3px solid #74c4ae}.viewer-stage{min-height:0;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));flex:1;justify-content:center;align-items:center;display:flex;overflow:auto}.viewer-stage img{object-fit:contain;cursor:zoom-in;max-width:100%;max-height:100%}.viewer-stage.actual{text-align:center;display:block}.viewer-stage.actual img{cursor:zoom-out;max-width:none;max-height:none}