*{box-sizing:border-box;font-family:Arial,sans-serif}body{background:#f4f6f8;margin:0;padding:0}.app{max-width:420px;margin:80px auto;padding:25px;background:#fff;border-radius:8px;box-shadow:0 4px 10px #0000001a}h1,h2{text-align:center}input{width:100%;padding:10px;margin-bottom:12px;border-radius:4px;border:1px solid #ccc}button{width:100%;padding:10px;background:#007bff;border:none;color:#fff;border-radius:4px;cursor:pointer}button:hover{background:#0056b3}.message{text-align:center;color:#333;margin-top:10px}.toggle{margin-top:15px;text-align:center;color:#007bff;cursor:pointer}.toggle:hover{text-decoration:underline}ul{list-style:none;padding:0}li{background:#f1f1f1;margin-bottom:8px;padding:8px;display:flex;justify-content:space-between;border-radius:4px}li button{background:#dc3545;width:auto;padding:5px 8px}li button:hover{background:#a71d2a}