:root{--hue: 32;--hue-nav: 20}@media (prefers-color-scheme: dark){:root{--text-color: hsl(var(--hue), 100%, 90%, .8);--nav-color: hsl(var(--hue-nav), 75%, 51%);--text-shadow: 0 0 7px hsl(var(--hue), 100%, 50%);--font-family: sans-serif;--font-size: 16px;--bg-color: hsl(var(--hue), 50%, 25%);--button-color: hsl(var(--hue), 100%, 70%, .5);--bg-color-alt: #252525;--bg-shadow: 0 0 6px hsl(var(--hue), 100%, 80%);--hover-shadow: 0 0 8px hsl(var(--hue), 100%, 90%);--bg-radius: 4px;--bg-translucent-text: #2225;--text-color-alt: #ccc}}@media (prefers-color-scheme: light){:root{--text-color: hsl(var(--hue), 100%, 10%, .8);--nav-color: hsl(var(--hue-nav), 75%, 51%);--text-shadow: 0 0 7px hsl(var(--hue), 100%, 50%, 0);--font-family: sans-serif;--font-size: 16px;--bg-color: hsl(var(--hue), 50%, 75%);--button-color: hsl(var(--hue), 100%, 30%, .5);--bg-color-alt: #ccc;--bg-shadow: 0 0 6px hsl(var(--hue), 100%, 20%, 0);--hover-shadow: 0 0 8px hsl(var(--hue), 100%, 10%);--bg-radius: 4px;--bg-translucent-text: #ccc5;--text-color-alt: #444}}*{scrollbar-color:var(--text-color);scrollbar-width:thin;accent-color:var(--text-color);color-scheme:light dark;color:var(--text-color);font-family:sans-serif}body{background-color:var(--bg-color-alt);font-size:var(--font-size)}h1,h2,h3{text-shadow:var(--text-shadow)}code{font-family:monospace;background-color:#222;border:1px solid #080808;border-radius:25%}select{background-color:var(--bg-color-alt)}table,tr,td{border:1px solid var(--text-color);border-collapse:collapse}table{background:var(--bg-color-alt);display:inline-block;border-radius:var(--bg-radius);position:relative;width:fit-content;margin:24px}td{padding:3px}button{background-color:var(--nav-color);border-radius:var(--bg-radius);cursor:pointer;border:1px solid var(--text-color);padding:5px 1em;margin-left:1em;margin-right:1em}button:hover{box-shadow:var(--hover-shadow)}button:disabled{background-color:color-mix(in srgb,var(--nav-color),grey);cursor:not-allowed}input{border:none;box-shadow:var(--bg-shadow);border-radius:var(--bg-radius)}input[type=text]{display:inline-block}dfn{font-style:normal;border-bottom:1px hsla(200,100%,90%,.8) dotted}dfn:hover{cursor:help}input:hover{cursor:text}input[type=checkbox]:hover,[clickable]{cursor:pointer}dialog{background-color:var(--bg-color);border-radius:var(--bg-radius);box-shadow:var(--bg-shadow);text-align:center;border:none}input[type=range]{appearance:none;overflow:hidden;height:10px;background:var(--bg-color)}::-webkit-slider-runnable-track{-webkit-appearance:none;appearance:none;width:100%;height:25px;border-radius:var(--bg-radius);background:var(--bg-color);outline:none}::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:25px;height:25px;border-radius:25%;cursor:pointer;background:var(--text-color)}::-webkit-scrollbar{background-color:#0000;width:5px}::-webkit-scrollbar-track{background-color:#0000}::-webkit-scrollbar-thumb{background-color:var(--text-color);border-radius:2.5px}progress{background-color:var(--button-color);border-radius:var(--bg-radius)}progress::-webkit-progress-bar{background-color:#0000;border-radius:var(--bg-radius)}progress::-moz-progress-bar{background-color:var(--text-color);border-radius:var(--bg-radius)}progress::-webkit-progress-value{background-color:var(--text-color);border-radius:var(--bg-radius)}:root{color-scheme:only dark;--li-margin: 10em}.center{text-align:center}nav{background-color:var(--nav-color);position:fixed;left:0;top:0;width:100%;height:3em;z-index:2}nav>:not(div){position:absolute;height:100%;line-height:3em;z-index:4;text-decoration:none}nav .title{left:12em;width:min(fit-content,10em)}nav a.home{left:1em;width:max-content}nav a.profile{right:8em;text-align:right}nav a.logout{right:1em;text-align:right}nav svg.icon{width:1.5em;height:1.5em;vertical-align:sub}svg.icon{display:inline;width:1em;height:1em;fill:var(--text-color);overflow:visible}svg.icon.source{width:0em;height:0em}.clickable:hover{cursor:pointer}.page-content-center{position:absolute;left:25%;width:50%;text-align:center}.error{display:inline-block;background-color:#a44;border-radius:1em;width:fit-content;text-align:center;padding:.75em;margin:1em}a.action{background:hsla(var(--hue-nav),100%,50%,1);padding:10px 20px;margin:5px 10px;border-radius:4px;box-shadow:none}footer{position:fixed;bottom:0;left:0;width:100%;height:2em;z-index:2;p{font-size:small}.left{text-align:left;float:left;margin-left:1em}.right{text-align:right;float:right;margin-right:1em}}