body{font-family:Arial,sans-serif;background-color:#f0f0f0;display:flex;justify-content:center;align-items:center;height:100vh;margin:0}.container{background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.1);text-align:center;min-width:360px}h1{margin-bottom:20px}.input-group{margin-bottom:15px}label{display:block;margin-bottom:5px}input{width:100%;padding:8px;box-sizing:border-box;border:1px solid #ccc;border-radius:5px}button{padding:10px 20px;margin:5px;border:0;border-radius:5px;background-color:#007bff;color:#fff;cursor:pointer}button:disabled{background-color:#ccc;cursor:not-allowed}#timerDisplay{margin-top:20px;font-size:1.5em}#reminderDisplay{margin-top:20px;font-size:1.2em;color:#d9534f}@media (max-width:1000px){.container{border:0;box-shadow:none}html,body{background-color:#fff}}