body{font-family:Arial,sans-serif;background-color:#222;color:#fff;text-align:center;padding:20px}#controls{display:flex;justify-content:center;align-items:center;gap:10px;padding:10px;background-color:#111;border-radius:10px;margin-bottom:10px}button{background:0 0;border:none;color:#fff;font-size:2rem;cursor:pointer;transition:transform .2s}button:hover{transform:scale(1.2)}.recording{animation:flash 1s infinite;color:#32cd32}@keyframes flash{0%,100%{opacity:1}50%{opacity:.5}}progress{width:90%;height:20px;appearance:none}progress::-webkit-progress-bar{background-color:#444;border-radius:10px}progress::-webkit-progress-value{background-color:#32cd32;border-radius:10px}progress::-moz-progress-bar{background-color:#32cd32;border-radius:10px}input[type=range]{width:150px}#timer{margin-top:5px;font-size:1.2rem}#message{margin-top:10px;font-size:1rem;color:#ccc}#downloadLink{display:inline-block;margin-top:10px;color:#0f0;text-decoration:underline}