:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color);background-color:var(--main);--sm-rounded-radius: 5px;--md-rounded-radius: 10px;--lg-rounded-radius: 20px;--sm-size: .8rem;--md-size: 1rem;--lg-size: 1.3rem;--xl-size: 1.7rem;--sm-speed: .25s ease-in-out;--md-speed: .5s ease-in-out;--lg-speed: 1s ease-in-out;--shadow-size: .075rem;--shadow-proportions: 0 0 var(--shadow-size) var(--shadow-size);--shadow: var(--shadow-proportions) var(--shadow-color);--gradient-angle: 145deg;--xs-space: .25rem;--sm-space: .5rem;--md-space: 1rem;--lg-space: 2rem;--xl-space: 4rem;--small-mobile-max-width: 320px;--mobile-max-width: 480px;--tablet-portrait-max-width: 768px;--tablet-landscape-max-width: 1024px;--laptop-max-width: 1600px}@media(prefers-color-scheme:dark){:root{--color: #ffffffde;--important: #f87171;--validate: green;--input-bg: #3b3b3b;--main: #242424;--mainer: #1c1c1c;--mainest: #141414;--shadow-color: #141414fc;--action: #7077ff;--action-hover: #3e47f7}}@media(prefers-color-scheme:light){:root{--color: #213547;--important: #f87171;--validate: green;--input-bg: #fff;--main: #f9f9f9;--mainer: #ededed;--mainest: #e0e0e0;--shadow-color: #e0e0e0fc;--action: #1cbafd;--action-hover: #747bff}}@media only screen and (max-width:320px){:root{--current-display: small-mobile;--behaviour-display: portrait}}@media only screen and (min-width:321px)and (max-width:480px){:root{--current-display: mobile;--behaviour-display: portrait}}@media only screen and (min-width:481px)and (max-width:768px)and (orientation:portrait){:root{--current-display: tablet-portrait;--behaviour-display: portrait}}@media only screen and (min-width:769px)and (max-width:1024px)and (orientation:landscape){:root{--current-display: tablet-landscape;--behaviour-display: landscape}}@media only screen and (min-width:1025px)and (max-width:1600px){:root{--current-display: laptop;--behaviour-display: landscape}}@media only screen and (min-width:1601px){:root{--current-display: desktop;--behaviour-display: landscape}}*{margin:0;box-sizing:border-box;font-family:inherit;font-size:var(--md-size)}body{min-height:100vh;display:flex;flex-direction:column;place-items:center}h1{font-size:var(--xl-size)}div{display:flex;flex-direction:column;gap:var(--md-space)}section{background:linear-gradient(var(--gradient-angle),var(--mainer) 33%,var(--mainest));border-radius:var(--md-rounded-radius);padding:var(--md-space);box-shadow:var(--shadow)}dialog{padding:0;border:none;background:transparent;color:var(--color);width:min(400px,calc(100% - 2 * var(--md-space)));overflow:visible;margin:auto}:is(a,.link,.action){color:var(--action);text-decoration:inherit;cursor:pointer;transition:color var(--sm-speed);width:fit-content}:is(a,.link,.action):hover{color:var(--action-hover)}input,textarea{color:var(--color);background-color:var(--input-bg);border-radius:var(--sm-rounded-radius);width:100%}input:not([type=checkbox],[type=radio]){padding:var(--xs-space) var(--sm-space)}input:is([type=checkbox],[type=radio]){width:1em;cursor:pointer;accent-color:var(--action);aspect-ratio:1/1}textarea{white-space:pre-wrap;overflow-wrap:anywhere;padding:var(--sm-space)}button{border-radius:var(--md-rounded-radius);padding:var(--sm-space) var(--md-space);cursor:pointer;background:linear-gradient(var(--gradient-angle),var(--mainest) 67%,var(--mainer)) border-box;text-align:center}:is(input,textarea,button){display:block;outline:none;border:var(--shadow-size) solid transparent;background-clip:border-box;box-shadow:var(--shadow);transition:border-color var(--sm-speed),box-shadow var(--sm-speed)}:is(input,textarea,button):is(:hover,:focus,:focus-visible){box-shadow:var(--shadow-proportions) var(--action-hover);border-color:var(--action-hover)}#root{width:100%}#app{margin:auto}.action{color:var(--color)}.important{color:var(--important)}dialog::backdrop{background-color:#0000007f}