:root{--bg:#fff;--bg-soft:#f5f6f8;--fg:#1f2328;--muted:#6b7280;--line:#e5e7eb;--accent:#2563eb;--accent-soft:#e8efff;--danger:#dc2626;--warn:#b45309;--radius:8px;--row:40px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font:15px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#15171a;--bg-soft:#1d2024;--fg:#e6e8eb;--muted:#9aa1ab;--line:#2c3036;--accent:#6c9cff;--accent-soft:#1f2a44;--danger:#f87171;--warn:#fbbf24}}*{box-sizing:border-box}html,body,#app{background:var(--bg);height:100%;color:var(--fg);margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius);padding:6px 12px}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.link{color:var(--accent);background:0 0;border:none;padding:4px 6px}.danger,button.danger{color:var(--danger)}input:not([type=checkbox]),select,textarea{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);min-width:0;padding:6px 8px}textarea{resize:vertical;width:100%}.hint{color:var(--muted);font-size:13px}.inline{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.field{flex-direction:column;gap:4px;margin:12px 0;display:flex}.field>span{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.app{grid-template-columns:240px 1fr;height:100%;display:grid}.app.has-detail{grid-template-columns:240px 1fr 360px}.sidebar{background:var(--bg-soft);border-right:1px solid var(--line);flex-direction:column;padding:16px 8px;display:flex;overflow-y:auto}.sidebar h2{text-transform:uppercase;color:var(--muted);margin:0 8px 8px;font-size:12px}.sidebar ul{margin:0;padding:0;list-style:none}.sidebar li button,.sidebar-foot>button:first-child{text-align:left;background:0 0;border:none;justify-content:space-between;width:100%;padding:8px;display:flex}.sidebar button.active{background:var(--accent-soft);color:var(--accent)}.count{color:var(--muted);font-size:13px}.sidebar-foot{margin-top:auto;padding-top:16px}.sync{color:var(--muted);font-size:12px}.sync-error{color:var(--danger)}.sync-offline{color:var(--warn)}main{flex-direction:column;min-width:0;display:flex;overflow-y:auto}.topbar{border-bottom:1px solid var(--line);background:var(--bg);z-index:2;align-items:center;gap:8px;padding:12px 16px;display:flex;position:sticky;top:0}.topbar .menu{display:none}.list-name{flex:1;font-size:20px;font-weight:600}input.list-name{border-color:#0000}input.list-name:focus{border-color:var(--line)}.search{width:200px}.toolbar{color:var(--muted);flex-wrap:wrap;align-items:center;gap:16px;padding:8px 16px;font-size:13px;display:flex}.toolbar .danger{margin-left:auto}.content{padding:4px 8px 80px}.empty{color:var(--muted);padding:16px 8px}.add{color:var(--accent);background:0 0;border:none;padding:10px 8px}.tree,.results{margin:0;padding:0;list-style:none}.row{min-height:var(--row);padding-left:calc(var(--depth) * 24px);border-radius:var(--radius);align-items:center;gap:6px;display:flex}.row:hover,.row:focus-within{background:var(--bg-soft)}.row.selected{background:var(--accent-soft)}.chevron{width:20px;color:var(--muted);background:0 0;border:none;flex:none;padding:0}.chevron.hidden{visibility:hidden}.check{width:18px;height:18px;accent-color:var(--accent);flex:none}input.title{background:0 0;border:none;flex:1;padding:8px 4px}input.title:focus{outline:none}.row.done input.title{color:var(--muted);text-decoration:line-through}.badge{color:var(--muted);background:var(--bg-soft);border-radius:10px;padding:0 6px;font-size:12px}.icon{color:var(--muted);font-size:13px}.due{color:var(--muted);white-space:nowrap;font-size:12px}.due.today{color:var(--accent)}.due.overdue{color:var(--danger)}.more{color:var(--muted);opacity:0;background:0 0;border:none;padding:4px 10px}.row:hover .more,.row:focus-within .more,.row.selected .more{opacity:1}.results button{text-align:left;background:0 0;border:none;width:100%;padding:10px 8px}.results button:hover{background:var(--bg-soft)}.results .done{color:var(--muted);text-decoration:line-through}.path{color:var(--muted);font-size:13px}.detail{border-left:1px solid var(--line);background:var(--bg);padding:16px;overflow-y:auto}.detail header{justify-content:space-between;align-items:center;display:flex}.done-toggle{align-items:center;gap:8px;display:flex}.close{background:0 0;border:none}.detail-title{border-color:#0000;margin-top:12px;font-size:18px;font-weight:600}.reminders{margin:0;padding:0;list-style:none}.reminders li{justify-content:space-between;align-items:center;display:flex}.reminders .fired{color:var(--muted);text-decoration:line-through}.meta{color:var(--muted);margin-top:24px;font-size:12px}.modal-backdrop{z-index:20;background:#0006;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--bg);border-radius:12px;flex-direction:column;width:min(480px,100%);max-height:80vh;padding:16px;display:flex}.modal h2{margin:0 0 12px;font-size:17px}.modal .results{margin-top:8px;overflow-y:auto}.settings{max-width:520px;padding:16px}.settings h1{font-size:20px}.scrim{display:none}@media (width<=760px){.app,.app.has-detail{grid-template-columns:1fr}.topbar .menu{background:0 0;border:none;padding:4px 8px;font-size:20px;display:block}.search{width:110px}.sidebar{z-index:10;width:270px;padding-top:max(16px, env(safe-area-inset-top));transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.drawer-open .sidebar{transform:none}.drawer-open .scrim{z-index:9;background:#0006;display:block;position:fixed;inset:0}.more{opacity:1}.detail{border-left:none;border-top:1px solid var(--line);z-index:15;max-height:85vh;padding-bottom:max(16px, env(safe-area-inset-bottom));border-radius:16px 16px 0 0;position:fixed;inset:auto 0 0;box-shadow:0 -8px 24px #0003}.row{padding-left:calc(var(--depth) * 16px)}}.subtasks{margin:0 0 6px;padding:0;list-style:none}.subtasks li{align-items:center;gap:6px;display:flex}.subtasks .link{color:inherit;text-align:left}.subtasks .done .link{color:var(--muted);text-decoration:line-through}.sidebar-head{justify-content:flex-end;margin-bottom:4px;display:flex}.list-item{align-items:center;display:flex}.list-item>button:first-child{flex:1;min-width:0}.reorder{color:var(--muted);background:0 0;border:none;padding:6px 8px}.menu-wrap{position:relative}.icon-button{color:var(--muted);padding:2px 8px;font-size:18px;line-height:1}.dropdown{z-index:30;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);min-width:160px;margin:4px 0 0;padding:4px;list-style:none;position:absolute;top:100%;right:0;box-shadow:0 6px 20px #00000026}.sidebar .dropdown button{text-align:left;background:0 0;border:none;border-radius:6px;width:100%;padding:8px 10px}.sidebar .dropdown button:not(:disabled):hover{background:var(--bg-soft)}.sidebar li .reorder{flex:none;width:auto;padding:6px 7px}.folder-chevron{width:16px;color:var(--muted);display:inline-block}.sidebar .folder-name{font-weight:600}.sidebar .folder-lists{padding-left:16px}.folder-empty{padding:4px 8px}.folder-select{flex:none;max-width:96px;padding:2px 4px;font-size:12px}