:root{--bg:#fff;--fg:#1f2328;--muted:#656d76;--border:#d8dee4;--accent:#d1453b;--accent-fg:#fff;--error:#cf222e;--surface:#f6f8fa;--hover:#f0f2f4;--selected:#fdf0ef;--shadow:0 8px 30px #0000002e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px}@media (prefers-color-scheme:dark){:root{--bg:#1e1e1e;--fg:#e6edf3;--muted:#8d96a0;--border:#353a40;--accent:#e5675d;--surface:#262626;--hover:#2a2d31;--selected:#3a2725;--error:#ff7b72;--shadow:0 8px 30px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0}form{gap:.9rem;display:grid}label{color:var(--muted);gap:.3rem;font-size:.85rem;display:grid}input,textarea,select{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--fg);border-radius:6px;min-width:0;padding:.5rem .6rem}textarea{resize:vertical}button,.button{font:inherit;text-align:center;background:var(--accent);color:var(--accent-fg);cursor:pointer;border:0;border-radius:6px;padding:.5rem 1rem;text-decoration:none;display:inline-block}button:disabled{opacity:.6;cursor:default}button.ghost{color:var(--muted);background:0 0;padding:.4rem .7rem}button.ghost:hover{background:var(--hover);color:var(--fg)}button.danger{color:var(--error)}button.icon{color:var(--muted);background:0 0;padding:.2rem .5rem;font-size:1.1rem;line-height:1}button.icon:hover{color:var(--fg);background:var(--hover)}button.link{color:var(--accent);background:0 0;padding:0;text-decoration:underline}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.error{color:var(--error);margin:0}small{color:var(--muted)}kbd{border:1px solid var(--border);border-radius:4px;padding:.05rem .3rem;font:.75rem ui-monospace,monospace}.dot{border-radius:50%;flex:none;width:.6rem;height:.6rem;margin-right:.5rem;display:inline-block}.auth{max-width:24rem;margin:10vh auto 0;padding:1.5rem 1rem}.codes{background:var(--surface);border-radius:6px;grid-template-columns:repeat(2,1fr);gap:.4rem;padding:1rem;list-style:none;display:grid}.app-shell{grid-template-columns:260px 1fr;min-height:100dvh;display:grid}.topbar{display:none}.sidebar{background:var(--surface);border-right:1px solid var(--border);height:100dvh;padding:1rem .6rem;position:sticky;top:0;overflow-y:auto}.sidebar ul{margin:0;padding:0;list-style:none}.sidebar ul ul{padding-left:.9rem}.sidebar a{color:var(--fg);border-radius:6px;align-items:center;padding:.4rem .6rem;text-decoration:none;display:flex}.sidebar a:hover{background:var(--hover)}.sidebar a.active{background:var(--selected);font-weight:600}.sidebar .hash{margin-right:.35rem;font-weight:600}.nav-heading{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;justify-content:space-between;align-items:center;margin:1.2rem 0 .2rem;padding:0 .3rem 0 .6rem;font-size:.8rem;font-weight:600;display:flex}.hint{color:var(--muted);margin:1.5rem .6rem .5rem;font-size:.75rem;line-height:1.8}.sidebar form{justify-items:start;padding:0 .3rem}.content{width:100%;max-width:52rem;padding:2rem 2rem 6rem}.fab,.scrim{display:none}@media (width<=760px){.app-shell{grid-template-rows:auto 1fr;grid-template-columns:1fr}.topbar{border-bottom:1px solid var(--border);background:var(--bg);z-index:5;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex;position:sticky;top:0}.brand{font-weight:600}.sidebar{z-index:20;width:min(80vw,300px);transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sidebar.open{box-shadow:var(--shadow);transform:none}.scrim{z-index:15;background:#00000059;border-radius:0;padding:0;display:block;position:fixed;inset:0}.content{padding:1rem 1rem 6rem}.fab{width:3.5rem;height:3.5rem;box-shadow:var(--shadow);z-index:10;border-radius:50%;padding:0;font-size:1.8rem;line-height:1;display:block;position:fixed;bottom:1.25rem;right:1.25rem}.hint{display:none}}.page-head{flex-wrap:wrap;align-items:baseline;gap:.25rem 1rem;margin-bottom:1rem;display:flex}.page-head h1{align-items:center;margin:0;font-size:1.5rem;display:flex}.page-head .subtitle{color:var(--muted)}.page-head .actions{flex-wrap:wrap;gap:.25rem;margin-left:auto;display:flex}section{margin-bottom:1.5rem}section h2,.section-head h2{margin:0;padding:.4rem 0;font-size:1rem}.section-head{border-bottom:1px solid var(--border);align-items:center;gap:.25rem;display:flex}.section-head h2{margin-right:auto}.overdue-heading{color:var(--error)}.empty{color:var(--muted);padding:.5rem 0}.add-task{color:var(--muted);background:0 0;padding:.5rem .3rem}.add-task:hover{color:var(--accent)}.completed-toggle{margin:1rem 0;font-size:.9rem}.completed-toggle a{color:var(--muted)}.task-list{margin:0;padding:0;list-style:none}.task-list .task-list{padding-left:1.8rem}.task-row{border-bottom:1px solid var(--border);border-radius:4px;align-items:flex-start;gap:.6rem;padding:.5rem .4rem;display:flex}.task-row:hover{background:var(--hover)}.task-row.selected{background:var(--selected);outline:1px solid var(--accent)}.check{appearance:none;border:2px solid var(--c);cursor:pointer;background:0 0;border-radius:50%;flex:none;width:1.15rem;height:1.15rem;margin-top:.15rem;padding:0}.check:checked{background:var(--c)}.task-body{all:unset;cursor:pointer;flex:1;gap:.15rem;min-width:0;display:grid}.task-title{overflow-wrap:anywhere}.task-row.done .task-title{color:var(--muted);text-decoration:line-through}.task-desc{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;overflow:hidden}.task-meta{color:var(--muted);flex-wrap:wrap;gap:.2rem .75rem;font-size:.8rem;display:flex}.due{color:#058527}.due.overdue{color:var(--error)}.project-name{align-items:center;margin-left:auto;display:inline-flex}.project-name .dot{width:.5rem;height:.5rem;margin-right:.3rem}dialog.modal{border:1px solid var(--border);background:var(--bg);width:min(36rem,100vw - 2rem);max-height:calc(100dvh - 2rem);color:var(--fg);box-shadow:var(--shadow);border-radius:10px;padding:1.25rem}dialog.modal.small{width:min(26rem,100vw - 2rem)}dialog::backdrop{background:#0006}.title-input{border:0;border-bottom:1px solid var(--border);border-radius:0;padding:.3rem 0;font-size:1.1rem;font-weight:600}.title-input:focus-visible{border-bottom-color:var(--accent);outline:none}.field-grid{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.75rem;display:grid}fieldset{border:0;margin:0;padding:0}legend{color:var(--muted);padding:0 0 .3rem;font-size:.85rem}.chips{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.chip{border:1px solid var(--border);color:var(--fg);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:.3rem;padding:.25rem .65rem;font-size:.85rem;display:inline-flex}.chip:hover{background:var(--hover)}.chip.prio{color:var(--c);font-weight:600}.chip.prio input{opacity:0;pointer-events:none;position:absolute}.chip.prio:has(input:checked){background:var(--c);border-color:var(--c);color:#fff}.chip.prio:has(input:focus-visible){outline:2px solid var(--accent)}.tag-chip{color:var(--c)}.tag-chip[aria-pressed=true]{background:var(--c);border-color:var(--c);color:#fff}.new-tag{border-radius:999px;width:8rem;padding:.25rem .6rem;font-size:.85rem}.swatch{background:var(--c);cursor:pointer;border:2px solid #0000;border-radius:50%;width:1.6rem;height:1.6rem;display:inline-block}.swatch input{opacity:0;pointer-events:none;position:absolute}.swatch:has(input:checked){border-color:var(--fg);box-shadow:inset 0 0 0 2px var(--bg)}.swatch:has(input:focus-visible){outline:2px solid var(--accent)}.note{color:var(--muted);margin:0;font-size:.85rem}.modal-actions{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.spacer{flex:1}.toast{background:var(--fg);color:var(--bg);box-shadow:var(--shadow);z-index:50;border-radius:8px;max-width:calc(100vw - 2rem);padding:.6rem 1rem;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)}.ask-title{overflow-wrap:anywhere;margin:0;font-size:1rem;font-weight:600}.note.error{color:var(--error)}label.inline{flex-direction:row;align-self:end;align-items:center;gap:.4rem;display:flex}.repeat{margin-left:.25rem}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.settings h3{margin:1.5rem 0 .5rem;font-size:1rem}.settings .actions{flex-wrap:wrap;gap:.5rem;display:flex}.devices{margin:0;padding:0;list-style:none}.devices li{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:.4rem 0;display:flex}.devices small{color:var(--muted);display:block}.chip.reminder{cursor:default}.chip.reminder.inactive{opacity:.5;text-decoration:line-through}.chip-x{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0 .15rem;font-size:1rem;line-height:1}.chip-x:hover{color:var(--fg);background:0 0}.reminders select{width:auto}.add-reminder{flex-wrap:wrap;align-items:center;gap:.4rem;display:inline-flex}.add-reminder input[type=number]{width:4.5rem}.add-reminder select,.add-reminder input[type=datetime-local]{width:auto}