:root{--font-color: #ffffff;--small-font-color: #e0e0e0;--background-color: #202020;--element-color: #1a1a1a;--input-background-color: #2b2a33;--boarder-color: #303030;--input-boarder-color: #404450;--spacer-color: #404040;--secondary-font-color: #777777;--soft-focus-color: #4048f0;--focus-color: #0077ff;--soft-active-color: #4a4;--active-color: #00ff77;--yellow-color: #aaaa77;--warning-color: #d41f1f;--dim-warning-color: #a41f1f;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}.header-container{display:grid;grid-template-columns:auto 5em;margin-top:1em}body{margin:0;min-width:320px;min-height:100vh}h1,h2,h3,h4,p,.detail-footer,.detail-time{text-align:left;margin-left:16px;margin-right:16px}h1,h2,h3,h4{margin-top:10px;margin-bottom:0}h1{font-size:3.2em;line-height:1.1}p{margin-top:0}.details{text-align:left}hr{margin:2em;color:var(--spacer-color)}button{color:var(--font-color);border-radius:8px;margin:2px;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:enabled:hover{border-color:var(--focus-color)}button:enabled: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}button:disabled{color:var(--secondary-font-color);background-color:var(--boarder-color)}.buttons{display:grid;justify-content:right;grid-template-columns:auto auto;column-gap:1.3em}.red-button{border-color:var(--dim-warning-color)}.red-button:hover{border-color:var(--warning-color)}.wrong{border-radius:4px;border-color:var(--warning-color)}.yellow{border-color:var(--yellow-color)!important}input,select,textarea{border-radius:8px;color:var(--font-color);border-color:var(--input-boarder-color);background-color:var(--input-background-color)}input,select{height:min-content;font-size:medium}textarea{font-size:large}input:disabled,select:disabled{color:var(--secondary-font-color)}label{color:var(--small-font-color)}.form-label{margin-top:15px;margin-bottom:4px}.centered{text-align:center;align-items:center}.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}.list-body{grid-column-start:1;grid-column-end:2}.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)!important}.reactive:focus,.reactive:focus-visible{outline:4px auto -webkit-focus-ring-color}.selected{border-color:var(--focus-color)!important}.selected:hover{border-color:var(--active-color)!important}.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}#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}}.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}}