.vid-grid{display:grid;grid-gap:1.2rem;gap:1.2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.vid-card{display:block;text-align:left;background:#fff;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;cursor:pointer;padding:0;transition:box-shadow .15s,transform .15s}.vid-card:hover{box-shadow:0 10px 30px rgba(27,42,74,.12);transform:translateY(-3px)}.vid-thumb{position:relative;aspect-ratio:16/9;background:#000}.vid-thumb img{width:100%;height:100%;object-fit:cover;display:block}.vid-play{position:absolute;inset:0;margin:auto;width:58px;height:58px;display:flex;align-items:center;justify-content:center;background:rgba(232,132,60,.92);color:#fff;border-radius:50%;font-size:1.3rem;padding-left:4px;box-shadow:0 4px 16px rgba(0,0,0,.4);transition:transform .15s}.vid-card:hover .vid-play{transform:scale(1.1)}.vid-meta{padding:.9rem 1.1rem 1.1rem}.vid-meta h3{margin:0 0 .2rem;color:var(--secondary);font-size:1rem}.vid-sub{color:var(--muted);font-size:.84rem}.vlb{position:fixed;inset:0;z-index:1200;background:rgba(8,12,22,.95);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.vlb-close{position:absolute;top:1rem;right:1.2rem;background:hsla(0,0%,100%,.12);color:#fff;border:none;border-radius:50%;width:40px;height:40px;font-size:1.1rem;cursor:pointer;z-index:2}.vlb-close:hover{background:hsla(0,0%,100%,.25)}.vlb-frame{width:min(92vw,1200px);aspect-ratio:16/9;max-height:80vh;background:#000;border-radius:8px;overflow:hidden;box-shadow:0 10px 50px rgba(0,0,0,.6)}.vlb-frame iframe{width:100%;height:100%;border:0}.vlb-title{color:#fff;margin-top:1rem;font-size:.95rem}.sh-row{display:flex;gap:1rem;overflow-x:auto;padding:.25rem .1rem 1rem;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.sh-card{flex:0 0 auto;width:152px;background:none;border:none;padding:0;cursor:pointer;text-align:left;scroll-snap-align:start}.sh-thumb{position:relative;width:152px;aspect-ratio:9/16;border-radius:12px;overflow:hidden;background:#000;border:1px solid var(--border);transition:transform .15s,box-shadow .15s}.sh-card:hover .sh-thumb{transform:translateY(-3px);box-shadow:0 10px 26px rgba(27,42,74,.18)}.sh-thumb img{width:100%;height:100%;object-fit:cover;display:block}.sh-play{position:absolute;inset:0;margin:auto;width:46px;height:46px;display:flex;align-items:center;justify-content:center;background:rgba(232,132,60,.92);color:#fff;border-radius:50%;font-size:1.05rem;padding-left:3px;box-shadow:0 4px 14px rgba(0,0,0,.4)}.sh-title{margin-top:.5rem;font-size:.82rem;font-weight:600;color:var(--secondary);line-height:1.25;white-space:normal}.vlb-frame.sh-frame{width:auto;aspect-ratio:9/16;height:min(80vh,680px);max-height:80vh;max-width:92vw}