.vd-grid{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width:572px){.vd-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1025px){.vd-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}.vd-card{display:grid;gap:8px;text-align:left;font:inherit;color:inherit;cursor:pointer;min-width:0}.vd-card-media{position:relative;display:block;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:var(--sg-surface)}.vd-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.vd-card:hover .vd-card-media img{transform:scale(1.03)}.vd-card-noposter{inset:0;font-weight:700;letter-spacing:.1em;color:var(--sg-fg-soft)}.vd-card-noposter,.vd-card-play{position:absolute;display:flex;align-items:center;justify-content:center}.vd-card-play{left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:100px;background:rgba(255,255,255,.92);color:var(--sg-fg);box-shadow:var(--sg-shadow-lg);transition:transform .15s ease,background .15s ease}.vd-card:hover .vd-card-play{transform:scale(1.06);background:#fff}.vd-card:focus-visible{outline:none}.vd-card:focus-visible .vd-card-media{box-shadow:0 0 0 3px var(--sg-accent-soft)}.vd-card-title{font-size:15px;line-height:21px;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.vd-card:hover .vd-card-title{color:var(--sg-secondary)}.vd-card-meta{font-size:12px;line-height:16px;color:var(--sg-fg-soft)}.vd-modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(960px,calc(100% - 24px));max-height:calc(100vh - 24px);background:var(--sg-bg);border-radius:16px;box-shadow:var(--sg-shadow-lg);z-index:100;display:flex;flex-direction:column;overflow:hidden;animation:sg-fade .18s ease}.vd-modal-head{display:flex;align-items:center;gap:12px;padding:12px 12px 12px 20px;border-bottom:1px solid var(--sg-border)}.vd-modal-title{flex:1;font-size:15px;line-height:20px;font-weight:600}.vd-frame{position:relative;aspect-ratio:16/9;background:#000}.vd-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.vd-modal-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding:12px 20px}.vd-modal-src{font-size:13px;color:var(--sg-fg-muted)}.vd-modal-src:hover{color:var(--sg-secondary)}.vd-empty{margin-top:0}.lib-empty{display:grid;gap:8px;justify-items:center;text-align:center;padding:40px 20px;background:var(--sg-surface);border-radius:12px;font-size:15px;line-height:22px}