:root{--bg:white;--fg:black;--pre-bg:#eee}@media (prefers-color-scheme:dark){:root{--bg:#111;--fg:white;--pre-bg:#333}}*{box-sizing:border-box}body{background-color:var(--bg);color:var(--fg);font-family:sans-serif}main,footer{max-width:650px;margin:0 auto}#lang-select{float:right;margin-top:6px}.row{flex:row wrap;gap:4px;margin:5px 0;display:flex}.row label{flex:row wrap;gap:4px;display:flex}.row input[type=text],.row label,.row .grow-me{flex:auto}input[type=number]{width:6em}.indent{margin-left:2em}.help{color:#fff;text-align:center;background:#aaa;border-radius:30em;width:1em;height:1em;font-size:.8em;display:inline-block}.help-popup{position:relative}.help-popup>div{background:var(--bg);border:1px solid var(--fg);width:20em;padding:8px;font-size:.9em;display:none;position:absolute}.help-popup>div.shown{display:block}.extra{color:gray;font-size:.6em}input[type=text],input[type=number],select{background:var(--bg);border:1px solid gray;border-radius:2px;padding:2px 4px}:-webkit-any(input[type=text],input[type=number],select):invalid{border-color:red}:-moz-any(input[type=text],input[type=number],select):invalid{border-color:red}:is(input[type=text],input[type=number],select):invalid{border-color:red}pre{background-color:var(--pre-bg);-webkit-user-select:all;user-select:all;border:1px solid gray;padding:12px}button>svg{height:.6em}