:root{--accent:#0b74de;--bg:#f6fbff;--card:#fff;--muted:#666}
body{background:var(--bg);font-family:Inter,Arial;padding:0;margin:0;color:#111}
.header{background:linear-gradient(90deg,#fff,#f0fbff);padding:14px 20px;box-shadow:0 10px 30px rgba(3,54,76,0.04);position:sticky;top:0}
.container{max-width:1200px;margin:20px auto;padding:0 14px}
.card{background:var(--card);padding:14px;border-radius:12px;box-shadow:0 10px 30px rgba(3,54,76,0.04);}
.play-btn{background:var(--accent);color:#fff;padding:10px 14px;border-radius:12px;border:none;cursor:pointer}
.thumb{height:140px;border-radius:12px;background:linear-gradient(135deg,var(--accent),#7fc3ff);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}
@media(max-width:900px){ .thumb{height:100px} }