.vd{display:grid;gap:28px}.vd-intro{margin:0;color:var(--muted)}.vd-intro a{color:var(--accent-2);text-decoration:underline;text-underline-offset:2px}.vd-tools{display:grid;gap:14px}.vd-search{width:100%;height:46px;padding:0 14px;background:var(--bg-raise);border:1px solid var(--line-2);border-radius:var(--radius);color:var(--text);font:inherit;font-size:.98rem}.vd-search:focus-visible{outline:2px solid var(--accent-bd);border-color:var(--accent)}.vd-chips{display:flex;flex-wrap:wrap;gap:8px}.vd-chip{display:inline-flex;align-items:center;height:36px;padding-inline:14px;border:1px solid var(--line-2);border-radius:999px;background:var(--bg);color:var(--text);font:inherit;font-size:.88rem;cursor:pointer}.vd-chip:hover{border-color:var(--accent)}.vd-chip[aria-pressed=true]{background:var(--text);border-color:var(--text);color:var(--bg)}.vd-empty{margin:0;color:var(--muted)}.vd-empty:empty{display:none}.vd-group{display:grid;gap:16px}.vd-group__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 18px}.vd-group__head h2{margin:0;font-size:clamp(1.25rem,2.2vw,1.5rem)}.vd-playlist{font-size:.875rem;color:var(--accent-2);text-decoration:underline;text-underline-offset:2px}.vd-grid{list-style:none;margin:0;padding:0;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))}.vd-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-raise);overflow:hidden}.vd-card:hover{border-color:var(--line-2)}.vd-media{position:relative;aspect-ratio:16 / 9;background:var(--surface)}.vd-media iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.vd-thumb{position:absolute;inset:0;display:block;width:100%;padding:0;border:0;background:none;cursor:pointer}.vd-thumb img{width:100%;height:100%;object-fit:cover}.vd-thumb__ico{position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;display:grid;place-items:center;border-radius:999px;background:var(--btn);color:var(--btn-text);transition:transform .15s ease}.vd-thumb__ico svg{width:26px;height:26px;fill:currentColor}.vd-thumb:hover .vd-thumb__ico,.vd-thumb:focus-visible .vd-thumb__ico{transform:scale(1.08);background:var(--btn-hover)}.vd-thumb:focus-visible{outline-offset:-3px}.vd-ask{position:absolute;inset:0;display:grid;align-content:center;justify-items:start;gap:12px;padding:16px 18px;font-size:.88rem;color:var(--text)}.vd-ask p{margin:0}.vd-text{display:grid;gap:6px;padding:14px 16px 16px;flex:1;align-content:start}.vd-meta{margin:0;display:flex;flex-wrap:wrap;gap:4px 10px;font-size:.8rem;color:var(--muted)}.vd-n{font-family:var(--mono);color:var(--accent-2)}.vd-text h3{margin:0;font-size:1rem;line-height:1.4}.vd-watch{margin-top:4px;font-size:.875rem;color:var(--accent-2);text-decoration:underline;text-underline-offset:2px}@media(prefers-reduced-motion:reduce){.vd-thumb__ico{transition:none}}
