/* ─────────────────────────────────────────
   VIDEO GRID
───────────────────────────────────────── */
#grid-page{padding:16px 16px 60px}
@media(min-width:601px){#grid-page{padding:20px 24px 60px}}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px 16px}
@media(max-width:480px){.grid{grid-template-columns:1fr;gap:16px}}
.vcard{cursor:pointer;border-radius:14px;transition:transform .2s ease;position:relative}
.vcard:hover{transform:translateY(-2px)}
.vthumb{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:16/9;background:var(--bg3)}
.vthumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.vcard:hover .vthumb img{transform:scale(1.04)}
.vmeta-row{padding:10px 4px 4px;display:flex;gap:10px;align-items:flex-start}
.vch-av{width:34px;height:34px;border-radius:50%;flex-shrink:0;background:var(--bg3);overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}
.vch-av img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.vmeta-txt{flex:1;min-width:0}
.vtitle{font-size:14px;font-weight:500;line-height:1.4;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:2px}
.vch-name{font-size:12px;color:var(--muted);margin-bottom:1px}
.vstats{font-size:12px;color:var(--muted)}
.vmore{width:34px;height:34px;flex-shrink:0;border-radius:50%;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--muted);opacity:0;transition:opacity .2s;position:relative;z-index:2}
.vcard:hover .vmore{opacity:1}
@media(hover:none){.vmore{opacity:1}}
.vmore:hover{background:var(--chip)}

/* ─────────────────────────────────────────
   CTX MENU
───────────────────────────────────────── */
.ctx-menu{position:fixed;background:var(--ctx-bg);border:1px solid var(--ctx-border);border-radius:12px;padding:6px;min-width:210px;z-index:999;box-shadow:0 8px 32px rgba(0,0,0,.4);animation:ctxin .15s ease-out}
@keyframes ctxin{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}
.ctx-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;font-size:14px;color:var(--text);transition:background .12s;border:none;background:none;width:100%;font-family:'Roboto',sans-serif;text-align:left}
.ctx-item:hover{background:var(--ctx-hover)}
.ctx-item svg{width:16px;height:16px;flex-shrink:0;color:var(--muted)}
.ctx-item.saved svg{color:var(--accent)}
.ctx-item.saved{color:var(--accent)}

/* ─────────────────────────────────────────
   SAVED PAGE
───────────────────────────────────────── */
.saved-page-header{padding:20px 16px 0;display:flex;align-items:center;gap:10px}
@media(min-width:601px){.saved-page-header{padding:28px 24px 0}}
.saved-page-header h1{font-size:20px;font-weight:700;color:var(--text)}
.saved-page-header span{font-size:13px;color:var(--muted)}
#saved-grid-wrap{padding:16px 16px 80px}
@media(min-width:601px){#saved-grid-wrap{padding:20px 24px 60px}}