:root{--bg:#fbfaf7;--bg-pane:#f3f1ec;--bg-hover:#e9e6df;--bg-active:#e1ddd3;--text:#22201c;--text-muted:#6b665c;--border:#dedad1;--accent:#2f5d8a;--accent-text:#fff;--focus:#2f5d8a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5}:root[data-theme=dark]{--bg:#1b1a18;--bg-pane:#22211e;--bg-hover:#2c2a26;--bg-active:#36332e;--text:#ebe8e1;--text-muted:#a39e93;--border:#3a3732;--accent:#8db4dc;--accent-text:#10161c;--focus:#8db4dc;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#1b1a18;--bg-pane:#22211e;--bg-hover:#2c2a26;--bg-active:#36332e;--text:#ebe8e1;--text-muted:#a39e93;--border:#3a3732;--accent:#8db4dc;--accent-text:#10161c;--focus:#8db4dc;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--border);background:0 0;border-radius:6px;padding:.3rem .7rem}button:hover{background:var(--bg-hover)}button.primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}ul{margin:0;padding:0;list-style:none}.layout{grid-template-columns:220px 320px 1fr;height:100dvh;display:grid;position:relative}.layout[data-sidebar=collapsed]{grid-template-columns:0 320px 1fr}.layout[data-sidebar=collapsed] .sidebar{visibility:hidden;border:none;padding:0}.sidebar{background:var(--bg-pane);border-right:1px solid var(--border);padding:1rem .5rem;overflow-y:auto}.app-name{margin:0 .5rem 1rem;font-size:1.1rem}.sidebar-heading{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:1.25rem .5rem .25rem;font-size:.75rem}.nav-item{text-align:left;border:none;width:100%;padding:.35rem .5rem}.nav-item[aria-current=page]{background:var(--bg-active);font-weight:600}.list-pane{border-right:1px solid var(--border);flex-direction:column;min-height:0;display:flex}.list-toolbar{border-bottom:1px solid var(--border);align-items:center;gap:.5rem;padding:.6rem .75rem;display:flex}.note-list{flex:1;overflow-y:auto}.list-empty,.editor-empty{color:var(--text-muted);padding:1rem}.note-item{text-align:left;border:none;border-bottom:1px solid var(--border);border-radius:0;flex-direction:column;gap:.15rem;width:100%;padding:.7rem .9rem;display:flex}.note-item[aria-current=true]{background:var(--bg-active)}.pin-icon{margin-right:.3rem}.note-item-title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.note-item-snippet{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9rem;display:-webkit-box;overflow:hidden}.note-item-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.35rem;font-size:.8rem;display:flex}.chip{background:var(--bg-hover);color:var(--text);border-radius:999px;align-items:center;gap:.2rem;padding:0 .55rem;font-size:.8rem;display:inline-flex}.chip-remove{border:none;padding:0 .15rem;line-height:1}.editor-pane{min-height:0;display:flex}.editor{flex-direction:column;flex:1;max-width:46rem;min-height:0;margin:0 auto;padding:1rem 1.5rem;display:flex}.editor-toolbar{gap:.5rem;margin-bottom:.75rem;display:flex}.tag-chips{flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:.75rem;display:flex}.tag-input{background:0 0;border:none;min-width:12rem;padding:.2rem}.editor-body{resize:none;background:0 0;border:none;outline:none;flex:1;font-size:1.05rem;line-height:1.65}button.link{color:var(--accent);background:0 0;border:none;padding:.2rem 0;text-decoration:underline}button:disabled{opacity:.55;cursor:default}.sidebar{flex-direction:column;display:flex}.sidebar-footer{border-top:1px solid var(--border);flex-direction:column;gap:.75rem;margin-top:auto;padding:1rem .5rem 0;font-size:.85rem;display:flex}.sidebar-footer p{margin:0}.sync-status p{align-items:center;gap:.4rem;display:flex}.sync-dot{background:var(--text-muted);border-radius:50%;flex:none;width:.55rem;height:.55rem}.sync-status[data-state=synced] .sync-dot{background:#3f8f5a}.sync-status[data-state=syncing] .sync-dot{background:var(--accent)}.sync-status[data-state=offline] .sync-dot{background:#b8860b}.sync-status[data-state=error] .sync-dot{background:#c0392b}.sync-pending,.account-email{color:var(--text-muted)}.account-email{overflow-wrap:anywhere}.editor-pane{flex-direction:column}.conflict-banner{border-bottom:1px solid var(--border);background:var(--bg-pane);padding:.75rem 1.5rem}.conflict-item p{margin:0 0 .5rem}.conflict-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.auth-screen{place-items:center;min-height:100dvh;padding:1rem;display:grid}.auth-card{background:var(--bg-pane);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:1rem;width:min(24rem,100%);padding:1.75rem;display:flex}.auth-card h1{margin:0;font-size:1.3rem}.auth-card p{color:var(--text-muted);margin:0}.auth-card label{flex-direction:column;gap:.3rem;font-size:.9rem;font-weight:600;display:flex}.auth-card input{border:1px solid var(--border);background:var(--bg);border-radius:6px;padding:.5rem .6rem;font-weight:400}.auth-card button.primary{padding:.55rem}.auth-error{color:#c0392b!important}.auth-qr{background:#fff;border-radius:6px;align-self:center;padding:.5rem}.auth-secret{overflow-wrap:anywhere;color:var(--text);font-size:.85rem}.editor-content{flex:1;min-height:0;overflow-y:auto}.editor-body{outline:none;min-height:100%;padding-bottom:30vh;font-size:1.05rem;line-height:1.65}.editor-body>:first-child{margin-top:0}.editor-body p{margin:0 0 .6em}.editor-body h1,.editor-body h2,.editor-body h3,.editor-body h4,.editor-body h5,.editor-body h6{margin:1.2em 0 .4em;line-height:1.3}.editor-body h1{font-size:1.7rem}.editor-body h2{font-size:1.4rem}.editor-body h3{font-size:1.2rem}.editor-body h4,.editor-body h5,.editor-body h6{font-size:1.05rem}.editor-body ul,.editor-body ol{list-style:revert;margin:0 0 .6em;padding-left:1.4rem}.editor-body li>p{margin:.1em 0}.editor-body ul[data-type=taskList]{padding-left:.2rem;list-style:none}.editor-body ul[data-type=taskList] li{align-items:flex-start;gap:.5rem;display:flex}.editor-body ul[data-type=taskList] li>label{flex:none;margin-top:.3em}.editor-body ul[data-type=taskList] li>div{flex:1}.editor-body ul[data-type=taskList] li[data-checked=true]>div{color:var(--text-muted);text-decoration:line-through}.editor-body ul[data-type=taskList] ul[data-type=taskList]{padding-left:1.2rem}.editor-body input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--accent);cursor:pointer}.editor-body blockquote{border-left:3px solid var(--border);color:var(--text-muted);margin:0 0 .6em;padding:.1em 0 .1em 1rem}.editor-body code{background:var(--bg-hover);border-radius:4px;padding:.1em .3em;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.9em}.editor-body pre{background:var(--bg-pane);border:1px solid var(--border);border-radius:6px;padding:.75rem 1rem;overflow-x:auto}.editor-body pre code{background:0 0;padding:0;font-size:.9rem}.editor-body a{color:var(--accent)}.editor-body hr{border:none;border-top:1px solid var(--border);margin:1.5em 0}.editor-body img{border-radius:6px;max-width:100%;height:auto}.editor-body img.ProseMirror-selectednode{outline:2px solid var(--accent)}.editor-body table{border-collapse:collapse;table-layout:fixed;width:100%;margin:0 0 .8em}.editor-body th,.editor-body td{border:1px solid var(--border);vertical-align:top;padding:.35rem .5rem}.editor-body th{background:var(--bg-pane);text-align:left}.editor-body th p,.editor-body td p{margin:0}.editor-body .selectedCell{background:var(--bg-active)}.editor-body p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--text-muted);float:left;pointer-events:none;height:0}.slash-popup{z-index:20;position:fixed}.slash-menu{background:var(--bg);border:1px solid var(--border);border-radius:8px;flex-direction:column;min-width:13rem;max-height:18rem;padding:.3rem;display:flex;overflow-y:auto;box-shadow:0 6px 24px #00000026}.slash-item{text-align:left;border:none;border-radius:5px;padding:.4rem .6rem}.slash-item[aria-selected=true]{background:var(--bg-active)}.slash-empty{color:var(--text-muted);margin:0;padding:.4rem .6rem}:root{--mark:#f7e08a;--mark-text:#22201c;--mark-current:#f0b429;--danger:#b3261e}:root[data-theme=dark]{--mark:#6b5a1e;--mark-text:#f5efe0;--mark-current:#a8781a;--danger:#f2b8b5}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--mark:#6b5a1e;--mark-text:#f5efe0;--mark-current:#a8781a;--danger:#f2b8b5}}button.danger{border-color:var(--danger);color:var(--danger)}.icon-button{border:none;padding:.25rem .5rem;font-size:1.1rem}kbd{font:inherit;color:var(--text-muted);border:1px solid var(--border);border-radius:4px;padding:0 .3rem;font-size:.75rem}mark{background:var(--mark);color:var(--mark-text);border-radius:2px;padding:0 1px}.search-trigger{text-align:left;color:var(--text-muted);background:var(--bg);flex:1;justify-content:space-between;align-items:center;min-width:0;display:flex}.search-trigger span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.search-backdrop{z-index:30;background:#00000040;justify-content:center;align-items:flex-start;padding:10vh 1rem 1rem;display:flex;position:fixed;inset:0}.search-panel{background:var(--bg);border:1px solid var(--border);border-radius:10px;flex-direction:column;width:min(42rem,100%);max-height:75vh;display:flex;overflow:hidden;box-shadow:0 12px 40px #00000040}.search-input-row{border-bottom:1px solid var(--border);align-items:center;display:flex}.search-input{background:0 0;border:none;outline:none;flex:1;min-width:0;padding:.9rem 1rem;font-size:1.05rem}.search-close{border:none;padding:.2rem .9rem;font-size:1.3rem}.search-chips{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.4rem;padding:.6rem 1rem;display:flex}.chip-toggle{border-radius:999px;padding:.15rem .7rem;font-size:.82rem}.chip-toggle[aria-pressed=true]{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.search-archive{color:var(--text-muted);align-items:center;gap:.35rem;margin-left:auto;font-size:.82rem;display:flex}.search-status{color:var(--text-muted);margin:0;padding:.4rem 1rem;font-size:.82rem}.search-results{padding:.3rem;overflow-y:auto}.search-result{cursor:pointer;border-radius:6px;flex-direction:column;gap:.15rem;padding:.55rem .7rem;display:flex}.search-result[aria-selected=true]{background:var(--bg-active)}.search-result-title{font-weight:600}.search-result-snippet{color:var(--text-muted);font-size:.9rem}.search-result-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.35rem;font-size:.78rem;display:flex}.search-empty{color:var(--text-muted);padding:1rem}.search-recent{padding:.6rem 1rem 1rem}.search-recent h2{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:0 0 .4rem;font-size:.75rem}.search-recent li{padding:.15rem 0}.editor-body .search-hit{background:var(--mark);color:var(--mark-text);border-radius:2px}.editor-body .search-hit-current{background:var(--mark-current);outline:2px solid var(--mark-current)}.find-bar{color:var(--text-muted);align-items:center;gap:.4rem;margin-bottom:.6rem;font-size:.85rem;display:flex}.find-bar button{padding:.1rem .5rem}.tag-tree{margin:0}.tag-row{align-items:center;display:flex}.tag-toggle{width:1.4rem;color:var(--text-muted);border:none;flex:none;padding:.2rem 0;font-size:1.15rem;line-height:1}.tag-toggle-spacer{flex:none;width:1.2rem}.tag-name{justify-content:space-between;align-items:center;gap:.5rem;min-width:0;display:flex}.tag-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tag-count{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.8rem}.tag-header{border-bottom:1px solid var(--border);flex-direction:column;gap:.5rem;padding:.75rem .9rem;display:flex}.tag-header-title{overflow-wrap:anywhere;margin:0;font-size:1rem}.tag-actions{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.tag-actions button{padding:.2rem .6rem;font-size:.85rem}.tag-form{flex-direction:column;gap:.5rem;display:flex}.tag-form p{margin:0;font-size:.88rem}.tag-form-input{border:1px solid var(--border);background:var(--bg);border-radius:6px;width:100%;padding:.35rem .5rem}.tag-hint{color:var(--text-muted)}.tag-suggest{position:relative}.tag-suggestions{z-index:15;background:var(--bg);border:1px solid var(--border);border-radius:6px;min-width:14rem;max-height:14rem;padding:.25rem;position:absolute;top:100%;left:0;overflow-y:auto;box-shadow:0 6px 20px #00000026}.tag-suggestions li{cursor:pointer;border-radius:4px;padding:.3rem .5rem;font-size:.88rem}.tag-suggestions li[aria-selected=true],.tag-suggestions li:hover{background:var(--bg-active)}.narrow-only{display:none}.fab{right:1.25rem;bottom:calc(1.25rem + env(safe-area-inset-bottom,0px));background:var(--accent);width:3.4rem;height:3.4rem;color:var(--accent-text);z-index:5;border:none;border-radius:50%;font-size:1.8rem;line-height:1;position:absolute;box-shadow:0 6px 18px #00000040}.drawer-backdrop{z-index:19;background:#0000004d;position:fixed;inset:0}@media (width<=760px){.narrow-only{justify-content:center;align-items:center;display:inline-flex}.wide-only{display:none}.layout,.layout[data-sidebar]{grid-template-columns:1fr}.list-pane{border-right:none;position:relative}.editor-pane,.layout[data-editor-open] .list-pane{display:none}.layout[data-editor-open] .editor-pane{display:flex}.editor{padding:.75rem 1rem}.sidebar{z-index:20;visibility:visible;border-right:1px solid var(--border);width:min(18rem,85vw);padding:1rem .5rem;transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-105%)}.layout[data-sidebar=drawer] .sidebar{transform:none}.search-backdrop{padding-top:0}.search-panel{border-radius:0;height:100dvh;max-height:100dvh}}@media (prefers-reduced-motion:reduce){.sidebar{transition:none}}.editor-pane{position:relative}.history-panel{background:var(--bg);border-left:1px solid var(--border);z-index:10;flex-direction:column;width:min(28rem,100%);display:flex;position:absolute;top:0;bottom:0;right:0;box-shadow:-8px 0 24px #00000014}.history-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.history-header h2{margin:0;font-size:1rem}.history-body{flex-direction:column;flex:1;display:flex;overflow-y:auto}.history-list{border-bottom:1px solid var(--border);flex:none;max-height:40%;overflow-y:auto}.history-item{text-align:left;border:none;border-radius:0;flex-direction:column;gap:.1rem;width:100%;padding:.55rem 1rem;display:flex}.history-item[aria-current=true]{background:var(--bg-active)}.history-item-title{font-size:.92rem;font-weight:600}.history-item-meta{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.history-note{color:var(--text-muted);margin:0;padding:.75rem 1rem;font-size:.88rem}.history-note p{margin:0 0 .5rem}.history-preview{flex-direction:column;gap:.75rem;padding:.75rem 1rem;display:flex}.history-preview>button{align-self:flex-start}.history-confirm p{margin:0 0 .5rem;font-size:.9rem}.history-preview-body{opacity:.9;padding-bottom:1rem;font-size:.95rem}.image-node{flex-direction:column;align-items:flex-start;gap:.35rem;margin:.5em 0 .9em;display:flex}.image-node img{border-radius:6px;max-width:100%;height:auto}.image-node.ProseMirror-selectednode img{outline:2px solid var(--accent);outline-offset:2px}.image-status{color:var(--text-muted);font-size:.85rem}.image-status:empty{display:none}.image-alt{border:1px solid var(--border);background:var(--bg);border-radius:6px;width:min(28rem,100%);padding:.3rem .5rem;font-size:.88rem}.editor-error{color:var(--danger);margin:0 0 .5rem;font-size:.88rem}.settings{flex-direction:column;grid-column:2/-1;min-height:0;display:flex;overflow-y:auto}.settings-header{border-bottom:1px solid var(--border);align-items:center;gap:.5rem;padding:.6rem .75rem;display:flex}.settings-header h2{margin:0;font-size:1.1rem}.settings-body{width:100%;max-width:40rem;padding:.5rem 1.5rem 3rem}.settings-section{border-bottom:1px solid var(--border);flex-direction:column;align-items:flex-start;gap:.6rem;padding:1rem 0;display:flex}.settings-section h3{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:0;font-size:.8rem}.settings-section p{margin:0}.settings-help{color:var(--text-muted);font-size:.9rem}.theme-options{flex-wrap:wrap;gap:1rem;display:flex}.theme-options label{align-items:center;gap:.35rem;display:flex}.sidebar-settings{text-align:left}@media (width<=760px){.settings{grid-column:1/-1}.settings-body{padding:.5rem 1rem 3rem}}.note-menu{position:relative}.note-menu-list{z-index:15;background:var(--bg);border:1px solid var(--border);border-radius:8px;min-width:11rem;padding:.25rem;position:absolute;top:calc(100% + .3rem);right:0;box-shadow:0 6px 20px #00000026}.note-menu-list button{text-align:left;border:none;width:100%;padding:.5rem .7rem}.editor-toolbar{flex-wrap:wrap}.app-message{background:var(--bg-pane);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:.75rem;padding:.6rem 1rem;font-size:.9rem;display:flex}