.app{--bg:var(--background);--bg-elevated:var(--card);--bg-editor:var(--background);--text:var(--foreground);--text-dim:var(--muted-foreground);--accent:var(--iris);--accent-soft:color-mix(in srgb, var(--iris) 16%, transparent);--shadow:0 10px 34px #0006;--code-bg:var(--overlay);--tok-key:var(--love);--tok-str:var(--foam);--tok-num:var(--gold);--tok-com:var(--muted-foreground);--tok-fn:var(--iris);--tok-type:var(--gold);--font-ui:var(--font-mono);--radius:0;color:var(--text);background:var(--bg);background:var(--bg);flex-direction:column;height:100dvh;transition:background .2s,color .2s;display:flex}.topbar{border-bottom:1px solid var(--border);background:var(--bg-elevated);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex:none;justify-content:space-between;align-items:center;height:52px;padding:0 18px;display:flex}.brand{letter-spacing:-.01em;align-items:center;gap:10px;font-size:15px;font-weight:650;display:flex}.brand .logo-word{font-family:var(--font-mono);letter-spacing:-.01em;color:var(--text);font-size:18px;font-weight:700}.brand .logo-colon{color:var(--gold);margin-right:1px}.topbar-actions{align-items:center;gap:8px;display:flex}.icon-btn{border:1px solid var(--border);background:var(--bg);width:36px;height:36px;color:var(--text-dim);cursor:pointer;border-radius:0;place-items:center;transition:all .15s;display:grid}.icon-btn:hover{color:var(--text);border-color:var(--accent);background:var(--accent-soft)}.icon-btn:active{transform:scale(.94)}.icon-btn svg{width:18px;height:18px}.icon-btn.sm{border-radius:0;width:28px;height:28px}.icon-btn.sm svg{width:15px;height:15px}.workspace{flex:auto;min-height:0;display:flex}.sidebar{background:var(--bg-elevated);border-right:1px solid var(--border);flex-direction:column;flex:0 0 240px;min-width:0;min-height:0;display:flex}.sidebar.collapsed{display:none}.collapse-btn{border:1px solid var(--border);background:var(--bg);width:28px;height:28px;color:var(--text-dim);cursor:pointer;place-items:center;transition:color .12s,border-color .12s;display:grid}.collapse-btn:hover{color:var(--text);border-color:var(--accent)}.collapse-btn svg{width:16px;height:16px}.sidebar-head{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:12px 14px;display:flex}.sidebar-title{font-size:13px;font-weight:650}.sidebar-count{font-family:var(--font-mono);color:var(--text-dim);background:var(--bg);border:1px solid var(--border);border-radius:0;margin-right:auto;padding:1px 8px;font-size:11px}.note-list{flex:auto;padding:6px;overflow-y:auto}.empty-state{text-align:center;color:var(--text-dim);padding:24px 14px;font-size:13px;line-height:1.9}.empty-state kbd{font-family:var(--font-mono);background:var(--bg);border:1px solid var(--border);border-radius:0;padding:1px 6px;font-size:11px}.note-item{text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:0;margin-bottom:2px;padding:10px 12px;transition:background .12s,border-color .12s;display:block;position:relative}.note-item:hover{background:var(--bg)}.note-item.active{background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 40%, transparent)}.note-item-row{align-items:baseline;gap:8px;display:flex}.note-item-title{white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;font-size:13.5px;font-weight:600;overflow:hidden}.note-item-time{font-family:var(--font-mono);color:var(--text-dim);flex:none;font-size:10.5px}.note-item-preview{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:12px;overflow:hidden}.note-item-del{width:24px;height:24px;color:var(--text-dim);opacity:0;border-radius:0;place-items:center;transition:opacity .12s,background .12s,color .12s;display:grid;position:absolute;top:8px;right:8px}.note-item:hover .note-item-del{opacity:1}.note-item-del:hover{color:var(--love);background:#ef444426}.note-item-del svg{width:15px;height:15px}.editor-wrap{flex-direction:column;flex:auto;min-width:0;min-height:0;display:flex}.no-note{color:var(--text-dim);flex:auto;place-items:center;font-size:14px;display:grid}.cm-host{flex:auto;min-height:0;overflow:hidden}.cm-host .cm-editor{height:100%}.cm-host .cm-scroller{font-family:var(--font-mono);min-height:100%;padding:8px 0;font-size:14.5px;line-height:1.7}.cm-host .cm-content{min-height:100%}.statusline{height:30px;font-family:var(--font-mono);color:var(--text-dim);background:var(--bg-elevated);border-top:1px solid var(--border);flex:none;align-items:center;gap:12px;padding:0 14px;font-size:12px;display:flex}.cmdline{min-height:22px;font-family:var(--font-mono);background:var(--bg-elevated);color:var(--text);border-top:1px solid var(--border);flex:none;align-items:center;gap:2px;padding:0 12px;display:flex}.cmdline-colon{color:var(--gold)}.cmdline-input{min-width:0;font:inherit;color:inherit;caret-color:var(--gold);background:0 0;border:none;outline:none;flex:auto;padding:0}.mode-badge{letter-spacing:.06em;text-transform:uppercase;color:#fff;border-radius:0;padding:2px 9px;font-size:11px;font-weight:700}.mode-normal{background:var(--iris);color:var(--rp-base)}.mode-insert{background:var(--foam);color:var(--rp-base)}.mode-visual{background:var(--gold);color:var(--rp-base)}.mode-replace{background:var(--love);color:var(--rp-base)}.status-msg{white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;overflow:hidden}.status-right{color:var(--text-dim);opacity:.8}.sidebar-search{background:var(--bg);border:1px solid var(--border);height:34px;color:var(--text-dim);border-radius:0;align-items:center;gap:8px;margin:10px 12px 4px;padding:0 10px;display:flex}.sidebar-search:focus-within{border-color:var(--accent)}.sidebar-search svg{flex:none;width:15px;height:15px}.sidebar-search-input{min-width:0;color:var(--text);font:inherit;background:0 0;border:none;outline:none;flex:auto;font-size:13px}.sidebar-search-input::placeholder{color:var(--text-dim)}.search-clear{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:0;padding:2px 4px;font-size:12px}.search-clear:hover{color:var(--text)}.panes{flex:auto;min-width:0;height:100%;min-height:0;display:flex}.pane{flex-direction:column;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.view-split .pane{flex:50%}.view-split .pane-editor{border-right:1px solid var(--border)}.view-edit .pane-editor,.view-preview .pane-preview{flex:100%}.preview{background:var(--bg-editor);height:100%;overflow-y:auto}.markdown-body{color:var(--text);padding:28px 40px 80px;font-size:15px;line-height:1.7}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{margin:1.6em 0 .6em;font-weight:700;line-height:1.3}.markdown-body h1{font-size:1.9em}.markdown-body h2{border-bottom:1px solid var(--border);padding-bottom:.3em;font-size:1.5em}.markdown-body h3{font-size:1.25em}.markdown-body h1:first-child,.markdown-body h2:first-child{margin-top:.2em}.markdown-body p{margin:.8em 0}.markdown-body a{color:var(--accent);text-decoration:none}.markdown-body a:hover{text-decoration:underline}.markdown-body ul,.markdown-body ol{margin:.7em 0;padding-left:1.6em}.markdown-body li{margin:.25em 0}.markdown-body blockquote{color:var(--text-dim);border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:0;margin:1em 0;padding:.2em 1em}.markdown-body code{font-family:var(--font-mono);background:var(--code-bg);border:1px solid var(--border);border-radius:0;padding:.12em .4em;font-size:.88em}.markdown-body pre{background:var(--code-bg);border:1px solid var(--border);border-radius:0;margin:1em 0;padding:14px 16px;overflow-x:auto}.markdown-body pre code{background:0 0;border:none;padding:0;font-size:13.5px;line-height:1.6}.markdown-body hr{border:none;border-top:1px solid var(--border);margin:1.6em 0}.markdown-body table{border-collapse:collapse;margin:1em 0;display:block;overflow-x:auto}.markdown-body th,.markdown-body td{border:1px solid var(--border);padding:6px 12px}.markdown-body th{background:var(--bg-elevated);font-weight:650}.markdown-body img{border-radius:0;max-width:100%}.hljs-comment,.hljs-quote{color:var(--tok-com);font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-literal,.hljs-section{color:var(--tok-key)}.hljs-string,.hljs-regexp,.hljs-attr,.hljs-symbol,.hljs-meta-string{color:var(--tok-str)}.hljs-number,.hljs-bullet{color:var(--tok-num)}.hljs-title,.hljs-name,.hljs-title.function_{color:var(--tok-fn)}.hljs-type,.hljs-built_in,.hljs-class .hljs-title,.hljs-tag{color:var(--tok-type)}.hljs-attribute{color:var(--tok-num)}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.tag-bar{flex-wrap:wrap;gap:6px;padding:8px 12px 4px;display:flex}.tag-chip{font-family:var(--font-mono);color:var(--text-dim);background:var(--bg);border:1px solid var(--border);cursor:pointer;border-radius:0;padding:2px 9px;font-size:11px;transition:all .12s}.tag-chip:hover{color:var(--text);border-color:var(--accent)}.tag-chip.active{color:#fff;background:var(--accent);border-color:var(--accent)}.markdown-body .katex-display{margin:1em 0;padding:4px 0;overflow:auto hidden}.markdown-body .katex{font-size:1.05em}.folder-row{width:100%;color:var(--text-dim);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:0;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;transition:background .12s,color .12s;display:flex}.folder-row:hover{background:var(--bg);color:var(--text)}.folder-chevron{flex:none;place-items:center;width:14px;height:14px;transition:transform .15s;display:grid}.folder-chevron.open{transform:rotate(90deg)}.folder-chevron svg{width:12px;height:12px}.folder-row>svg{width:15px;height:15px;color:var(--accent);flex:none}.folder-name{white-space:nowrap;text-overflow:ellipsis;text-align:left;flex:auto;min-width:0;overflow:hidden}.folder-count{font-family:var(--font-mono);color:var(--text-dim);flex:none;font-size:10.5px;font-weight:500}.drive-pill{border:1px solid var(--border);background:var(--bg);height:34px;color:var(--text-dim);font:inherit;cursor:pointer;border-radius:0;align-items:center;gap:6px;padding:0 12px;font-size:12.5px;font-weight:550;transition:all .15s;display:inline-flex}.drive-pill:hover:not(:disabled):not(.disabled){color:var(--text);border-color:var(--accent);background:var(--accent-soft)}.drive-pill svg{width:16px;height:16px}.drive-pill.connected{color:var(--foam);border-color:#22a06b66}.drive-pill.error{color:var(--love);border-color:#ef444466}.drive-pill.disabled{cursor:default;opacity:.6}.drive-pill:disabled{cursor:progress;opacity:.7}.preview-loading{height:100%;color:var(--text-dim);place-items:center;font-size:13px;display:grid}.menu-btn{border:1px solid var(--border);background:var(--bg);width:32px;height:32px;color:var(--text-dim);cursor:pointer;place-items:center;display:none}.menu-btn svg{width:18px;height:18px}.sidebar-backdrop{display:none}@media (max-width:768px){.menu-btn{display:grid}.collapse-btn{display:none}.sidebar.collapsed{display:flex}.sidebar{z-index:60;width:82vw;max-width:320px;box-shadow:var(--shadow);transition:transform .22s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-backdrop{z-index:55;background:#0000008c;display:block;position:fixed;inset:0}.view-split .panes{flex-direction:column}.view-split .pane-editor{border-right:none;border-bottom:1px solid var(--border)}.topbar{gap:8px;padding:0 10px}.topbar-actions{gap:6px}.statusline .status-right,.drive-label{display:none}.drive-pill{padding:0 9px}}