:root{--accent:#ff7a00;--bg:#fff8f2;--card:#fff;--muted:#666}
body{background:var(--bg);font-family:Inter,Arial;padding:0;margin:0;color:#111}
.header{background:var(--card);padding:12px 18px;box-shadow:0 6px 18px rgba(0,0,0,0.06);position:sticky;top:0}
.container{max-width:1100px;margin:18px auto;padding:0 12px}
.card{background:var(--card);padding:12px;border-radius:10px;box-shadow:0 6px 18px rgba(0,0,0,0.06);}
.play-btn{background:var(--accent);color:#fff;padding:8px 12px;border-radius:8px;border:none;cursor:pointer}
.thumb{height:120px;border-radius:8px;background:linear-gradient(135deg,var(--accent),#ffb07a);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}
@media(max-width:900px){ .grid{grid-template-columns:1fr!important} .thumb{height:90px} }