:root{--bg:#fff;--bg-side:#f6f6f4;--bg-hover:#ececea;--bg-selected:#e3e8f3;--fg:#1f2328;--muted:#6b7078;--border:#e2e2df;--accent:#2f6fde;--accent-fg:#fff;--danger:#c62828;--mark:#fff3a3;--code-bg:#f3f3f1;color:var(--fg);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px}@media (prefers-color-scheme:dark){:root{--bg:#1b1d21;--bg-side:#222428;--bg-hover:#2c2f34;--bg-selected:#2b3547;--fg:#e6e6e3;--muted:#9a9ea6;--border:#34373d;--accent:#6b9cf0;--accent-fg:#0d1117;--danger:#ef6b6b;--mark:#6b5d12;--code-bg:#26282c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);margin:0}button,input,select{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--border);background:0 0;border-radius:6px;padding:.3rem .7rem}button:hover:not(:disabled){background:var(--bg-hover)}button:disabled{opacity:.4;cursor:default}button.primary,a.button.primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}button.danger{color:var(--danger)}button.link{color:var(--muted);border:none;padding:0 .3rem;text-decoration:underline}button.icon{color:var(--muted);border:none;padding:.1rem .4rem}.muted{color:var(--muted)}.pad{padding:1rem}.error{color:var(--danger)}.splash{text-align:center;max-width:30rem;margin:6rem auto;padding-inline:1rem}a.button{border-radius:6px;padding:.55rem 1.2rem;text-decoration:none;display:inline-block}.workspace{height:100dvh;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) 0 env(safe-area-inset-left,0px);grid-template-columns:230px 320px 1fr;display:grid}.notelist,.pane-editor{padding-bottom:env(safe-area-inset-bottom,0px)}.sidebar{background:var(--bg-side);border-right:1px solid var(--border);padding:.5rem 0 calc(.5rem + env(safe-area-inset-bottom,0px));flex-direction:column;display:flex;overflow-y:auto}.sidebar .brand{padding:.5rem 1rem .75rem;font-size:1.1rem;font-weight:700}.sidebar ul{margin:0;padding:0;list-style:none}.sidebar li{align-items:center;display:flex}.sidebar li.selected{background:var(--bg-selected)}.sidebar li:hover:not(.selected){background:var(--bg-hover)}.sidebar .nav{text-align:left;background:0 0;border:none;border-radius:0;flex:1;justify-content:space-between;min-width:0;padding:.35rem 1rem;display:flex}.sidebar .nav .label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar .count{color:var(--muted);margin-left:.5rem;font-size:.85em}.sidebar .item-actions{padding-right:.4rem;display:none}.sidebar li:hover .item-actions,.sidebar li:focus-within .item-actions{display:flex}.sidebar .section{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);justify-content:space-between;align-items:center;padding:.9rem .6rem .25rem 1rem;font-size:.75rem;display:flex}.sidebar .bottom{margin-top:auto;padding-top:1rem}.sidebar .me{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:.5rem;margin-top:.5rem;padding:.75rem 1rem .25rem;font-size:.85rem;display:flex}.sidebar .me span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.inline-name{border:1px solid var(--accent);background:var(--bg);border-radius:4px;width:calc(100% - 1rem);margin:.2rem .5rem;padding:.25rem .5rem}.notelist{border-right:1px solid var(--border);overflow-y:auto}.notelist-head{background:var(--bg);border-bottom:1px solid var(--border);z-index:1;padding:.75rem 1rem .6rem;position:sticky;top:0}.notelist-row{align-items:center;gap:.5rem;display:flex}.search{margin-top:.6rem}.search input{border:1px solid var(--border);background:var(--bg-side);border-radius:6px;width:100%;padding:.4rem .6rem}.search input:focus{outline:2px solid var(--accent);outline-offset:-1px;background:var(--bg)}.note-snippet{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.85rem;display:-webkit-box;overflow:hidden}.notelist mark{background:var(--mark);color:inherit;border-radius:2px}.notelist-head h2{text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font-size:1.05rem;overflow:hidden}.notelist-head .menu{display:none}.notelist ul{margin:0;padding:0;list-style:none}.notelist li button{text-align:left;border:none;border-bottom:1px solid var(--border);border-radius:0;flex-direction:column;gap:.2rem;width:100%;padding:.7rem 1rem;display:flex}.notelist li.selected button{background:var(--bg-selected)}.note-title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.note-title.untitled{color:var(--muted);font-style:italic;font-weight:400}.note-meta{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.pane-editor{min-width:0;overflow-y:auto}.editor-empty{height:100%;color:var(--muted);place-items:center;padding:1rem;display:grid}.editor{max-width:52rem;margin:0 auto;padding:0 1.5rem 4rem}.editor-head{background:var(--bg);z-index:2;border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.5rem;padding:.6rem 0;display:flex;position:sticky;top:0}.editor-head select{border:1px solid var(--border);background:var(--bg);border-radius:6px;max-width:14rem;padding:.25rem .4rem}.editor-head .back{display:none}.editor-head .spacer{flex:1}.status{color:var(--muted);font-size:.8rem}.status-error,.status-conflict{color:var(--danger)}.banner{background:var(--bg-side);border:1px solid var(--border);border-radius:6px;margin:.75rem 0 0;padding:.6rem .8rem;font-size:.9rem}.title{background:0 0;border:none;outline:none;width:100%;padding:1rem 0 .4rem;font-size:1.7rem;font-weight:700}.tags{flex-wrap:wrap;align-items:center;gap:.35rem;padding-bottom:.6rem;display:flex}.chip{background:var(--bg-side);border:1px solid var(--border);border-radius:999px;align-items:center;gap:.15rem;padding:.05rem .25rem .05rem .6rem;font-size:.82rem;display:inline-flex}.chip button{color:var(--muted);border:none;padding:0 .3rem}.tags input{background:0 0;border:none;outline:none;min-width:7rem;padding:.15rem 0;font-size:.85rem}.toolbar{background:var(--bg);z-index:1;border-bottom:1px solid var(--border);flex-wrap:wrap;gap:.15rem;padding:.35rem 0;display:flex;position:sticky;top:2.9rem}.toolbar .tb{border:1px solid #0000;min-width:2rem;padding:.2rem .45rem;font-size:.88rem}.toolbar .tb.active{background:var(--bg-selected);border-color:var(--border)}.toolbar mark{background:var(--mark);color:inherit;padding:0 .15rem}.toolbar .sep{background:var(--border);width:1px;margin:.2rem .3rem}.editor-body{padding-top:.75rem}.prose{outline:none;min-height:40vh;line-height:1.6}.prose p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--muted);float:left;pointer-events:none;height:0}.prose img{border-radius:4px;max-width:100%;height:auto}.prose img.ProseMirror-selectednode{outline:2px solid var(--accent)}.prose blockquote{border-left:3px solid var(--border);color:var(--muted);margin-left:0;padding-left:1rem}.prose pre{background:var(--code-bg);border-radius:6px;padding:.75rem 1rem;overflow-x:auto}.prose code{background:var(--code-bg);border-radius:4px;padding:.1rem .3rem;font-size:.9em}.prose pre code{background:0 0;padding:0}.prose mark{background:var(--mark);color:inherit;padding:0 .1rem}.prose a{color:var(--accent)}.prose table{border-collapse:collapse;margin:.75rem 0;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--border);vertical-align:top;min-width:4rem;padding:.35rem .6rem}.prose th{background:var(--bg-side);text-align:left}.prose td p,.prose th p{margin:0}.prose .selectedCell{background:var(--bg-selected)}.prose ul[data-type=taskList]{padding-left:.2rem;list-style:none}.prose ul[data-type=taskList] li{align-items:flex-start;gap:.5rem;display:flex}.prose ul[data-type=taskList] li>label{margin-top:.15rem}.prose ul[data-type=taskList] li>div{flex:1}.prose ul[data-type=taskList] li[data-checked=true]>div{color:var(--muted);text-decoration:line-through}.prose ul[data-type=taskList] p{margin:0}.attachments{border-top:1px solid var(--border);margin-top:2rem;padding-top:.75rem}.attachments h3{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:0 0 .4rem;font-size:.8rem}.attachments ul{margin:0;padding:0;list-style:none}.attachments li{overflow-wrap:anywhere;padding:.25rem 0;font-size:.9rem}.attachments a{color:var(--accent)}.toast{bottom:calc(1rem + env(safe-area-inset-bottom,0px));background:var(--fg);color:var(--bg);z-index:10;border-radius:6px;max-width:calc(100vw - 2rem);padding:.6rem 1rem;position:fixed;left:50%;transform:translate(-50%)}@media (width<=1000px){.workspace{grid-template-columns:300px 1fr}.sidebar{width:calc(260px + env(safe-area-inset-left,0px));padding-top:env(safe-area-inset-top,0px);padding-left:env(safe-area-inset-left,0px);z-index:5;visibility:hidden;transition:transform .15s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sidebar-open .sidebar{visibility:visible;transform:none;box-shadow:2px 0 12px #00000026}.notelist-head .menu{display:inline-block}}@media (width<=700px){.workspace{grid-template-columns:1fr}.workspace.has-note .notelist,.workspace:not(.has-note) .pane-editor{display:none}.editor{padding:0 1rem 3rem}.editor-head .back{display:inline-block}.toolbar{flex-wrap:nowrap;top:2.9rem;overflow-x:auto}.toolbar .tb{flex:none}}