:root{--clr-bg-dark: #eeeeee;--clr-bg: #fdfdfd;--clr-txt-darker: #040404;--clr-txt-dark: #101010;--clr-txt: #2e2e2e;--clr-txt-light: #4a4a4a;--clr-txt-lighter: #9b9b9b;--clr-primary: #00585A;--clr-secondary: #909090;--clr-non-interactive: #dddddd;--ff-default: "Instrument Sans", sans-serif;--ff-mono: monospace;--fs-default: 16px;--gap-1: .25rem;--gap-2: .5rem;--gap-3: 1rem;--gap-4: 1.5rem;--gap-5: 2rem;--gap-6: 3rem;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;background-color:var(--clr-bg-dark)}body:has(.modal){overflow-y:hidden}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;color:var(--clr-txt-light)}ul,ol{list-style:none;padding:0}p{margin:0}a:visited{color:var(--clr-txt);text-decoration:underline}a:hover{color:var(--clr-primary)}input{accent-color:var(--clr-primary)}#app{display:flex;flex-direction:column;position:relative;min-height:100vh;min-height:100dvh;font-family:var(--ff-default);line-height:1.5;font-weight:400;color:var(--clr-txt)}.app__header,.app__body{padding:var(--gap-3)}.app__header{position:sticky;top:0;z-index:1;flex:none;align-items:flex-end;display:flex;justify-content:space-between;gap:1rem}.app__body{display:flex;position:relative;flex:1 1 auto;z-index:100;background-color:var(--clr-bg);border-radius:1rem 1rem 0 0;box-shadow:0 -5px 20px #0000001a}