body{font-family:Arial,sans-serif;text-align:center;background-color:#f4f4f4;padding:20px;margin:0}.container{max-width:400px;margin:auto;background:#fff;padding:20px;border-radius:10px;box-shadow:0px 0px 10px rgba(0,0,0,.1);width:100%;box-sizing:border-box}.section-title{font-size:22px;font-weight:700;text-align:center;margin-top:20px;margin-bottom:15px}#how-to-use{padding:15px;border:1px solid #ccc;border-radius:8px;background-color:#f9f9f9;text-align:left;margin-bottom:20px;margin-top:0}#how-to-use h2{text-align:center;font-size:22px;font-weight:700;margin-top:0}#how-to-use ul{list-style:none;padding:0}#how-to-use li{margin-bottom:5px;font-size:16px}.clean-button{display:inline-block;width:48%;padding:15px;font-size:18px;border:none;border-radius:8px;cursor:pointer;margin-bottom:10px;text-align:center}.button-container{display:flex;justify-content:space-between;margin-bottom:20px}.water{background-color:#007bff;color:#fff}.dust{background-color:#28a745;color:#fff}.deep{background-color:#ffc107;color:#000;width:100%;margin-bottom:20px}.custom{background-color:#007bff;color:#fff;width:100%}.stop-button{background-color:#dc3545;color:#fff;padding:15px;width:100%;font-size:18px;border:none;border-radius:8px;cursor:pointer;margin-top:20px}.footnote{font-size:12px;display:block;margin-top:5px;text-align:center}.hidden{display:none}#freq-slider{width:100%;margin-top:10px;margin-bottom:10px}#freq-value{text-align:center;font-size:18px;margin-bottom:10px}.timer-text{text-align:center;font-size:18px;margin-top:10px}@media (max-width:480px){.container{width:100%;padding:15px}.clean-button{width:48%}.button-container{flex-direction:row}.deep,.custom{width:100%}.section-title{margin-top:15px;margin-bottom:10px}#how-to-use{margin-top:0}}