:root{--window:#b3b3b3;--panel:#e8e8e8;--input:#d6d6d6;--paper:#fbfbfa;--text:#191919;--muted:#5f6066;--title:#3f4168;--label:#1072c8;--accent:#936423;--accent-text:#fff;--sel:#cce5f0;--sel-strong:#5a93c4;--hover:#ffe680;--border:#9c9c9c;--ok:#5a5;--warn:#c94;--bad:#c55;--ok-text:#2e7d32;--row-hover:#f3ecc4;--tab-bg:#c9c9c9;--tab-hover:#dadada;--sel-focus:#b5d6ea;--file-link:#2e7d32;--done:#8a8a8a;--table-head:#e4e6ee;--table-border:#a8a8a8;--code-bg:#eeeeec;--drop:#fde2c4;--note-text:#191919;--link:#1072c8;--font:"Segoe UI", system-ui, -apple-system, Roboto, sans-serif;--ui-size:9.5pt;--note-size:10.5pt;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--window);color:var(--text);font:var(--ui-size) var(--font)}button,select,input{font:inherit;color:var(--text)}button{background:var(--panel);border:1px solid var(--border);cursor:pointer;border-radius:3px;padding:1px 8px}button:hover:not(:disabled){background:var(--hover)}button:disabled{opacity:.5;cursor:default}button.danger{background:#f8d7da}input,select{background:var(--input);border:1px solid var(--border);border-radius:3px;padding:1px 4px}input:focus,select:focus{outline:1px solid var(--sel-strong)}.muted{color:var(--muted)}.error{color:var(--bad)}.app{flex-direction:column;height:100%;display:flex}.topbar{background:var(--window);border-bottom:1px solid var(--border);align-items:center;gap:6px;padding:3px 6px;display:flex}.app-name{color:var(--title);font-size:11pt;font-weight:700}.spacer{flex:1}.sync-pill{border-radius:10px;padding:0 10px}.sync-pill.synced{color:var(--ok-text)}.sync-pill.syncing{color:var(--label)}.sync-pill.offline,.sync-pill.local{color:var(--muted)}.sync-pill.error,.sync-pill.signed-out{color:var(--bad)}.tabstrip{background:var(--window);scrollbar-width:thin;flex:none;align-items:flex-end;gap:2px;padding:3px 6px 0;display:flex;overflow:auto hidden}.tab{white-space:nowrap;cursor:default;-webkit-user-select:none;user-select:none;background:var(--tab-bg);border:1px solid var(--border);color:var(--text);border-bottom:none;border-radius:5px 5px 0 0;align-items:center;gap:4px;max-width:220px;padding:2px 10px;display:flex}.tab:hover{background:var(--tab-hover)}.tab.active{background:var(--panel);color:var(--title);z-index:1;margin-bottom:-1px;padding-bottom:3px;font-weight:600;position:relative}.tab.drop{outline:2px solid var(--accent);outline-offset:-2px}.tab-title{text-overflow:ellipsis;overflow:hidden}.tab-icon{font-size:9pt}.tab-rename{width:120px;padding:0 2px}.tab-add{color:var(--title);background:0 0;border:none;padding:0 8px;font-size:11pt}.ctx-note{color:var(--muted);white-space:normal;max-width:240px;padding:2px 10px}.main{border-top:1px solid var(--border);flex:1;min-height:0;display:flex}.side{background:var(--panel);flex-direction:column;min-width:0;display:flex}.splitter{cursor:col-resize;background:var(--window);width:5px}.splitter:hover{background:var(--sel-strong)}.content{background:var(--panel);flex-direction:column;flex:1;min-width:0;display:flex}.tree{flex-direction:column;height:100%;display:flex}.tree-head{border-bottom:1px solid var(--border);gap:2px;padding:3px;display:flex}.tree-filter{flex:1;min-width:0}.tree-list{outline:none;flex:1;padding:2px 0;overflow:auto}.tree-row{white-space:nowrap;cursor:default;-webkit-user-select:none;user-select:none;border-top:1px solid #0000;border-bottom:1px solid #0000;align-items:center;gap:3px;padding:0 4px;line-height:1.45;display:flex}.tree-row:hover{background:var(--row-hover)}.tree-row.sel{background:var(--sel)}.tree-list:focus .tree-row.sel{background:var(--sel-focus)}.tree-row.special{color:var(--title);font-weight:600}.tree-row.drop-before{border-top-color:var(--accent)}.tree-row.drop-after{border-bottom-color:var(--accent)}.tree-row.drop-inside{background:var(--drop)}.tw-exp{text-align:center;width:12px;color:var(--muted);cursor:pointer;flex:none}.tw-exp.none{cursor:default}.tw-icon{text-align:center;flex:none;width:18px;font-size:9pt}.tw-check{flex:none;margin:0 2px 0 0}.tw-title{text-overflow:ellipsis;border-radius:2px;padding:0 2px;overflow:hidden}.tw-title.done{color:var(--muted);text-decoration:line-through}.tw-count{background:var(--accent);color:var(--accent-text);border-radius:8px;margin-left:auto;padding:0 6px;font-size:8pt}.tw-count.muted{background:var(--input);color:var(--muted)}.tw-due{color:var(--accent);margin-left:4px;font-size:8pt}.due-menu{gap:4px;padding:4px;display:flex}.tw-rename{flex:1;min-width:60px;padding:0 2px}.tree-empty{color:var(--muted);padding:8px}.ctx-menu{z-index:50;background:var(--panel);border:1px solid var(--border);flex-direction:column;min-width:200px;padding:2px;display:flex;position:fixed;box-shadow:2px 3px 8px #0004}.ctx-menu>button{text-align:left;background:0 0;border:none;border-radius:0;padding:2px 10px}.ctx-menu>button:hover{background:var(--hover)}.ctx-menu hr{border:none;border-top:1px solid var(--border);margin:2px 0}.icon-grid{grid-template-columns:repeat(9,26px);gap:2px;padding:3px;display:grid}.icon-cell{background:0 0;border:1px solid #0000;width:26px;height:24px;padding:0}.icon-cell:hover{border-color:var(--border)}.icon-cell.swatch{border:1px solid var(--border)}.icon-cell.wide{border:1px solid var(--border);background:var(--panel);grid-column:span 9;width:auto}.note-head{flex-direction:column;gap:1px;padding:4px 8px 2px;display:flex}.crumbs{color:var(--muted);min-height:12px;font-size:8.5pt}.crumb{cursor:pointer;margin-right:4px}.crumb:hover{color:var(--label)}.note-title{color:var(--title);background:0 0;border:1px solid #0000;padding:0 2px;font-size:13pt;font-weight:600}.note-title:hover{border-color:var(--border)}.editor-wrap{flex-direction:column;flex:1;min-height:0;display:flex}.toolbar{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:2px;padding:2px 6px;display:flex;position:relative}.tb{min-width:24px;height:22px;padding:0 5px;line-height:20px}.tb.on{background:var(--sel);border-color:var(--sel-strong)}.tb.small{padding:0 4px;font-size:8pt}.tb-select{max-width:120px;height:22px}.tb-select.narrow{max-width:74px}.tb-sep{background:var(--border);width:1px;height:18px;margin:0 3px}.tb-a{font-weight:700}.tb-hl{background:#fff3b0;padding:0 2px}.color-menu{display:inline-flex;position:relative}.color-menu .tb{flex-direction:column;justify-content:center;align-items:center;line-height:14px;display:inline-flex}.swatch-bar{border:1px solid #0002;width:14px;height:3px;display:block}.color-pop{z-index:40;background:var(--panel);border:1px solid var(--border);padding:4px;position:absolute;top:24px;left:0;box-shadow:2px 3px 8px #0004}.swatches{grid-template-columns:repeat(6,20px);gap:3px;display:grid}.swatch{border:1px solid #0003;width:20px;height:18px;padding:0}.color-pop-row{white-space:nowrap;align-items:center;gap:6px;margin-top:4px;display:flex}.color-pop-row input[type=color]{width:28px;height:20px;padding:0}.toolbar.compact .more-item{display:none}.toolbar.compact.show-more .more-item{display:inline-flex}.toolbar .more-btn{padding:0 8px}.toolbar.compact:not(.show-more){flex-wrap:nowrap;overflow-x:auto}.toolbar.compact .tb-select{max-width:96px}.toolbar.compact .tb-select.narrow{max-width:62px}.toolbar.compact .tb{min-width:30px;padding:0 4px}.note-title-row{align-items:center;gap:4px;display:flex}.note-title-row .note-title{flex:1;min-width:0}.note-colors{gap:2px;display:inline-flex}.note-icon-btn{display:inline-flex;position:relative}.note-icon-pop{z-index:45;background:var(--panel);border:1px solid var(--border);position:absolute;top:26px;left:0;box-shadow:2px 3px 8px #0004}.lib-icon{vertical-align:middle;background-repeat:no-repeat;flex:none;display:inline-block}.tw-icon.lib-icon{width:16px;height:16px}.icon-picker{width:300px;padding:3px}.icon-picker-head{gap:4px;margin-bottom:3px;display:flex}.icon-picker-head select{flex:1;min-width:0}.icon-picker-grid{flex-wrap:wrap;gap:2px;max-height:260px;display:flex;overflow-y:auto}.icon-picker-grid .icon-cell{background:0 0;border:1px solid #0000;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:inline-flex}.icon-picker-grid .icon-cell.big{width:34px;height:34px}.icon-picker-grid .icon-cell:hover{border-color:var(--border);background:var(--hover)}.icon-picker-grid .icon-cell.on{border-color:var(--accent);background:var(--drop)}.table-tools{background:var(--row-hover);border-radius:3px;align-items:center;gap:1px;padding:0 2px;display:inline-flex}.link-dialog{z-index:30;background:var(--panel);border:1px solid var(--border);align-items:center;gap:4px;padding:4px;display:flex;position:absolute;top:100%;left:6px;right:6px;box-shadow:2px 3px 8px #0004}.link-dialog input{flex:1}.link-dialog .hint{color:var(--muted);font-size:8pt}.link-bar{border-bottom:1px solid var(--border);background:#cce5f0;align-items:center;gap:4px;padding:1px 8px;display:flex}.link-target{text-overflow:ellipsis;white-space:nowrap;color:var(--label);flex:1;overflow:hidden}.editor-scroll{background:var(--paper);cursor:text;flex:1;overflow:auto}.note-body{color:var(--note-text);font-size:var(--note-size);outline:none;min-height:100%;padding:8px 14px 40px;line-height:1.35}.note-body p{margin:0 0 2px}.note-body h1{color:var(--title);margin:8px 0 4px;font-size:16pt}.note-body h2{color:var(--title);margin:6px 0 3px;font-size:13.5pt}.note-body h3{color:var(--title);margin:5px 0 2px;font-size:11.5pt}.note-body ul,.note-body ol{margin:0 0 2px;padding-left:22px}.note-body li>p{margin:0}.note-body a{color:var(--link);cursor:pointer;text-decoration:underline}.note-body a[href^=file\:]{color:var(--file-link)}.note-body img{vertical-align:bottom;max-width:100%;height:auto}.note-body img.ProseMirror-selectednode{outline:2px solid var(--sel-strong)}.note-body img.missing{outline:1px dashed var(--bad);min-width:60px;min-height:30px}.note-body hr{border:none;border-top:1px solid var(--border);margin:6px 0}.note-body blockquote{border-left:3px solid var(--border);color:var(--muted);margin:2px 0;padding-left:8px}.note-body pre{background:var(--code-bg);border-radius:3px;padding:4px 6px;font-family:Consolas,monospace;font-size:9.5pt}.note-body code{background:var(--code-bg);padding:0 2px;font-family:Consolas,monospace}.note-body table{border-collapse:collapse;table-layout:fixed;margin:4px 0}.note-body td,.note-body th{border:1px solid var(--table-border);vertical-align:top;min-width:40px;padding:1px 5px;position:relative}.note-body th{background:var(--table-head);text-align:left;font-weight:600}.note-body .selectedCell:after{content:"";pointer-events:none;background:#5a93c433;position:absolute;inset:0}.note-body .column-resize-handle{background:var(--sel-strong);pointer-events:none;width:4px;position:absolute;top:0;bottom:0;right:-2px}.note-body.resize-cursor{cursor:col-resize}.note-body p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:#9a9a9a;float:left;pointer-events:none;height:0}.todo-box{vertical-align:-2px;align-items:center;margin:0 2px;display:inline-flex}.todo-box input{cursor:pointer;width:14px;height:14px;accent-color:var(--accent);margin:0}.todo-box.flash,.ProseMirror-selectednode.todo-box{outline:2px solid var(--accent);border-radius:2px}.todo-due{color:var(--accent);cursor:pointer;margin-left:2px;font-size:8pt}.todo-due:empty{display:none}.todo-due-pop{z-index:60;background:var(--panel);border:1px solid var(--border);gap:3px;padding:2px;display:flex;position:fixed;box-shadow:2px 3px 8px #0004}.todo-done-text{color:var(--done);text-decoration:line-through}.todo-page{flex:1;padding:6px 12px 30px;overflow:auto}.todo-head{flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:4px;display:flex}.todo-head h2{color:var(--title);margin:0;font-size:14pt}.todo-stats{color:var(--muted)}.todo-controls{gap:4px;margin-left:auto;display:flex}.todo-empty{color:var(--muted);padding:14px}.group-header{letter-spacing:.04em;color:var(--title);border-bottom:1px solid var(--border);margin:8px 0 2px;padding-bottom:1px;font-size:8.5pt}.todo-row{align-items:center;gap:6px;padding:0 2px;line-height:1.5;display:flex}.todo-row:hover{background:var(--row-hover)}.todo-row input{accent-color:var(--accent);margin:0}.todo-label{cursor:pointer;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.todo-label:hover{color:var(--label);text-decoration:underline}.todo-row.done .todo-label{color:var(--muted);text-decoration:line-through}.todo-row.overdue .todo-due-tag{color:var(--bad);background:#f8d7da}.todo-due-tag{background:var(--input);color:var(--accent);cursor:pointer;border:none;border-radius:3px;padding:0 4px;font-size:8pt}.todo-due-tag.empty{opacity:.55;background:0 0}.todo-row:hover .todo-due-tag.empty{opacity:1}.todo-path{color:var(--muted);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;max-width:40%;margin-left:auto;font-size:8.5pt;overflow:hidden}.todo-kind{color:var(--muted);border:1px solid var(--border);border-radius:3px;padding:0 3px;font-size:8pt}.modal-back{z-index:100;background:#0005;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--border);flex-direction:column;gap:6px;width:min(420px,94vw);padding:10px 14px;display:flex;box-shadow:3px 4px 14px #0006}.modal.wide{width:min(640px,94vw);max-height:90vh;overflow:auto}.modal label{color:var(--label);flex-direction:column;gap:1px;display:flex}.modal label input{color:var(--text)}.modal p{margin:2px 0}.modal-row{align-items:center;gap:8px;display:flex}.modal-buttons{justify-content:flex-end;gap:6px;margin-top:4px;display:flex}.warn-list{max-height:40vh;margin:0;padding-left:18px;font-size:8.5pt;overflow:auto}.modal.log-modal{width:min(1000px,96vw);height:80vh}.log-head{align-items:center;gap:6px;display:flex}.log-head .group-header{border:none;margin:0 auto 0 0}.log-list{background:var(--paper);border:1px solid var(--border);flex:1;font-family:Consolas,monospace;font-size:8.5pt;overflow:auto}.log-row{white-space:nowrap;gap:8px;padding:0 4px;line-height:1.4;display:flex}.log-row:hover{background:var(--row-hover)}.log-time{color:var(--muted);flex:none}.log-cat{width:48px;color:var(--label);flex:none}.log-dev{color:#98c;flex:none}.log-msg{flex:none}.log-extra{color:var(--muted);text-overflow:ellipsis;overflow:hidden}.log-row.cat-error .log-msg{color:var(--bad)}.modal.customize{width:min(1000px,96vw);max-height:92vh;overflow:auto}.customize-head,.customize-presets{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.customize-head .group-header{border:none;margin:0 10px 0 0}.modal label.inline{color:var(--label);flex-direction:row;align-items:center;gap:4px}.customize-groups{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:4px 14px;display:grid}.customize-group .group-header{margin-top:6px}.customize-row{align-items:center;gap:4px;line-height:1.5;display:flex}.customize-row:hover{background:var(--row-hover)}.customize-row.changed .customize-label{font-weight:600}.customize-label{flex:1}.customize-swatch{border:1px solid var(--border);background:0 0;width:44px;height:20px;padding:0 1px}.customize-size{width:60px}.customize-clear{padding:0 6px}.reminders{z-index:90;background:var(--panel);border:2px solid var(--accent);border-radius:4px;flex-direction:column;width:min(420px,100vw - 24px);max-height:50vh;display:flex;position:fixed;bottom:12px;right:12px;box-shadow:3px 4px 14px #0006}.reminders-head{align-items:center;gap:6px;padding:4px 8px 0;display:flex}.reminders-head .group-header{color:var(--accent);border:none;flex:1;margin:0}.reminders-list{padding:2px 8px 6px;overflow:auto}.reminder{border-top:1px solid var(--border);align-items:center;gap:6px;padding:3px 0;display:flex}.reminder-text{cursor:pointer;flex-direction:column;flex:1;min-width:0;display:flex}.reminder-text:hover .reminder-label{color:var(--link);text-decoration:underline}.reminder-label{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.reminder-meta{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8.5pt;overflow:hidden}.reminder-buttons{flex:none;gap:3px;display:flex}.reminder-buttons select{width:84px}.todo-reminders{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.due-pop{align-items:center;gap:3px;display:inline-flex}.app-update{background:var(--drop);border-bottom:1px solid var(--accent);align-items:center;gap:6px;padding:4px 8px;display:flex}.app-update span{flex:1}.toast{background:var(--title);color:#fff;z-index:200;cursor:pointer;border-radius:4px;max-width:90vw;padding:5px 12px;position:fixed;bottom:12px;left:50%;transform:translate(-50%)}@media (hover:none){button:hover:not(:disabled){background:var(--panel)}.tb.on:hover{background:var(--sel)}}@media (width<=700px){:root{--ui-size:11pt;--note-size:12pt}.tree-row{line-height:2}.tab{padding:6px 12px}.tb{min-width:32px;height:30px}}