:root,html[data-theme=light]{--bg: #f5f6f4;--panel: #ffffff;--panel-elevated: #ffffff;--panel-muted: #f3f4f6;--panel-soft: #fafbfc;--ink: #1f2328;--ink-soft: #3a4250;--muted: #8a93a0;--muted-strong: #6b7280;--line: #e8eaed;--line-strong: #d7dbe0;--rail: #14161b;--rail-hover: #1d2026;--rail-active: #23262e;--rail-text: #7f8794;--rail-text-hover: #cfd4dc;--rail-text-active: #f8fafc;--accent: #3ddc84;--accent-ink: #0a3d24;--accent-text: #1e7f52;--accent-soft: #eafaf1;--hover: #f1f3f5;--sel: #eafaf1;--selection: #cdeede;--shadow-sm: 0 1px 2px rgba(20, 30, 50, .05);--shadow-md: 0 10px 28px rgba(20, 30, 50, .13);--shadow-lg: 0 18px 50px rgba(20, 30, 50, .22);--menu-shadow: 0 12px 34px rgba(20, 30, 50, .16);--overlay: rgba(20, 28, 40, .34);--danger: #ef4444;--danger-soft: #fef2f2;--danger-line: #fecaca;--danger-ink: #b42318;--warn-bg: #fff8dd;--warn-line: #f6d76b;--warn-ink: #c69209;--tag-global-bg: #eef2ff;--tag-global-ink: #5560d6;--tag-local-bg: #fff3e6;--tag-local-ink: #c47a1a;--input-bg: #ffffff;--input-border: #d7dbe0;--placeholder: #cdd2d9;--table-head: #f6f7f9;--table-border: #dfe3e8;--table-selected: rgba(61, 220, 132, .12);--code-bg: #fbfcfd;--code-bar: #f5f6f8;--link: #4a8f6c;--login-surface: #ffffff;--brand-accent: #9fdcc0;--t-slate: #64748b;--t-blue: #3b82f6;--t-green: #22c55e;--t-amber: #f59e0b;--t-orange: #f97316;--t-red: #ef4444;--t-pink: #ec4899;--t-teal: #14b8a6;--font-default: system-ui, -apple-system, "Segoe UI", sans-serif;--font-serif: Georgia, "Times New Roman", serif;--font-hand: "Comic Sans MS", "Segoe Print", cursive;--font-mono: ui-monospace, Menlo, Consolas, monospace}html[data-theme=dark]{--bg: #0f1318;--panel: #171c22;--panel-elevated: #1b2128;--panel-muted: #242c36;--panel-soft: #1c2229;--ink: #e6ebf2;--ink-soft: #dce4ee;--muted: #afbac8;--muted-strong: #cad3de;--line: #2a313b;--line-strong: #47515d;--rail: #0b0f13;--rail-hover: #171c22;--rail-active: #202731;--rail-text: #adb8c6;--rail-text-hover: #e4eaf2;--rail-text-active: #ffffff;--accent: #3ddc84;--accent-ink: #0f291a;--accent-text: #7ee6ab;--accent-soft: #143223;--hover: #242c35;--sel: #153023;--selection: #214834;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .32);--shadow-md: 0 12px 30px rgba(0, 0, 0, .38);--shadow-lg: 0 18px 54px rgba(0, 0, 0, .48);--menu-shadow: 0 14px 34px rgba(0, 0, 0, .42);--overlay: rgba(4, 8, 12, .62);--danger: #f87171;--danger-soft: #341b1e;--danger-line: #6b2a31;--danger-ink: #fecaca;--warn-bg: #382f12;--warn-line: #6a5710;--warn-ink: #fde68a;--tag-global-bg: #202a4d;--tag-global-ink: #b9c2ff;--tag-local-bg: #3b2b12;--tag-local-ink: #ffd39a;--input-bg: #12171d;--input-border: #38414d;--placeholder: #8a95a4;--table-head: #222a33;--table-border: #3a4450;--table-selected: rgba(61, 220, 132, .18);--code-bg: #12171d;--code-bar: #222a33;--link: #80d0a5;--login-surface: #131920;--brand-accent: #b9eacd}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-default);color:var(--ink);background:var(--bg);overflow:hidden}button{font-family:inherit}::selection{background:var(--selection)}.swatch{display:inline-block;border-radius:3px}[data-color=slate]{--c: var(--t-slate)}[data-color=blue]{--c: var(--t-blue)}[data-color=green]{--c: var(--t-green)}[data-color=amber]{--c: var(--t-amber)}[data-color=orange]{--c: var(--t-orange)}[data-color=red]{--c: var(--t-red)}[data-color=pink]{--c: var(--t-pink)}[data-color=teal]{--c: var(--t-teal)}.app{display:grid;grid-template-columns:56px 248px 320px 1fr;grid-template-rows:minmax(0,1fr);height:100vh;overflow:hidden}.rail{background:var(--rail);display:flex;flex-direction:column;align-items:center;padding:14px 0;gap:6px}.rail .logo{width:30px;height:30px;border-radius:8px;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font-weight:800;margin-bottom:14px;font-size:17px}.rail button{width:38px;height:38px;border:0;border-radius:9px;background:transparent;color:var(--rail-text);font-size:17px;cursor:pointer;transition:.12s}.rail button:hover{background:var(--rail-hover);color:var(--rail-text-hover)}.rail button.on{background:var(--rail-active);color:var(--rail-text-active)}.rail .spacer{flex:1}.theme-rail-wrap{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:10px}.theme-rail-label{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--rail-text-hover);opacity:.92}.theme-rail{width:46px;padding:5px;border-radius:18px;background:color-mix(in srgb,var(--rail-active) 78%,#fff 22%);border:1px solid color-mix(in srgb,var(--rail-text-hover) 18%,transparent);display:flex;flex-direction:column;gap:5px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff08}.theme-rail-thumb{position:absolute;left:5px;width:34px;height:36px;border-radius:13px;background:var(--accent);box-shadow:0 6px 16px #3ddc844d;transition:transform .18s ease;pointer-events:none}.theme-rail button{width:36px;height:36px;border-radius:13px;border:0;background:transparent;color:var(--rail-text-hover);cursor:pointer;font-size:17px;font-weight:700;position:relative;z-index:1;transition:color .12s ease,transform .12s ease}.theme-rail button:hover{color:#fff;transform:scale(1.04)}.theme-rail button.on{color:var(--accent-ink);transform:none}.nav{background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;min-width:0;min-height:0;height:100%;overflow:hidden}.nbsel{padding:12px;border-bottom:1px solid var(--line);position:relative}.nbsel .pick{display:flex;align-items:center;justify-content:space-between;padding:9px 11px;border:1px solid var(--line);border-radius:9px;cursor:pointer;font-weight:600;font-size:13.5px;background:var(--panel-elevated);color:var(--ink-soft)}.nbsel .pick:hover{background:var(--hover)}.nbsel .pick[data-color]{background:color-mix(in srgb,var(--c) 12%,var(--panel-elevated));border-color:color-mix(in srgb,var(--c) 30%,var(--line));box-shadow:inset 3px 0 color-mix(in srgb,var(--c) 76%,transparent)}.nbsel .pick[data-color]:hover{background:color-mix(in srgb,var(--c) 18%,var(--panel-elevated))}.nbsel .pick .nb{display:flex;align-items:center;gap:8px;min-width:0}.nbsel .pick .nb span.name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nbsel .pick .sw{width:11px;height:11px;border-radius:3px;background:var(--c, var(--t-slate));flex:none}.nbsel .pick .chev{color:var(--muted)}.nbdrop{position:absolute;left:12px;right:12px;top:54px;background:var(--panel-elevated);border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow-md);z-index:40;padding:6px;max-height:340px;overflow:auto}.nbdrop .item{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:8px;font-size:13px;cursor:pointer;color:var(--ink-soft)}.nbdrop .item:hover{background:var(--hover)}.nbdrop .item[data-color]{background:color-mix(in srgb,var(--c) 8%,transparent);border:1px solid transparent}.nbdrop .item[data-color]:hover{background:color-mix(in srgb,var(--c) 14%,var(--hover));border-color:color-mix(in srgb,var(--c) 24%,transparent)}.nbdrop .item.sel{background:color-mix(in srgb,var(--c, var(--accent)) 18%,var(--sel));border-color:color-mix(in srgb,var(--c, var(--accent)) 28%,transparent);color:var(--accent-text);font-weight:600}.nbdrop .item .sw{width:11px;height:11px;border-radius:3px;background:var(--c, var(--t-slate))}.nbdrop .divider{height:1px;background:var(--line);margin:6px 8px}.nbdrop .new{color:var(--accent-text);font-weight:600}.shortcuts{padding:8px 8px 4px}.row{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:8px;font-size:13px;color:var(--ink-soft);cursor:pointer}.row:hover{background:var(--hover)}.row.sel{background:var(--sel);color:var(--accent-text);font-weight:600}.row .ic{width:16px;text-align:center;opacity:.85}.row .ct{margin-left:auto;font-size:11px;color:var(--muted)}.seclabel{font-size:10.5px;letter-spacing:.09em;color:var(--muted);text-transform:uppercase;padding:12px 14px 4px;display:flex;justify-content:space-between;align-items:center}.seclabel .add{cursor:pointer;font-size:15px;color:var(--muted);line-height:1}.seclabel .add:hover{color:var(--accent-text)}.tree{padding:0 8px 14px;overflow-y:auto;overflow-x:hidden;flex:1;min-height:0}.tnode{display:flex;align-items:center;gap:7px;padding:6px 10px;border-radius:7px;font-size:13px;cursor:pointer;color:var(--ink-soft);-webkit-user-select:none;user-select:none}.tnode:hover{background:var(--hover)}.tnode.sel{background:var(--sel);color:var(--accent-text);font-weight:600}.tnode .tw{width:12px;color:var(--muted);font-size:10px;flex:none;text-align:center}.tnode .fdot{width:9px;height:9px;border-radius:2px;background:var(--c, var(--t-amber));flex:none}.tnode .ndot{color:var(--muted);flex:none;width:9px;text-align:center}.tnode .label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tnode.drop-target{background:var(--accent-soft);outline:1.5px dashed var(--accent);outline-offset:-2px}.folder-tile[data-color]{background:color-mix(in srgb,var(--c) 12%,transparent);border:1px solid color-mix(in srgb,var(--c) 18%,transparent);box-shadow:inset 3px 0 color-mix(in srgb,var(--c) 80%,transparent)}.folder-tile[data-color]:hover{background:color-mix(in srgb,var(--c) 18%,var(--hover));border-color:color-mix(in srgb,var(--c) 28%,transparent)}.folder-tile[data-color].sel{background:color-mix(in srgb,var(--c) 20%,var(--sel));border-color:color-mix(in srgb,var(--c) 34%,transparent)}.new-note-action{color:var(--accent-text);font-weight:700}.new-note-action:hover{background:color-mix(in srgb,var(--accent-soft) 72%,transparent)}.new-note-action .tw{color:inherit}.list{background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;min-width:0;min-height:0;height:100%;overflow:hidden}.lhead{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px}.lhead h2{font-size:12px;letter-spacing:.09em;color:var(--muted);text-transform:uppercase;margin:0;font-weight:700}.lhead .tools{display:flex;gap:6px;color:var(--muted)}.lhead .tools button{border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:14px;border-radius:6px;width:26px;height:26px}.lhead .tools button:hover{background:var(--hover);color:var(--ink-soft)}.search{margin:0 14px 8px;display:flex;align-items:center;gap:8px;padding:8px 11px;background:var(--panel-muted);border-radius:9px;color:var(--muted);font-size:13px}.search input{border:0;background:transparent;outline:none;flex:1;font-size:13px;color:var(--ink)}.listscroll{overflow-y:auto;overflow-x:hidden;flex:1;min-height:0}.card{padding:12px 16px;border-bottom:1px solid var(--line);cursor:pointer;border-left:3px solid transparent}.card:hover{background:var(--panel-soft)}.card.sel{background:var(--sel);border-left-color:var(--c, var(--accent))}.card .t{font-size:13.5px;font-weight:600;margin-bottom:3px;display:flex;align-items:center;gap:7px}.card .t .star{color:var(--accent);font-size:12px}.card .t .txt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card .p{font-size:12px;color:var(--muted);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:18px}.card .meta{margin-top:7px;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.card .when{font-size:11px;color:var(--muted);margin-left:auto}.empty-list{padding:40px 22px;text-align:center;color:var(--muted);font-size:13px}.tag{font-size:10.5px;padding:2px 7px;border-radius:20px;background:var(--tag-global-bg);color:var(--tag-global-ink);white-space:nowrap}.tag.local{background:var(--tag-local-bg);color:var(--tag-local-ink)}.tag.dot:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--c);margin-right:5px;vertical-align:middle}.ed{background:var(--panel);display:flex;flex-direction:column;min-width:0;min-height:0;height:100%;overflow:hidden}.toolbar{display:flex;align-items:center;gap:3px;padding:8px 14px;border-bottom:1px solid var(--line);color:var(--ink-soft);flex-wrap:wrap}.tb{height:30px;min-width:30px;padding:0 7px;border:0;background:transparent;border-radius:7px;cursor:pointer;font-size:13px;color:var(--ink-soft);display:inline-flex;align-items:center;gap:5px}.tb:hover{background:var(--hover)}.tb.on{background:var(--sel);color:var(--accent-text)}.tb.plus{background:var(--accent);color:var(--accent-ink);font-weight:800;font-size:16px}.tb:disabled{opacity:.4;cursor:default}.sep{width:1px;height:20px;background:var(--line);margin:0 4px}.sb{border:1px solid var(--line);border-radius:7px;padding:5px 9px;font-size:12.5px;color:var(--ink-soft);display:inline-flex;align-items:center;gap:6px;cursor:pointer;background:var(--panel-elevated);position:relative}.sb:hover{background:var(--hover)}.right{margin-left:auto;display:flex;gap:3px;align-items:center}.sync{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:5px;white-space:nowrap}.sdot{width:7px;height:7px;border-radius:50%;background:var(--accent)}.sync.dirty .sdot{background:var(--t-amber)}.sync.saving .sdot{background:var(--t-amber);animation:pulse 1s infinite}.sync.error .sdot{background:var(--t-red)}@keyframes pulse{50%{opacity:.35}}.menu{position:absolute;top:34px;left:0;background:var(--panel-elevated);border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow-md);padding:6px;z-index:50;min-width:180px}.menu.right{left:auto;right:0}.mi{display:flex;align-items:center;gap:10px;padding:8px 10px;font-size:13px;color:var(--ink);cursor:pointer;border-radius:7px;white-space:nowrap}.mi:hover{background:var(--hover)}.mi.sel{background:var(--sel);color:var(--accent-text)}.mi .ico{width:18px;text-align:center;color:var(--muted-strong)}.mi .hint{margin-left:auto;color:var(--muted);font-size:11px}.mi.danger,.mi.danger .ico{color:var(--danger)}.mi.danger:hover{background:var(--danger-soft)}.mdiv{height:1px;background:var(--line);margin:6px 8px}.swatchgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:8px}.swatchgrid .c{width:30px;height:30px;border-radius:7px;cursor:pointer;border:2px solid transparent}.swatchgrid .c.on{border-color:var(--ink)}.doc{padding:30px 56px 80px;overflow-y:auto;overflow-x:hidden;flex:1;min-height:0}.doc-inner{max-width:760px;margin:0 auto}.crumb{font-size:11.5px;color:var(--muted);margin-bottom:16px;display:flex;gap:6px;flex-wrap:wrap}.titlebar{display:flex;align-items:flex-start;gap:12px}.titlein{font-size:30px;font-weight:700;letter-spacing:-.01em;border:0;outline:none;width:100%;margin:0 0 8px;color:var(--ink);background:transparent}.titlein::placeholder{color:var(--placeholder)}.favbtn{margin-top:4px;flex:none;width:36px;height:36px;border:1px solid var(--line);border-radius:10px;background:var(--panel-elevated);color:var(--muted);display:grid;place-items:center;font-size:18px;cursor:pointer;transition:.12s}.favbtn:hover{background:var(--hover);color:var(--ink-soft)}.favbtn.on{background:var(--warn-bg);border-color:var(--warn-line);color:var(--warn-ink)}.tagline{display:flex;gap:7px;margin-bottom:20px;align-items:center;flex-wrap:wrap}.tagline .addtag{color:var(--muted);font-size:12px;cursor:pointer;border:1px dashed var(--line);border-radius:20px;padding:2px 9px}.tagline .addtag:hover{color:var(--accent-text);border-color:var(--accent)}.footer{height:30px;border-top:1px solid var(--line);display:flex;align-items:center;gap:14px;padding:0 16px;color:var(--muted);font-size:11.5px}.footer .spc{margin-left:auto}.ProseMirror{outline:none;font-size:15px;line-height:1.7;color:var(--ink-soft)}.ProseMirror:focus{outline:none}.ProseMirror>*+*{margin-top:.6em}.ProseMirror p{margin:0}.ProseMirror h1{font-size:26px;font-weight:800;margin:.6em 0 .1em;color:var(--ink)}.ProseMirror h2{font-size:22px;font-weight:700;margin:.6em 0 .1em;color:var(--ink)}.ProseMirror h3{font-size:19px;font-weight:700;color:var(--ink)}.ProseMirror h4{font-size:16.5px;font-weight:700;color:var(--ink)}.ProseMirror h5{font-size:14px;font-weight:700;color:var(--ink)}.ProseMirror h6{font-size:12.5px;font-weight:700;color:var(--muted-strong)}.ProseMirror a{color:var(--link);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px;cursor:pointer}.ProseMirror a:hover{color:var(--accent-text)}.ProseMirror .copy-number{color:var(--accent-text);background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent) 24%,transparent);border-radius:6px;padding:0 4px;cursor:copy;font-weight:700}.ProseMirror .copy-number:hover{background:color-mix(in srgb,var(--accent) 20%,transparent)}.ProseMirror .copy-number[data-copied=true]:after{content:" copied";color:var(--muted);font-size:.78em;font-weight:700}.ProseMirror ul,.ProseMirror ol{padding-left:1.5em;margin:.3em 0}.ProseMirror ul[data-list-style=thick]{list-style:none}.ProseMirror ul[data-list-style=thick]>li:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--ink-soft);margin-left:-1.1em;margin-right:.45em;vertical-align:middle}.ProseMirror ul[data-list-style=arrow]{list-style:none}.ProseMirror ul[data-list-style=arrow]>li:before{content:"→";margin-left:-1.2em;margin-right:.4em;color:var(--muted-strong)}.ProseMirror ol[data-list-style=alpha]{list-style:lower-alpha}.ProseMirror ol[data-list-style=roman]{list-style:upper-roman}.ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--placeholder);pointer-events:none;height:0}.ProseMirror table{border-collapse:collapse;margin:8px 0;overflow:hidden;background:var(--panel-elevated)}.ProseMirror td,.ProseMirror th{border:1px solid var(--table-border);min-width:120px;padding:7px 10px;vertical-align:top;position:relative}.ProseMirror th{background:var(--table-head);font-weight:600;text-align:left}.ProseMirror .selectedCell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--table-selected);pointer-events:none}.un-table-wrap{position:relative;margin:12px 0}.un-table-shell{position:relative;display:inline-block;max-width:100%}.un-table-node{background:var(--panel-elevated)}.table-plus{position:absolute;width:28px;height:28px;border:1px solid var(--line-strong);border-radius:999px;background:var(--panel-elevated);color:var(--ink-soft);display:grid;place-items:center;font-size:18px;line-height:1;cursor:pointer;box-shadow:var(--shadow-md);z-index:5}.table-plus:hover{background:var(--sel);border-color:var(--accent);color:var(--accent-text)}.table-plus-col{right:-14px;top:50%;transform:translateY(-50%)}.table-plus-row{left:50%;bottom:-14px;transform:translate(-50%)}.ProseMirror .un-quote{font-weight:700;font-style:italic;text-decoration:underline;text-underline-offset:3px;color:var(--ink)}.ProseMirror .un-quote:before{content:"“";color:var(--accent);font-style:normal;text-decoration:none}.ProseMirror .un-quote:after{content:"”";color:var(--accent);font-style:normal;text-decoration:none}.un-code{border:1px solid var(--line-strong);border-radius:10px;overflow:hidden;margin:14px 0;box-shadow:var(--shadow-sm)}.un-code .cbar{display:flex;align-items:center;gap:9px;background:var(--code-bar);padding:7px 12px;border-bottom:1px solid var(--line-strong)}.un-code[data-color] .cbar{background:color-mix(in srgb,var(--c) 16%,var(--code-bar))}.un-code .ctitle{font-size:12.5px;font-weight:600;color:var(--ink);border:1px solid transparent;border-radius:5px;padding:2px 6px;background:transparent;outline:none;min-width:60px}.un-code .ctitle:focus{border-color:var(--line-strong);background:var(--panel-elevated)}.un-code .cacts{margin-left:auto;display:flex;gap:4px}.un-code .cb{width:26px;height:26px;border:0;background:transparent;border-radius:6px;cursor:pointer;color:var(--muted);display:grid;place-items:center;font-size:13px}.un-code .cb:hover{background:var(--hover)}.un-code pre{margin:0;padding:13px 14px;font-family:var(--font-mono);font-size:12.5px;line-height:1.6;color:var(--ink-soft);background:var(--code-bg);overflow:auto}.un-code .colorpop{position:absolute;background:var(--panel-elevated);border:1px solid var(--line);border-radius:9px;box-shadow:var(--shadow-md);padding:8px;display:grid;grid-template-columns:repeat(4,24px);gap:7px;z-index:30;margin-top:4px}.un-code .colorpop .c{width:24px;height:24px;border-radius:6px;cursor:pointer;border:2px solid transparent}.un-code .colorpop .c.on{border-color:var(--ink)}.voice-note{display:inline-flex;max-width:100%;border:1px solid var(--line-strong);border-radius:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 8%,var(--panel-elevated)),var(--panel-elevated));box-shadow:var(--shadow-sm);margin:10px 0;overflow:hidden}.voice-note.recording{border-color:color-mix(in srgb,var(--t-red) 45%,var(--line-strong))}.voice-note.uploading{border-color:color-mix(in srgb,var(--t-amber) 45%,var(--line-strong))}.voice-note.error{border-color:var(--danger-line);background:color-mix(in srgb,var(--danger-soft) 65%,var(--panel-elevated))}.vn-main{display:flex;align-items:center;gap:9px;padding:8px 9px;max-width:100%}.vn-icon{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;flex:0 0 auto;background:var(--accent);color:var(--accent-ink);font-size:14px;font-weight:800}.voice-note.recording .vn-icon{background:var(--t-red);color:#fff;animation:pulse 1s infinite}.vn-body{flex:1;min-width:0}.vn-title{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:800;color:var(--ink);margin-bottom:4px;flex-wrap:wrap;line-height:1.2}.vn-title span{font-size:10.5px;font-weight:700;color:var(--muted)}.vn-empty{font-size:12.5px;color:var(--muted)}.vn-error{margin-top:6px;color:var(--danger-ink);font-size:12px;line-height:1.4}.vn-meta{margin-top:4px;font-size:10.5px;color:var(--muted)}.vn-playrow{display:flex;align-items:center;gap:6px;min-width:0}.vn-body audio{display:block;width:290px;max-width:42vw;height:30px}.vn-speed{height:30px;border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--ink-soft);font-size:11px;font-weight:700}.vn-actions{display:flex;align-items:center;gap:5px;flex:0 0 auto}.vn-actions .danger{color:var(--danger);border-color:var(--danger-line);background:var(--danger-soft)}.cloud-img{margin:16px 0}.img-shell{display:inline-flex;max-width:100%;flex-direction:column;gap:7px;border:1px solid var(--line-strong);border-radius:14px;background:var(--panel-elevated);padding:10px;box-shadow:var(--shadow-sm)}.cloud-img.selected .img-shell{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.cloud-img.uploading .img-shell{border-color:color-mix(in srgb,var(--t-amber) 45%,var(--line-strong))}.cloud-img.error .img-shell{border-color:var(--danger-line);background:color-mix(in srgb,var(--danger-soft) 55%,var(--panel-elevated))}.img-frame{position:relative;max-width:100%;min-width:120px;min-height:80px;overflow:hidden;border-radius:10px;background:var(--panel-soft)}.img-frame img{display:block;width:100%;height:100%;object-fit:fill;-webkit-user-select:none;user-select:none;pointer-events:none}.img-pick{width:min(520px,72vw);height:220px;border:1px dashed var(--line-strong);border-radius:12px;background:color-mix(in srgb,var(--accent) 7%,var(--panel-soft));color:var(--ink-soft);font:inherit;font-weight:800;cursor:pointer;display:grid;place-items:center;gap:8px}.img-pick span{width:34px;height:34px;display:grid;place-items:center;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-size:20px}.img-pick:hover{border-color:var(--accent);color:var(--accent-text)}.img-bar{display:flex;align-items:center;gap:8px;max-width:720px;color:var(--muted);font-size:11.5px}.img-bar input{flex:1;min-width:160px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink-soft);padding:6px 8px;font:inherit}.img-error{color:var(--danger-ink)}.img-resize{position:absolute;width:12px;height:12px;border:2px solid var(--panel-elevated);border-radius:50%;background:var(--accent);box-shadow:var(--shadow-sm);z-index:4}.img-resize.h-n{top:-6px;left:50%;transform:translate(-50%);cursor:ns-resize}.img-resize.h-ne{top:-6px;right:-6px;cursor:nesw-resize}.img-resize.h-e{top:50%;right:-6px;transform:translateY(-50%);cursor:ew-resize}.img-resize.h-se{right:-6px;bottom:-6px;cursor:nwse-resize}.img-resize.h-s{left:50%;bottom:-6px;transform:translate(-50%);cursor:ns-resize}.img-resize.h-sw{left:-6px;bottom:-6px;cursor:nesw-resize}.img-resize.h-w{top:50%;left:-6px;transform:translateY(-50%);cursor:ew-resize}.img-resize.h-nw{top:-6px;left:-6px;cursor:nwse-resize}.ff-default{font-family:var(--font-default)}.ff-serif{font-family:var(--font-serif)}.ff-hand{font-family:var(--font-hand)}.ff-mono{font-family:var(--font-mono)}.ctxmenu{position:fixed;z-index:200;width:216px;background:var(--panel-elevated);border:1px solid var(--line);border-radius:11px;box-shadow:var(--menu-shadow);padding:6px}.ctxmenu .sub{position:relative}.ctxmenu .flyout{position:absolute;left:100%;top:0;margin-left:4px}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);z-index:150;display:flex;align-items:center;justify-content:center;padding:24px}.modal{background:var(--panel-elevated);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-lg);overflow:hidden;width:100%;max-width:380px}.modal.wide{max-width:440px}.mhead{padding:16px 18px 6px}.mhead h3{margin:0;font-size:15.5px}.mhead .ctx{font-size:12px;color:var(--muted);margin-top:3px}.mbody{padding:8px 18px 4px}.field{margin-bottom:14px}.flabel{font-size:11px;color:var(--muted-strong);margin-bottom:6px;font-weight:600}.input{width:100%;border:1px solid var(--input-border);border-radius:9px;padding:10px 12px;font-size:14px;color:var(--ink);background:var(--input-bg);font-family:inherit}.input:focus{outline:2px solid var(--accent);border-color:transparent}.swrow{display:flex;gap:9px;flex-wrap:wrap}.swrow .sw{width:28px;height:28px;border-radius:8px;cursor:pointer;border:2px solid transparent;position:relative}.swrow .sw.on{border-color:var(--ink)}.swrow .sw.on:after{content:"✓";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;font-size:13px;font-weight:800}.mfoot{display:flex;justify-content:flex-end;gap:9px;padding:14px 18px 16px}.btn{border:1px solid var(--line);background:var(--panel-elevated);border-radius:9px;padding:8px 15px;font-size:13px;cursor:pointer;color:var(--ink-soft)}.btn:hover{background:var(--hover)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:700}.btn.primary:hover{filter:brightness(.97);background:var(--accent)}.btn.danger{background:var(--t-red);border-color:var(--t-red);color:#fff;font-weight:700}.warnicon{width:38px;height:38px;border-radius:10px;background:var(--danger-soft);color:var(--danger);display:grid;place-items:center;font-size:18px;margin-bottom:10px}.picker{max-height:220px;overflow:auto;border:1px solid var(--line);border-radius:10px;padding:6px}.pi{display:flex;align-items:center;gap:9px;padding:7px 9px;border-radius:7px;font-size:13px;cursor:pointer;color:var(--ink-soft)}.pi:hover{background:var(--hover)}.pi.sel{background:var(--sel);color:var(--accent-text);font-weight:600}.pi .sw2{width:11px;height:11px;border-radius:3px;background:var(--c, var(--t-slate))}.pi .ico{color:var(--muted);width:15px;text-align:center}.view{grid-column:3 / span 2;background:var(--panel);display:flex;flex-direction:column;min-width:0;min-height:0;height:100%;overflow:auto}.viewhead{display:flex;align-items:center;gap:12px;padding:18px 26px 6px}.viewhead h1{margin:0;font-size:20px}.viewhead .vsub{font-size:12.5px;color:var(--muted)}.viewbody{padding:10px 26px 40px}.seg{display:flex;border:1px solid var(--line);border-radius:8px;overflow:hidden;font-size:12px;margin-left:auto}.seg span{padding:5px 11px;cursor:pointer;color:var(--muted-strong)}.seg span.on{background:var(--sel);color:var(--accent-text);font-weight:600}.notegrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-top:6px}.ncard{border:1px solid var(--line);border-radius:10px;padding:12px 14px;cursor:pointer;border-left:3px solid var(--c, var(--t-slate));background:var(--panel-elevated)}.ncard:hover{box-shadow:var(--shadow-md)}.ncard .t{font-size:13.5px;font-weight:600;margin-bottom:4px;display:flex;align-items:center;gap:7px}.ncard .t .star{color:var(--accent);font-size:12px}.ncard .p{font-size:12px;color:var(--muted);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:18px}.ncard .m{margin-top:8px;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.ncard .path{margin-left:auto;font-size:10.5px;color:var(--muted)}.trashbar{display:flex;align-items:center;gap:12px;margin:4px 0 8px}.trashbar .empty{margin-left:auto;font-size:12px;color:var(--danger);cursor:pointer;background:none;border:0}.trashbar .empty:hover{color:color-mix(in srgb,var(--danger) 72%,white)}.thead,.trow{display:grid;grid-template-columns:96px 1.6fr 1fr 100px 150px;align-items:center;gap:10px;padding:9px 8px}.thead{font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line)}.trow{border-bottom:1px solid var(--line);font-size:13px}.trow:hover{background:var(--panel-soft)}.badge{font-size:10px;font-weight:700;padding:2px 7px;border-radius:5px;text-transform:uppercase;letter-spacing:.03em;width:max-content}.b-note{background:var(--tag-global-bg);color:var(--tag-global-ink)}.b-folder{background:var(--tag-local-bg);color:var(--tag-local-ink)}.b-notebook{background:color-mix(in srgb,var(--t-pink) 18%,var(--panel-elevated));color:color-mix(in srgb,var(--t-pink) 70%,var(--ink))}.b-tag{background:color-mix(in srgb,var(--accent) 18%,var(--panel-elevated));color:color-mix(in srgb,var(--accent) 75%,var(--ink))}.b-voiceNote{background:color-mix(in srgb,var(--t-amber) 20%,var(--panel-elevated));color:color-mix(in srgb,var(--t-amber) 72%,var(--ink))}.b-image{background:color-mix(in srgb,var(--t-blue) 18%,var(--panel-elevated));color:color-mix(in srgb,var(--t-blue) 72%,var(--ink))}.iname{display:flex;align-items:center;gap:9px;font-weight:500}.iname .ic{color:var(--muted)}.from,.when{color:var(--muted);font-size:12px}.ta{display:flex;gap:6px;justify-content:flex-end}.ta button{border:1px solid var(--line);background:var(--panel-elevated);border-radius:6px;padding:4px 9px;font-size:11px;cursor:pointer;color:var(--ink-soft)}.ta button.restore:hover{background:var(--sel);border-color:var(--accent);color:var(--accent-text)}.ta button.purge{color:var(--danger)}.ta button.purge:hover{background:var(--danger-soft);border-color:var(--danger-line)}.view-empty{padding:60px 20px;text-align:center;color:var(--muted)}.view-empty .big{font-size:34px;margin-bottom:10px}.tagside .titem{width:100%;border:0;background:transparent;text-align:left;display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:8px;font-size:13px;color:var(--ink-soft);cursor:pointer}.tagside .titem:hover{background:var(--hover)}.tagside .titem.sel{background:var(--sel);color:var(--accent-text);font-weight:600}.tagside .titem .sw{width:11px;height:11px;border-radius:3px;background:var(--c, var(--t-slate))}.tagside .titem .ct{margin-left:auto;font-size:11px;color:var(--muted)}.tag-toggle-chip{border:0;cursor:pointer;font:inherit}.tag-create{margin-top:18px;padding:0 10px 10px}.tag-scope{margin-top:10px}.tag-colors{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.tag-color{height:28px;border-radius:8px;border:2px solid transparent;cursor:pointer}.tag-color.on{border-color:var(--ink)}.tag-create-btn{width:100%;margin-top:12px}.login{display:grid;grid-template-columns:1.05fr .95fr;height:100vh;background:var(--login-surface)}.login .brand{background:linear-gradient(160deg,#10221a,#143a2a 55%,#0c1a14);color:#fff;padding:54px 56px;display:flex;flex-direction:column;position:relative;overflow:hidden}.login .brand:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(61,220,132,.32),transparent 70%);right:-120px;top:-80px}.login .blogo{display:flex;align-items:center;gap:12px;font-weight:800;font-size:18px}.login .blogo .mark{width:34px;height:34px;border-radius:9px;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font-size:20px}.login .tagh{margin-top:auto;font-size:32px;font-weight:800;line-height:1.18;letter-spacing:-.02em;max-width:420px}.login .tagh span{color:var(--accent)}.login .bsub{margin-top:16px;color:var(--brand-accent);font-size:14px;max-width:360px;line-height:1.6}.login .chips{margin-top:26px;display:flex;gap:9px;flex-wrap:wrap}.login .chip{background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:6px 13px;font-size:12px;color:#cfeede}.login .panel{display:flex;align-items:center;justify-content:center;padding:40px}.login .card{width:100%;max-width:360px}.login .card h1{font-size:24px;margin:0 0 6px}.login .lede{color:var(--muted);font-size:13.5px;margin:0 0 26px}.login .signin{width:100%;background:var(--accent);color:var(--accent-ink);border:0;border-radius:10px;padding:13px;font-size:15px;font-weight:800;cursor:pointer;margin-top:6px}.login .signin:hover{filter:brightness(.97)}.login .note{margin-top:20px;font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px;justify-content:center}.login .err{margin-top:16px;background:var(--danger-soft);border:1px solid var(--danger-line);color:var(--danger-ink);border-radius:9px;padding:10px 12px;font-size:12.5px}.login-theme{margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.login-theme .theme-label{font-size:12px;color:var(--muted);font-weight:600}.login-theme .seg{margin-left:0}.login .foot{margin-top:30px;text-align:center;font-size:11.5px;color:var(--muted)}.login a{color:var(--link);text-decoration:none;font-size:12.5px}.iconbtn{border:0;background:transparent;cursor:pointer;color:var(--muted);border-radius:6px;padding:4px}.iconbtn:hover{background:var(--hover);color:var(--ink-soft)}