:root,:root[data-theme=donker]{--bg:#000;--surface:#0d0d0d;--surface-2:#171717;--text:#f2f2f2;--text-muted:#8c8c8c;--text-faint:#5a5a5a;--border:#262626;--border-strong:#3a3a3a;--accent:#e5484d;--accent-contrast:#111;--danger:#e5484d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=licht]{--bg:#fff;--surface:#f5f5f5;--surface-2:#ebebeb;--text:#111;--text-muted:#6b6b6b;--text-faint:#a3a3a3;--border:#e6e6e6;--border-strong:#ccc;--accent:#b3122e;--accent-contrast:#fff;--danger:#b3122e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:light){:root[data-theme=systeem]{--bg:#fff;--surface:#f5f5f5;--surface-2:#ebebeb;--text:#111;--text-muted:#6b6b6b;--text-faint:#a3a3a3;--border:#e6e6e6;--border-strong:#ccc;--accent:#b3122e;--accent-contrast:#fff;--danger:#b3122e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}:root{--radius:10px;--pill:999px;font:15px/1.5 -apple-system,system-ui,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}h1{letter-spacing:-.01em;margin:0 0 1.25rem;font-size:28px;font-weight:600}h2{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);align-items:center;gap:.5rem;margin:2rem 0 .75rem;font-size:.8rem;font-weight:600;display:flex}input,select,textarea,button{font:inherit;color:inherit;background:var(--surface);border:1px solid var(--border);border-radius:var(--pill);padding:.5rem .9rem}textarea{border-radius:var(--radius);resize:vertical;line-height:1.5}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input::placeholder{color:var(--text-faint)}input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer;border-radius:50%;margin:0;padding:0;transition:background .15s}button{cursor:pointer;white-space:nowrap}button:hover{border-color:var(--border-strong)}button[type=submit],button.active{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast);font-weight:600}button:disabled{opacity:.5;cursor:default}button.subtle{color:var(--text-muted);background:0 0;border-color:#0000}button.subtle:hover{color:var(--text);border-color:var(--border)}button.danger:hover,.error{color:var(--danger)}.muted{color:var(--text-muted)}label.check{cursor:pointer;align-items:center;gap:.5rem;display:inline-flex}.count{border-radius:var(--pill);background:var(--accent);min-width:1.4rem;color:var(--accent-contrast);text-align:center;padding:0 .45rem;font-size:.75rem;font-weight:600;line-height:1.4rem;display:inline-block}.login{place-items:center;min-height:100vh;padding:1rem;display:grid}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:1rem;width:100%;max-width:22rem;padding:2.25rem;display:flex}.login-card h1{text-align:center;margin-bottom:.5rem}.login-card label{color:var(--text-muted);flex-direction:column;gap:.35rem;font-size:.9rem;display:flex}.login-card label.check{flex-direction:row;align-items:center}.login-card input:not([type=checkbox]){background:var(--bg);color:var(--text)}.topbar{border-bottom:1px solid var(--border);align-items:stretch;display:flex}.topbar nav{flex:1;display:flex}.topbar nav button{color:var(--text-muted);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;flex:1;padding:1.1rem .5rem;font-size:17px;font-weight:500}.topbar nav button:hover{color:var(--text)}.topbar nav button.active{color:var(--text);border-bottom-color:var(--accent);font-weight:600}.topbar .settings{color:var(--text-muted);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;align-self:stretch;padding:0 1.25rem;font-size:1.3rem}.topbar .settings:hover,.topbar .settings.active{color:var(--text)}.topbar .settings.active{border-bottom-color:var(--accent)}.page{max-width:1024px;margin:0;padding:2rem 24px 4rem}.filters,.tabs{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.25rem;display:flex}.tabs h1{margin:0 auto 0 0}.items{margin:0;padding:0;list-style:none}.row{border-bottom:1px solid var(--border);border-radius:6px;align-items:flex-start;gap:.75rem;padding:10px .5rem;transition:background .15s;display:flex}.row:hover{background:var(--surface)}.row input[type=checkbox]{flex-shrink:0;margin-top:.2rem}.note-dot{text-align:center;width:1.1rem;color:var(--text-muted);flex-shrink:0}.row-body{cursor:pointer;flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.row-title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.row[draggable=true]{cursor:grab}.card.over{border-color:var(--accent);background:var(--surface-2)}.row.done .row-title{color:var(--text-faint);text-decoration:line-through}.type{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);min-width:3.5rem;font-size:.7rem}.note-mark{color:var(--text-muted);margin-left:.4rem;font-size:.85em}.meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.75rem;font-size:12px;display:flex}.meta>span{align-items:center;gap:.25rem;display:inline-flex}.meta i{opacity:.8;font-size:11px;font-style:normal}.meta .due{color:var(--text)}.meta .overdue{color:var(--danger);font-weight:600}.add-link{color:var(--text-muted);background:0 0;border:0;border-radius:0;align-items:center;gap:.6rem;margin-top:.5rem;padding:.5rem .25rem;display:flex}.add-link .plus{border:1px solid var(--text-muted);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding-bottom:1px;font-size:15px;line-height:0;display:inline-flex}.add-link:hover{color:var(--accent)}.add-link:hover .plus{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.add-card{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);margin-top:.5rem;padding:.5rem .75rem .6rem}.add-card>input{background:0 0;border:0;border-radius:0;width:100%;padding:.4rem 0;font-size:1rem}.add-card>input:focus{outline:none}.add-tools{flex-wrap:wrap;align-items:center;gap:.4rem;min-width:0;margin-top:.4rem;display:flex}.add-tools .spacer{flex:1 0 .5rem}.chip{background:var(--bg);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;border-radius:6px;min-width:0;max-width:10rem;padding:.25rem .6rem;font-size:.8rem;overflow:hidden}.add-card{min-width:0;overflow:hidden}.chip:hover{color:var(--text)}.spacer{flex:1}.send{border-radius:6px;width:2rem;height:2rem;padding:0;font-weight:700}.page.wide{max-width:none}.area-tabs{gap:.5rem;margin-bottom:1rem;display:flex}.area-tabs button{flex:1;padding:.7rem 1rem;font-size:1rem}.show-done{margin-bottom:1rem;font-size:.85rem}.cards{align-items:flex-start;gap:1rem;padding-bottom:1rem;display:flex;overflow-x:auto}.card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);flex:0 0 24rem;max-width:24rem;padding:1rem 1rem .75rem}.card.dim{opacity:.6}.card h2{margin-top:1.25rem}.card h2:first-of-type{margin-top:.75rem}.card-head{align-items:center;gap:.4rem;display:flex}.card-head h3{flex:1;margin:0;font-size:1.1rem;font-weight:600}.goal{background:var(--bg);width:100%;color:var(--text-muted);margin-top:.5rem;font-size:.9rem}.goal:focus{color:var(--text)}.card-new{background:0 0;border-style:dashed;padding:.5rem}.card-new input{background:0 0;border:0;width:100%}.suggest{border:1px solid var(--border);background:var(--bg);border-radius:6px;margin:.25rem 0 0;padding:.25rem;list-style:none}.suggest button{text-align:left;width:100%;color:var(--text-muted);background:0 0;border:0;border-radius:4px;padding:.35rem .6rem}.suggest button:hover,.suggest button.active{background:var(--surface-2);color:var(--text)}details{color:var(--text-muted);margin-top:2.5rem}summary{cursor:pointer;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:600}details form{margin-top:.75rem}.chips{flex-wrap:wrap;gap:.4rem;margin:.75rem 0 0;padding:0;list-style:none;display:flex}.chips li{border:1px solid var(--border);border-radius:var(--pill);color:var(--text);align-items:center;gap:.25rem;padding:.15rem .3rem .15rem .8rem;display:inline-flex}.chips .subtle{padding:0 .4rem}.checklist{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin:0;padding:.25rem 1rem;list-style:none}.checklist li{border-bottom:1px solid var(--border);color:var(--text);justify-content:space-between;align-items:center;padding:.5rem 0;display:flex}.checklist li:last-child{border-bottom:0}.checklist .done{color:var(--text-faint);text-decoration:line-through}.review>label.check{margin-top:1rem}@media (width<=720px){.area-layout{grid-template-columns:1fr}.topbar nav button{padding:.8rem .25rem;font-size:.9rem}.detail-grid{grid-template-columns:1fr}}.theme-switch{gap:.4rem;display:flex}.inline-form{gap:.5rem;margin-top:.75rem;display:flex}.modal{z-index:20;background:#0000008c;place-items:start center;padding:4vh 1rem;display:grid;position:fixed;inset:0;overflow-y:auto}.task-page{background:var(--surface);border:1px solid var(--border);border-radius:14px;width:min(56rem,100%);overflow:hidden}.task-head{border-bottom:1px solid var(--border);align-items:center;gap:.25rem;padding:.6rem .75rem .6rem 1.25rem;display:flex}.task-head .crumb{color:var(--text-muted);flex:1;font-size:.9rem}.task-body{grid-template-columns:1fr 17rem;min-height:24rem;display:grid}.task-main{padding:1.5rem 1.5rem 1.5rem 1.25rem}.task-title-row{align-items:flex-start;gap:.75rem;display:flex}.task-title-row input[type=checkbox]{width:20px;height:20px;margin-top:.45rem}.task-title{background:0 0;border:1px solid #0000;border-radius:6px;flex:1;padding:.25rem .4rem;font-size:1.4rem;font-weight:600}.task-title:hover,.task-title:focus{border-color:var(--border);background:var(--bg)}.task-title.done{color:var(--text-faint);text-decoration:line-through}.task-desc{width:calc(100% - 2.2rem);color:var(--text);background:0 0;border:1px solid #0000;border-radius:6px;margin:.5rem 0 0 2.2rem;padding:.35rem .4rem}.task-desc:hover,.task-desc:focus{border-color:var(--border);background:var(--bg)}.task-side{background:var(--surface-2);border-left:1px solid var(--border);flex-direction:column;padding:1rem 1.25rem;display:flex}.task-side label{border-bottom:1px solid var(--border);color:var(--text-muted);flex-direction:column;gap:.3rem;padding:.75rem 0;font-size:.85rem;display:flex}.task-side label:last-child{border-bottom:0}.task-side select,.task-side input{background:var(--bg);color:var(--text);border-radius:6px;padding:.35rem .6rem}@media (width<=720px){.task-body{grid-template-columns:1fr}.task-side{border-left:0;border-top:1px solid var(--border)}}.row.drop-before{box-shadow:0 -2px 0 0 var(--accent)}.row.drop-after{box-shadow:0 2px 0 0 var(--accent)}