:root{--vt-c-white:#fff;--vt-c-white-soft:#f8f8f8;--vt-c-white-mute:#f2f2f2;--vt-c-black:#181818;--vt-c-black-soft:#818181;--vt-c-black-mute:#b2b2b2;--vt-c-indigo:#2c3e50;--vt-c-divider-light-1:#3c3c3c4a;--vt-c-divider-light-2:#3c3c3c1f;--vt-c-divider-dark-1:#545454a6;--vt-c-divider-dark-2:#5454547a;--vt-c-text-light-1:var(--vt-c-indigo);--vt-c-text-light-2:#3c3c3ca8;--vt-c-text-dark-1:var(--vt-c-white);--vt-c-text-dark-2:#ebebeba3;--color-background:var(--vt-c-white);--color-background-soft:var(--vt-c-white-soft);--color-background-mute:var(--vt-c-white-mute);--color-border:var(--vt-c-black-soft);--color-border-mute:var(--vt-c-black-mute);--color-border-hover:var(--vt-c-black-mute);--color-heading:var(--vt-c-text-light-1);--color-text:var(--vt-c-text-light-1);--color-text-mute:var(--vt-c-text-dark-2);--color-error:#a70202;--section-gap:160px}@media (prefers-color-scheme:dark){:root{--color-background:var(--vt-c-black);--color-background-soft:var(--vt-c-black-soft);--color-background-mute:var(--vt-c-black-mute);--color-border:var(--vt-c-white-soft);--color-border-mute:var(--vt-c-white-soft);--color-border-hover:var(--vt-c-white-mute);--color-heading:var(--vt-c-text-dark-1);--color-text:var(--vt-c-text-dark-2);--color-text-mute:var(--vt-c-text-light-2)}}*,:before,:after{box-sizing:border-box;margin:0}body{min-height:100vh;color:var(--color-text);background:var(--color-background);text-rendering:optimizelegibility;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;line-height:1.6;transition:color .5s,background-color .5s}button,input,optgroup,select,textarea{background-color:#fff;margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,[type=button],[type=reset],[type=submit]{appearance:button;margin-left:.5em;margin-right:.5em}header{width:100%;line-height:1.5}body{max-width:1280px;margin:0 auto;padding:1rem;font-weight:400}#restart{margin-top:2em}#version{color:var(--color-text-mute);font-size:9px;position:absolute;top:0;right:0}a{text-decoration:none;transition:all .4s}.error{color:var(--color-error)}@media (hover:hover){a:hover{background-color:#00bd7e33}}h1{margin:.5em 0}h1,h2,h3,th{font-weight:300}h2{font-size:1.17em}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}p{padding:.25em 0}table{border-collapse:collapse}th{text-align:left;padding-right:1em}button,input,select,dialog{border:1px solid var(--color-border);border-radius:4px;box-shadow:1px 1px 3px #0000001a}#res_details{padding:.5em 1.5em 1em}#res_details,fieldset{background-color:var(--color-background-soft);border:none;border-radius:.5em;margin-bottom:1em;padding:.5em}#res_details h3{margin-bottom:.25em}.action_bar{text-align:center;margin-bottom:2em}.action_bar button{margin:0 1em}button{cursor:pointer;padding:.5em 1.2em;font-size:108%;font-weight:600;transition:all .2s}button:hover{background-color:var(--color-background-mute)}button:active{box-shadow:none;transform:translate(1px,1px)}button.reset{box-shadow:none;border:none}fieldset:disabled{opacity:.6}label{margin-right:.4em;font-size:.98em}fieldset label{display:inline}fieldset p div,fieldset input[type=text],fieldset input[type=email],fieldset input[type=date]{width:100%;display:block}fieldset input[type=date]{width:auto;display:block}fieldset p>*>*{display:inline}dialog,dialog button{margin:auto}dialog form{text-align:center;margin-top:1em}#finish_timer_dialog form{flex-direction:column;align-items:center;gap:1rem;display:flex}::backdrop{opacity:.5;background:#000}input,select{height:2em}input[type=radio]{width:auto;height:auto}section{margin-bottom:1em}.uppercase{text-transform:uppercase}.form-field{min-width:10em;padding:1em}@media (width>=1024px){body{place-items:center;display:grid}#app{padding:0 2rem}fieldset{margin-bottom:2em}fieldset p{grid-template-columns:1fr 1fr;display:grid}}@media (width>=600px){.form-field{display:inline-block}}.loader{border:3px solid var(--color-background-mute);border-top:3px solid var(--color-border);vertical-align:middle;border-radius:50%;width:1em;height:1em;margin:0 1em;animation:.6s linear infinite spinner;display:inline-block}@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
