@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;height:100vh;position:sticky;top:0;overflow:hidden;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}.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}.list-color{width:9px;height:9px;border-radius:50%;display:inline-block;flex:0 0 auto}.main{min-width:0;flex:1}.empty-state{flex:1;width:min(100%,440px);min-height:0;margin:0 auto;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:14px}.empty-page{min-height:100vh;display:flex;flex-direction:column}.empty-state h1{margin:0;font-size:clamp(26px,5vw,36px);letter-spacing:-1px}.empty-state p{margin:0 0 6px;color:var(--muted);line-height:1.6}.empty-state p svg{margin:0 2px;vertical-align:-3px}.empty-state p.empty-state-folder-hint{margin-top:20px}.empty-state-create{margin-top:-6px}.breadcrumb{display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:1.1px;color:var(--muted);font:500 10px DM Mono}.breadcrumb strong{color:var(--text);font-weight:600}.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}.content{max-width:900px;padding:26px 8% 45px;margin:0 auto}.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;overflow:hidden}.member-avatar-photo{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}.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:0;box-shadow:inset 0 -1px 0 var(--line);touch-action:pan-y;transition:background .18s}.task:hover{background:var(--surface-2)}.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}.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{display:flex;align-items:center;gap:7px;font-size:18px;letter-spacing:-.5px;margin:10px 0 0}.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;background:var(--surface-2)}.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)}.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);overflow-y:auto}.modal{min-width:0;max-height:calc(100vh - 40px);overflow-y:auto;overscroll-behavior:contain;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}.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}}.inline-title-input{box-sizing:border-box;width:min(100%,520px);height:1.1em;margin:0 0 9px;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}.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}.title-actions{display:flex;align-items:center;gap:8px;width:max-content;flex:0 0 auto;margin-left:auto}.mobile-nav-btn{display:none}.assignment-trigger{width:25px;height:25px;flex:0 0 25px;display:grid;place-items:center;padding:0;overflow:hidden;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}.assignment-trigger.assigned.has-photo{border:0}.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;border-bottom:1px solid var(--line);margin-top:4px}.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-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,.profile-menu button.active{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}.settings-page h1{margin:10px 0 22px;font-size:30px;letter-spacing:-1px}.settings-card{max-width:620px;padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.settings-card h2{margin:0 0 8px;font-size:17px}.settings-card h3{margin:28px 0 8px;font-size:14px}.settings-card p{max-width:540px;color:var(--muted);font-size:13px;line-height:1.6}.settings-error{color:#bd3d37!important}.account-delete-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:24px;background:#00000073}.account-delete-overlay .settings-card{box-shadow:var(--shadow)}.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.write-error,.sync-footer-status.load-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}.brand-profile-trigger .avatar-photo{width:100%;height:100%;border-radius:50%;object-fit:cover}.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-title{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-nav-select{min-width:0;flex:1;display:flex;align-items:center;gap:10px;padding:0;background:none;color:inherit;text-align:left;font-size:inherit;white-space:nowrap}.template-apply-btn{width:26px;height:26px;flex:0 0 auto;display:grid;place-items:center;border-radius:7px;background:transparent;color:var(--muted)}.template-apply-btn:hover,.template-apply-btn:focus-visible{background:var(--surface);color:var(--text)}.list-nav .count{flex:0 0 auto;color:var(--muted);font:500 10px DM Mono}.list-nav:hover,.list-nav.active{background:var(--surface-2);color:var(--text)}.template-destination-list{display:grid;gap:7px;max-height:min(55vh,400px);overflow-y:auto}.template-destination{min-height:48px;display:flex;align-items:center;gap:10px;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);text-align:left}.template-destination:hover,.template-destination:focus-visible{border-color:#b6cf6b;background:var(--surface-2)}.template-destination>span:nth-child(2){min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-destination small{color:var(--muted);font-size:10px;white-space:nowrap}.template-destination-empty{padding:14px;border:1px dashed var(--line);border-radius:10px;color:var(--muted);font-size:12px;line-height:1.5}.invitation-nav{flex:0 0 auto;margin:0 0 18px;color:var(--text);background:var(--surface-2)}.invitation-nav .count{min-width:20px;padding:2px 6px;border-radius:999px;background:var(--accent);color:#18251d;text-align:center}.invitation-list{display:grid;gap:10px;max-height:min(60vh,480px);overflow-y:auto}.invitation-card{padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.invitation-card>strong{display:block;font-size:15px}.invitation-card p{margin:6px 0 12px;color:var(--muted);font-size:12px;line-height:1.5}.invitation-actions{display:flex;gap:8px}.invitation-actions button{min-height:36px;padding:0 12px;border-radius:8px}.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;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.completed-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:13px 18px;border:0;border-radius:0;background:transparent;color:var(--muted);font-size:12px}.completed-toggle.open{border-bottom:1px solid var(--line)}.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:0;opacity:.88}.completed-list .task-title{color:var(--muted)}.side-section{min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.storage-recovery{margin:-12px 8px 16px;padding:10px;border:1px solid #bd5b5b66;border-radius:10px;color:var(--muted);font-size:11px;line-height:1.45}.storage-recovery p{margin:0 0 7px}.storage-recovery button{display:inline-block;margin:3px 8px 0 0;padding:3px 0;background:transparent;color:var(--text);font-size:11px;text-decoration:underline;text-underline-offset:2px}.migration-error{position:fixed;z-index:30;left:273px;bottom:18px;width:min(380px,calc(100vw - 290px));padding:14px 16px;border:1px solid #bd5b5b66;border-radius:12px;background:var(--surface);box-shadow:var(--shadow);color:var(--text);font-size:12px}.migration-error p{margin:6px 0 10px;color:var(--muted);line-height:1.45}.migration-error button{padding:7px 10px;border-radius:7px;background:var(--surface-2);color:var(--text);font-size:11px}@media(max-width:700px){.migration-error{left:12px;right:12px;bottom:12px;width:auto}}.loading-topbar{display:none}.loading-side-items{display:grid;gap:15px;padding:5px 11px}.loading-side-items span{width:75%;height:12px;border-radius:6px}.loading-side-items span:first-child{width:90%;height:32px;border-radius:8px}.loading-content{padding-top:63px}.loading-skeleton{background:linear-gradient(100deg,var(--surface-2) 25%,var(--line) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:loading-shimmer 1.5s ease-in-out infinite}.loading-title{width:min(390px,75%);height:43px;margin-bottom:15px;border-radius:8px}.loading-meta{width:190px;height:12px;margin-bottom:36px;border-radius:6px}.loading-task-list{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow)}.loading-task{min-height:62px;display:flex;align-items:center;gap:13px;padding:0 18px;border-bottom:1px solid var(--line)}.loading-task:last-child{border-bottom:0}.loading-check{width:20px;height:20px;flex:0 0 20px;border-radius:50%}.loading-task-line{width:54%;height:12px;border-radius:6px}.loading-task-line.line-2{width:69%}.loading-task-line.line-3{width:43%}.loading-task-line.line-4{width:62%}.loading-task-line.line-5{width:51%}@keyframes loading-shimmer{to{background-position-x:-200%}}@media(prefers-reduced-motion:reduce){.loading-skeleton{animation:none}}.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}.navigation-only{display:none}.context-row .breadcrumb{margin-bottom:0}.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 .share-btn{height:36px;padding:0 11px}.share-label{display:flex;align-items:center;gap:8px}.share-compact{display:none;align-items:center;gap:5px;font-size:12px;font-weight:600}.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)}.completed-list .task:last-of-type{box-shadow:none}.share-setup{border:1px solid var(--line);border-radius:12px;padding:16px;background:var(--surface-2);color:var(--text)}.share-setup strong{display:block;font-size:13px}.share-setup p{margin:8px 0 0;color:var(--muted);font-size:12px;line-height:1.55}.share-setup .full{margin-top:16px}.migration-pending{margin:12px 42px 0;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--muted);font-size:12px;line-height:1.5}.modal-head>div{min-width:0}.modal-head h2{overflow-wrap:anywhere}.modal-head .icon-btn{flex:0 0 auto}.share-member-info{flex:1;min-width:0;overflow-wrap:anywhere}@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}.breadcrumb{overflow:hidden;white-space:nowrap}.breadcrumb strong{overflow:hidden;text-overflow:ellipsis}.content{padding:26px 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}.mobile-nav-btn{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;margin:0;padding:0;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--muted);font-size:12px}.title-actions{width:auto;gap:6px}.title-actions .icon-btn{display:grid}.title-actions .share-btn{flex:0 0 auto;min-width:0;justify-content:center;margin-top:0;padding:0 8px}.share-label{display:none}.share-compact{display:flex}.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;margin-bottom:12px}.context-row.navigation-only{display:flex}.context-leading{flex:1 1 auto;min-width:0}.inline-title-input{font-size:31px}.loading-sidebar{display:none}.loading-topbar{height:62px;display:flex;align-items:center;padding:0 18px;border-bottom:1px solid var(--line);background:var(--bg)}.loading-topbar .brand{padding:0;font-size:19px}.loading-content{padding-top:31px}.migration-pending{margin:12px 18px 0}}@media(max-width:520px){.modal-backdrop{padding:12px}.modal{width:100%;max-height:calc(100dvh - 24px);padding:18px}.share-member-list .member-row{display:grid;grid-template-columns:31px minmax(0,1fr) max-content;gap:6px 9px;min-width:0}.share-member-info{grid-column:2;grid-row:1;overflow-wrap:anywhere}.share-member-info strong,.share-member-info small{overflow-wrap:anywhere}.share-member-list .member-role{grid-column:2;grid-row:2;margin:0;align-self:center}.share-member-list .member-remove{grid-column:3;grid-row:2;justify-self:end;align-self:center;margin:0;white-space:normal;text-align:right}}