:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--sidebar:#f3f4f6;--card:#fff;--raised:#fff;--text:#1d1f23;--secondary:#8a9099;--tertiary:#b4b9c0;--separator:#e8eaee;--checkbox:#b4b8be;--tag-fill:#edeff3;--tag-text:#5d6570;--selection:#d8e6fd;--sidebar-selection:#e2e4e8;--hover:#00000009;--card-border:#00000014;--shadow:0 1px 2px #0000000f, 0 8px 28px #0000001a;--popover-shadow:0 0 0 .5px #0000001f, 0 10px 38px #0000002e;--overlay:#14161a2e;--blue:#2f74f5;--inbox:#2d9cf0;--today:#f5c02e;--upcoming:#e9435e;--anytime:#45a99d;--someday:#c9ae62;--logbook:#4caf50;--evening:#5b7fd9;--deadline:#e5354f;--area:#6fa59e;--pie:#7d848e;--heading:#2f74f5;--drop:#3378f629;--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, "Helvetica Neue", Arial, sans-serif;--spring:cubic-bezier(.22, 1, .36, 1)}:root[data-theme=dark],:root[data-theme=black]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#252527;--sidebar:#2c2c2f;--card:#313134;--raised:#38383b;--text:#f2f2f3;--secondary:#8e8e93;--tertiary:#5e5e63;--separator:#38383c;--checkbox:#6e6e73;--tag-fill:#343438;--tag-text:#c2c2c7;--selection:#2f4366;--sidebar-selection:#3a3a3e;--hover:#ffffff0a;--card-border:#ffffff14;--shadow:0 1px 2px #0000004d, 0 10px 30px #0006;--popover-shadow:0 0 0 .5px #ffffff1a, 0 12px 40px #0000008c;--overlay:#00000073;--blue:#5e9bf8;--inbox:#51abf2;--today:#f8d548;--upcoming:#f0566e;--anytime:#6ebcb2;--someday:#d6c384;--logbook:#5fc15d;--evening:#93acef;--deadline:#f2566e;--area:#7fb8b0;--pie:#9a9aa0;--heading:#6fa6f9;--drop:#75a9f833}:root[data-theme=black]{--bg:#000;--sidebar:#0e0e10;--card:#161618;--raised:#1f1f22;--separator:#232326;--tag-fill:#1f1f22;--sidebar-selection:#232327}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:15px/1.4 var(--font);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;transition:background-color .25s;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:default;opacity:.4}input,textarea{font:inherit;color:inherit;background:0 0;border:0;outline:none;margin:0;padding:0}textarea{resize:none}::placeholder{color:var(--tertiary)}:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:4px}input:focus-visible,textarea:focus-visible{outline:none}.app{height:100%;display:flex}.sidebar{background:var(--sidebar);border-right:1px solid var(--separator);flex-direction:column;flex:none;width:260px;transition:background-color .25s;display:flex}.sidebar-scroll{flex:1;padding:18px 10px 12px;overflow-y:auto}.main{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.main-scroll{flex:1;scroll-padding:60px;overflow-y:auto}.content{max-width:760px;margin:0 auto;padding:48px 48px 120px}.toolbar{border-top:1px solid var(--separator);background:var(--bg);flex:none;justify-content:center;align-items:center;gap:52px;height:52px;display:flex}.toolbar button{width:36px;height:32px;color:var(--secondary);border-radius:7px;place-items:center;display:grid}.toolbar button:hover:not(:disabled){background:var(--hover);color:var(--text)}.sidebar-footer{border-top:1px solid var(--separator);flex:none;justify-content:space-between;align-items:center;height:52px;padding:0 10px 0 12px;display:flex}.sidebar-footer .new-list{color:var(--secondary);border-radius:7px;align-items:center;gap:7px;padding:6px 8px;display:flex}.sidebar-footer button:hover{background:var(--hover);color:var(--text)}.icon-button{width:32px;height:32px;color:var(--secondary);border-radius:7px;place-items:center;display:grid}.icon-button:hover{background:var(--hover);color:var(--text)}.nav-group{margin-bottom:18px}.nav-item{cursor:default;-webkit-user-select:none;user-select:none;border-radius:7px;align-items:center;gap:9px;height:32px;padding:0 10px;font-size:15px;font-weight:500;transition:background-color .12s;display:flex;position:relative}.nav-item:hover{background:var(--hover)}.nav-item.selected{background:var(--sidebar-selection)}.nav-item.drop-target{background:var(--drop);box-shadow:inset 0 0 0 1.5px var(--blue)}.nav-item .label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.nav-item .count{color:var(--secondary);font-variant-numeric:tabular-nums;font-size:13px}.nav-item .badge{background:var(--deadline);color:#fff;border-radius:9px;place-items:center;min-width:20px;height:18px;padding:0 6px;font-size:12px;font-weight:600;display:grid}.nav-item.area{margin-top:14px;font-weight:600}.nav-item.project{font-weight:400}.nav-item .chevron{color:var(--tertiary);opacity:0;transition:opacity .15s, transform .25s var(--spring)}.nav-item.area:hover .chevron{opacity:1}.nav-item .chevron.collapsed{opacity:1;transform:rotate(-90deg)}.nav-item.untitled .label{color:var(--secondary)}.nav-icon{flex:none;place-items:center;width:20px;height:20px;display:grid}.sync-note{color:var(--secondary);align-items:center;gap:6px;font-size:12px;display:flex}.sync-note .dot{background:var(--secondary);border-radius:50%;width:7px;height:7px}.sync-note.error .dot{background:var(--deadline)}.list-header{align-items:center;gap:12px;min-height:42px;margin:0 0 10px;display:flex}.list-header .nav-icon{width:30px;height:30px}.list-title{letter-spacing:-.02em;flex:1;min-width:0;font-size:28px;font-weight:700;line-height:1.2}input.list-title{width:100%}.list-notes{width:100%;color:var(--secondary);max-width:calc(100% - 42px);margin:0 0 18px 42px;font-size:15px;line-height:1.45;display:block}.list-subtitle{color:var(--secondary);margin:-4px 0 22px 42px;font-size:14px}.project-dates{align-items:center;gap:14px;display:flex}.project-dates span{align-items:center;gap:4px;display:inline-flex}.project-dates .due{color:var(--deadline)}.header-menu{opacity:0;transition:opacity .15s}.list-header:hover .header-menu,.header-menu[data-open=true]{opacity:1}.project-pie-big{width:30px;height:30px}.section{margin-top:26px}.section:first-child{margin-top:10px}.section-header{border-bottom:1px solid var(--separator);align-items:baseline;gap:8px;margin:0 0 6px;padding:0 0 6px;font-size:15px;font-weight:700;display:flex}.section-header.heading{color:var(--heading)}.section-header.evening{color:var(--evening);align-items:center}.section-header .day-number{letter-spacing:-.02em;min-width:34px;font-size:26px;font-weight:700}.section-header .day-name{color:var(--secondary);font-weight:600}.section-header.clickable{cursor:pointer}.section-header .meta{color:var(--secondary);margin-left:auto;font-size:13px;font-weight:400}.section-header input{color:var(--heading);flex:1;font-weight:700}.section.drop-target>.section-header{color:var(--blue)}.row-shell{position:relative}.row{cursor:default;-webkit-user-select:none;user-select:none;border-radius:7px;align-items:flex-start;gap:10px;min-height:34px;margin:0 -10px;padding:6px 10px;transition:background-color .12s;display:flex;position:relative}.row:hover{background:var(--hover)}.row.selected{background:var(--selection)}.row.drag-overlay{background:var(--card);width:max-content;max-width:340px;box-shadow:var(--shadow);opacity:.94;cursor:grabbing;pointer-events:none}.row .body{flex:1;min-width:0}.row .title-line{align-items:center;gap:6px;min-height:22px;display:flex}.row .title{text-overflow:ellipsis;white-space:nowrap;min-width:0;transition:color .3s;overflow:hidden}.row .title.untitled{color:var(--tertiary)}.row.done .title{color:var(--secondary)}.row.canceled .title{text-decoration:line-through}.row .context{color:var(--secondary);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:13px;overflow:hidden}.row .marks{color:var(--tertiary);flex:none;align-items:center;gap:5px;display:inline-flex}.row .trailing{flex:none;align-items:center;gap:6px;margin-left:auto;padding-top:1px;display:flex}.when-chip{background:var(--tag-fill);color:var(--secondary);white-space:nowrap;border-radius:5px;padding:1px 6px;font-size:12px;font-weight:600}.when-chip.today{color:var(--text)}.tag-pill{border:1px solid var(--separator);color:var(--tag-text);white-space:nowrap;border-radius:9px;padding:0 7px;font-size:12px;line-height:18px}.deadline{color:var(--secondary);white-space:nowrap;align-items:center;gap:3px;font-size:12.5px;display:inline-flex}.deadline.due{color:var(--deadline);font-weight:600}.star-mark{color:var(--today);flex:none}.moon-mark{color:var(--evening);flex:none}.checkbox{border:1.5px solid var(--checkbox);color:#fff;width:18px;height:18px;transition:background-color .18s, border-color .18s, transform .2s var(--spring);background:0 0;border-radius:5px;flex:none;place-items:center;margin-top:2px;display:grid}.checkbox:hover{border-color:var(--secondary)}.checkbox:active{transform:scale(.88)}.checkbox.checked{background:var(--blue);border-color:var(--blue)}.checkbox.canceled{background:var(--secondary);border-color:var(--secondary)}.checkbox.deadline-due{border-color:var(--deadline)}.checkbox svg{transition:transform .3s var(--spring);transform:scale(0)}.checkbox.checked svg,.checkbox.canceled svg{transform:scale(1)}.project-checkbox{flex:none;margin-top:1px}.card{background:var(--card);box-shadow:var(--shadow);border:.5px solid var(--card-border);border-radius:10px;margin:12px -18px 16px;padding:12px 18px 10px;position:relative}.card .card-title-line{align-items:flex-start;gap:10px;display:flex}.card .card-title{flex:1;min-height:22px;font-size:15px;line-height:22px}.card .card-notes{width:calc(100% - 28px);color:var(--text);min-height:21px;margin:6px 0 0 28px;font-size:14.5px;line-height:1.45}.card .checklist{margin:10px 0 0 28px}.checklist-item{border-bottom:1px solid var(--separator);align-items:center;gap:9px;padding:4px 0;display:flex}.checklist-item .mini-check{border:1.3px solid var(--checkbox);color:#fff;border-radius:50%;flex:none;place-items:center;width:14px;height:14px;transition:background-color .15s;display:grid}.checklist-item .mini-check.done{background:var(--blue);border-color:var(--blue)}.checklist-item input{flex:1;font-size:14px}.checklist-item.done input{color:var(--secondary)}.card-footer{flex-wrap:wrap;align-items:center;gap:8px;min-height:28px;margin:12px 0 0 28px;display:flex}.card-footer .attrs{flex-wrap:wrap;flex:1;align-items:center;gap:6px;display:flex}.card-footer .tools{gap:2px;margin-left:auto;display:flex}.card-footer .tools button{width:28px;height:28px;color:var(--tertiary);border-radius:6px;place-items:center;display:grid}.card-footer .tools button:hover{background:var(--hover);color:var(--secondary)}.attr-chip{background:var(--tag-fill);height:24px;color:var(--text);border-radius:6px;align-items:center;gap:5px;padding:0 8px;font-size:13px;display:inline-flex}.attr-chip:hover{filter:brightness(.97)}.attr-chip .x{color:var(--secondary);place-items:center;margin-left:2px;display:grid}.attr-chip.deadline-chip{color:var(--deadline)}.empty{color:var(--tertiary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:18vh 0 0;display:flex}.empty .big-icon{opacity:.35}.empty p{max-width:300px;color:var(--secondary);margin:0}.add-row{color:var(--tertiary);cursor:text;align-items:center;gap:10px;padding:6px 0;display:flex}.add-row:hover{color:var(--secondary)}.show-logged{color:var(--secondary);border-radius:6px;margin-top:24px;margin-left:-8px;padding:4px 8px;font-size:13px;font-weight:600}.show-logged:hover{background:var(--hover);color:var(--text)}.popover{z-index:50;background:var(--raised);box-shadow:var(--popover-shadow);border-radius:12px;min-width:220px;max-height:calc(100vh - 24px);padding:8px;position:fixed;overflow-y:auto}.popover-title{text-align:center;color:var(--secondary);padding:4px 0 8px;font-size:13px;font-weight:600}.menu-item{text-align:left;white-space:nowrap;border-radius:6px;align-items:center;gap:9px;width:100%;height:30px;padding:0 9px;font-size:14px;display:flex}.menu-item:hover,.menu-item.active{background:var(--blue);color:#fff}.menu-item:hover .nav-icon,.menu-item.active .nav-icon,.menu-item:hover .muted,.menu-item.active .muted{color:#fff!important}.menu-item.danger{color:var(--deadline)}.menu-item.danger:hover{background:var(--deadline);color:#fff}.menu-item .muted{color:var(--secondary);margin-left:auto;font-size:12px}.menu-separator{background:var(--separator);height:1px;margin:6px 4px}.menu-input{background:var(--tag-fill);border-radius:7px;width:100%;height:32px;margin-bottom:6px;padding:0 10px}.calendar{padding:4px 4px 2px}.calendar-head{justify-content:space-between;align-items:center;padding:2px 4px 6px;font-size:13px;font-weight:600;display:flex}.calendar-grid{grid-template-columns:repeat(7,32px);gap:2px;display:grid}.calendar-grid .dow{color:var(--secondary);text-align:center;padding:2px 0;font-size:11px}.calendar-grid button{font-variant-numeric:tabular-nums;border-radius:7px;height:30px;font-size:13px}.calendar-grid button:hover{background:var(--hover)}.calendar-grid button.past{color:var(--tertiary)}.calendar-grid button.today{color:var(--blue);font-weight:700}.calendar-grid button.chosen{background:var(--blue);color:#fff}.calendar-grid button.month-start{font-weight:600}.dialog-backdrop{z-index:60;background:var(--overlay);justify-content:center;align-items:flex-start;padding:10vh 16px 16px;display:flex;position:fixed;inset:0}.dialog{background:var(--raised);width:100%;max-width:560px;box-shadow:var(--popover-shadow);border-radius:14px;flex-direction:column;max-height:80vh;display:flex;overflow:hidden}.dialog.small{gap:10px;max-width:420px;padding:22px}.dialog h2{margin:0;font-size:17px}.dialog p{color:var(--secondary);margin:0}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:10px;display:flex}.button{background:var(--tag-fill);border-radius:8px;height:32px;padding:0 14px;font-weight:500}.button.primary{background:var(--blue);color:#fff}.button.danger{background:var(--deadline);color:#fff}.button:hover:not(:disabled){filter:brightness(1.05)}.quick-find input{border-bottom:1px solid var(--separator);padding:16px 18px;font-size:17px}.quick-find .results{padding:6px;overflow-y:auto}.quick-find .result{cursor:default;border-radius:8px;align-items:center;gap:10px;padding:7px 10px;display:flex}.quick-find .result.active{background:var(--selection)}.quick-find .result .sub{color:var(--secondary);white-space:nowrap;margin-left:auto;font-size:13px}.quick-find .group-label{color:var(--secondary);padding:8px 10px 4px;font-size:12px;font-weight:600}.quick-find .nothing{color:var(--secondary);text-align:center;padding:18px}.settings{max-width:640px}.settings-body{min-height:420px;display:flex;overflow:hidden}.settings-nav{border-right:1px solid var(--separator);background:var(--sidebar);flex:none;width:170px;padding:14px 8px}.settings-nav button{text-align:left;border-radius:7px;align-items:center;gap:8px;width:100%;height:32px;padding:0 10px;font-size:14px;display:flex}.settings-nav button.selected{background:var(--sidebar-selection)}.settings-pane{flex:1;padding:20px 22px 24px;overflow-y:auto}.settings-pane h3{margin:0 0 6px;font-size:15px}.settings-pane p{color:var(--secondary);margin:0 0 12px;font-size:13.5px;line-height:1.5}.settings-pane a{color:var(--blue);text-decoration:none}.settings-pane a:hover{text-decoration:underline}.settings-pane code{background:var(--tag-fill);border-radius:4px;padding:1px 5px;font:12.5px/1.4 ui-monospace,SF Mono,Menlo,monospace}.settings-pane section+section{margin-top:26px}.segmented{background:var(--tag-fill);border-radius:8px;padding:2px;display:inline-flex}.segmented button{border-radius:6px;height:28px;padding:0 14px;font-size:13px}.segmented button.selected{background:var(--raised);font-weight:600;box-shadow:0 1px 3px #0000001f}.code-card{background:var(--tag-fill);border-radius:10px;align-items:center;gap:14px;margin:4px 0 8px;padding:14px 16px;display:flex}.code-card .code{letter-spacing:.08em;font:600 24px/1 ui-monospace,SF Mono,Menlo,monospace}.code-card .expires{color:var(--secondary);margin-left:auto;font-size:12.5px}.copy-field{background:var(--tag-fill);word-break:break-all;border-radius:8px;align-items:center;gap:8px;margin-bottom:10px;padding:8px 10px;font:13px/1.3 ui-monospace,SF Mono,Menlo,monospace;display:flex}.copy-field span{flex:1}.connection{border-bottom:1px solid var(--separator);align-items:center;gap:12px;padding:10px 0;display:flex}.connection .what{flex:1;min-width:0}.connection .what .name{font-weight:500}.connection .what .sub{color:var(--secondary);font-size:12.5px}.link-button{color:var(--blue);font-size:13.5px}.link-button.danger{color:var(--deadline)}.steps{color:var(--secondary);margin:4px 0 14px;padding-left:20px;font-size:13.5px;line-height:1.6}.steps b{color:var(--text);font-weight:600}.toast{z-index:70;color:#fff;white-space:nowrap;background:#1d1f23;border-radius:12px;align-items:center;gap:14px;padding:10px 14px 10px 16px;font-size:14px;display:flex;position:fixed;bottom:72px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0000004d}:root[data-theme=dark] .toast,:root[data-theme=black] .toast{background:#46464a}.toast button{color:#8db8ff;font-weight:600}.sign-in{background:var(--sidebar);justify-content:center;align-items:center;min-height:100%;padding:24px;display:flex;overflow-y:auto}.sign-in-card{background:var(--bg);width:100%;max-width:420px;box-shadow:var(--shadow);text-align:center;border-radius:18px;padding:34px 32px 28px}.sign-in-card .mark{color:var(--blue)}.sign-in-card h1{letter-spacing:-.02em;margin:14px 0 8px;font-size:24px}.sign-in-card p{color:var(--secondary);margin:0 0 20px;line-height:1.5}.code-input{background:var(--tag-fill);text-align:center;letter-spacing:.12em;text-transform:uppercase;border:2px solid #0000;border-radius:12px;width:100%;height:56px;font:600 26px/1 ui-monospace,SF Mono,Menlo,monospace;transition:border-color .15s}.code-input:focus{border-color:var(--blue)}.sign-in-card .button.primary{border-radius:12px;width:100%;height:44px;margin-top:14px;font-size:16px;font-weight:600}.sign-in-card .button.secondary-wide{background:var(--tag-fill);width:100%;height:44px;color:var(--blue);border-radius:12px;margin-top:10px;font-size:16px;font-weight:600}.sign-in-card .error{color:var(--deadline);margin-top:12px;font-size:14px}.sign-in-card .fine{color:var(--secondary);margin-top:22px;font-size:13px;line-height:1.5}.splash{height:100%;color:var(--blue);place-items:center;display:grid}.mobile-bar,.fab{display:none}@media (max-width:760px){body{font-size:16px}.sidebar{background:var(--bg);border-right:0;width:100%}.app.showing-list .sidebar,.app:not(.showing-list) .main{display:none}.nav-item{height:42px;font-size:17px}.content{padding:8px 20px 140px}.toolbar{display:none}.mobile-bar{flex:none;justify-content:space-between;align-items:center;height:48px;padding:0 8px;display:flex}.mobile-bar .back{color:var(--blue);align-items:center;gap:2px;padding:8px;font-size:17px;display:flex}.fab{right:22px;bottom:calc(26px + env(safe-area-inset-bottom));background:var(--blue);color:#fff;z-index:20;border-radius:50%;place-items:center;width:56px;height:56px;display:grid;position:fixed;box-shadow:0 6px 20px #2f74f573}.card{margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px}.row{padding-top:9px;padding-bottom:9px}.settings-body{flex-direction:column}.settings-nav{border-right:0;border-bottom:1px solid var(--separator);width:auto;display:flex;overflow-x:auto}.settings-nav button{white-space:nowrap;width:auto}.dialog-backdrop{padding-top:6vh}.toast{bottom:96px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}