:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f7f7f5;--panel:#fff;--fg:#1d1d1f;--muted:#6e6e73;--border:#e3e3e0;--accent:#2f54eb;--accent-fg:#fff;--hover:#ececea;--selected:#e4e9fd;--selection:#c9d4fb;--danger:#c62828;--code-bg:#f0f0ee;--hl-heading:#1d1d1f;--hl-link:#2f54eb;--hl-code:#a3360f;--hl-keyword:#a626a4;--hl-string:#2e7d32;--hl-number:#b35c00;--hl-type:#1565c0;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#1b1c1e;--panel:#232427;--fg:#e8e8ea;--muted:#9a9aa0;--border:#36373b;--accent:#7b96ff;--accent-fg:#0f1220;--hover:#2c2d31;--selected:#2f3550;--selection:#3a4672;--danger:#ff6b6b;--code-bg:#2c2d31;--hl-heading:#f2f2f4;--hl-link:#8fa6ff;--hl-code:#ffab91;--hl-keyword:#d69be0;--hl-string:#a5d6a7;--hl-number:#ffcc80;--hl-type:#90caf9}}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--fg);font-family:var(--font-sans);-webkit-text-size-adjust:100%;overscroll-behavior:none;margin:0}button,input{font:inherit;color:inherit}input{font-size:16px}.app{grid-template-columns:minmax(0,1fr);height:100dvh;display:grid}.sidebar{background:var(--bg);min-width:0;min-height:0;padding-top:var(--sat);padding-left:var(--sal);flex-direction:column;display:flex}.main{background:var(--panel);min-width:0;min-height:0;padding-top:var(--sat);padding-right:var(--sar);padding-left:var(--sal);flex-direction:column;display:flex}.app[data-screen=list] .main,.app[data-screen=note] .sidebar{display:none}@media (min-width:768px){.app{grid-template-columns:minmax(240px,300px) minmax(0,1fr)}.app[data-screen] .sidebar,.app[data-screen] .main{display:flex}.sidebar{border-right:1px solid var(--border)}.main{padding-left:0}.toolbar .back{display:none}}.sidebar-header{justify-content:space-between;align-items:center;padding:12px 12px 8px 16px;display:flex}.app-title{margin:0;font-size:1.4rem}.search{padding:0 12px 8px}.search input{border:1px solid var(--border);background:var(--panel);border-radius:10px;outline:none;width:100%;padding:8px 12px}.search input:focus{border-color:var(--accent)}.list-scroll{-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.note-list{margin:0;padding:0 8px 8px;list-style:none}.note-item{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;width:100%;min-height:44px;padding:10px;display:block}.note-item:hover{background:var(--hover)}.note-item[aria-current=true]{background:var(--selected)}.note-item-title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;display:block;overflow:hidden}.note-item-meta{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:.85rem;display:block;overflow:hidden}.list-empty{color:var(--muted);margin:0;padding:16px}.sidebar-footer{padding:8px 16px calc(8px + var(--sab));border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:center;gap:8px;font-size:.9rem;display:flex}.user-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.icon-button{cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;min-width:40px;height:40px;font-size:1.3rem;display:inline-flex}.icon-button:hover{background:var(--hover)}.icon-button.primary{background:var(--accent);color:var(--accent-fg);font-size:1.6rem;line-height:1}.icon-button.back{color:var(--accent);font-size:2rem}.icon-button.danger:hover{color:var(--danger)}.button{border:1px solid var(--border);background:var(--panel);cursor:pointer;border-radius:10px;min-height:44px;padding:10px 16px}.button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.button:disabled{opacity:.6}.link-button{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:8px 0}.toolbar{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:6px 8px;display:flex}.spacer{flex:1}.status{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;padding-left:8px;font-size:.85rem;overflow:hidden}.status-offline,.status-conflict,.status-error{color:var(--danger)}.mode-toggle{border:1px solid var(--border);border-radius:10px;display:inline-flex;overflow:hidden}.mode-toggle button{cursor:pointer;background:0 0;border:0;min-height:36px;padding:6px 12px}.mode-toggle button[aria-selected=true]{background:var(--selected);font-weight:600}.panes{flex:1;grid-template-columns:1fr;min-height:0;display:grid}.pane{-webkit-overflow-scrolling:touch;min-width:0;min-height:0;overflow:auto}.panes[data-mode=edit] .pane-preview,.panes[data-mode=preview] .pane-editor{display:none}@media (min-width:1024px){.panes[data-mode]{grid-template-columns:1fr 1fr}.panes[data-mode] .pane{display:block}.pane-preview{border-left:1px solid var(--border)}.mode-toggle{display:none}}.pane-editor{overflow:hidden}.editor{height:100%}.empty-state{color:var(--muted);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex}.preview{padding:16px 20px calc(40px + var(--sab));overflow-wrap:break-word;max-width:820px;font-size:16px;line-height:1.6}.preview>:first-child{margin-top:0}.preview h1,.preview h2{border-bottom:1px solid var(--border);padding-bottom:.2em}.preview a{color:var(--hl-link)}.preview code{font-family:var(--font-mono);background:var(--code-bg);border-radius:4px;padding:.1em .35em;font-size:.9em}.preview pre{background:var(--code-bg);border-radius:8px;padding:12px 14px;overflow-x:auto}.preview pre code{background:0 0;padding:0}.preview blockquote{border-left:3px solid var(--border);color:var(--muted);margin:0;padding-left:1em}.preview table{border-collapse:collapse;display:block;overflow-x:auto}.preview th,.preview td{border:1px solid var(--border);padding:6px 10px}.preview img{max-width:100%}.preview .contains-task-list{padding-left:1.2em;list-style:none}.preview .task-list-item input{margin:0 .4em 0 -1.2em}.hljs-keyword,.hljs-selector-tag,.hljs-built_in,.hljs-meta .hljs-keyword{color:var(--hl-keyword)}.hljs-string,.hljs-attr,.hljs-template-tag,.hljs-regexp,.hljs-addition{color:var(--hl-string)}.hljs-number,.hljs-literal,.hljs-symbol,.hljs-bullet{color:var(--hl-number)}.hljs-title,.hljs-title.class_,.hljs-title.function_,.hljs-type,.hljs-section{color:var(--hl-type)}.hljs-comment,.hljs-quote,.hljs-meta{color:var(--muted);font-style:italic}.hljs-deletion{color:var(--danger)}.dialog-backdrop{z-index:10;background:#0006;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.dialog{background:var(--panel);border-radius:14px;width:100%;max-width:440px;padding:20px;box-shadow:0 10px 40px #0000004d}.dialog h2{margin:0 0 8px;font-size:1.15rem}.dialog p{color:var(--muted);margin:0 0 16px;line-height:1.5}.dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.toast{left:50%;bottom:calc(16px + var(--sab));background:var(--fg);color:var(--bg);z-index:20;border-radius:10px;max-width:calc(100vw - 32px);padding:10px 16px;position:fixed;transform:translate(-50%)}