:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--page-bg: #eef2f0;--page-gradient-start: rgba(255, 255, 255, .68);--page-gradient-end: rgba(238, 242, 240, .92);--page-glow-primary: rgba(123, 164, 145, .2);--page-glow-secondary: rgba(218, 190, 139, .12);--surface-sheen: rgba(255, 255, 255, .5);--text: #1f2933;--text-strong: #1f2933;--muted: #62706a;--muted-strong: #41524b;--surface: #ffffff;--surface-soft: #f7f9f8;--surface-translucent: rgba(255, 255, 255, .84);--border: #cdd6d1;--border-soft: #d7dfda;--divider: #e3e8e5;--accent: #2f6f73;--accent-focus: rgba(47, 111, 115, .12);--accent-contrast: #ffffff;--check-border: #9bb2a8;--tag-bg: #e0ebe6;--tag-text: #41524b;--danger-bg: #fff7f7;--danger-border: #d9b9b9;--danger-text: #8a2f2f;--modal-backdrop: rgba(23, 31, 35, .42);--modal-shadow: rgba(20, 31, 34, .22);--card-shadow: rgba(35, 58, 48, .09);--card-shadow-hover: rgba(35, 58, 48, .14);--drag-shadow: rgba(35, 58, 48, .22);--menu-shadow: rgba(20, 31, 34, .18);--title-color: #234d45;--title-shadow: rgba(47, 111, 115, .09);--selection-bg: #c8ded7;--selection-text: #173630;background:var(--page-bg);color:var(--text)}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--page-bg: #101614;--page-gradient-start: rgba(22, 32, 28, .92);--page-gradient-end: rgba(10, 15, 13, .98);--page-glow-primary: rgba(72, 126, 108, .2);--page-glow-secondary: rgba(156, 119, 67, .08);--surface-sheen: rgba(255, 255, 255, .035);--text: #dce7e2;--text-strong: #f2f7f4;--muted: #94a69e;--muted-strong: #bccbc4;--surface: #18211e;--surface-soft: #141c19;--surface-translucent: rgba(24, 33, 30, .9);--border: #46554e;--border-soft: #34413b;--divider: #2b3732;--accent: #7bc2bd;--accent-focus: rgba(123, 194, 189, .26);--accent-contrast: #0c1d1a;--check-border: #71867c;--tag-bg: #26352f;--tag-text: #d0ddd7;--danger-bg: #2b1d1e;--danger-border: #72474a;--danger-text: #f0a8aa;--modal-backdrop: rgba(3, 7, 6, .72);--modal-shadow: rgba(0, 0, 0, .52);--card-shadow: rgba(0, 0, 0, .25);--card-shadow-hover: rgba(0, 0, 0, .38);--drag-shadow: rgba(0, 0, 0, .55);--menu-shadow: rgba(0, 0, 0, .5);--title-color: #acd8c8;--title-shadow: rgba(0, 0, 0, .32);--selection-bg: #396f69;--selection-text: #f2f7f4}}*{box-sizing:border-box}::selection{background:var(--selection-bg);color:var(--selection-text)}body{margin:0;min-width:320px;background:radial-gradient(circle at 12% -8%,var(--page-glow-primary),transparent 34rem),radial-gradient(circle at 92% 8%,var(--page-glow-secondary),transparent 28rem),linear-gradient(180deg,var(--page-gradient-start),var(--page-gradient-end)),var(--page-bg);background-attachment:fixed;transition:background-color .22s ease,color .22s ease}button,input,select,textarea{font:inherit}::placeholder{color:var(--muted);opacity:1}button{cursor:pointer}button,input,select,textarea{transition:border-color .14s ease,box-shadow .14s ease,background-color .14s ease,color .14s ease}button:disabled{cursor:not-allowed;opacity:.58}.simpleShell{display:flex;flex-direction:column;gap:20px;min-height:100vh;padding:28px clamp(16px,4vw,48px)}.simpleHeader h1,.modalHeader h2{margin:0;letter-spacing:0}.simpleHeader h1{color:var(--title-color);font-size:clamp(32px,5vw,44px);letter-spacing:-.04em;line-height:1.05;text-shadow:0 2px 20px var(--title-shadow)}.headerDescription{max-width:440px;margin:8px 0 0;color:var(--muted-strong);line-height:1.5}.eyebrow{color:var(--muted);font-size:13px;margin:0 0 4px;text-transform:uppercase}input,select,textarea{width:100%;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);outline:none}input,select{min-height:40px;padding:0 11px}textarea{resize:vertical;padding:10px 11px}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-focus)}button:focus-visible,.searchInput:focus-within,.dateInput:focus-within{outline:3px solid var(--accent-focus);outline-offset:2px;border-color:var(--accent)}.simpleHeader{display:flex;align-items:center;justify-content:space-between;gap:20px;width:min(820px,100%);margin:0 auto}.simpleWorkspace{display:flex;flex-direction:column;gap:18px;width:min(820px,100%);min-width:0;margin:0 auto}.toolbar{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.mobileAppActions{position:relative;z-index:15;display:none}.appMenu{top:calc(100% + 8px);right:0}.iconButton,.iconTextButton,.primaryButton,.secondaryButton,.dangerButton,.textButton{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text)}.iconButton{width:40px;padding:0}.iconTextButton,.primaryButton,.secondaryButton,.dangerButton{padding:0 13px;white-space:nowrap}.iconTextButton:hover:not(:disabled),.secondaryButton:hover:not(:disabled),.iconButton:hover:not(:disabled){border-color:var(--accent);background:var(--surface-soft)}.primaryButton:hover:not(:disabled){filter:brightness(1.08)}.primaryButton{border-color:var(--accent);background:var(--accent);color:var(--accent-contrast)}.secondaryButton{background:var(--surface-soft)}.dangerButton{align-self:flex-start;border-color:var(--danger-border);background:var(--danger-bg);color:var(--danger-text)}.textButton{min-height:40px;padding:0 4px;border:0;background:transparent;color:var(--accent)}.textButton:hover:not(:disabled){color:var(--text-strong);text-decoration:underline;text-underline-offset:3px}.statusStrip{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.statusStrip span,.tag{display:inline-flex;align-items:center;min-height:26px;padding:0 9px;border-radius:999px;background:var(--tag-bg);color:var(--tag-text);font-size:12px}.statusStrip .overdueStatus{background:var(--danger-bg);color:var(--danger-text)}.listControls{position:relative;display:grid;gap:18px}.activityStatus{margin:-4px 0 0;padding:10px 12px;border-left:3px solid var(--accent);background:var(--surface-soft);color:var(--muted-strong);font-size:14px}.activityStatus.errorText{border-left-color:var(--danger-text);background:var(--danger-bg);color:var(--danger-text)}.listHeader{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:2px}.listHeader h2{margin:0;color:var(--text-strong);font-size:20px;letter-spacing:-.02em}.mobileListActions{display:none}.filterRow{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:12px;align-items:center}.viewOptions,.viewModeGroup{display:contents}.viewOptionsLabel{display:none}.searchInput{display:flex;align-items:center;gap:8px;min-width:0;padding:0 11px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.searchInput input{border:0;box-shadow:none;padding:0}.clearSearchButton{display:inline-grid;flex:0 0 40px;width:40px;height:40px;padding:0;place-items:center;border:0;border-radius:6px;background:transparent;color:var(--muted-strong)}.clearSearchButton:hover{background:var(--surface-soft);color:var(--text-strong)}.dateInput{display:flex;align-items:center;gap:8px;min-width:176px;padding:0 11px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--muted-strong)}.dateInput input{min-width:0;border:0;box-shadow:none;padding:0}.toggleControl{display:inline-flex;align-items:center;gap:8px;min-height:40px;color:var(--muted-strong)}.toggleControl input{width:17px;min-height:17px;accent-color:var(--accent)}.quickAddForm{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:18px;border:1px solid var(--border-soft);border-radius:8px;background:var(--surface-translucent);box-shadow:0 10px 30px var(--card-shadow)}.quickAddForm,.taskItem,.modal{background:linear-gradient(145deg,var(--surface-sheen),transparent 55%),var(--surface)}.quickAddField{display:grid;gap:6px;color:var(--muted-strong);font-size:13px;font-weight:650}.quickAddField small{color:var(--muted);font-size:inherit;font-weight:450}.quickAddFooter{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.compactButtonLabel{white-space:nowrap}.quickAddDate{display:flex;align-items:flex-end;gap:10px;min-width:0}.quickAddDate .dateInput{width:190px}.viewModeControl{display:inline-flex;gap:4px;min-height:40px;padding:3px;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft)}.viewModeButton{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:32px;padding:0 10px;border:0;border-radius:6px;background:transparent;color:var(--muted-strong);white-space:nowrap}.viewModeButton.active{background:var(--surface);color:var(--text-strong);box-shadow:0 0 0 1px var(--border-soft)}.mobileViewButton{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:0 11px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--muted-strong)}.mobileViewButton.active,.iconButton.active{border-color:var(--accent);background:var(--accent-focus);color:var(--accent)}.inlineNotice{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--border-soft);border-radius:8px;background:var(--surface-soft);color:var(--muted-strong)}.inlineNotice p{margin:0}.noticeActions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.titleInput{min-height:48px;padding:0 14px;font-size:17px;font-weight:650}.taskList{display:grid;gap:10px}.taskItem{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:center;padding:14px;border:1px solid var(--border-soft);border-radius:8px;background:var(--surface);box-shadow:0 3px 10px var(--card-shadow);transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.taskItem:hover{border-color:var(--border);box-shadow:0 10px 24px var(--card-shadow-hover)}.taskItem:focus-within{z-index:2}.taskItem.dragging{opacity:.3}.taskItem.editing{grid-template-columns:1fr}.taskItem.completed{background:var(--surface-soft)}.taskItem.overdue{border-color:var(--danger-border);background:var(--danger-bg)}.taskItem.dueSoon{border-color:var(--accent);background:var(--surface)}.checkButton{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--check-border);border-radius:8px;background:var(--surface);color:var(--accent)}.taskContentButton{display:grid;gap:5px;align-content:center;min-width:0;min-height:40px;padding:0;border:0;background:transparent;color:inherit;text-align:left;border-radius:6px}.taskTitle{color:var(--text-strong);font-weight:650}.taskRowActions{display:flex;gap:6px}.dragHandle{color:var(--muted);cursor:grab;touch-action:none}.dragHandle:hover:not(:disabled),.dragHandle:focus-visible{color:var(--accent)}.dragHandle:active{cursor:grabbing}.taskActionsMenu{position:relative}.taskMenu{position:absolute;top:calc(100% + 6px);right:0;z-index:12;display:grid;width:max-content;min-width:176px;padding:6px;border:1px solid var(--border);border-radius:10px;background:var(--surface);box-shadow:0 14px 36px var(--menu-shadow)}.taskItem:last-child:not(:first-child) .taskMenu{top:auto;bottom:calc(100% + 6px)}.taskMenuItem{display:grid;grid-template-columns:20px minmax(0,1fr);gap:9px;align-items:center;min-height:40px;padding:0 10px;border:0;border-radius:7px;background:transparent;color:var(--text);text-align:left}.taskMenuItem:hover:not(:disabled),.taskMenuItem:focus-visible{background:var(--surface-soft)}.taskMenuItem.danger{color:var(--danger-text)}.taskMenuItem.danger:hover,.taskMenuItem.danger:focus-visible{background:var(--danger-bg)}.taskMenuDivider{height:1px;margin:5px 6px;background:var(--divider)}.taskDragOverlay{width:var(--drag-overlay-width, auto);border-color:var(--accent);box-shadow:0 18px 44px var(--drag-shadow);cursor:grabbing;transform:rotate(.35deg) scale(1.01)}.taskContentPreview{display:grid;gap:5px;min-width:0}.taskPreviewCheck,.taskPreviewHandle{pointer-events:none}.dueMeta{display:inline-flex;align-items:center;gap:5px;color:var(--muted-strong);font-size:12px}.dueMeta.overdue{color:var(--danger-text);font-weight:700}.dueMeta.soon{color:var(--accent);font-weight:700}.completed .taskTitle{color:var(--muted);text-decoration:line-through}.emptyState{display:grid;place-items:center;gap:10px;min-height:160px;color:var(--muted);text-align:center}.emptyStateTitle{margin:0;color:var(--text-strong);font-weight:700}.emptyStateDescription{max-width:420px;margin:6px 0 0;line-height:1.5}.hiddenInput{display:none}.toast{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:30;display:flex;align-items:center;gap:10px;max-width:min(420px,calc(100vw - 32px));min-height:48px;padding:4px 4px 4px 14px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text-strong);box-shadow:0 14px 36px var(--menu-shadow);font-size:14px}.toastDismiss{display:inline-grid;flex:0 0 40px;width:40px;height:40px;padding:0;place-items:center;border:0;border-radius:7px;background:transparent;color:var(--muted-strong)}.toastDismiss:hover,.toastDismiss:focus-visible{background:var(--surface-soft);color:var(--text-strong)}.modalBackdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:18px;background:var(--modal-backdrop);overflow:auto}.modal{width:min(560px,100%);max-height:min(760px,calc(100vh - 36px));overflow:auto;border:1px solid var(--border-soft);border-radius:8px;background:var(--surface);box-shadow:0 18px 50px var(--modal-shadow)}.modalHeader,.modalActions{display:flex;align-items:center;justify-content:space-between;gap:12px}.modalHeader{padding:16px;border-bottom:1px solid var(--divider)}.feedbackForm{display:grid;gap:14px;padding:16px}.feedbackForm label{display:grid;gap:6px;color:var(--muted-strong);font-size:13px}.modalActions{justify-content:flex-end}.formStatus{margin:0;color:var(--muted-strong);font-size:14px}.formStatus.error{color:var(--danger-text)}.formStatus.sent{color:var(--accent)}.turnstileSlot{min-height:65px}.taskActions{display:flex;justify-content:flex-end;gap:8px}.editDueDate{display:grid;gap:6px;color:var(--muted-strong);font-size:13px}@media(max-width:880px){.filterRow{align-items:stretch;grid-template-columns:1fr}.simpleHeader{flex-direction:column;align-items:stretch}.toolbar{justify-content:flex-start}}@media(max-width:560px){.simpleShell{padding:18px 14px}.simpleWorkspace{gap:14px}.simpleHeader{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start}.headerCopy{min-width:0}.desktopToolbar{display:none}.mobileAppActions{display:block;margin-top:18px}.quickAddForm{grid-template-columns:minmax(0,1fr) 48px 48px;gap:8px;align-items:end;padding:12px}.quickAddForm>.quickAddField{grid-column:1;grid-row:1}.quickAddForm>.quickAddField>span:first-child,.compactButtonLabel,.listHeader h2{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.quickAddFooter{display:contents}.quickAddFooter>.textButton,.quickAddFooter>.primaryButton{grid-row:1;width:48px;min-height:48px;padding:0}.quickAddFooter>.textButton{grid-column:2;border:1px solid var(--border);background:var(--surface-soft)}.quickAddFooter>.primaryButton{grid-column:3}.quickAddDate{grid-column:1 / -1;grid-row:2;align-items:flex-end;width:100%}.quickAddDate .dateInput{width:100%;min-width:0}.quickAddDate .quickAddField{flex:1}.listControls{gap:0}.listHeader{min-height:40px;gap:8px;margin:0}.statusStrip{gap:0;justify-content:flex-start;white-space:nowrap}.statusStrip span,.statusStrip .overdueStatus{min-height:0;padding:0;background:transparent;font-size:13px}.statusStrip span+span:before{content:"·";margin:0 6px;color:var(--muted)}.mobileListActions{display:flex;gap:8px;margin-left:auto}.filterRow{display:block}.searchInput{display:none}.searchInput.mobileOpen{display:flex;margin-top:8px}.viewOptions{position:absolute;top:48px;right:0;z-index:11;display:none;width:min(280px,100%);padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);box-shadow:0 14px 36px var(--menu-shadow)}.viewOptions.mobileOpen{display:grid;gap:12px}.viewModeGroup{display:grid;gap:7px}.viewOptionsLabel{display:block;color:var(--muted-strong);font-size:13px;font-weight:650}.viewModeControl{width:100%}.viewModeButton{flex:1;min-height:40px}.inlineNotice{align-items:stretch;flex-direction:column}.toast{right:14px;bottom:max(14px,env(safe-area-inset-bottom));left:14px;max-width:none}}@media(prefers-reduced-motion:reduce){body,button,input,select,textarea,.taskItem{transition:none}}