.rail{gap:6px}.video-card{flex-basis:calc((100% - 18px)/4)}.hover-card[hidden],.my-list[hidden]{display:none!important}.hover-card{position:fixed;z-index:1000;border-radius:6px;overflow:hidden;background:#1c1d22;color:#f8f8f8;box-shadow:0 16px 48px #000c;animation:ipmi-preview-in .22s ease both}.hover-video{width:100%;height:208px;min-height:200px;background:#080808}.hover-video iframe,.hover-video>div,.hover-video img{display:block;width:100%;height:100%;min-height:200px;border:0;object-fit:cover}.hover-content{padding:14px 16px 16px}.hover-actions{display:flex;gap:9px;margin-bottom:12px}.hover-actions button{border:1px solid #8a8a8e;background:#292a2e;color:white;border-radius:50%;height:37px;width:37px;font-size:22px;line-height:1;display:grid;place-items:center}.hover-actions button:hover,.hover-actions button:focus-visible{border-color:white}.hover-actions .hover-play{background:white;color:#111;border-color:white;font-size:17px}.hover-actions .hover-like[aria-pressed=true]{color:#f0c889}.hover-title{font-size:16px;display:block;margin:5px 0}.hover-meta,.hover-tags,.hover-description,.hover-status{font-size:12px;margin:7px 0;color:#c5c5ca;line-height:1.4}.hover-tags{color:#e4c78f}.hover-status{font-size:11px;color:#aaa}.hover-badge{display:inline-block;margin:0 0 5px;background:#a42d30;color:#fff;font-size:10px;font-weight:700;padding:3px 6px;border-radius:2px}.saved-items{display:flex;gap:6px;overflow-x:auto}.saved-item{flex:0 0 220px;padding:0 0 10px;background:#1b1c22;color:white;border:0;text-align:left;border-radius:4px;overflow:hidden}.saved-item img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.saved-item span{display:block;padding:10px 10px 0;font-size:13px;font-weight:700}.saved-item:hover{outline:1px solid #d9b675}.card-preview-hint{display:none}@keyframes ipmi-preview-in{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media(max-width:850px){.video-card{flex-basis:45%}}@media(max-width:560px){.video-card{flex-basis:80%}.hover-card{display:none}}@media(prefers-reduced-motion:reduce){.hover-card{animation:none}}
.video-card-shell{flex:0 0 calc((100% - 18px)/4);min-width:240px}.video-card-shell .video-card{width:100%;min-width:0;display:block}.video-card-shell:has(.video-card[hidden]){display:none}.touch-actions{display:none;gap:8px;padding:10px 0}.touch-actions button{background:#25262b;color:#fff;border:1px solid #555;border-radius:4px;padding:8px;font-size:12px}@media(hover:none){.touch-actions{display:flex}}@media(max-width:850px){.video-card-shell{flex-basis:45%;min-width:0}}@media(max-width:560px){.video-card-shell{flex-basis:80%}}
.video-card[data-badge] .thumb{position:relative}.card-badge{position:absolute;left:8px;bottom:8px;background:#a42d30;color:white;border-radius:2px;padding:4px 6px;font-size:10px;letter-spacing:.03em;font-weight:700}@media(max-width:560px){.touch-actions{display:flex}}
.video-card-shell{transition:opacity .3s ease}.video-card-shell.preview-active{opacity:0}@media(prefers-reduced-motion:reduce){.video-card-shell{transition:none}}
.hover-card{transform-origin:top center;animation:ipmi-card-grow .34s ease-out both}.hover-content{animation:ipmi-details-in .25s .15s ease both}@keyframes ipmi-card-grow{from{opacity:.7;transform:translateY(40px) scale(.75)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ipmi-details-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.hover-card,.hover-content{animation:none}}