:root {
font-family: system-ui, Arial, sans-serif;
}
body {
margin: 0;
background: #f6f7fb;
color: #111;
}
.container {
max-width: 900px;
margin: 0 auto;
padding: 24px;
}
h1 {
margin: 0 0 8px 0;

}
.card {
background: #fff;
border: 1px solid #e6e6e6;
border-radius: 12px;
padding: 16px;
margin: 14px 0;
}
.muted {
color: #555;
}
button {
padding: 10px 12px;
border-radius: 10px;
border: 1px solid #ddd;
cursor: pointer;
background: #fff;
}
button:hover {
background: #f0f0f0;
}
.code {
background: #0f172a;
color: #e2e8f0;
padding: 12px;
border-radius: 10px;
overflow-x: auto;
}