body{font-family:Arial,sans-serif;background-color:#f9f9f9;margin:0;padding:0;display:flex;justify-content:center;align-items:center;min-height:100vh}.container{max-width:500px;width:100%;background:#fff;box-shadow:0 4px 6px #0000001a;border-radius:8px;padding:20px;box-sizing:border-box}h1{color:#333;font-size:1.8em;text-align:center;margin-bottom:20px}form{display:flex;align-items:center;gap:10px}input[type=text]{flex:1;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:1em;box-sizing:border-box}button{background-color:#ff6b6b;color:#fff;border:none;padding:10px 15px;cursor:pointer;border-radius:4px;font-size:1em;transition:background-color .3s ease}button:hover{background-color:#d22d2d}ul{list-style-type:none;padding:0;margin:20px 0 0}li{background-color:#fefefe;border:1px solid #ddd;padding:10px 15px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;border-radius:6px;transition:box-shadow .3s ease;flex-wrap:wrap}@media (max-width: 768px){li{gap:10px;justify-content:center}}li:hover{box-shadow:0 2px 8px #0000001a}li span{color:#333;font-size:1em;cursor:pointer;transition:color .2s ease}li span:hover{color:#666}button[type=submit]{background-color:#007bff;color:#fff}button[type=submit]:hover{background-color:#114f92}@media (max-width: 768px){.container{padding:15px}form{flex-wrap:wrap}input[type=text]{flex:1 1 100%}button{width:100%}}