*{box-sizing:border-box}
body{margin:0;font-family:system-ui;background:#fff;color:#111}
header{padding:12px;display:flex;gap:12px;align-items:center;border-bottom:1px solid #eee;position:sticky;top:0;background:#fff}
header h1{margin:0;font-size:18px}
input{flex:1;padding:12px;border-radius:10px;border:1px solid #ddd}
#grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;padding:14px}
.card{text-decoration:none;color:#111}
.card img{width:100%;border-radius:14px}
.card h3{font-size:14px;margin:6px 0}
.player{padding:14px}
.player iframe{width:100%;height:220px;border-radius:14px;border:none}
@media(min-width:768px){.player iframe{height:420px}}