:root{--bg:#fff;--fg:#1f2937;--muted:#6b7280;--accent:#2563eb;--warn-bg:#fef3c7;--warn-fg:#92400e;--error:#b91c1c;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#111827;--fg:#f3f4f6;--muted:#9ca3af;--accent:#60a5fa;--warn-bg:#78350f;--warn-fg:#fef3c7;--error:#fca5a5}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0}.app{min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);flex-direction:column;display:flex}.app-header{align-items:center;gap:12px;padding:16px;display:flex}.app-header h1{color:var(--accent);margin:0;font-size:1.5rem}.offline-badge{background:var(--warn-bg);color:var(--warn-fg);border-radius:999px;padding:2px 8px;font-size:.8rem}.app-main{flex:1;padding:0 16px}.app-footer{color:var(--muted);padding:16px;font-size:.8rem}.account{color:var(--muted);align-items:center;gap:8px;margin-left:auto;font-size:.85rem;display:flex}button{font:inherit;border:1px solid var(--muted);color:var(--fg);cursor:pointer;background:0 0;border-radius:8px;padding:6px 12px}button.primary{border-color:var(--accent);background:var(--accent);color:var(--bg);padding:10px 16px}.error{color:var(--error)}.app-main{padding:0 16px 16px}.workspace{grid-template-columns:minmax(220px,300px) 1fr;align-items:start;gap:24px;display:grid}.back{display:none}@media (width<=759px){.workspace{grid-template-columns:1fr}.workspace.has-selection .area-nav,.workspace:not(.has-selection) .task-pane,.workspace .pane-placeholder{display:none}.back{display:inline-block}}.hint{color:var(--muted)}ul.areas,ul.lists,ul.tasks{margin:0;padding:0;list-style:none}.area{margin-bottom:12px}.nav-row{border-radius:8px;align-items:center;gap:6px;min-height:40px;padding:0 6px;display:flex}.nav-row.list{padding-left:26px}.nav-row.selected{background:color-mix(in srgb, var(--accent) 15%, transparent)}.dot{border-radius:50%;flex:none;width:10px;height:10px;display:inline-block}.nav-link{text-align:left;border:none;flex:1;padding:8px 4px;font-weight:500}.nav-row.list .nav-link{font-weight:400}.count{color:var(--muted);text-align:right;min-width:1.5em;font-size:.8rem}button.icon{opacity:.55;border:none;padding:6px;line-height:1}button.icon:hover:not(:disabled){opacity:1}button:disabled{cursor:not-allowed;opacity:.2}.add-field{gap:6px;margin:6px 0;display:flex}.add-field input{flex:1;min-width:0}.add-list{padding-left:26px}.add-list input{font-size:.85rem}input{font:inherit;border:1px solid color-mix(in srgb, var(--muted) 50%, transparent);background:var(--bg);color:var(--fg);border-radius:8px;padding:8px 10px}.pane-header{align-items:center;gap:8px;display:flex}.pane-header h2{align-items:center;gap:8px;margin:8px 0;font-size:1.2rem;display:flex}.back{border:none;padding:0 8px;font-size:1.6rem}.task{border-bottom:1px solid color-mix(in srgb, var(--muted) 20%, transparent);align-items:center;gap:10px;min-height:44px;display:flex}.task input[type=checkbox]{flex:none;width:20px;height:20px}.task.done .task-title{color:var(--muted);text-decoration:line-through}button.editable{text-align:left;border:none;padding:8px 0}.task-title,.editable-input.task-title{flex:1}.toggle-done{color:var(--muted);border:none;margin-top:12px;padding:8px 0}.app-header,.account{min-width:0}.account-email{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.account button{flex:none}@media (width<=479px){.account-email{display:none}}body{overflow-x:hidden}