:root{color-scheme:dark;--bg: #000000;--text: #ffffff;--muted: #999999;--line: #ffffff;--faint: #1a1a1a;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "DejaVu Sans Mono", monospace}*{box-sizing:border-box;border-radius:0}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 var(--mono)}.header{padding:4rem 1.5rem 2rem;max-width:86rem;margin:0 auto}.header h1{margin:0;font-size:1.5rem;font-weight:700}.header p{margin:.4rem 0 0;color:var(--muted)}.header .header__updated{margin-top:.9rem;color:var(--muted);font-size:.8rem;opacity:.7}.header a{display:inline-block;margin-top:1rem;padding:.35rem .65rem;border:1px solid var(--line);color:var(--text);text-decoration:none}.header a:hover,.header a:focus-visible{background:var(--text);color:var(--bg)}.grid{display:grid;grid-template-columns:1fr;gap:1.25rem;padding:0 1.5rem 4rem;max-width:86rem;margin:0 auto}@media(min-width:48rem){.grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:68rem){.grid{grid-template-columns:repeat(3,1fr)}}.card{position:relative;display:flex;flex-direction:column;border:1px solid var(--line);background:var(--bg);overflow:hidden}.card__preview{position:relative;display:block;width:100%;aspect-ratio:16 / 10;padding:0;border:0;border-bottom:1px solid var(--line);background:var(--bg);color:inherit;font:inherit;cursor:pointer;overflow:hidden}.card__image{width:100%;height:100%;object-fit:cover;display:block}.card__fallback{display:grid;place-items:center;width:100%;height:100%;font-size:3.5rem;font-weight:700;color:var(--faint)}.card__hint{position:absolute;inset:auto 0 0 0;padding:.45rem .75rem;border-top:1px solid var(--line);background:var(--bg);color:var(--text);font-size:.8rem;text-align:left}.card__preview:hover .card__hint,.card__preview:focus-visible .card__hint{background:var(--text);color:var(--bg)}.card__preview:focus-visible{outline:2px solid var(--line);outline-offset:-2px}.card__frame{display:block;width:100%;aspect-ratio:16 / 10;border:0;border-bottom:1px solid var(--line);background:var(--bg)}.card__stop{position:absolute;top:0;right:0;z-index:1;width:1.6rem;height:1.6rem;padding:0;display:grid;place-items:center;border:0;border-left:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg);color:var(--text);font:inherit;font-size:.75rem;line-height:1;cursor:pointer}.card__stop:hover{background:var(--text);color:var(--bg)}.card__body{display:flex;gap:.6rem;align-items:center;padding:.55rem .55rem .55rem .75rem}.card__number{color:var(--muted);font-weight:700;font-size:.85rem}.card__title{margin-right:auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.card__open{flex:none;display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .55rem;border:1px solid var(--line);background:var(--bg);color:var(--text);font-size:.8rem;text-decoration:none}.card__open:hover,.card__open:focus-visible{background:var(--text);color:var(--bg)}.empty{grid-column:1 / -1;color:var(--muted);padding:2rem 0}