body{font-family:Arial,sans-serif;background-color:#f4f4f9;display:flex;justify-content:center;align-items:center;height:100vh;margin:0}.container{background:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 8px #0003;width:100%;max-width:400px;text-align:center}h1{font-size:1.5rem;color:#333}.input-container{display:flex;gap:10px;margin-bottom:15px}input{flex:1;padding:10px;border:1px solid #ccc;border-radius:5px;font-size:1rem}button{background-color:#007bff;color:#fff;border:none;padding:10px 15px;border-radius:5px;cursor:pointer;transition:background .3s}button:hover{background-color:#0056b3}ol{list-style:none;padding:0}li{background:#eef;padding:10px;margin:5px 0;border-radius:5px;display:flex;justify-content:space-between;align-items:center}li button{background-color:#ff4d4d;padding:5px 10px}li button:hover{background-color:#c00}