:root {
  color-scheme: light;
  --ink: #26332f;
  --muted: #87918a;
  --line: #e9e9e1;
  --paper: #fffefa;
  --canvas: #f6f5f0;
  --green: #4f7769;
  --green-dark: #365a4d;
  --green-pale: #e7eee9;
  --coral: #d97762;
  --gold: #c29142;
  --blue: #6e8eb3;
  --lilac: #947eb4;
  --shadow: 0 18px 50px rgba(43, 54, 47, .11);
}

* { box-sizing: border-box; }
body { margin: 0; min-width: 320px; min-height: 100vh; color: var(--ink); background: var(--canvas); font-family: "DM Sans", sans-serif; font-size: 14px; -webkit-font-smoothing: antialiased; }
button, input, textarea, select { font: inherit; }
button { color: inherit; cursor: pointer; }
button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 3px solid rgba(79,119,105,.28); outline-offset: 2px; }
.app-shell { min-height: 100vh; display: grid; grid-template-columns: 252px minmax(0,1fr); }
.sidebar { position: fixed; inset: 0 auto 0 0; z-index: 3; width: 252px; display: flex; flex-direction: column; padding: 27px 17px 18px; background: #eeeee7; border-right: 1px solid #e3e4dc; }
.brand { display:flex; align-items:center; gap:11px; margin: 1px 10px 31px; color: var(--ink); text-decoration:none; font-family: Manrope,sans-serif; font-size: 21px; font-weight:800; letter-spacing:-1.2px; }
.brand-mark { width:25px; height:25px; position:relative; display:flex; align-items:flex-end; justify-content:center; gap:3px; padding:5px 4px; border-radius:8px 8px 8px 3px; background:var(--green); transform:rotate(-4deg); }
.brand-mark span { display:block; width:3px; border-radius:4px; background:#f7f6ee; transform:rotate(4deg); }.brand-mark span:nth-child(1){height:8px}.brand-mark span:nth-child(2){height:14px}.brand-mark span:nth-child(3){height:11px}
.profile-chip { display:flex; align-items:center; gap:10px; width:100%; padding:8px 9px; margin-bottom:14px; border:0; border-radius:10px; text-align:left; background:transparent; }.profile-chip:hover {background:#e6e7de}
.avatar { display:grid; place-items:center; width:31px; height:31px; border-radius:50%; color:#fff; background:#bd846c; font-family:Manrope,sans-serif; font-weight:700; }.profile-copy {display:grid;gap:2px}.profile-copy strong{font-size:12px;font-weight:700}.profile-copy small{color:var(--muted);font-size:11px}.chevron{margin-left:auto;color:#92998f;font-size:17px}
.search-trigger { display:flex; align-items:center; gap:10px; width:100%; padding:10px 11px; margin:3px 0 20px; border:1px solid #e2e3da; border-radius:8px; color:#738078; text-align:left; background:rgba(255,255,255,.45); font-size:12px; }.search-trigger kbd,.add-task-button kbd {margin-left:auto;padding:2px 5px;border:1px solid #e3e4dc;border-radius:4px;color:#969e96;background:rgba(255,255,255,.55);font:10px "DM Sans",sans-serif}
.search-icon {display:block; width:13px;height:13px;position:relative;border:1.7px solid currentColor;border-radius:50%;opacity:.75}.search-icon:after{content:"";position:absolute;width:5px;height:1.7px;right:-4px;bottom:-2px;border-radius:2px;background:currentColor;transform:rotate(45deg)}
.primary-nav,.project-nav{display:grid;gap:3px}.nav-item {display:flex;align-items:center;gap:11px;width:100%;min-height:37px;padding:0 10px;border:0;border-radius:7px;background:transparent;color:#67736b;text-align:left;font-size:12px;font-weight:500}.nav-item:hover{background:rgba(255,255,255,.55);color:var(--ink)}.nav-item.active{color:#345c4c;background:#e0e9e2;font-weight:700}.nav-count{margin-left:auto;color:#9aa29a;font-size:11px}.nav-item.active .nav-count{color:#61816f}.nav-icon{position:relative;display:grid;place-items:center;width:16px;height:16px;color:currentColor}.inbox-icon:before{content:"";width:13px;height:10px;border:1.5px solid currentColor;border-radius:3px}.inbox-icon:after{content:"";position:absolute;bottom:3px;width:6px;height:3px;border:1.5px solid currentColor;border-top:0;border-radius:0 0 5px 5px}.today-icon:before{content:"";width:13px;height:13px;border:1.5px solid currentColor;border-radius:4px}.today-icon:after{content:"";position:absolute;top:5px;width:6px;height:1px;background:currentColor;box-shadow:0 3px 0 currentColor}.upcoming-icon:before{content:"";width:13px;height:13px;border:1.5px solid currentColor;border-radius:50%}.upcoming-icon:after{content:"";position:absolute;width:4px;height:4px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:translate(1px,-1px)}.all-icon:before{content:"";width:12px;height:12px;border:1.5px solid currentColor;border-radius:3px;box-shadow:4px 4px 0 -1px #eeeee7,4px 4px 0 .4px currentColor}.completed-icon{font-size:15px}
.sidebar-section-heading{display:flex;align-items:center;justify-content:space-between;margin:31px 7px 8px 10px;color:#939b92;font-size:9px;font-weight:700;letter-spacing:1.25px}.icon-button{display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:7px;background:transparent;color:#7f8981;font-size:19px}.icon-button:hover{background:#e5e7df;color:var(--ink)}.icon-button.subtle{width:23px;height:23px;font-size:17px}.project-nav .nav-item{min-height:34px}.project-dot{width:9px;height:9px;border-radius:3px;background:var(--project-color,var(--green));box-shadow:0 0 0 3px color-mix(in srgb,var(--project-color,var(--green)) 13%,transparent)}.project-count{margin-left:auto;color:#a1a79f;font-size:10px}
.sidebar-bottom{margin-top:auto}.sidebar-note{display:flex;gap:10px;align-items:center;padding:13px 12px;margin:15px 3px 12px;border-radius:9px;background:#e7e8df;color:#758078;font-size:11px;line-height:1.5}.sidebar-note strong{color:#506d5e;font-weight:700}.sparkle{color:#bd9561;font-size:18px}.local-note{display:flex;align-items:center;gap:7px;padding:8px 10px;color:#9aa097;font-size:10px}.local-dot{width:6px;height:6px;border-radius:50%;background:#7da486}
.main-area{grid-column:2;min-width:0;min-height:100vh;display:flex;flex-direction:column;padding:0 47px 22px}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e7e7df}.breadcrumbs{display:flex;align-items:center;gap:9px;color:#a0a69f;font-size:11px}.breadcrumbs strong{color:#536158;font-weight:600}.crumb-divider{color:#c5c9c1}.topbar-actions{display:flex;align-items:center;gap:11px}.search-box{width:215px;height:35px;display:flex;align-items:center;gap:9px;padding:0 10px;border:1px solid #e5e5dc;border-radius:7px;color:#929b93;background:rgba(255,255,255,.52)}.search-box input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:11px}.search-box input::placeholder{color:#a0a79f}.search-box button{border:0;background:transparent;color:#8a938b;font-size:18px}.add-task-button{height:35px;display:flex;align-items:center;gap:8px;padding:0 11px;border:0;border-radius:7px;color:white;background:var(--green);font-size:11px;font-weight:700;box-shadow:0 3px 8px rgba(45,84,66,.13)}.add-task-button:hover,.save-button:hover{background:var(--green-dark)}.add-task-button>span:first-child{font-size:17px;font-weight:400;line-height:1}.add-task-button kbd{color:#dbe7df;border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.1)}
.workspace{width:min(880px,100%);margin:64px auto 0;flex:1}.view-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:31px}.eyebrow{margin-bottom:9px;color:#96a097;font-size:9px;font-weight:700;letter-spacing:1.35px}.view-heading h1{margin:0;color:#2d3c35;font-family:Manrope,sans-serif;font-size:34px;font-weight:700;letter-spacing:-1.6px;line-height:1.2}.heading-spark{margin-left:9px;color:#d0a05e;font-size:17px;vertical-align:top}.view-heading p{margin:8px 0 0;color:#929b93;font-size:12px}.date-stamp{display:grid;gap:3px;text-align:right;color:#9aa299;font-size:10px}.date-stamp-day{color:#537262;font-family:Manrope,sans-serif;font-size:20px;font-weight:700;letter-spacing:-.4px}.quick-add{height:52px;display:flex;align-items:center;gap:13px;padding:0 12px 0 16px;border:1px solid #e5e6dd;border-radius:9px;background:var(--paper);box-shadow:0 3px 9px rgba(48,57,49,.025)}.quick-plus{display:grid;place-items:center;width:22px;height:22px;border:1.5px solid #86a191;border-radius:50%;color:#5e806d;font-size:17px;font-weight:400;line-height:1}.quick-add input{flex:1;min-width:0;border:0;outline:0;color:var(--ink);background:transparent;font-size:12px}.quick-add input::placeholder{color:#a3aaa3}.quick-add button{display:flex;align-items:center;gap:11px;padding:7px 10px;border:0;border-radius:6px;color:#fff;background:var(--green);font-size:10px;font-weight:700}.quick-add button span{color:#d9e4dc;font-size:11px}
.list-toolbar{display:flex;align-items:center;justify-content:space-between;margin:32px 2px 10px}.list-label{display:flex;align-items:center;gap:8px;color:#8b958c;font-size:9px;font-weight:700;letter-spacing:1.1px}.list-indicator{width:6px;height:6px;border-radius:50%;background:#d4a15b}.list-total{display:grid;place-items:center;min-width:19px;height:18px;padding:0 5px;border-radius:5px;color:#879188;background:#e9eae3;font-size:10px;letter-spacing:0}.sort-label{color:#a0a69f;font-size:10px}.sort-icon{font-size:14px;vertical-align:-1px}.task-list{display:grid}.task-card{display:grid;grid-template-columns:23px minmax(0,1fr) auto;align-items:start;gap:10px;padding:16px 12px 15px 6px;border-bottom:1px solid #e8e9e1;transition:background .15s ease}.task-card:hover{background:rgba(255,255,255,.42)}.task-card:first-child{border-top:1px solid #e8e9e1}.task-check{width:17px;height:17px;margin:2px 0 0;border:1.4px solid #bfc8bf;border-radius:50%;background:transparent;color:#fff;font-size:10px;line-height:15px}.task-check:hover{border-color:var(--green);background:#edf3ee}.task-card.is-done .task-check{border-color:var(--green);background:var(--green)}.task-main{min-width:0;display:grid;gap:5px}.task-title{display:block;overflow:hidden;color:#36433d;font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.task-card.is-done .task-title{color:#9da59d;text-decoration:line-through}.task-notes-preview{overflow:hidden;color:#9aa29a;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.task-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:#a0a79f;font-size:10px}.task-meta:empty{display:none}.meta-date{display:flex;align-items:center;gap:4px}.meta-date.overdue{color:#c76c56}.meta-date.soon{color:#a17a3d}.meta-project{display:flex;align-items:center;gap:5px}.mini-project-dot{width:6px;height:6px;border-radius:2px;background:var(--project-color,var(--green))}.priority-badge{display:flex;align-items:center;gap:5px;margin:0 5px 0 0;color:#9ba39c;font-size:9px}.priority-badge i{width:7px;height:7px;border-radius:50%;background:#b8c0b7}.priority-1 .priority-badge{color:#c66d58}.priority-1 .priority-badge i{background:#cf765f}.priority-2 .priority-badge{color:#b17f37}.priority-2 .priority-badge i{background:#d4a04c}.priority-3 .priority-badge i{background:#7695b8}.task-actions{display:flex;align-items:center;gap:2px;opacity:0;transition:opacity .15s}.task-card:hover .task-actions,.task-actions:focus-within{opacity:1}.task-action{display:grid;place-items:center;width:27px;height:27px;border:0;border-radius:6px;color:#8e9990;background:transparent;font-size:14px}.task-action:hover{color:#34473d;background:#eceee8}.empty-state{padding:63px 20px;text-align:center}.empty-state[hidden]{display:none}.empty-illustration{position:relative;width:104px;height:74px;margin:0 auto 20px}.empty-sun{position:absolute;top:3px;right:12px;width:25px;height:25px;border-radius:50%;background:#eddcb6}.empty-card{position:absolute;left:11px;bottom:2px;width:79px;height:56px;display:grid;gap:8px;padding:13px 12px;border:1px solid #dce3d9;border-radius:10px;background:#fcfcf6;transform:rotate(-5deg);box-shadow:0 7px 14px #51685512}.empty-card i{height:3px;border-radius:2px;background:#dfe7de}.empty-card i:nth-child(2){width:80%}.empty-card i:nth-child(3){width:60%}.empty-state h2{margin:0 0 8px;font-family:Manrope,sans-serif;font-size:18px;letter-spacing:-.4px}.empty-state p{margin:0 auto 17px;color:#99a199;font-size:11px}.text-action{padding:8px 11px;border:1px solid #d9e2da;border-radius:6px;color:#557864;background:#edf3ed;font-size:11px;font-weight:600}.text-action:hover{background:#e2ece3}.completed-toggle{display:flex;align-items:center;gap:9px;margin-top:26px;color:#97a097;font-size:10px}.completed-toggle[hidden]{display:none}.completed-check{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;color:#fff;background:#92aa98;font-size:10px}.completed-toggle button{margin-left:auto;border:0;color:#62816e;background:none;font-size:10px}.completed-toggle button:hover{color:#365a4d}.main-footer{display:flex;justify-content:space-between;width:min(880px,100%);margin:48px auto 0;padding-top:14px;border-top:1px solid #e8e9e1;color:#a1a79f;font-size:10px}.main-footer span:last-child{color:#c69b61}
.modal{width:min(480px,calc(100vw - 28px));max-height:calc(100vh - 30px);padding:25px;border:1px solid #e4e7df;border-radius:14px;background:#fffefa;color:var(--ink);box-shadow:var(--shadow)}.modal::backdrop{background:rgba(35,45,39,.28);backdrop-filter:blur(2px)}.modal form{display:grid}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.modal-header h2{margin:0;font-family:Manrope,sans-serif;font-size:21px;letter-spacing:-.7px}.modal-header .eyebrow{margin-bottom:5px}.modal-close{font-size:23px}.field-label{display:flex;justify-content:space-between;margin:0 0 7px;color:#727e75;font-size:10px;font-weight:700}.field-label span{color:#a5aca4;font-size:8px;letter-spacing:.8px}.text-field{width:100%;min-height:39px;padding:9px 10px;margin-bottom:16px;border:1px solid #e4e7df;border-radius:7px;outline:0;color:#34413b;background:#fffefa;font-size:11px}.text-field:focus{border-color:#94ac9b;box-shadow:0 0 0 3px #6a91731c}.title-field{min-height:43px;font-size:13px}.notes-field{resize:vertical;line-height:1.5}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-footer{display:flex;align-items:center;gap:8px;margin-top:5px}.modal-spacer{flex:1}.cancel-button,.delete-button,.save-button{min-height:35px;padding:0 12px;border:1px solid #e2e5dd;border-radius:7px;background:#fffefa;color:#68746c;font-size:10px;font-weight:600}.cancel-button:hover{background:#f4f4ee}.delete-button{margin-right:auto;border-color:#f0ddd8;color:#c16d58}.delete-button:hover{background:#fcf1ed}.save-button{border-color:var(--green);color:white;background:var(--green)}.project-modal{width:min(400px,calc(100vw - 28px))}
@media(max-width:900px){.sidebar{width:220px}.app-shell{grid-template-columns:220px minmax(0,1fr)}.main-area{padding-right:28px;padding-left:28px}.workspace{margin-top:48px}}
@media(max-width:680px){.app-shell{display:block}.sidebar{position:relative;width:auto;height:auto;inset:auto;display:grid;grid-template-columns:1fr auto;align-items:center;padding:12px 16px;border-right:0;border-bottom:1px solid #e3e4dc}.brand{margin:0}.profile-chip{width:auto;margin:0;padding:4px}.profile-copy,.chevron,.search-trigger,.primary-nav,.sidebar-section-heading,.project-nav,.sidebar-bottom{display:none}.main-area{min-height:calc(100vh - 59px);padding:0 17px 16px}.topbar{height:61px}.breadcrumbs{font-size:10px}.topbar-actions{gap:7px}.search-box{width:34px;height:34px;padding:0 10px;justify-content:center}.search-box input{display:none}.search-box:focus-within{position:absolute;z-index:4;left:14px;right:14px;top:70px;width:auto;justify-content:flex-start;background:#fffefa;box-shadow:0 4px 14px #00000012}.search-box:focus-within input{display:block}.search-box button{display:none}.search-box:focus-within button:not([hidden]){display:block}.add-task-button{width:35px;justify-content:center;padding:0}.add-task-button>span:nth-child(2),.add-task-button kbd{display:none}.workspace{margin-top:37px}.view-heading{margin-bottom:23px}.view-heading h1{font-size:29px}.view-heading p{max-width:240px;font-size:11px;line-height:1.5}.date-stamp-day{font-size:17px}.date-stamp{font-size:9px}.quick-add{height:48px;padding-left:12px}.quick-add input{font-size:11px}.quick-add button{padding:7px}.quick-add button span{display:none}.list-toolbar{margin-top:25px}.sort-label{font-size:9px}.task-card{grid-template-columns:22px minmax(0,1fr) auto;gap:7px;padding-right:3px}.task-title{font-size:11px}.task-actions{opacity:1}.task-action{width:24px;height:24px}.main-footer{margin-top:32px}.field-grid{grid-template-columns:1fr}.field-grid .text-field{margin-bottom:13px}}
.sync-control{height:35px;display:flex;align-items:center;gap:7px;padding:0 10px;border:1px solid #e4e7df;border-radius:7px;color:#65796d;background:rgba(255,255,255,.55);font-size:10px;font-weight:600;white-space:nowrap}.sync-control:hover{border-color:var(--green);color:var(--green-dark);background:var(--green-pale)}.sync-control>span:first-child{font-size:15px}.sync-help{margin:-8px 0 18px;color:#7e887f;font-size:11px;line-height:1.55}.sync-message{min-height:17px;margin:-4px 0 12px;color:var(--green-dark);font-size:10px}.sync-message.is-error{color:#b64f43}.sync-signout{margin:14px auto 0;border:0;color:#8a625a;background:transparent;font-size:10px;text-decoration:underline}
@media(max-width:680px){.sync-control{width:35px;justify-content:center;padding:0}.sync-control>span:last-child{display:none}.export-button,.notification-control{width:35px;justify-content:center;padding:0}.export-button span:last-child,.notification-control span:last-child{display:none}.topbar-actions{gap:5px}}