body {
font-family: Arial, sans-serif;
margin: 0;
padding: 20px;
background: #f5f5f5;
color: #111;
}

[data-theme="dark"] {
background: #111;
color: #eee;
}

.container {
max-width: 800px;
margin: auto;
}

input {
display: block;
margin-bottom: 10px;
padding: 10px;
width: 100%;
}

button {
padding: 10px;
margin-top: 5px;
cursor: pointer;
}

pre {
background: #222;
color: #0f0;
padding: 10px;
overflow-x: auto;
}

[data-theme="dark"] pre {
background: #000;
}