@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;--on-accent: #142018;--ink-soft: #1b2a22;--ink-deep: #1d2b21;--ink-toast: #162219;--control-border: #b9c3bd;--control-muted: #bbc3bd;--control-placeholder: #aeb8b1;--control-empty: #afbbb1;--focus: #b6cf6b;--focus-soft: #aec46f;--focus-strong: #8fa76b;--selection-bg: #f4f9df;--danger: #bd5b5b;--on-danger: #fff;--danger-hover: #a94c4c;--danger-muted: #c16868;--danger-muted-hover: #ae4545;--danger-border: #d9a1a1;--danger-border-soft: rgb(189 91 91 / 40%);--error: #bd3d37;--warning: #a4771e;--overlay: rgba(17, 27, 20, .34);--overlay-strong: rgb(0 0 0 / 45%);--shadow-dialog: 0 25px 80px rgba(0, 0, 0, .2);--shadow-control: 0 2px 7px rgba(26, 36, 29, .18);--border-soft: rgba(24, 37, 29, .16);--border-subtle: rgba(24, 37, 29, .14);--border-strong: rgba(24, 37, 29, .35);--highlight-soft: rgba(255, 255, 255, .35);--highlight-strong: rgba(255, 255, 255, .8);--swatch-text: #263328;--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;--on-accent: #142018;--ink-soft: #edf5ee;--ink-deep: #edf5ee;--ink-toast: #162219;--control-border: #738078;--control-muted: #738078;--control-placeholder: #7f8d84;--control-empty: #829087;--selection-bg: #29351e;--on-danger: #fff;--swatch-text: #edf5ee;--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:var(--on-accent)}.avatar{width:31px;height:31px;flex:0 0 31px;border-radius:50%;display:grid;place-items:center;font:500 11px DM Mono;color:var(--ink-soft)}.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:var(--control-border)}.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:var(--control-muted)}.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:var(--ink-soft);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)}.task.completing{animation:task-complete .21s ease-out forwards;pointer-events:none}.check{width:20px;height:20px;flex:0 0 20px;border:1.5px solid var(--control-border);border-radius:50%;background:none;display:grid;place-items:center;color:var(--ink-deep)}.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)}@keyframes task-complete{0%{opacity:1;transform:translate(0)}35%{opacity:1;transform:translate(4px)}to{opacity:0;transform:translate(18px)}}@media(prefers-reduced-motion:reduce){.task.completing{animation-duration:1ms}}.assigned{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;font:500 8px DM Mono;color:var(--ink-soft)}.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:var(--control-empty)}.quick-add input{flex:1;border:0;outline:0;color:var(--text);background:none;font-size:14px}.quick-add input::placeholder{color:var(--control-placeholder)}.quick-add-template-btn{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border-radius:8px;background:transparent;color:var(--muted)}.quick-add-template-btn:hover,.quick-add-template-btn:focus-visible{background:var(--surface-2);color:var(--text)}.quick-add-template-btn:disabled{opacity:.35;cursor:not-allowed}.template-icon{width:33px;height:33px;border-radius:9px;display:grid;place-items:center;background:var(--surface-2)}.modal-backdrop{position:fixed;z-index:10;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:var(--overlay);-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:var(--shadow-dialog);animation:pop .2s ease-out}.template-modal{display:flex;flex-direction:column;overflow:hidden}.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:var(--focus-soft)}.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:var(--focus);background:var(--selection-bg);color:var(--text)}.dark .choice.selected{background:var(--selection-bg)}.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:var(--ink-toast);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;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:100%;margin:0;border:0;border-bottom:2px solid var(--focus);outline:0;background:transparent;color:var(--text);font:700 39px/1.1 DM Sans;letter-spacing:-1.8px;padding:0;resize:none;overflow:hidden}.inline-task-input{min-width:0;flex:1;border:0;border-bottom:1px solid var(--focus);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 var(--control-border);border-radius:50%;background:transparent;color:var(--control-empty);font:500 8px DM Mono}.assignment-trigger:hover,.assignment-trigger:focus-visible{border-color:var(--focus-strong);background:var(--surface);color:var(--text)}.assignment-trigger.assigned{border:2px solid var(--surface);color:var(--ink-soft)}.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:var(--danger);color:var(--on-danger)}.danger-btn:hover{background:var(--danger-hover)}.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:var(--focus);background:var(--selection-bg)}.dark .folder-choice:hover:not(:disabled){background:var(--selection-bg)}.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:var(--danger)}.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:var(--danger);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-page{min-height:100vh;display:flex;flex-direction:column}.settings-copyright{margin-top:auto;padding-top:18px;color:var(--muted);font-size:10px}.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:var(--error)!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:var(--overlay-strong)}.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:var(--warning)}.sync-footer-status.write-error,.sync-footer-status.load-error{color:var(--danger)}.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 var(--focus);outline-offset:2px}.brand-profile-trigger .avatar.me{background:var(--accent);color:var(--on-accent);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(42vh,360px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.template-destination{min-height:48px;display:flex;align-items:flex-start;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,.template-destination[data-selected=true]{border-color:var(--focus);background:var(--surface-2)}.template-destination>.template-icon,.template-destination>svg,.template-picker-item>.template-icon,.template-picker-item>svg{flex:0 0 auto;margin-top:1px}.template-item-info{min-width:0;flex:1}.template-item-info strong,.template-item-info small{display:block}.template-item-info strong{overflow-wrap:anywhere;font-size:12px;line-height:1.35}.template-item-info small{color:var(--muted);font-size:10px;line-height:1.35}.template-item-info small{margin-top:3px;overflow-wrap:anywhere}.template-item-info b{font-weight:400;margin:0 3px}.template-destination-empty{padding:14px;border:1px dashed var(--line);border-radius:10px;color:var(--muted);font-size:12px;line-height:1.5}.template-search{display:flex;align-items:center;gap:9px;margin:-3px 0 15px;padding:10px 11px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--muted)}.template-search:focus-within{border-color:var(--focus-soft)}.template-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--text);font-size:13px}.template-picker-list{display:grid;gap:7px;max-height:min(42vh,360px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.template-picker-item{min-height:55px;display:flex;align-items:flex-start;gap:11px;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);text-align:left}.template-picker-item:hover,.template-picker-item:focus-visible,.template-picker-item[data-selected=true]{border-color:var(--focus);background:var(--surface-2)}.template-picker-item>svg{color:var(--muted)}.template-assignee-options{display:grid;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.template-assignee-options>div:first-child small{color:var(--muted);font:500 10px DM Mono;letter-spacing:1px}.template-assignee-options p{margin:6px 0 0;color:var(--muted);font-size:11px;line-height:1.45}.template-assignee-list{display:grid;gap:6px;max-height:min(24vh,180px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.template-assignee{display:flex;align-items:center;gap:9px;width:100%;padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);text-align:left;font-size:12px}.template-assignee:hover,.template-assignee.selected{border-color:var(--focus);background:var(--surface-2)}.template-assignee>span:nth-child(2){flex:1}.template-assignee>svg{color:var(--text)}.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:var(--on-accent);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],.list-nav[draggable] .list-nav-select,.list-nav[draggable] .list-nav-title,.list-nav[draggable] .count,.folder-context[draggable] .folder-name,.folder-context[draggable] .count{cursor:grab}.list-nav[draggable] .template-apply-btn,.list-nav[draggable] .list-move-btn,.folder-context[draggable] .folder-edit,.folder-context[draggable] .folder-move{cursor:pointer}.list-nav[draggable]:active,.folder-context[draggable]:active,.task[draggable]:active{cursor:grabbing}.drag-over{outline:2px dashed var(--focus);outline-offset:-2px}.drop-slot{position:relative;z-index:2;width:100%;height:0;margin:0;pointer-events:none}.drop-slot-hit-area{position:absolute;top:-8px;left:0;width:100%;height:16px;pointer-events:auto}.drop-slot:after{position:absolute;top:-1px;right:0;left:0;height:2px;border-radius:999px;background:transparent;content:"";pointer-events:none}.drop-slot[data-over=true]:after{background:var(--focus);box-shadow:0 0 0 1px var(--focus)}.completed-section{margin-top:12px;overflow:visible;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 var(--danger-border-soft);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 var(--danger-border-soft);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}.title-heading{min-width:0;flex:1}.heading-with-color{display:flex;align-items:center;min-width:0;flex-wrap:nowrap;gap:12px}.title-and-count{min-width:0;flex:1;line-height:1.1}.title-editor-shell{position:relative;min-width:0}.title-editor-shell .title-edit-measure,.title-editor-shell>.task-count-badge{visibility:hidden}.title-and-count h1{display:inline;margin:0;overflow-wrap:anywhere;white-space:normal}.task-count-badge{min-width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:999px;padding:0 9px;background:var(--line);color:var(--text);font:500 12px DM Mono;letter-spacing:.2px;line-height:1;margin-left:8px;position:relative;top:-6px;vertical-align:bottom;white-space:nowrap}.check:disabled{cursor:not-allowed;opacity:.65}.delete-btn{color:var(--danger-muted)}.delete-btn:hover{color:var(--danger-muted-hover);border-color:var(--danger-border)}.task-delete{width:28px;height:28px;display:grid;place-items:center;flex:0 0 28px;padding:5px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--control-muted)}.task-delete:hover,.task-delete:focus-visible{color:var(--on-danger);border-color:var(--danger);background:var(--danger)}.member-more{background:var(--surface-2);color:var(--muted);border-color:var(--surface)}.member-remove{margin-left:8px;padding:4px 0;background:none;color:var(--danger);font-size:10px;white-space:nowrap}.member-remove:hover{color:var(--danger-hover);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}.updated-label{color:var(--muted);font-size:11px;white-space:nowrap}.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 var(--border-soft);border-radius:5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:inset 0 0 0 2px var(--highlight-soft);cursor:pointer;transition:transform .15s}.list-color-picker:hover{transform:scale(1.08);border-color:var(--border-strong)}.list-color-control{position:relative;flex:0 0 auto;align-self:flex-end;margin-bottom:6px}.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 var(--border-subtle);border-radius:9px;color:var(--swatch-text);transition:transform .15s,box-shadow .15s}.color-option:hover{transform:translateY(-1px);box-shadow:var(--shadow-control)}.color-option.selected{box-shadow:inset 0 0 0 2px var(--highlight-strong),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}.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}.updated-label-prefix{display:none}.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}.heading-with-color{gap:8px}.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}}