:root { color-scheme: light dark; font-family: system-ui, sans-serif; line-height: 1.5; }
body { margin: 0; }
main { max-width: 40rem; margin: 3rem auto; padding: 0 1rem; }
input { font: inherit; width: 100%; max-width: 24rem; padding: 0.4rem; box-sizing: border-box; }
button { font: inherit; padding: 0.4rem 0.9rem; }
pre { white-space: pre-wrap; overflow-wrap: anywhere; font: inherit; }
article p { overflow-wrap: anywhere; }
[hidden] { display: none; }
.card { border: 1px solid #8884; border-radius: 0.5rem; padding: 0.5rem 1rem; margin: 1rem 0; }
.code { font-family: monospace; font-size: 1.3rem; letter-spacing: 0.05em; overflow-wrap: anywhere; }
.error { color: #b00020; }
.row button { margin-inline-end: 0.5rem; }
textarea { font: inherit; width: 100%; box-sizing: border-box; }
select { font: inherit; }
@media print { body * { visibility: hidden; } .print-card, .print-card * { visibility: visible; } .print-card { position: absolute; inset: 0 auto auto 0; } }