:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1d2021;--surface:#282828;--raised:#3c3836;--border:#504945;--text:#ebdbb2;--muted:#a89984;--accent:#b8bb26;--on-accent:#1d2021;--danger:#fb4934;--on-danger:#1d2021}@media (prefers-color-scheme:light){:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fbf1c7;--surface:#f2e5bc;--raised:#ebdbb2;--border:#bdae93;--text:#282828;--muted:#665c54;--accent:#5f5c0e;--on-accent:#fbf1c7;--danger:#9d0006;--on-danger:#fbf1c7}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,sans-serif}body:has(dialog[open]){overflow:hidden}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}header{z-index:1;background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;padding:12px 16px;display:flex;position:sticky;top:0}@media (width<=40rem){header{position:static}}h1{margin:0;font-size:24px}.filters{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}input,select,button{font:inherit;color:inherit}input,select{border:1px solid var(--border);background:var(--bg);border-radius:4px;padding:4px 8px}.filters input[type=search]{min-width:12rem}.count{color:var(--muted);font-size:14px}main{max-width:1400px;margin:0 auto;padding:16px}.list{position:relative}.row{gap:16px;display:grid;position:absolute;inset:0 0 auto}.card{background:var(--raised);cursor:pointer;text-align:center;border:0;border-radius:4px;flex-direction:column;height:300px;padding:0;display:flex;position:relative;overflow:hidden}@media (prefers-reduced-motion:no-preference){.card{transition:transform .3s}.card:hover,.card:focus-visible{transform:scale(1.03)}}.card img{object-fit:cover;flex:1;width:100%;min-height:0}.card .title{-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:8px;font-weight:700;display:-webkit-box;overflow:hidden}.badge{color:#fff;background:#000000b3;border-radius:4px;padding:2px 8px;position:absolute;top:8px;right:8px}.status{text-align:center;min-height:1.5em}.status button,.close{border:1px solid var(--border);background:var(--raised);cursor:pointer;border-radius:4px;padding:2px 10px}.viewer{background:var(--surface);width:min(1000px,100% - 32px);max-height:calc(100% - 32px);color:var(--text);border:0;border-radius:4px;padding:0}.viewer::backdrop{background:#000000bf}.viewer-body{padding:8px}.viewer img,.viewer video{object-fit:contain;background:#000;width:100%;max-height:70vh;display:block}.viewer-info{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;padding:8px 0;display:flex}.viewer-info span{color:var(--muted)}.viewer h2{margin:0;font-size:20px}.close{float:right;margin:0 0 8px 8px;font-size:24px;line-height:1.2}.description{white-space:pre-line}
