body{background:#0b0f14;color:#edf2f7;font-family:system-ui,-apple-system,sans-serif;padding:20px}h1{text-align:center;margin-bottom:20px}.grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;justify-items:center}.pad{background:#121922;border:1px solid #233142;border-radius:16px;padding:16px;width:100%;max-width:300px;text-align:center;box-shadow:0 6px 20px rgba(0,0,0,.25)}.controls{display:flex;justify-content:center;gap:10px;margin:10px 0}button{background:linear-gradient(180deg,#1c2632,#0f1822);border:1px solid #243241;color:#fff;border-radius:10px;padding:8px 14px;cursor:pointer}button:hover{background:linear-gradient(180deg,#243141,#15202c)}.volume{display:flex;flex-direction:column;align-items:center}input[type=range]{width:80%}.desktop-only{display:block}@media (max-width:768px){.desktop-only{display:none}}