:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100vh}.main-container{display:flex;flex-direction:row;max-width:1440px;margin:auto}.getting-started{padding:16px;width:45%;display:none}.app-container{color:#000;background-color:#fff;position:fixed;top:0;padding-top:10vh;right:0;display:flex;align-items:center;width:100%;height:100%;flex-direction:column}.todos-container{display:flex;width:320px;flex-direction:column;gap:1em;margin-top:1em}@media (min-width: 768px){.getting-started{display:inline}.app-container{width:50%}}.todo{display:flex;gap:1em;align-items:center}.btn{margin-left:8px;border:none;border-radius:.25em;padding:.5em 1em;background-color:#6495ed;color:#fff;font-size:1em;cursor:pointer}.todo-input{border-radius:.25em;border-color:#6495ed;padding:.5em 1em;background-color:#fff;color:#000;font-size:1em}.x-button{border:none;background-color:transparent;display:none}.x-button:hover{filter:brightness(1.5)}.todo:hover .x-button{display:block}pre{background-color:#000;padding:12px;border-radius:4px}code{background-color:#000;padding:2px 4px;border-radius:4px}.connection-status{position:fixed;top:0;right:0;padding:8px;font-size:.8em;display:flex;flex-direction:row;align-items:center}.indicator{width:12px;height:12px;margin-right:4px;border-radius:50%;display:inline-block;background-color:#ff0}.indicator.open{background-color:#adff2f;border:green 1px solid}.indicator.closed{background-color:#ff4500;border:red 1px solid}.indicator.connecting{background-color:#ff0;border:darkgoldenrod 1px solid}input[type=checkbox]{width:16px;height:16px;cursor:pointer}