:root { color-scheme: light dark; }
body { font-family: Inter, system-ui, sans-serif; margin: 0; padding: 1rem; }
.container { max-width: 980px; margin: 0 auto; }
.grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 1rem; }
.card { border: 1px solid #6664; border-radius: 10px; padding: 1rem; margin: 1rem 0; }
label { display: block; margin-bottom: 0.5rem; }
input, select, button { margin-top: 0.25rem; padding: 0.5rem; }
button { cursor: pointer; }
.inline-form { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 1rem; }
.hidden { display: none; }
table { width: 100%; border-collapse: collapse; }
th, td { border-bottom: 1px solid #8884; text-align: left; padding: 0.5rem; }
pre { background: #1112; padding: 0.75rem; border-radius: 8px; }
#message { min-height: 1.25rem; font-weight: 600; }