.vg-filters{display:flex;border-bottom:1px solid var(--color-border);margin-bottom:0}.vg-filter{background:none;border:none;cursor:pointer;padding:.75rem 1.5rem;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;font-family:var(--font-mono);color:var(--color-text-muted);position:relative;transition:color var(--transition-fast)}.vg-filter:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background:var(--color-accent);transform:scaleX(0);transition:transform var(--transition-base)}.vg-filter:hover{color:var(--color-text)}.vg-filter--active{color:var(--color-accent)}.vg-filter--active:after{transform:scaleX(1)}.vg-list{display:flex;flex-direction:column}.vg-item{border-bottom:1px solid var(--color-border)}.vg-item-header{width:100%;display:grid;grid-template-columns:4.5rem 1fr auto;align-items:center;gap:1rem;padding:1.25rem 0;background:none;border:none;cursor:pointer;text-align:left;color:inherit}.vg-item-category{font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;font-family:var(--font-mono);color:var(--color-accent)}.vg-item-title{font-size:1rem;color:var(--color-text-muted);transition:color var(--transition-fast);font-family:var(--font-serif)}.vg-item-header:hover .vg-item-title,.vg-item--open .vg-item-title{color:var(--color-text)}.vg-item-arrow{font-size:.9rem;color:var(--color-text-muted);transition:transform var(--transition-base),color var(--transition-fast);display:inline-block}.vg-item--open .vg-item-arrow{transform:rotate(180deg);color:var(--color-accent)}.vg-item-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.16,1,.3,1)}.vg-item--open .vg-item-body{grid-template-rows:1fr}.vg-item-body-inner{overflow:hidden}.vg-thumb-btn{display:block;width:100%;max-width:480px;background:none;border:none;padding:0 0 1.5rem;cursor:pointer;text-align:left}.vg-thumb{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:#0d0d0d;border:1px solid var(--color-border);border-radius:var(--radius);transition:border-color var(--transition-base)}.vg-thumb-btn:hover .vg-thumb{border-color:var(--color-accent)}.vg-thumb img{width:100%;height:100%;object-fit:cover;display:block;opacity:.8;transition:transform .4s ease,opacity .3s ease}.vg-thumb-btn:hover .vg-thumb img{transform:scale(1.03);opacity:1}.vg-play{position:absolute;inset:0;display:grid;place-items:center}.vg-play-btn{width:52px;height:52px;border-radius:50%;background:#00000080;border:1.5px solid rgba(255,255,255,.25);display:grid;place-items:center;transition:background var(--transition-fast),transform var(--transition-fast),border-color var(--transition-fast);backdrop-filter:blur(4px)}.vg-play-btn svg{width:20px;height:20px;color:#fff;transform:translate(1px)}.vg-thumb-btn:hover .vg-play-btn{background:var(--color-accent);border-color:var(--color-accent);transform:scale(1.08)}.vg-thumb-btn:hover .vg-play-btn svg{color:#000}.vg-thumb-desc{margin-top:.6rem;font-size:.8rem;color:var(--color-text-muted);line-height:1.55}.vg-modal-backdrop{position:fixed;inset:0;z-index:100;background:#000000e0;backdrop-filter:blur(6px);display:grid;place-items:center;padding:1.5rem;animation:vg-fade-in .2s ease}@keyframes vg-fade-in{0%{opacity:0}to{opacity:1}}.vg-modal-inner{width:100%;max-width:860px;animation:vg-scale-in .22s cubic-bezier(.16,1,.3,1)}@keyframes vg-scale-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.vg-embed{aspect-ratio:16 / 9;width:100%;background:#000;border-radius:var(--radius);overflow:hidden}.vg-embed iframe{width:100%;height:100%;border:none;display:block}.vg-modal-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;gap:1rem}.vg-modal-title{font-size:.95rem;color:var(--color-text-muted);font-family:var(--font-serif)}.vg-modal-close{background:none;border:1px solid var(--color-border);color:var(--color-text-muted);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;font-family:var(--font-mono);padding:.4rem .8rem;border-radius:var(--radius);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast);white-space:nowrap;flex-shrink:0}.vg-modal-close:hover{color:var(--color-text);border-color:var(--color-text-muted)}@media(max-width:600px){.vg-filters{overflow-x:auto;-webkit-overflow-scrolling:touch}.vg-filter{padding:.75rem 1rem;white-space:nowrap}.vg-item-header{grid-template-columns:1fr auto;grid-template-rows:auto auto;row-gap:.2rem}.vg-item-category{grid-column:1;grid-row:1}.vg-item-title{grid-column:1;grid-row:2}.vg-item-arrow{grid-column:2;grid-row:1 / 3}.vg-thumb-btn{max-width:100%}.vg-modal-footer{flex-direction:column-reverse;align-items:flex-start}}