:root{background-color:var(--page);color:var(--text);--page:#eee;--page-alt:#ddd;--misc-light:#fff;--misc-dark:#ccc;--text:#222;--border:#bbb;--border-strong:#626262;--bg-raised:linear-gradient(var(--page), var(--misc-dark));--bg-raised-hover:linear-gradient(var(--misc-light), var(--page-alt));--bg-raised-active:linear-gradient(var(--border), var(--misc-dark));--shadow-inset-light:inset #ffffff80 0 1px 0;--text-shadow-light:#ffffff80 0 1px 0;--shadow-dark:#00000020 0 1px 1px;font:14px/1.5 IBM Plex Sans,Arial,Liberation Sans,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}main{max-width:720px;text-shadow:var(--text-shadow-light);margin:0 auto;padding:.5em 1em}h1{margin:0 0 .25em}form{gap:.5em;display:flex}a{color:inherit}a:hover{opacity:.75}a:active{text-decoration-style:dotted}button{font:inherit;background:var(--bg-raised);color:inherit;border:1px solid var(--border);cursor:pointer;box-shadow:var(--shadow-inset-light), var(--shadow-dark);text-shadow:var(--text-shadow-light);border-radius:4px;padding:.25em .75em;font-size:1rem}button:hover:not(:disabled){background:var(--bg-raised-hover)}button:active:not(:disabled){background:var(--bg-raised-active)}button:disabled{cursor:not-allowed;opacity:.6}input[type=text]{min-width:0;font:inherit;background-color:var(--misc-light);border:1px solid var(--border);color:var(--text);box-shadow:var(--shadow-dark);text-shadow:none;border-radius:.25em;flex:1;padding:.25em .5em;font-size:1rem}input[type=text]:focus{border-color:var(--border-strong)}