body{background:linear-gradient(135deg,#e0f7fa 0%,#b3e5fc 25%,#90caf9 50%,#bbdefb 75%,#e3f2fd 100%) fixed;min-height:100vh;margin:0;padding:0;font-family:Arial,sans-serif}.audbuttons{text-align:center;background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);border-radius:15px;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));justify-content:center;place-items:center;gap:20px;max-width:500px;margin:120px auto 0;padding:20px;display:grid;box-shadow:0 4px 15px #0000001a}.audbuttons img{cursor:pointer;border-radius:50%;width:60px;height:60px;transition:all .3s;box-shadow:0 2px 8px #00000026}.audbuttons img:hover{filter:brightness(1.1);transform:scale(1.1);box-shadow:0 4px 12px #00000040}.audbuttons img:active{transform:scale(.95)}.audbuttons img.pressed{opacity:.8;animation:1.5s infinite pulse;box-shadow:0 0 20px #2196f399}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (width<=768px){.audbuttons{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:10px;margin:60px auto 0;padding:10px}.audbuttons img{width:60px;height:60px}}