html, body { margin: 0; height: 100%; background: #008080; font-family: "Pixelated MS Sans Serif", Arial, sans-serif; }
a { color: inherit; text-decoration: none; }
.center-window { width: min(560px, 92vw); margin: 8vh auto; }
.center-window .field-row-stacked { margin-bottom: 10px; }
.error { color: #a00; min-height: 1.2em; margin: 6px 0; }
.ok { color: #060; }
.warn { color: #960; }
.bad { color: #a00; }
.toolbar { display: flex; gap: 8px; align-items: center; padding: 4px; flex-wrap: wrap; }
.toolbar .spacer { flex: 1; }
.settings-window { width: min(560px, 94vw); margin: 4vh auto; }
.settings-window fieldset { margin-bottom: 12px; }
.settings-window input[type="text"], .settings-window input[type="password"], .settings-window input[type="number"] { width: 100%; box-sizing: border-box; }
.settings-window .row { display: flex; gap: 8px; align-items: center; margin: 6px 0; }

.tos { width: 100%; table-layout: fixed; border-collapse: collapse; font-size: 10px; margin-bottom: 6px; white-space: normal; }
.tos code { font-size: inherit; white-space: normal; overflow-wrap: anywhere; }
.tos th, .tos td { border: 1px solid #000; padding: 3px 4px; text-align: left; vertical-align: top; white-space: normal; overflow-wrap: anywhere; height: auto; }
.tos > thead > tr > * { position: static; height: auto; padding: 3px 4px; }
.tos .questions td { font-style: italic; }
.hint { font-size: 11px; }