html,html:has(div#base[data-theme=dark]){color-scheme:dark;--background: #111;--foreground: #ccc;--color1: #00fd91;--color2: #00d0c7;--color3: #00a2fe;--colorBad: #c00;--warn-yellow: #660;--warn-black: #000}html:has(div#base[data-theme=light]){color-scheme:light;--background: #eee;--foreground: #333;--color1: #00ca74;--color2: #00a69f;--color3: #0082cb;--colorBad: #f00;--warn-yellow: #ff0;--warn-black: #777}@media (prefers-color-scheme: light){html:not([data-theme]){color-scheme:light;--background: #eee;--foreground: #333;--color1: #00ca74;--color2: #00a69f;--color3: #0082cb;--colorBad: #f00;--warn-yellow: #ff0;--warn-black: #777}}html{box-sizing:border-box;font-size:large}html,body{min-height:100vh;margin:0}*:not(svg,path){transition:background-color 1s ease-in-out,color 1s ease-in-out,border-color 1s ease-in-out,opacity .2s ease-in-out}body{color:var(--foreground);background-color:var(--background);font-family:Franklin Gothic Book,Arial Narrow,Arial,sans-serif}a{color:var(--foreground);cursor:pointer;display:inline-block}a.accent{color:var(--color3)}.paragraph{max-width:40lh}textarea,select,input:not([type=submit]){padding:1px 2px;background:transparent;color:var(--foreground);border:1px solid var(--color3);-ms-box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}select:not([multiple]),input:not([type=submit]){height:1.5em}textarea{resize:vertical;min-height:5em}input[type=submit],button{opacity:.85;color:var(--foreground);background-color:var(--background);border:2px var(--color3) ridge;border-radius:5px;cursor:pointer}button.active{box-shadow:inset 0 0 1.5em var(--color3)}input[type=submit]:disabled,button:disabled{border-color:var(--foreground);background-color:var(--background);cursor:default}input[type=submit]:not(:disabled):hover,button:not(:disabled):hover{opacity:1}.action{cursor:pointer}option{background:var(--background)}.explanation{position:absolute;top:0;right:0;background:var(--background);box-shadow:0 0 .5em var(--color3);border-radius:calc(9px + .25em);padding:.25em;max-width:50%}.explanation>*{margin:0}.explanation>fa-icon{float:right;width:18px;height:18px}.tabs{display:flex}.tabs>a{border:1px solid var(--color3);padding:1em;border-top-left-radius:1em;border-top-right-radius:1em;text-decoration:none}.tabs>span{border-bottom:1px solid var(--color3);width:1em}.tabs>span:last-of-type{flex-grow:1}.tabs>a.active{box-shadow:inset 0 6px 5px 1px var(--color3);border-bottom:0}.tabs>a:hover{box-shadow:inset 0 6px 5px 1px var(--color2)}.accordion>*{margin:0!important;display:block;border:1px solid var(--color3);padding:1em}.accordion>*:not(:last-child){border-bottom:0px}.accordion>h3{cursor:pointer}.accordion>h3:hover{box-shadow:inset 0 0 .5em var(--color1)}.accordion>h3>fa-icon{float:inline-end;margin-top:.15em;margin-left:.15em;width:22px}.accordion>h3.active{box-shadow:inset 0 0 .5em var(--color3)}