:root { color-scheme: light dark; font-family: system-ui, sans-serif; }
body { margin: 0; padding: 1.5rem; }
.controls { display: flex; gap: 1rem; align-items: end; margin-bottom: 1rem; flex-wrap: wrap; }
.controls label { display: flex; flex-direction: column; font-size: 0.85rem; gap: 0.25rem; }
table { border-collapse: collapse; width: 100%; }
th, td { border: 1px solid #8884; padding: 0.4rem 0.6rem; text-align: left; vertical-align: top; }
td.english { width: 45%; color: #555; }
td textarea { width: 100%; box-sizing: border-box; min-height: 2.2rem; font: inherit; }
.notice { padding: 0.75rem 1rem; border-radius: 0.5rem; background: #8881; margin-bottom: 1rem; }
.notice.error { background: #d33a3a22; }
button { padding: 0.5rem 1rem; font: inherit; cursor: pointer; }
.save-row { margin-top: 1rem; }
.saved { background: #2e7d3222; }