.vid-card{display:flex;align-items:center;gap:10px;width:100%;max-width:420px;margin-top:8px;padding:6px;text-align:left;border:1px solid var(--line);border-radius:10px;background:#fff;font:inherit;color:var(--ink);cursor:pointer}.vid-card:hover{border-color:var(--ink-3);background:#f8fafc}.vid-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.vid-thumb{position:relative;flex:none;width:128px;height:72px;border-radius:8px;overflow:hidden;background:#0f172a;display:grid;place-items:center}.vid-thumb.tall{width:72px;height:128px}.vid-thumb img{width:100%;height:100%;object-fit:cover;display:block}.vid-glyph{color:#fff}.vid-glyph svg{width:28px;height:28px;display:block}.vid-play{position:absolute;inset:0;display:grid;place-items:center}.vid-play svg{width:34px;height:34px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.vid-meta{display:grid;gap:2px;min-width:0}.vid-title{font-size:13.5px;font-weight:600;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}.vid-src{font-size:12px;color:var(--ink-3)}.vid-player{width:100%;max-width:560px;min-width:200px;aspect-ratio:16 / 9;min-height:200px;margin-top:8px;border-radius:10px;overflow:hidden;background:#000}.vid-player.tall{width:auto;max-width:100%;height:min(70vh,560px);aspect-ratio:9 / 16}.vid-player iframe{width:100%;height:100%;border:0;display:block}.vid-player.vid-x{aspect-ratio:auto;height:auto;background:none;border-radius:0;overflow:visible}.vid-player.vid-x iframe{width:100%;max-width:550px;min-height:200px;border-radius:12px;background:#fff}.vid-x-open{margin:4px 0 0;font-size:12.5px}.vid-x-open a{color:#0369a1;font-weight:600}.vid-loading{margin:0;padding:12px;font-size:13px;color:var(--ink-2)}.vid-state{margin:6px 0 0;font-size:12.5px;color:#92400e}.vid-state a,.vid-loading a{color:#0369a1;font-weight:600}