* { box-sizing: border-box; margin:0; padding:0; font-family:Arial,sans-serif; }
body { background:#0f0f0f; color:#fff; }
body.light { background:#f5f5f5; color:#000; }
.header { padding:20px; background:#000; text-align:center; }
.grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); gap:20px; padding:20px; }
.card { text-decoration:none; color:#fff; transition:transform 0.3s; }
.card:hover { transform:scale(1.05); }
.card h3 { margin-top:10px; font-size:16px; text-align:center; }
#search { width:100%; padding:12px; margin:20px; border-radius:8px; border:none; font-size:16px; }
.back { color:#fff; text-decoration:none; font-size:18px; }
#telegram-player { max-width:800px; margin:0 auto; }
button { cursor:pointer; }