:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}html,body{height:100%;margin:0;padding:0}body{background:var(--primary-color-1);color:var(--secondary-color-3);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:15px;line-height:1.5}.auth-screen{justify-content:center;align-items:center;min-height:100svh;padding:1.5rem;display:flex}.auth-card{background:var(--primary-color-2);border:1px solid var(--primary-color-6);border-radius:.75rem;flex-direction:column;gap:.75rem;width:100%;max-width:22rem;padding:1.75rem;display:flex}.auth-brand{align-items:center;gap:.5rem;font-size:1.15rem;font-weight:600;display:flex}.auth-lead{color:var(--secondary-color-5);margin:0 0 .25rem;font-size:.9rem}.auth-field{width:100%}.auth-submit{width:100%;margin-top:.25rem}.auth-problem{color:var(--secondary-error-color);margin:0;font-size:.875rem}.auth-divider{background:var(--primary-color-6);height:1px;margin:.5rem 0}.auth-switch{color:var(--secondary-color-5);flex-wrap:wrap;align-items:center;gap:.25rem;font-size:.875rem;display:flex}.auth-splash{color:var(--secondary-color-5);align-items:center;gap:.5rem;display:flex}.workspace-header{z-index:5;border-bottom:1px solid var(--primary-color-6);background:var(--primary-color-1);align-items:center;gap:.5rem;padding:.6rem 1rem;display:flex;position:sticky;top:0}.workspace-title{cursor:text;margin:0;font-size:1.05rem;font-weight:600}.workspace-title.muted{color:var(--secondary-color-5);font-weight:500}.workspace-title-input{max-width:24rem}.workspace-main{justify-content:center;padding:1.5rem 1rem 4rem;display:flex}.workspace-empty{text-align:center;color:var(--secondary-color-5);margin-top:12vh}.workspace-empty h2{color:var(--secondary-color-3);margin:0 0 .25rem;font-size:1.1rem}.sidebar-brand{align-items:center;gap:.5rem;display:flex}.sidebar-brand-name{flex:1;font-weight:600}.sidebar-new-list{width:100%;margin-top:.5rem}.sidebar-empty{color:var(--secondary-color-5);margin:0;padding:.25rem .5rem;font-size:.85rem}.sidebar-list-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-row{align-items:center;gap:.5rem;padding:.25rem .25rem .25rem .5rem;display:flex}.account-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.875rem;font-weight:500;overflow:hidden}.connection-badge{color:var(--secondary-color-5);align-items:center;gap:.5rem;padding:.25rem .5rem;font-size:.8rem;display:flex}.connection-dot{background:var(--secondary-color-6);border-radius:50%;width:.5rem;height:.5rem}.connection-badge[data-state=online] .connection-dot{background:var(--secondary-success-color)}.connection-badge[data-state=pending] .connection-dot{background:var(--secondary-warning-color)}.connection-badge[data-state=offline] .connection-dot{background:var(--secondary-error-color)}.todo-pane{flex-direction:column;gap:1rem;width:100%;max-width:42rem;display:flex}.todo-new{gap:.5rem;display:flex}.todo-new-input{flex:1}.todo-toolbar{justify-content:flex-end;margin-bottom:-.5rem;display:flex}.todo-list{background:var(--primary-color-2);border:1px solid var(--primary-color-6);border-radius:.6rem;margin:0;padding:0;list-style:none;overflow:hidden}.todo-item{border-bottom:1px solid var(--primary-color-6);align-items:center;gap:.75rem;padding:.55rem .75rem;display:flex}.todo-item:last-child{border-bottom:0}.todo-text{cursor:text;overflow-wrap:anywhere;flex:1}.todo-item[data-checked=true] .todo-text{color:var(--secondary-color-5);text-decoration:line-through}.todo-edit{flex:1}.todo-destroy{opacity:0;transition:opacity .12s ease-out}.todo-item:hover .todo-destroy{opacity:1}.todo-destroy:focus-visible{opacity:1}@media (hover:none){.todo-destroy{opacity:1}}.todo-empty{text-align:center;color:var(--secondary-color-5);padding:2rem 0}.todo-footer{color:var(--secondary-color-5);flex-wrap:wrap;align-items:center;gap:.75rem;font-size:.9rem;display:flex}.todo-filters{gap:.25rem;margin-left:auto;display:flex}