@font-face{font-family:DM Sans;src:url(./dm-sans-latin-Xz1IZZA0.woff2) format("woff2");font-style:normal;font-weight:100 1000;font-display:swap}:root{--neutral-0: #ffffff;--neutral-25: #fcfcf9;--neutral-50: #f7f8f4;--neutral-100: #eff1e9;--neutral-200: #e3e7dc;--neutral-400: #8b9687;--neutral-600: #606b5b;--neutral-900: #27382e;--green-50: #eaf0e4;--green-100: #dce8d4;--green-600: #285b48;--green-700: #1c4938;--color-bg: var(--neutral-50);--color-surface: var(--neutral-0);--color-sidebar: var(--neutral-25);--color-text: var(--neutral-900);--color-muted: var(--neutral-600);--color-border: var(--neutral-200);--color-input-border: var(--neutral-400);--color-accent: var(--green-600);--color-accent-hover: var(--green-700);--color-selected: var(--green-50);--color-focus: #326cce;--color-danger: #a13d32;--color-warning: #895912;--text-small: .8125rem;--text-label: .875rem;--text-body: 1rem;--text-section: 1.25rem;--text-brand: 1.75rem;--text-display: 2.5rem;--radius-small: 7px;--radius-medium: 12px;--radius-large: 18px;font-family:DM Sans,sans-serif;color:var(--color-text);background:var(--color-bg);font-size:16px;font-weight:400;line-height:1.5;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:280px}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button,a,input,textarea,select,summary{touch-action:manipulation}button{border:0;background:none}button:disabled,input:disabled{cursor:wait;opacity:.65}button svg{flex-shrink:0}input,textarea,select{background:var(--color-surface);border:1px solid var(--color-input-border);border-radius:var(--radius-small);min-height:44px;padding:10px 12px;width:100%;min-width:0}input::placeholder,textarea::placeholder{color:var(--color-muted);opacity:1}textarea{resize:vertical;line-height:1.5}input[type=checkbox]{width:20px;min-height:20px;height:20px;flex-shrink:0;padding:0;margin:0;accent-color:var(--color-accent);cursor:pointer}input[type=file]{font-size:var(--text-label);padding:8px}input[type=file]::file-selector-button{border:0;border-radius:4px;padding:7px 12px;margin-inline-end:10px;background:var(--color-selected);color:var(--color-text);font:inherit;cursor:pointer}label{display:block;font-size:var(--text-label);font-weight:500;margin-block-end:7px}:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600;text-wrap:balance}h1{font-size:var(--text-display);letter-spacing:-.045em;line-height:1.15}h2{font-size:var(--text-section);letter-spacing:-.025em;line-height:1.3}h3{font-size:var(--text-body);line-height:1.4}p{text-wrap:pretty}svg{vertical-align:middle;flex-shrink:0}::selection{background:var(--green-100);color:var(--color-text)}.muted{color:var(--color-muted)}.small{font-size:var(--text-label)}.full{width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:fixed;inset-block-start:12px;inset-inline-start:12px;background:var(--color-accent);color:#fff;padding:12px 20px;border-radius:8px;transform:translateY(-160%);z-index:100}.skip-link:focus{transform:translateY(0)}.primary,.secondary,.text-button,.icon-button,.sync-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;font-weight:500;font-size:var(--text-label);border-radius:var(--radius-small);padding:10px 16px;line-height:1.4}.primary{background:var(--color-accent);color:#fff}.secondary{border:1px solid var(--color-input-border);background:var(--color-surface)}.text-button{padding-inline:8px;color:var(--color-accent)}.icon-button{min-width:44px;width:44px;padding:10px;color:var(--color-muted)}.danger{color:var(--color-danger)}.error{color:var(--color-danger);font-size:var(--text-label);margin-block-start:10px}.app-shell{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100dvh}.sidebar{background:var(--color-sidebar);border-inline-end:1px solid var(--color-border);padding:30px 20px 20px;display:flex;flex-direction:column;min-height:100dvh}.brand-button{padding:0 12px;text-align:start;align-self:flex-start;min-height:44px}.brand{display:inline-flex;align-items:center;gap:11px;font-size:var(--text-brand);letter-spacing:-.04em;line-height:1;font-weight:600}.brand-period{color:var(--color-accent)}.workspace{display:flex;align-items:center;gap:10px;padding:0 12px;margin-block:39px 28px;font-size:var(--text-label);font-weight:500}.workspace-avatar{background:#e8e6db;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;font-weight:600}.workspace-sub{display:block;font-size:var(--text-small);font-weight:400;color:var(--color-muted);margin-top:2px}.main-nav{display:grid;gap:5px}.nav-item{display:flex;width:100%;align-items:center;gap:12px;padding:11px 13px;min-height:46px;font-size:var(--text-label);border-radius:var(--radius-small);text-align:start}.nav-item>svg{color:var(--color-muted)}.nav-item.active{color:var(--color-accent);background:var(--color-selected);font-weight:600}.nav-item.active>svg{color:inherit}.nav-count{margin-inline-start:auto;font-size:var(--text-small);color:var(--color-muted);font-variant-numeric:tabular-nums}.nav-item.active .nav-count{color:var(--color-accent)}.list-nav{margin-block-start:38px}.list-nav h2{margin:0 13px 12px;font-size:var(--text-small);letter-spacing:0;color:var(--color-muted);font-weight:500}.list-nav nav{display:grid;gap:3px}.list-marker{width:9px;height:9px;border-radius:3px;flex-shrink:0;display:inline-block;background:#9caf82}.list-marker.work{background:#d2a680}.list-marker.life{background:#a7a4c5}.list-nav .list-marker{margin-inline:5px 6px}.sidebar-bottom{margin-block-start:auto;padding-block-start:64px}.local-note{display:flex;align-items:flex-start;gap:10px;font-size:var(--text-small);padding:0 13px 24px}.local-note>svg{margin-top:3px;color:var(--color-muted)}.sidebar-bottom .nav-item{color:var(--color-muted);font-size:var(--text-small)}.page{min-width:0}.topbar{min-height:83px;border-block-end:1px solid var(--color-border);padding-inline:40px;display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar-leading,.header-actions,.breadcrumb{display:flex;align-items:center}.breadcrumb{gap:14px;color:var(--color-muted);font-size:var(--text-small)}.breadcrumb span{color:var(--color-text)}.header-actions{gap:24px}.save-status{display:flex;align-items:center;gap:7px;font-size:var(--text-small);color:var(--color-muted)}.status-dot{display:inline-block;width:6px;height:6px;flex-shrink:0;border-radius:50%;background:var(--color-accent)}.status-dot.warning{background:var(--color-warning)}.sync-button{border:1px solid var(--color-border);background:var(--color-surface);font-size:var(--text-small);padding-inline:13px}.mobile-menu,.mobile-brand,.mobile-navigation{display:none}main{max-width:1280px;margin:auto;padding:45px 40px 20px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-block-end:31px}.heading-dot{color:var(--color-accent)}.page-heading p{font-size:var(--text-label);color:var(--color-muted);margin-block-start:10px}.date-display{display:flex;align-items:center;gap:8px;color:var(--color-muted);font-size:var(--text-small);flex-shrink:0}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:30px;align-items:start}.task-section{min-width:0}.composer{border:1px solid var(--color-input-border);background:var(--color-surface);border-radius:var(--radius-medium);padding:8px 12px 0}.composer-main{display:flex;align-items:center;gap:6px}.composer-main>svg{color:var(--color-muted);margin-inline-start:4px}.composer-main input{border:0;padding-inline:8px;flex:1;background:transparent;min-height:52px}.add-button{flex-shrink:0;padding-inline:14px}.composer-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:2px;padding-bottom:4px}.details-button{display:flex;align-items:center;gap:7px;padding:9px 6px;min-height:40px;border-radius:5px;font-size:var(--text-small);color:var(--color-muted)}.details-button span{padding-inline-start:4px}.enter-hint{font-size:var(--text-small);color:var(--color-muted);padding-inline-end:4px}.composer .error{padding:0 7px 14px;margin:0}.task-options{display:flex;flex-wrap:wrap;gap:14px;padding:12px 4px 18px;border-block-start:1px solid var(--color-border)}.task-options>div{flex:1;min-width:120px}.task-options .check-label{flex-basis:100%}.task-options label{font-size:var(--text-small)}.list-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-block:29px 13px}.list-toolbar h2{font-size:var(--text-label);letter-spacing:0;display:flex;align-items:center;gap:9px}.count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;padding:1px 6px;font-size:var(--text-small);font-weight:500;border-radius:5px;background:var(--neutral-100);color:var(--color-muted);font-variant-numeric:tabular-nums}.sort-control{display:flex;align-items:center;gap:4px;color:var(--color-muted)}.sort-control select{border:0;background:transparent;width:auto;font-size:var(--text-small);padding:8px 2px}.search-field{display:flex;align-items:center;gap:6px;border-block-end:1px solid var(--color-border);padding-inline:8px;color:var(--color-muted);margin-bottom:5px}.search-field input{border:0;background:transparent;font-size:var(--text-label);padding-inline:6px}.task-list{margin:0;padding:0;list-style:none}.task-row{display:flex;align-items:center;gap:4px;background:var(--color-surface);border-block-end:1px solid var(--color-border);padding:11px 6px}.task-check{position:relative;width:40px;min-width:40px;height:44px;display:grid;place-items:center;margin:0;cursor:pointer}.task-check input{position:absolute;inset:0;opacity:0;width:100%;height:100%}.checkbox-art{display:grid;place-items:center;width:20px;height:20px;border:1.5px solid var(--color-input-border);border-radius:6px;color:#fff;pointer-events:none}.checkbox-art svg{opacity:0}.task-check input:checked+.checkbox-art{background:var(--color-accent);border-color:var(--color-accent)}.task-check input:checked+.checkbox-art svg{opacity:1}.task-check input:focus-visible+.checkbox-art{outline:2px solid var(--color-focus);outline-offset:4px}.task-body{flex:1;min-width:0;text-align:start;padding:6px 4px;border-radius:4px}.task-edit{display:block;text-align:start;padding:0;min-height:44px;width:100%;border-radius:4px}.task-title{display:block;overflow-wrap:anywhere;line-height:1.5;font-size:var(--text-label)}.task-meta{display:flex;align-items:center;flex-wrap:wrap;gap:5px;color:var(--color-muted);font-size:var(--text-small);margin-top:5px}.task-meta>span:not(.list-marker){display:inline-flex;align-items:center;gap:4px;margin-inline-start:10px}.task-meta .list-marker{width:6px;height:6px;border-radius:2px}.task-meta .overdue{color:var(--color-danger)}.task-complete .task-title{text-decoration:line-through;color:var(--color-muted)}.task-row .icon-button{width:36px;min-width:36px;padding:8px}.is-important{color:var(--color-warning)}.is-important svg{fill:#f4e9cd}.row-delete{opacity:0}.task-row:focus-within .row-delete{opacity:1}.empty-state{background:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius-medium);min-height:390px;padding:32px 22px 30px;display:flex;flex-direction:column;align-items:center;text-align:center}.empty-art{max-width:100%;margin-bottom:16px}.empty-state h2{margin-block-end:10px}.empty-state>p{font-size:var(--text-label);max-width:33ch;color:var(--color-muted)}.empty-state>.secondary{margin-top:20px}.starter-tasks{width:100%;padding-top:28px}.starter-tasks>span{font-size:var(--text-small);color:var(--color-muted)}.starter-tasks>div{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin-top:10px}.suggestion{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:36px;border:1px solid var(--color-border);border-radius:6px;padding:7px 9px;font-size:var(--text-small);background:var(--color-sidebar)}.list-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:var(--text-small);color:var(--color-muted);margin-top:18px;flex-wrap:wrap}.list-footer>span:first-child{display:flex;align-items:center;gap:6px}.overview{display:grid;gap:22px}.overview>section{min-width:0;overflow-wrap:break-word}.progress-panel{background:var(--color-selected);border-radius:var(--radius-large);padding:22px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.panel-heading h2{font-size:var(--text-label);letter-spacing:0}.panel-heading svg{color:var(--color-muted)}.progress-visual{position:relative;display:grid;place-items:center;margin-top:24px}.progress-track,.progress-value{fill:none;stroke-width:7}.progress-track{stroke:#d7e2cd}.progress-value{stroke:var(--color-accent);stroke-linecap:round}.progress-visual>div{position:absolute;display:flex;flex-direction:column;align-items:center}.progress-visual strong{font-size:var(--text-display);line-height:1.2;letter-spacing:-.045em;font-weight:600;font-variant-numeric:tabular-nums}.progress-visual strong span{font-size:var(--text-section);margin-inline-start:2px}.progress-visual>div>span{font-size:var(--text-small);color:var(--color-muted)}.progress-panel>p{font-size:var(--text-small);color:var(--color-muted);text-align:center;margin-top:14px}.progress-stats{display:grid;grid-template-columns:1fr 1fr;border-block-start:1px solid #d5dfcc;margin-top:24px;padding-top:18px}.progress-stats>div{display:flex;flex-direction:column;align-items:center;gap:3px}.progress-stats>div+div{border-inline-start:1px solid #d5dfcc}.progress-stats strong{font-size:var(--text-section);font-weight:600;font-variant-numeric:tabular-nums}.progress-stats span{font-size:var(--text-small);color:var(--color-muted)}.sync-panel{padding:24px 22px 17px;border:1px solid var(--color-border);border-radius:var(--radius-large);background:var(--color-sidebar)}.device-sketch{display:flex;gap:7px;align-items:center;color:var(--color-accent);margin-bottom:20px}.device-sketch>span{color:var(--color-muted)}.sync-panel h2{font-size:var(--text-body);letter-spacing:-.02em;line-height:1.5;max-width:21ch}.sync-panel p{font-size:var(--text-label);color:var(--color-muted);margin-top:8px}.sync-panel .text-button{padding-inline:0;font-size:var(--text-small);margin-top:10px}.quiet-note{display:flex;gap:10px;justify-content:center;align-items:center;font-size:var(--text-small);color:var(--color-muted);padding-top:4px}.page-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;border-block-start:1px solid var(--color-border);margin-top:45px;padding-top:12px;font-size:var(--text-small);color:var(--color-muted)}.page-footer .text-button{font-size:var(--text-small);color:var(--color-muted)}.storage-warning{border-inline-start:3px solid var(--color-warning);padding:16px;background:#faf0db;margin-bottom:24px;display:flex;align-items:center;gap:16px}.storage-warning p{flex:1;font-size:var(--text-label)}.modal{width:min(480px,calc(100% - 32px));max-height:calc(100dvh - 48px);padding:24px;border:0;border-radius:var(--radius-large);color:var(--color-text);background:var(--color-surface);box-shadow:0 20px 80px #172a2433;overscroll-behavior:contain}.modal-wide{width:min(550px,calc(100% - 32px))}.modal::backdrop{background:#172a2470}.modal-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.modal-heading h2{font-size:var(--text-section)}.modal-heading .icon-button{margin-inline-end:-8px;margin-block-start:-6px}.modal p{margin-block:10px 16px}.modal>h3{margin-top:26px}.modal .dialog-actions{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:24px}.edit-form>label:not(:first-child){margin-top:20px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.check-label{display:flex;align-items:center;gap:10px;min-height:44px;cursor:pointer;font-size:var(--text-label);font-weight:400;margin-block:8px 0}.import-section{border-block-start:1px solid var(--color-border);margin-top:26px;padding-top:24px}.pair-art{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;background:var(--color-selected);border-radius:var(--radius-medium);color:var(--color-accent)}.pair-line{width:26px;border-block-start:2px dotted var(--color-input-border)}.sync-notice{display:flex;gap:9px;color:var(--color-muted);margin-bottom:20px}.sync-notice>svg{margin-top:3px}.sync-notice p{font-size:var(--text-label);margin:0}.segmented{display:flex;padding:4px;background:var(--neutral-100);border-radius:9px;margin-block:20px}.segmented button{flex:1;min-height:44px;border-radius:6px;font-size:var(--text-label)}.segmented button[aria-pressed=true]{background:var(--color-surface);color:var(--color-accent);font-weight:600}.step-copy{margin-block:20px 8px}.code-field{overflow-wrap:anywhere;word-break:break-all;font-size:var(--text-small);background:var(--color-bg);margin-bottom:10px}.reply-form{margin-top:24px}.reply-form .primary{margin-top:14px}.waiting{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px;font-size:var(--text-label)}.connection-success{display:flex;align-items:center;gap:10px;color:var(--color-accent);margin-top:24px}.help-content h3{margin-top:22px}.help-content p{font-size:var(--text-label);color:var(--color-muted)}.toast{display:flex;align-items:center;gap:10px;padding:9px 12px 9px 18px;margin-top:14px;border-radius:var(--radius-medium);background:var(--color-text);color:#fff;width:100%;font-size:var(--text-label)}.toast>span{min-width:0}.toast .text-button,.toast .icon-button{color:#fff}.toast .text-button{text-decoration:underline;text-underline-offset:4px}.toast .icon-button{flex-shrink:0;margin-inline-start:auto}@media(hover:hover){.primary:hover{background:var(--color-accent-hover)}.secondary:hover,.sync-button:hover,.suggestion:hover{background:var(--color-selected)}.nav-item:hover,.icon-button:hover,.text-button:hover,.details-button:hover{background:var(--neutral-100)}.nav-item.active:hover{background:var(--green-100)}.task-row:hover{background:var(--color-sidebar)}.task-row:hover .row-delete{opacity:1}.toast .icon-button:hover,.toast .text-button:hover{background:var(--color-accent)}}@media(prefers-reduced-motion:no-preference){button{transition:background-color .14s ease-out,color .14s ease-out,transform .14s ease-out}.primary:active,.secondary:active{transform:scale(.96)}}@media(max-width:1180px){.app-shell{grid-template-columns:212px minmax(0,1fr)}.sidebar{padding-inline:14px}.topbar{padding-inline:28px}main{padding-inline:28px}.content-grid{grid-template-columns:minmax(0,1fr) 230px;gap:22px}.progress-panel,.sync-panel{padding-inline:18px}.save-status,.date-display,.local-footer{display:none}}@media(max-width:1000px){.content-grid{grid-template-columns:minmax(0,1fr)}.overview{grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));gap:22px;margin-top:12px}.quiet-note{display:none}.progress-visual{margin-top:12px}.progress-visual>svg{height:120px}.progress-stats{margin-top:18px}.sync-panel{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.page-heading{margin-block-end:28px}}@media(max-width:720px){.app-shell{display:block}.sidebar{display:none}.topbar{padding:12px 18px 12px 10px;min-height:76px;gap:8px}.breadcrumb{display:none}.mobile-menu{display:inline-flex;width:40px;min-width:40px}.mobile-brand{display:block}.mobile-brand .brand{font-size:var(--text-section);gap:6px;letter-spacing:-.035em}.mobile-brand img{width:27px;height:27px}.topbar-leading{gap:4px}.header-actions{gap:0}.sync-button{padding-inline:10px;gap:6px}.mobile-navigation{display:block;padding:12px 20px 20px;background:var(--color-sidebar);border-block-end:1px solid var(--color-border)}.mobile-navigation .workspace{margin-block:8px 20px}.mobile-navigation .list-nav{margin-top:20px}.mobile-navigation .sidebar-bottom{padding-top:20px}.mobile-navigation .local-note{display:none}main{padding:28px 20px 20px}h1{font-size:var(--text-brand);letter-spacing:-.035em}.page-heading{margin-block-end:24px}.page-heading p{margin-top:8px;font-size:var(--text-small)}.composer{padding:6px 8px 0}.composer-main{gap:0}.composer-main>svg{width:17px}.composer-main input{padding-inline:7px}.add-button{padding-inline:11px}.add-button>svg{display:none}.composer-bottom{padding-inline:2px}.composer-main input,.search-field input,input,textarea,select{font-size:16px}.list-toolbar{margin-top:22px}.empty-state{padding:25px 17px;min-height:375px}.empty-art{height:132px;margin-bottom:12px}.empty-state h2{font-size:var(--text-section)}.starter-tasks{padding-top:22px}.starter-tasks>div{gap:7px}.suggestion{min-height:44px}.list-footer{margin-top:15px}.overview{margin-top:24px;grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));gap:14px}.progress-panel{padding:18px 14px}.panel-heading{justify-content:center}.panel-heading>svg{display:none}.progress-stats{grid-template-columns:1fr;gap:12px}.progress-stats>div{flex-direction:row;justify-content:center;gap:8px}.progress-stats>div+div{border:0}.sync-panel{padding:20px 16px}.device-sketch{gap:4px;flex-wrap:wrap}.sync-panel .text-button{text-align:start}.page-footer{margin-top:30px;flex-wrap:wrap;gap:4px}.task-row{padding-inline:0}.row-delete{opacity:1}.task-row .icon-button{min-width:32px;width:32px;padding:6px}.task-check{min-width:36px;width:36px}.note-indicator{display:none!important}.task-meta>span:not(.list-marker){margin-inline-start:5px}.storage-warning{flex-direction:column;align-items:flex-start}.modal{padding:20px;max-height:calc(100dvh - 24px);width:calc(100% - 24px)}.toast{gap:6px;padding-inline:12px 6px}}@media(max-width:360px){main{padding-inline:16px}.topbar{padding-inline-end:12px}.mobile-brand img{display:none}.topbar-leading{gap:0}.sync-button{padding-inline:9px}.overview{grid-template-columns:1fr}.progress-stats{grid-template-columns:1fr 1fr}.progress-stats>div{flex-direction:column}.sync-panel h2{max-width:none}.field-grid{grid-template-columns:1fr}.toast>svg{display:none}.modal .dialog-actions>button{flex:1}}@media(forced-colors:active){:focus-visible,.task-check input:focus-visible+.checkbox-art{outline-color:Highlight}.task-check input:checked+.checkbox-art{forced-color-adjust:none;background:Highlight;color:HighlightText;border-color:Highlight}.status-dot,.list-marker{border:1px solid CanvasText}.primary{border:1px solid ButtonText}}