@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#18251d;background:#f6f7f9;font-synthesis:none;--bg:#f6f7f9;--surface:#fff;--surface-2:#f0f2f2;--text:#18251d;--muted:#7d8883;--line:#e8ece9;--accent:#d8f36a;--shadow:0 16px 40px rgba(26,36,29,.08) }*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{border:0;cursor:pointer;color:inherit}.app{min-height:100vh;display:flex;background:var(--bg);color:var(--text);transition:background .25s,color .25s}.app.dark{--bg:#111713;--surface:#18221b;--surface-2:#222d25;--text:#edf5ee;--muted:#9aa99f;--line:#2a372d;--shadow:0 16px 40px rgba(0,0,0,.2) }.sidebar{width:255px;flex:0 0 255px;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:26px 16px 18px;background:var(--surface)}.brand{display:flex;align-items:center;gap:10px;padding:0 11px 26px;font-size:20px;letter-spacing:-.8px;font-weight:700}.brand-mark{width:29px;height:29px;display:grid;place-items:center;background:var(--accent);border-radius:9px;color:#142018}.mobile-close{display:none;margin-left:auto;background:none;color:var(--muted)}.profile{display:flex;align-items:center;gap:10px;padding:11px;background:var(--surface-2);border-radius:13px;margin-bottom:31px}.profile strong,.profile small{display:block}.profile strong{font-size:13px}.profile small{color:var(--muted);font-size:11px;margin-top:2px}.profile>svg{margin-left:auto;color:var(--muted)}.avatar{width:31px;height:31px;flex:0 0 31px;border-radius:50%;display:grid;place-items:center;font:500 11px DM Mono;color:#1b2a22}.side-section{flex:1}.side-label{padding:0 11px 10px;text-transform:uppercase;letter-spacing:1.1px;color:var(--muted);font:500 10px DM Mono;display:flex;justify-content:space-between;align-items:center}.side-label button{background:none;color:var(--muted);display:grid;place-items:center}.folder-dot,.list-color{width:9px;height:9px;border-radius:50%;display:inline-block;flex:0 0 auto}.main{min-width:0;flex:1}.topbar{height:77px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 42px;gap:18px;background:var(--bg)}.breadcrumb{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.breadcrumb strong{color:var(--text);font-weight:600}.top-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.icon-btn{width:36px;height:36px;border:1px solid var(--line);border-radius:10px;display:grid;place-items:center;background:var(--surface);color:var(--muted)}.icon-btn:hover{color:var(--text);border-color:#bcc7bf}.search{height:36px;width:188px;background:var(--surface);border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;padding:0 10px;color:var(--muted);gap:7px}.search input{border:0;outline:0;background:none;color:var(--text);width:100%;font-size:12px}.content{max-width:900px;padding:45px 8%;margin:0 auto}.eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:1.1px;font:500 10px DM Mono;display:flex;align-items:center;gap:8px}.title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin:18px 0 36px}h1{font-size:39px;line-height:1.1;letter-spacing:-1.8px;margin:0 0 9px}.title-row p{color:var(--muted);font-size:13px;margin:0}.title-row p span{margin:0 5px;color:#bbc3bd}.share-btn{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:9px 11px;font-size:12px;color:var(--muted)}.share-btn:hover{color:var(--text)}.member-stack{display:flex;margin-left:5px}.mini-avatar{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font:500 9px DM Mono;color:#1b2a22;border:2px solid var(--surface);margin-left:-4px}.task-list{background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);overflow:visible}.task{min-height:62px;display:flex;align-items:center;gap:13px;padding:0 18px;border-bottom:1px solid var(--line);transition:background .18s}.task:hover{background:var(--surface-2)}.task:last-of-type{border-bottom:0}.check{width:20px;height:20px;flex:0 0 20px;border:1.5px solid #b9c3bd;border-radius:50%;background:none;display:grid;place-items:center;color:#1d2b21}.completed .check{border-color:var(--accent);background:var(--accent)}.task-title{font-size:14px;flex:1}.completed .task-title{text-decoration:line-through;color:var(--muted)}.assigned{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;font:500 8px DM Mono;color:#1b2a22}.task-menu{position:relative}.kebab{background:none;color:#bbc3bd;padding:6px}.kebab:hover{color:var(--text)}.popover{position:absolute;z-index:4;right:0;top:31px;width:180px;border:1px solid var(--line);border-radius:10px;padding:7px;background:var(--surface);box-shadow:var(--shadow)}.popover small{display:block;color:var(--muted);font-size:10px;padding:4px 7px 7px}.popover button{display:flex;align-items:center;gap:8px;background:none;width:100%;padding:7px;border-radius:6px;text-align:left;font-size:12px}.popover button:hover{background:var(--surface-2)}.quick-add{display:flex;align-items:center;gap:13px;padding:18px;color:#afbbb1}.quick-add input{flex:1;border:0;outline:0;color:var(--text);background:none;font-size:14px}.quick-add input::placeholder{color:#aeb8b1}.templates{margin-top:54px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:15px}.section-heading h2{font-size:18px;letter-spacing:-.5px;margin:10px 0 0}.section-heading .eyebrow{color:#7a9367;text-transform:none;letter-spacing:0}.text-btn{background:none;color:var(--muted);font-size:11px;display:flex;align-items:center;gap:3px}.template-cards{display:flex;gap:10px}.template-card{flex:1;min-width:0;text-align:left;display:flex;align-items:center;gap:11px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:13px;transition:transform .18s,box-shadow .18s}.template-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.template-icon{width:33px;height:33px;border-radius:9px;display:grid;place-items:center}.template-card strong,.template-card small{display:block}.template-card strong{font-size:12px}.template-card small{color:var(--muted);font-size:10px;margin-top:3px}.template-card>svg{margin-left:auto;color:var(--muted)}.tip{margin-top:48px;display:flex;gap:13px;align-items:flex-start;background:#eff8ce;color:#3c512d;padding:16px 18px;border-radius:12px}.dark .tip{background:#26351d;color:#cce990}.tip>svg{margin-top:2px}.tip strong{font-size:12px}.tip p{margin:4px 0 0;font-size:11px;line-height:1.5;opacity:.8}.tip button{margin-left:auto;background:none;color:inherit}.modal-backdrop{position:fixed;z-index:10;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#111b1457;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:var(--surface);border:1px solid var(--line);border-radius:17px;padding:25px;width:min(100%,450px);box-shadow:0 25px 80px #0003;animation:pop .2s ease-out}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.modal-head small{color:var(--muted);font:500 10px DM Mono;letter-spacing:1px}.modal h2{margin:7px 0 0;letter-spacing:-.7px;font-size:22px}.field{display:block;color:var(--muted);font-size:11px;margin:17px 0}.field input,.field select{display:block;width:100%;margin-top:7px;padding:11px 12px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--text);outline:0;font-size:13px}.field input:focus{border-color:#aec46f}.choice-row{display:flex;gap:9px}.choice{flex:1;display:flex;flex-direction:column;gap:5px;text-align:left;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:13px;color:var(--muted)}.choice.selected{border-color:#b6cf6b;background:#f4f9df;color:var(--text)}.dark .choice.selected{background:#29351e}.choice strong{font-size:12px;color:inherit}.choice small{font-size:10px}.primary-btn{display:flex;gap:7px;align-items:center;justify-content:center;border-radius:8px;padding:10px 14px;background:var(--text);color:var(--surface);font-size:12px;font-weight:600}.primary-btn:disabled{opacity:.35;cursor:not-allowed}.full{width:100%;margin-top:23px}.modal-copy{color:var(--muted);font-size:12px;line-height:1.5;margin:-10px 0 17px}.member-list{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:7px 0;margin-bottom:18px}.member-row{display:flex;align-items:center;gap:10px;padding:9px 0}.member-row strong,.member-row small{display:block}.member-row strong{font-size:12px}.member-row small{color:var(--muted);font-size:10px;margin-top:2px}.member-role{margin-left:auto;color:var(--muted);font-size:10px}.invite-form{display:flex;gap:8px;align-items:center;padding:5px 5px 5px 11px;border:1px solid var(--line);border-radius:9px;color:var(--muted)}.invite-form input{flex:1;min-width:0;border:0;outline:0;background:none;color:var(--text);font-size:12px}.invite-form .primary-btn{padding:8px 13px}.copy-link{background:none;color:var(--muted);font-size:11px;display:flex;align-items:center;gap:5px;margin:16px auto 0}.toast{position:fixed;z-index:20;right:24px;bottom:24px;display:flex;align-items:center;gap:8px;color:#162219;background:var(--accent);border-radius:9px;padding:12px 15px;box-shadow:var(--shadow);font-size:12px;animation:pop .2s ease-out}@keyframes pop{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:760px){.sidebar{position:fixed;z-index:8;inset:0 auto 0 0;transform:translate(-102%);transition:transform .2s;box-shadow:var(--shadow)}.sidebar.open{transform:none}.mobile-close{display:block}.topbar{height:62px;padding:0 18px}.menu-btn{display:grid}.breadcrumb{font-size:12px;overflow:hidden;white-space:nowrap}.breadcrumb strong{overflow:hidden;text-overflow:ellipsis}.search{width:36px;border:0;padding:0;background:none}.search input{display:none}.top-actions{gap:6px}.top-actions>.icon-btn:nth-of-type(2){display:none}.top-actions .avatar{display:none}.content{padding:31px 18px 45px}h1{font-size:31px}.title-row{display:block;margin-bottom:27px}.share-btn{margin-top:18px}.template-cards{overflow:auto;padding-bottom:4px}.template-card{min-width:195px}.section-heading{align-items:flex-start;flex-direction:column;gap:12px}.tip{margin-top:35px}}.template-note{color:var(--muted);font-size:11px;margin:-5px 0 14px}.inline-title-input{width:min(100%,520px);border:0;border-bottom:2px solid #b6cf6b;outline:0;background:transparent;color:var(--text);font:700 39px/1.1 DM Sans;letter-spacing:-1.8px;padding:0 0 5px}.inline-task-input{min-width:0;flex:1;border:0;border-bottom:1px solid #b6cf6b;outline:0;background:transparent;color:var(--text);font-size:14px;padding:4px 2px}.inline-folder{display:flex;align-items:center;gap:10px;margin:4px 0;padding:8px 11px;border:1px solid var(--line);border-radius:9px;color:var(--muted);background:var(--surface-2)}.inline-folder input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--text);font-size:12px}.inline-folder input::placeholder{color:var(--muted)}.title-actions{display:flex;align-items:center;gap:8px}.mobile-nav-btn{display:none}@media(max-width:760px){.mobile-nav-btn{display:flex;align-items:center;gap:7px;margin-bottom:18px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--muted);font-size:12px}.title-actions{margin-top:18px}.title-actions .icon-btn{display:grid}}.brand-theme{margin-left:auto;width:31px;height:31px;border:0;background:transparent;padding:0}.assignment-trigger{width:25px;height:25px;flex:0 0 25px;display:grid;place-items:center;border:1px dashed #b9c3bd;border-radius:50%;background:transparent;color:#9daaa1;font:500 8px DM Mono}.assignment-trigger:hover{border-color:#8fa76b;color:var(--text)}.assignment-trigger.assigned{border:2px solid var(--surface);color:#1b2a22}.confirm-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.secondary-btn,.danger-btn{display:flex;align-items:center;gap:7px;border-radius:8px;padding:10px 14px;font-size:12px;font-weight:600}.secondary-btn{border:1px solid var(--line);background:var(--surface);color:var(--muted)}.danger-btn{background:#bd5b5b;color:#fff}.danger-btn:hover{background:#a94c4c}.folder-row{display:flex;align-items:center;gap:2px}.folder-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-delete-options{display:grid;gap:8px;margin-top:20px}.folder-choice{display:flex;align-items:center;gap:12px;width:100%;padding:13px;text-align:left;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--text)}.folder-choice:hover:not(:disabled){border-color:#b6cf6b;background:#f4f9df}.dark .folder-choice:hover:not(:disabled){background:#29351e}.folder-choice span{flex:1}.folder-choice strong,.folder-choice small{display:block}.folder-choice strong{font-size:12px}.folder-choice small{margin-top:4px;color:var(--muted);font-size:10px}.folder-choice.destructive{color:#bd5b5b}.folder-choice:disabled{cursor:not-allowed;opacity:.5}.folder-delete-options+.full{margin-top:12px}.folder-row .count{margin-left:10px}.folder-edit{width:26px;height:26px;flex:0 0 26px;display:grid;place-items:center;border-radius:7px;background:transparent;color:var(--muted);opacity:0;margin-left:4px}.folder-row:hover .folder-edit,.folder-edit.visible{opacity:1}.folder-edit:hover{background:var(--surface-2);color:var(--text)}.modal-divider{height:1px;margin:28px 0 17px;background:var(--line)}.danger-zone-label{color:#bd5b5b;font:500 10px DM Mono;letter-spacing:1px;text-transform:uppercase}.folder-delete-copy{margin:7px 0 0}.profile{width:100%;border:0;color:var(--text);text-align:left;cursor:pointer}.profile>svg{transition:transform .18s}.profile.open>svg{transform:rotate(180deg)}.profile-menu{display:grid;gap:2px;margin:-20px 0 24px;padding:6px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}.profile-menu button{display:flex;align-items:center;gap:9px;width:100%;padding:8px 7px;border-radius:7px;background:transparent;color:var(--muted);text-align:left;font-size:12px}.profile-menu button:hover{background:var(--surface-2);color:var(--text)}.profile-status{display:block;overflow:hidden;padding:7px;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.migration-actions{display:grid;gap:8px;margin-top:18px}.sync-footer{flex:0 0 auto;margin-top:16px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);color:var(--muted);font-size:11px}.sync-footer-heading{color:var(--text)}.sync-footer-heading strong{font-size:10px;font-weight:600;letter-spacing:1px}.sync-footer-status{display:flex;align-items:center;gap:7px;margin-top:10px;color:var(--muted);font:500 11px DM Sans}.sync-footer-status.pending,.sync-footer-status.syncing{color:#a4771e}.sync-footer-status.error{color:#bd5b5b}.sync-dot{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:currentColor}.sync-footer p{margin:7px 0 0;color:var(--muted);font-size:10px;line-height:1.4}.sync-footer button{margin-top:9px;padding:3px 8px;border:1px solid currentColor;border-radius:5px;background:transparent;color:inherit;font-size:10px;cursor:pointer}.brand-profile-trigger{margin-left:auto;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}.brand-profile-trigger:hover .avatar,.brand-profile-trigger.open .avatar{outline:2px solid #b6cf6b;outline-offset:2px}.brand-profile-trigger .avatar.me{background:var(--accent);color:#142018;font-weight:600}.folder-row{border-bottom:1px solid var(--line);margin-top:4px}.folder-context{width:100%;min-height:40px;display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:0;background:transparent;color:var(--muted);font-size:11px;text-align:left;cursor:pointer}.folder-context:hover{color:var(--text)}.folder-context.open{color:var(--text);font-weight:600}.folder-chevron{flex:0 0 auto;transition:transform .18s}.folder-context.open .folder-chevron{transform:rotate(180deg)}.folder-context .folder-name{flex:1}.folder-context .count{margin-left:0}.list-nav{width:100%;min-height:40px;margin:2px 0;padding:9px 11px;border-radius:9px;background:transparent;color:var(--muted);display:flex;align-items:center;gap:10px;text-align:left;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-nav:hover,.list-nav.active{background:var(--surface-2);color:var(--text)}.folder-panel{margin:8px 0;border:1px solid var(--line);border-radius:14px;background:var(--surface);overflow:hidden}.folder-panel .folder-row{margin:0}.folder-panel .list-nav{margin:0;border-radius:0}.list-nav[draggable],.folder-context[draggable],.task[draggable]{cursor:grab}.list-nav[draggable]:active,.folder-context[draggable]:active,.task[draggable]:active{cursor:grabbing}.drag-over{outline:2px dashed #b6cf6b;outline-offset:-2px}.completed-section{margin-top:12px}.completed-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:13px 18px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--muted);font-size:12px}.completed-toggle span{display:flex;align-items:center;gap:8px}.completed-toggle b{color:var(--text);font:500 10px DM Mono}.completed-toggle>svg{transition:transform .18s}.completed-toggle.open>svg{transform:rotate(180deg)}.completed-list{margin-top:8px;opacity:.88}.completed-list .task-title{color:var(--muted)}.sidebar{height:100vh;overflow:hidden;position:sticky;top:0}.side-section{min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent}@media(max-width:760px){.sidebar{position:fixed;top:0;bottom:0;height:100vh}}.create-actions{display:flex;align-items:center;gap:3px}.create-btn{width:25px;height:25px;display:grid;place-items:center;border-radius:6px;background:transparent;color:var(--muted)}.create-btn:hover{background:var(--surface-2);color:var(--text)}.folder-editor-panel .folder-context{cursor:text}.folder-editor-panel input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--text);font-size:12px}.folder-editor-panel input::placeholder{color:var(--muted)}.context-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:13px}.context-row .breadcrumb{margin-bottom:0}@media(max-width:760px){.context-row{align-items:flex-start;flex-direction:column;gap:8px;margin-bottom:12px}}.context-row+.title-row{margin-top:0}.heading-with-color{display:flex;align-items:center;gap:12px}.title-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px}.list-type-badge{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:4px 8px;background:var(--surface-2);color:var(--muted);font:500 10px DM Mono;letter-spacing:.2px;line-height:1}.check:disabled{cursor:not-allowed;opacity:.65}.delete-btn{color:#c16868}.delete-btn:hover{color:#ae4545;border-color:#d9a1a1}.task-delete{width:28px;height:28px;display:grid;place-items:center;flex:0 0 28px;padding:5px;border-radius:7px;background:transparent;color:#bbc3bd}.task-delete:hover{color:#c16868;background:#fff0f0}.dark .task-delete:hover{background:#3a2525}.member-more{background:var(--surface-2);color:var(--muted);border-color:var(--surface)}.member-remove{margin-left:8px;padding:4px 0;background:none;color:#bd5b5b;font-size:10px;white-space:nowrap}.member-remove:hover{color:#a94c4c;text-decoration:underline}.choice-title{display:flex;align-items:center;gap:8px;color:var(--text)}.mobile-sidebar-btn{display:none}.context-leading{display:flex;align-items:center;gap:10px;min-width:0}.context-leading .breadcrumb{min-width:0}.title-actions{width:max-content}.title-actions .share-btn{height:36px;padding:0 11px}@media(max-width:760px){.title-actions{width:100%;margin-top:18px}.title-actions .share-btn{flex:1;min-width:0;justify-content:center;margin-top:0}}@media(max-width:760px){.brand{gap:8px;padding-left:4px;padding-right:4px}.mobile-sidebar-btn{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--muted)}.mobile-sidebar-btn:hover{color:var(--text)}.context-row{align-items:center;flex-direction:row;flex-wrap:wrap;gap:8px 12px}.context-leading{flex:1 1 auto;min-width:0}.mobile-nav-btn{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;margin:0;padding:0;border-radius:8px}}@media(max-width:760px){.title-row{display:flex;align-items:flex-start;gap:12px}.title-row>div:first-child{min-width:0;flex:1}.title-actions{width:auto;flex:0 0 auto;margin-top:0}.title-actions .share-btn{flex:0 0 auto}}@media(max-width:760px){.title-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 12px}.title-heading{display:contents}.title-heading .heading-with-color{grid-column:1;min-width:0}.title-heading .title-meta{grid-column:1 / -1}.title-actions{grid-column:2;grid-row:1}}@media(max-width:760px){.content{padding-top:26px}}.content{padding-top:26px}.list-color-picker{width:18px;height:18px;flex:0 0 18px;padding:0;border:1px solid rgba(24,37,29,.16);border-radius:5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:inset 0 0 0 2px #ffffff59;cursor:pointer;transition:transform .15s}.list-color-picker:hover{transform:scale(1.08);border-color:#18251d59}.list-color-control{position:relative;flex:0 0 auto}.color-popover{position:absolute;z-index:5;top:30px;left:-8px;padding:8px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:var(--shadow)}.color-options{display:grid;grid-template-columns:repeat(6,34px);gap:9px;padding:2px 2px 4px}.color-option{width:34px;height:34px;display:grid;place-items:center;padding:0;border:1px solid rgba(24,37,29,.14);border-radius:9px;color:#263328;transition:transform .15s,box-shadow .15s}.color-option:hover{transform:translateY(-1px);box-shadow:0 2px 7px #1a241d2e}.color-option.selected{box-shadow:inset 0 0 0 2px #fffc,0 0 0 2px var(--text)}.template-icon{background:var(--surface-2)}