*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--font-family: "ui-rounded", system-ui;--font-size: 18px;--interactive: #f00;--interactive-dot: #e00;--interactive-muted: rgba(255, 0, 0, .1);--interactive-ring: rgba(255, 0, 0, .2);--text-1: #000;--text-2: #666;--text-3: #999;--bg: #fff;--bg-elevated: rgba(255, 255, 255, .8);--bg-subtle: #f0f0f0;--bg-popover: rgba(255, 255, 255, 1);--border: rgba(0, 0, 0, .1);--gutter: 4rem;--half-gutter: 1rem;--focus-outline-width: 2px;--focus-outline-color: var(--interactive);--focus-outline-offset: 2px;--selection-bg: rgba(255, 0, 0, .2);--selection-bg-dark: rgba(255, 0, 0, .4);--background-selection: var(--bg-subtle);--green: #0acb00}@media (max-width: 500px){:root{--gutter: 1rem;--half-gutter: .5rem}}@supports (color: color(display-p3 1 1 1)){@media (color-gamut: p3){:root{--interactive: color(display-p3 1 .05 0);--interactive-dot: color(display-p3 1 .08 .02);--interactive-muted: color(display-p3 1 .22 .12 / .14);--interactive-ring: color(display-p3 1 .2 .1 / .38);--selection-bg: color(display-p3 1 .2 .12 / .3);--selection-bg-dark: color(display-p3 1 .24 .14 / .52)}}}@media (prefers-color-scheme: dark){:root{--text-1: #aaa;--text-2: #888;--text-3: #555;--bg: #111;--bg-elevated: rgba(30, 30, 30, .85);--bg-subtle: #222;--border: rgba(255, 255, 255, .1);--bg-popover: rgba(0, 0, 0, 1)}}html,body{height:100%;background:var(--bg);color:var(--text-1);font-family:var(--font-family);font-size:var(--font-size);overflow:hidden}#app{height:100dvh;max-height:100dvh;min-height:100dvh;overflow:hidden;display:flex;flex-direction:column;accent-color:var(--interactive);-webkit-focus-ring-color:transparent}[v-cloak]{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#app :focus{outline:none}#app button::-moz-focus-inner{border:0}hr{border:none;margin:.5rem 0;height:1px;width:100%;background:var(--border);display:inline-block;font-size:0rem;animation:fadeIn .3s ease-in-out both}button[data-v-779ec48e]{background:var(--interactive);border:none;color:#fff;border-radius:.5rem;padding:.5rem 1rem;font-size:1rem;cursor:pointer;font-family:var(--font-family)}.editable-field[data-v-097c5145]{--font-size: 1.25rem;font-weight:500}.editable-field-form[data-v-097c5145]{display:inline-flex;align-items:center;gap:.5rem;width:100%}.editable-field[data-v-097c5145]{display:flex;align-items:flex-start;gap:.5rem;font-family:var(--font-family);font-size:var(--font-size);line-height:1.4;border:none;flex:1}.editable-field-value[data-v-097c5145]{white-space:pre-line;word-break:break-word}.editable-field-suffix[data-v-097c5145]{opacity:.4}textarea[data-v-097c5145]{color:var(--text-1);border:none;outline:none;padding:0;margin:0;font-family:inherit;font-size:var(--font-size);line-height:1.4;width:100%!important;background:transparent;caret-color:var(--interactive);font-weight:500;resize:none;field-sizing:content}.spacer[data-v-4ae03c6f]{height:1rem;user-select:none;-webkit-user-select:none}.spacer[data-v-c121bc04]{height:.5rem;user-select:none;-webkit-user-select:none}.settings-panel{position:fixed;bottom:5rem;right:var(--gutter);z-index:1100;background:var(--bg-elevated);border:1px solid var(--border);border-radius:1rem;padding:.5rem .75rem .75rem;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 8px 32px #0000002e;min-width:280px;display:flex;flex-direction:column;gap:.65rem;max-height:calc(100dvh - 8rem);overflow-y:auto;overscroll-behavior:contain}.settings-panel[hidden]{display:none}.settings-panel--dragging{user-select:none;-webkit-user-select:none;cursor:grabbing!important}.settings-drag-handle{display:flex;align-items:center;justify-content:center;height:1rem;cursor:grab;margin:-.25rem -.75rem 0;border-radius:1rem 1rem 0 0;flex-shrink:0}.settings-drag-handle:hover .settings-drag-grip{opacity:.5}.settings-panel--dragging .settings-drag-handle{cursor:grabbing}.settings-drag-grip{display:block;width:2rem;height:3px;border-radius:2px;background:var(--border);opacity:.3;transition:opacity .15s}.settings-section{display:flex;flex-direction:column;gap:.3rem}.settings-section-title{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-3);padding:0 .25rem;-webkit-user-select:none;user-select:none}.settings-rows{background:var(--bg-subtle);border-radius:.6rem;overflow:hidden;display:flex;flex-direction:column}.settings-row{display:flex;align-items:center;gap:1rem;padding:.5rem .75rem;border-bottom:1px solid var(--border);min-height:2.4rem}.settings-row:last-child{border-bottom:none}.settings-row-label{color:var(--text-2);font-size:.9rem;flex-shrink:0;-webkit-user-select:none;user-select:none}.settings-row-value{flex:1;text-align:right;color:var(--text-1);font-size:.9rem;font-weight:500}.settings-row-input{background:transparent;border:none;outline:none;font-family:var(--font-family);min-width:0;caret-color:var(--interactive)}.settings-row-input::placeholder{color:var(--text-3);font-weight:400}.settings-row input[type=checkbox],.settings-row input[type=radio]{margin:0 0 0 auto;accent-color:var(--interactive);width:1rem;height:1rem;flex-shrink:0;cursor:pointer}.settings-info{font-size:.75rem;color:var(--text-3);padding:.2rem .25rem 0;line-height:1.4;word-break:break-all}.filter-checkbox{display:flex;align-items:center;gap:1rem;padding:.5rem .75rem;border-bottom:1px solid var(--border);min-height:2.4rem}.filter-checkbox:last-child{border-bottom:none}.filter-checkbox>span{color:var(--text-2);font-size:.9rem;flex:1;order:1;-webkit-user-select:none;user-select:none}.filter-checkbox>input[type=checkbox],.filter-checkbox>input[type=radio]{order:2;margin:0;accent-color:var(--interactive);width:1rem;height:1rem;flex-shrink:0;cursor:pointer}.settings-password-input{background:transparent;border:none;outline:none;font-family:var(--font-family);font-size:.9rem;color:var(--text-1);flex:1;min-width:0;text-align:right}html,body{overflow:auto}#app{height:auto;max-height:none;overflow:visible}::selection{background:var(--selection-bg);color:var(--text-1)}@media (prefers-color-scheme: dark){::selection{background:var(--selection-bg-dark)}}*{touch-action:manipulation}h1{user-select:none;-webkit-user-select:none}body{background:var(--bg)}@media (prefers-color-scheme: dark){body{background:var(--bg)}}#app{padding:var(--gutter);padding-top:3rem;font-family:var(--font-family);font-size:var(--font-size);line-height:1;background:var(--bg);color:var(--text-1);max-width:800px;margin:0 auto;display:flex;flex-direction:column;min-height:100dvh}@media (max-width: 500px){#app{user-select:none;-webkit-user-select:none}}.new-todo-form{display:flex;gap:.5rem;padding:.5rem;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-1);font-size:var(--font-size);font-weight:700;position:fixed;bottom:calc(6rem + var(--keyboard-inset, 0px));left:50%;transform:translate(-50%);width:calc(100% - var(--gutter) * 2);max-width:500px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;box-shadow:0 4px 16px #00000014;align-items:flex-end;border-radius:1rem}.new-todo-plus-wrap{position:relative;display:flex;align-items:center;flex:0 0 auto}.new-todo-plus-btn{width:44px;height:44px;border:none;border-radius:.75rem;background:transparent;color:var(--interactive);display:flex;align-items:center;justify-content:center;cursor:pointer}.new-todo-plus-btn:hover{background:var(--bg-subtle)}.new-todo-form:focus-within .new-todo-plus-btn{color:var(--interactive)}.new-todo-plus-icon{width:32px;height:32px;background-color:currentColor;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.popover-menu{min-width:200px;border:1px solid var(--border);background:var(--bg-popover);-webkit-backdrop-filter:blur(8px) saturate(1.08);backdrop-filter:blur(8px) saturate(1.08);border-radius:.75rem;box-shadow:0 8px 28px #00000024;overflow:hidden;padding:.5rem}.new-todo-plus-menu{display:flex;flex-direction:column;position:absolute;bottom:calc(100% + .5rem);left:0;z-index:1200}.new-todo-form:focus-within{border-color:var(--interactive);box-shadow:0 0 0 4px var(--interactive-ring)}.new-todo-input{font-size:var(--font-size);padding:.5rem;width:100%;background:transparent;color:var(--text-1);border:none;outline:none;box-shadow:none;resize:none;font-family:var(--font-family);line-height:1.4}.new-todo-input::placeholder{color:var(--text-3)}.new-todo-input:focus{outline:none}.todo-list-section-title{font-size:1.5rem;font-weight:700;color:var(--text-1);margin-bottom:1rem;padding:1.5rem}.todo-list{padding:0;margin:0;display:flex;flex-direction:column;gap:1.5rem;margin-bottom:10rem}.todo-list li{list-style:none}.todo-divider{border:none;margin:.5rem 0;height:1px;flex:1;min-width:0;background:var(--border);content:"---";display:inline-block;font-size:0rem;animation:fadeIn .3s ease-in-out both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.todo-divider:focus-within{background:var(--background-selection)}html.is-dragging,html.is-dragging *{user-select:none!important;-webkit-user-select:none!important;touch-action:none!important}.todo-drop-indicator{height:2px;background:var(--interactive);border-radius:2px;list-style:none;margin:1px 0}.todo-item-li--dragging{opacity:.3}.todo-list-item{list-style:none;padding:0;margin:0;animation:fadeIn .3s ease-in-out both}.link-preview-thumb{width:44px;height:44px;flex:0 0 auto;border-radius:10px;overflow:hidden;background:var(--bg-subtle);border:1px solid var(--border);contain:strict;content-visibility:auto;transform:translateY(.25rem)}.link-preview-img{width:100%;height:100%;display:block;object-fit:cover}.link-preview-img--icon{object-fit:contain;padding:10px}.link-preview-thumb--broken{background:var(--bg-subtle);background-image:repeating-linear-gradient(-45deg,var(--border),var(--border) 1px,transparent 1px,transparent 7px);opacity:.85}.link-preview-thumb--empty{background:var(--bg-subtle);border:1px solid var(--border);opacity:.9}.link-url{display:flex;align-items:center;gap:.5rem;min-width:0}.link-url-favicon{width:16px;height:16px;flex:0 0 auto;border-radius:3px}.link-og-enrich-failed{margin-top:.35rem;font-size:.82rem;line-height:1.35;color:var(--text-2);display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .5rem}.link-og-enrich-failed__msg{flex:1 1 8rem;min-width:0;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;opacity:.9}.link-og-enrich-failed__retry{font:inherit;font-size:.82rem;padding:0;margin:0;border:none;background:none;color:var(--interactive);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.link-og-enrich-failed__retry:hover{opacity:.85}.todo-item{cursor:default;display:flex;align-items:start;gap:2rem;flex-direction:row;color:var(--text-1);padding:.6rem 1.5rem;flex:1;touch-action:pan-y;-webkit-user-drag:none}.todo-item:focus-within{outline:none;background:var(--background-selection);border-radius:.5rem;color:var(--text-1)}.todo-item-completed:focus-within{background:var(--bg-subtle)}.todo-item-completed{color:var(--text-3)}.todo-item-completed .todo-button{border-color:var(--text-3)}.link-url{line-height:1.25;line-clamp:1;text-overflow:ellipsis;-webkit-line-clamp:1}.link-url a{text-overflow:ellipsis;line-clamp:1;-webkit-line-clamp:1;color:var(--text-3)}.todo-button{font-family:monospace;padding:0;background-color:transparent;border:none;cursor:pointer;font-size:var(--font-size);color:var(--text-3);width:1.25rem;height:1.25rem;transform:translateY(.25rem);display:flex;align-items:center;justify-content:center;border:2px solid var(--text-3);border:2px solid var(--interactive);border-radius:4px}.todo-button.todo-button--forward{border:none;border-radius:0;width:1.25rem;padding:0;color:var(--interactive);font-weight:600}.todo-item-completed .todo-button.todo-button--forward{border-color:transparent;color:var(--text-3)}.todo-button-forward-icon{color:var(--text-3);transform:translateY(.05rem) scale(1.5)}.todo-item:focus-within .todo-button{color:var(--text-1);border-color:var(--text-1)}.todo-item--labeled:focus-within .todo-button{color:var(--interactive);border-color:var(--interactive)}.todo-item--labeled{color:var(--interactive)!important;font-size:2rem!important}.todo-item--labeled:focus-within{background:var(--interactive-muted)!important}.todo-label-dot{flex-shrink:0;width:.5rem;height:.5rem;border-radius:50%;background:var(--interactive-dot);margin-left:auto;align-self:center}summary{font-size:.75rem;color:var(--interactive)}.date-nav-title--past{cursor:pointer;text-decoration:underline;text-decoration-style:dashed;text-decoration-color:var(--interactive);text-underline-offset:8px}.date-nav{gap:1rem;padding:.5rem;user-select:none;-webkit-user-select:none}.date-nav-title{color:var(--text-1);padding:0rem 1rem}.date-nav-buttons{display:flex;gap:.25rem;position:fixed;bottom:1.5rem;right:50%;transform:translate(50%);width:100%;user-select:none;-webkit-user-select:none;align-items:center;justify-content:center;padding:0 var(--half-gutter);z-index:1000}.date-nav-buttons-inner{display:flex;align-items:center;justify-content:center}.date-nav-button{font-family:monospace;font-size:var(--font-size);font-weight:700;background:transparent;border:none;cursor:pointer;padding:0 .25rem;line-height:1;color:var(--interactive);border-radius:100px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;vertical-align:middle;user-select:none;-webkit-user-select:none}.date-nav-button:hover:not(:disabled) svg polygon,.date-nav-button:hover:not(:disabled) svg circle{transition:fill .2s ease-in-out}.date-nav-button:hover:not(:disabled){background-color:var(--bg-subtle)}.date-nav-button:hover:not(:disabled) svg polygon,.date-nav-button:hover:not(:disabled) svg circle{fill:currentColor}.date-nav-button:disabled{opacity:.25;cursor:default}.pusher{flex:1}.pusher--right{display:flex;justify-content:flex-end;align-items:center}.empty-todo-list-section{display:flex;align-items:center;justify-content:center;color:var(--text-3);flex:1}.mobile-toolbar{display:none}@media (max-width: 500px){.mobile-toolbar{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-evenly;align-items:stretch;background:var(--bg);border-top:1px solid var(--border);z-index:1100;padding:.25rem 0;padding-bottom:calc(1rem + env(safe-area-inset-bottom))}}.mobile-toolbar-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem 0;background:none;border:none;color:var(--text-2);font-family:var(--font-family);font-size:.7rem;cursor:pointer}.mobile-toolbar-icon{display:inline-block;width:20px;height:20px;background-color:currentColor;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.mobile-toolbar-btn:active{opacity:.5}.mobile-toolbar-btn span,.mobile-toolbar-btn--danger{color:var(--text-2)}.toolbar-slide-enter-active,.toolbar-slide-leave-active{transition:transform .2s ease}.toolbar-slide-enter,.toolbar-slide-leave-to{transform:translateY(100%)}.link-load-more-sentinel{width:100%;height:1px;margin:0;padding:0;pointer-events:none;flex-shrink:0}.bottom-dim-gradient{position:fixed;bottom:0rem;left:0;width:100%;height:8rem;background:linear-gradient(to top,var(--bg) 0%,var(--bg) 3rem,transparent 100%)}.todo-item--selected .todo-button{border-color:var(--interactive);color:var(--interactive)}.todo-context-menu{display:none}@media (min-width: 501px){.todo-context-menu{display:flex;flex-direction:column;position:fixed;z-index:1300}}.popover-menu-item{display:flex;flex-direction:row;align-items:center;gap:.75rem;width:100%;text-align:left;padding:.6rem 1rem;border:none;background:transparent;color:var(--text-2);font-family:var(--font-family);font-size:.9rem;cursor:pointer;border-radius:.5rem}.popover-menu-item:hover{background:var(--bg-subtle);color:var(--text-1)}.popover-menu-item .mobile-toolbar-icon{flex-shrink:0}.popover-menu-item--danger:hover{color:var(--interactive)}