:root{--font-color: #ffffff;--small-font-color: #e0e0e0;--secondary-font-color: #777777;--background-color: #202020;--element-color: #1a1a1a;--boarder-color: #303030;--focus-color: #0077ff;--active-color: #00ff77;--warning-color: #d41f1f;--dim-warning-color: #a41f1f;--input-background-color: #2b2a33;--input-boarder-color: #404450;--spacer-color: #404040;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--font-color);background-color:var(--background-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.grid{display:grid;row-gap:.5em;column-gap:1em}pre{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{color:var(--font-color);border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--element-color);border-color:var(--boarder-color);cursor:pointer;transition:all .25s;width:fit-content}button:hover{border-color:var(--focus-color)}button:active{border-color:var(--active-color);box-shadow:0 0 10px var(--active-color)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.buttons{display:grid;justify-content:right;grid-template-columns:auto auto;column-gap:1.5em}.wrong{border-radius:4px;border-color:var(--warning-color)}input,textarea{border-radius:8px;color:var(--font-color);border-color:var(--input-boarder-color);background-color:var(--input-background-color)}input{height:min-content;font-size:medium}textarea{font-size:large}input:disabled{color:var(--secondary-font-color)}label{color:var(--small-font-color)}.error{border-color:var(--warning-color)!important}@media (max-width: 999px){#root{padding:0!important}}[hidden]{display:none!important}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.view{display:grid;grid-template-columns:350px auto}.logo{height:6em;padding:1.5em}.glow{will-change:filter;transition:filter .3s}.glow:hover{filter:drop-shadow(0 0 2em #70e0fab0)}@media (max-width: 740px){.view{display:block}}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}#spinner{float:none;animation-name:spin;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:linear;margin:auto}@keyframes spin{0%{rotate:0deg}to{rotate:360deg}}.frame,.reactive{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--element-color);border-color:var(--boarder-color);transition:border-color .25s}.reactive:hover{border-color:var(--focus-color)}.reactive:focus,.reactive:focus-visible{outline:4px auto -webkit-focus-ring-color}.selected{border-color:var(--focus-color)}.selected:hover{border-color:var(--active-color)!important}.list-body{grid-column-start:1;grid-column-end:2}.card{display:grid;grid-template-columns:auto 136px;row-gap:.3em;column-gap:1em;align-items:end}.primary{text-align:start;color:var(--small-font-color)}.secondary{color:var(--secondary-font-color);font-weight:400;font-size:.8em;width:10em}.right{text-align:end}.desc{text-align:start}.add-card{margin-top:10px;width:310px}.title{display:grid;grid-template-columns:4em 12.8em auto 6.5em 3.8em 6.5em;grid-column-start:1;grid-column-end:3;place-items:center}#user{font-size:small;margin:auto}#user-bar{display:grid;grid-template-columns:auto auto;column-gap:.7em}#menu-button{font-weight:700;font-size:x-large;padding:0 16px;height:44.2px}@media (max-width: 740px){.title{grid-template-columns:4em auto 6em 3.8em 6.5em}#title{display:none}}