: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.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}@media (width>=1100px){.workspace.has-task{grid-template-columns:minmax(220px,280px) 1fr minmax(320px,420px)}.task-detail .back.always{display:inline-block}}@media (width>=760px) and (width<=1099px){.workspace.has-task .task-pane{display:none}}@media (width<=759px){.workspace.has-task .area-nav,.workspace.has-task .task-pane{display:none}}.back.always{display:inline-block}.task-detail{flex-direction:column;gap:12px;min-width:0;display:flex}.crumb{color:var(--accent);text-align:left;border:none;padding:4px 0}.detail-title{align-items:center;gap:10px;font-size:1.15rem;font-weight:600;display:flex}.detail-title input[type=checkbox]{width:22px;height:22px}.field{flex-direction:column;gap:4px;min-width:0;display:flex}.field>label,.field>.label{color:var(--muted);font-size:.8rem}.field-row{flex-wrap:wrap;gap:16px;display:flex}.inline{align-items:center;gap:6px;display:flex}.interval{width:4.5em}select,textarea{font:inherit;border:1px solid color-mix(in srgb, var(--muted) 50%, transparent);background:var(--bg);color:var(--fg);border-radius:8px;max-width:100%;padding:8px 10px}textarea{resize:vertical}.links{overflow-wrap:anywhere;flex-direction:column;gap:2px;margin:0;font-size:.85rem;display:flex}.links a{color:var(--accent)}ul.blockers{margin:0;padding:0;list-style:none}ul.blockers li{align-items:center;gap:6px;display:flex}ul.blockers li.done .crumb{color:var(--muted);text-decoration:line-through}button.danger{border-color:var(--error);color:var(--error);align-self:flex-start;margin-top:8px}.task .meta{color:var(--muted);flex:none;align-items:center;gap:8px;font-size:.8rem;display:flex}.due.overdue{color:var(--error);font-weight:600}.due.today{color:var(--accent);font-weight:600}.prio{border-radius:50%;flex:none;width:8px;height:8px}.prio-high{background:#dc2626}.prio-medium{background:#ca8a04}.prio-low{background:#9ca3af}.task-title{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;min-width:0}ul.smart-lists{margin:0 0 16px;padding:0;list-style:none}.my-day .pane-header{flex-wrap:wrap}.my-day .date{font-size:.9rem}.section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:24px 0 4px;font-size:.85rem}.task-main{flex-direction:column;flex:1;min-width:0;display:flex}.task-main .editable{padding-bottom:2px}.origin{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;padding-bottom:6px;font-size:.75rem;display:flex}.origin .dot{width:7px;height:7px}.reason{background:color-mix(in srgb, var(--accent) 15%, transparent);color:var(--accent);border-radius:999px;padding:0 6px}button.add-to-day{border-color:var(--accent);color:var(--accent);padding:2px 10px;font-weight:600}.origin:empty{display:none}.origin .meta{font-size:inherit}input.search{width:100%;margin-bottom:8px}details.focus{border:1px solid color-mix(in srgb, var(--muted) 30%, transparent);border-radius:8px;margin:0 0 16px;padding:6px 8px;font-size:.85rem}details.focus summary{cursor:pointer;color:var(--muted)}details.focus[open] summary{margin-bottom:6px}.focus-option{align-items:center;gap:8px;min-height:32px;display:flex}.hint.small{margin:4px 0;font-size:.75rem}.group+.group{margin-top:8px}.group .section-title{align-items:center;gap:6px;display:flex}.toast{left:50%;bottom:calc(16px + env(safe-area-inset-bottom));background:var(--fg);max-width:calc(100vw - 32px);color:var(--bg);z-index:10;border-radius:12px;align-items:center;gap:12px;padding:10px 12px 10px 16px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 6px 24px #00000040}.toast span{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;min-width:0;display:-webkit-box;overflow:hidden}.toast button{color:var(--bg);border-color:var(--bg);flex:none}.toast button.icon{opacity:.7}ul.trash-link{margin-top:8px}button.drag-handle{color:var(--muted);opacity:.6;cursor:grab;touch-action:none;border:none;flex:none;padding:6px 2px;line-height:1}button.drag-handle:hover,button.drag-handle:focus-visible{opacity:1}.dragging{background:var(--bg);cursor:grabbing;border-radius:8px;box-shadow:0 6px 20px #00000040}.dragging button.drag-handle{cursor:grabbing}.nav-row.list{padding-left:12px}