:root{--bg:#0f1115;--fg:#e5e7eb;--muted:#9aa1ac;--card:#161a22;--accent:#22c55e}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:14px/1.4 system-ui,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif}
.topbar{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;padding:.75rem 1rem;border-bottom:1px solid #202636;background:#0d1016;position:sticky;top:0}
.topbar h1{margin:0;font-size:1.2rem}
.topbar input{flex:1;min-width:240px;max-width:420px;padding:.6rem .8rem;border-radius:8px;border:1px solid #2a3240;background:#0b0e13;color:var(--fg)}
.filters{display:flex;gap:.5rem;align-items:center}
.filters select{padding:.5rem .6rem;border-radius:8px;border:1px solid #2a3240;background:#0b0e13;color:var(--fg)}
main{padding:1rem}
.grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
.card{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;border:1px solid #222838;background:var(--card);border-radius:12px}
.thumb{position:relative;display:block;aspect-ratio:16/9;width:100%;background:#0c0f15;border-radius:8px;overflow:hidden}
.thumb-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none}
.thumb-icon{position:absolute;inset:0;display:grid;place-items:center;color:#80889a;font-size:2rem}

.title{margin:0;font-size:.95rem;line-height:1.2}
.meta{color:var(--muted);font-size:.8rem}
.play{align-self:flex-start;padding:.5rem .8rem;border-radius:8px;border:1px solid #2a3240;background:#101420;color:var(--fg);cursor:pointer}
.play:hover{border-color:#3a4255}
.modal{position:fixed;inset:0;background:#000a;display:grid;place-items:center;padding:1rem;z-index:10000}
.modal[hidden]{display:none !important}
.modal__dialog{position:relative;width:min(100%,960px)}
.modal__close{position:absolute;top:-40px;right:0;border:none;background:transparent;color:var(--fg);font-size:1.4rem;cursor:pointer}
video{width:100%;height:auto;background:#000;border-radius:8px}
@media (hover:hover){.card:hover{border-color:#3a4255}}