body{font-family:Arial,sans-serif;line-height:1.4;margin:0;padding:20px;background-color:#f4f4f4}.container{max-width:400px;margin:auto;background:#fff;padding:20px;border-radius:5px;box-shadow:0 0 10px #0000001a}.logo{display:block;margin:0 auto 20px;max-width:200px;height:auto}h1{color:#333;text-align:center;font-size:1.5em;margin-bottom:20px}h2{color:#333;text-align:center;font-size:1.2em}form{display:grid;gap:10px}label{font-weight:700}input,select{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px}button{background-color:#4caf50;color:#fff;padding:10px;border:none;border-radius:4px;cursor:pointer}button:hover{background-color:#45a049}#result,#history{margin-top:20px}#history{border-top:1px solid #ddd;padding-top:20px}.history-item{background-color:#f9f9f9;border:1px solid #ddd;padding:10px;margin-bottom:10px;border-radius:4px;font-size:.9em}.history-item h3{margin-top:0;margin-bottom:5px;font-size:1em}.history-item p{margin:3px 0}#warningBubble{display:none;cursor:pointer;background:#ffc;border:1px solid #ccc;padding:5px;margin-top:5px;border-radius:5px}