: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,.detail-footer,.detail-time{text-align:left;margin-left:16px;margin-right:16px}p{text-align:left;margin-left: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!important;align-items:center!important}.dialog-text{text-align: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)}#title{grid-area:title}.details,.NoteForm{grid-area:details}.list-body{grid-area:list}@media(max-width:740px){.view{grid-template-columns:auto;grid-template-areas:"title ." "details ." "list ."}}@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}.detail-time{display:grid;grid-template-columns:5.5em auto;color:var(--secondary-font-color);font-size:.95em}#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)!important;cursor:pointer}.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}#language-selector{height:44.2px;background-color:var(--element-color);transition:all .25s}#language-selector:hover{border-color:var(--focus-color)}.title{display:grid;grid-template-columns:4em 12.8em auto min-content min-content min-content;grid-column-start:1;grid-column-end:3;column-gap:.5em;place-items:center}.no-wrap{text-wrap-mode:nowrap}.desktop{display:block}.mobile{padding:1px 10px;height:44.2px;display:none;font-size:large}#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}#logo{width:69px;height:69}@media(max-width:740px){.title{grid-template-columns:4em auto min-content min-content min-content}#title,.desktop{display:none}.mobile{display:block}}