@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;600&display=swap";.notes-panel[data-v-9924c483]{display:flex;height:100%;background:var(--bg-surface)}.notes-sidebar[data-v-9924c483]{width:240px;border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;flex-shrink:0}.notes-list-header[data-v-9924c483]{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--border)}.notes-list-title[data-v-9924c483]{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.btn-new[data-v-9924c483]{width:26px;height:26px;border-radius:var(--radius-sm);background:var(--accent);color:#11111b;font-size:18px;line-height:1;font-weight:700}.btn-new[data-v-9924c483]:hover{background:var(--accent-hover)}.btn-new[data-v-9924c483]:disabled{opacity:.5}.notes-search[data-v-9924c483]{padding:8px;border-bottom:1px solid var(--border)}.notes-search input[data-v-9924c483]{width:100%;font-size:12px}.notes-list-items[data-v-9924c483]{flex:1;overflow-y:auto;padding:4px 0}.list-hint[data-v-9924c483]{padding:12px;color:var(--muted);font-size:12px;text-align:center}.note-item[data-v-9924c483]{display:flex;align-items:center;padding:8px 12px;cursor:pointer;gap:8px;transition:background .1s}.note-item[data-v-9924c483]:hover{background:var(--bg-overlay)}.note-item.active[data-v-9924c483]{background:var(--bg-overlay);border-left:2px solid var(--accent)}.note-item .note-icon[data-v-9924c483]{color:var(--accent);flex-shrink:0}.note-item .note-info[data-v-9924c483]{flex:1;min-width:0}.note-item .note-name[data-v-9924c483]{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-item.active .note-name[data-v-9924c483]{color:var(--accent);font-weight:500}.note-item .note-date[data-v-9924c483]{font-size:11px;color:var(--muted)}.note-item .note-delete[data-v-9924c483]{opacity:0;width:22px;height:22px;border-radius:var(--radius-sm);background:transparent;color:var(--muted);display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}.note-item:hover .note-delete[data-v-9924c483]{opacity:1}.note-item .note-delete[data-v-9924c483]:hover{background:var(--red);color:#fff}.notes-editor[data-v-9924c483]{flex:1;display:flex;flex-direction:column;overflow:hidden}.editor-empty[data-v-9924c483]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--muted)}.empty-icon[data-v-9924c483]{font-size:48px;opacity:.4}.editor-empty p[data-v-9924c483]{font-size:13px}.editor-toolbar[data-v-9924c483]{display:flex;align-items:center;gap:4px;padding:6px 12px;border-bottom:1px solid var(--border);flex-shrink:0;flex-wrap:wrap;row-gap:4px}.tbtn[data-v-9924c483]{min-width:28px;height:28px;padding:0 6px;border-radius:var(--radius-sm);background:transparent;color:var(--muted);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;white-space:nowrap}.tbtn[data-v-9924c483]:hover{background:var(--bg-overlay);color:var(--text)}.tbtn.active[data-v-9924c483]{color:var(--accent)}.tsep[data-v-9924c483]{width:1px;height:20px;background:var(--border);margin:0 4px;flex-shrink:0}.save-status[data-v-9924c483]{font-size:11px;color:var(--green)}.btn-save[data-v-9924c483]{transition:all .2s;min-width:28px}.btn-save.unsaved[data-v-9924c483]{color:var(--yellow)}.btn-save.unsaved[data-v-9924c483]:hover{background:var(--yellow);color:#11111b}.btn-save.saving[data-v-9924c483]{color:var(--muted)}.btn-save[data-v-9924c483]:disabled:not(.unsaved):not(.saving){opacity:.4}.mode-group[data-v-9924c483]{display:flex;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0}.mode-btn[data-v-9924c483]{border-radius:0;min-width:28px;height:28px;padding:0}.mode-btn[data-v-9924c483]:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.mode-btn[data-v-9924c483]:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.word-count[data-v-9924c483]{font-size:11px;color:var(--muted);padding:0 6px;white-space:nowrap}.editor-title[data-v-9924c483]{padding:10px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.editor-title input[data-v-9924c483]{width:100%;background:transparent;border:none;font-size:16px;font-weight:600;color:var(--text);padding:0}.editor-title input[data-v-9924c483]:focus{outline:none}.editor-split[data-v-9924c483]{flex:1;display:flex;overflow:hidden}.editor-pane[data-v-9924c483]{flex:1;overflow:hidden;display:flex;flex-direction:column}.editor-pane-write textarea[data-v-9924c483]{flex:1;width:100%;padding:16px 20px;font-family:Fira Code,Cascadia Code,Consolas,monospace;font-size:14px;line-height:1.8;background:transparent;border:none;color:var(--text);resize:none}.editor-pane-write textarea[data-v-9924c483]:focus{outline:none}.editor-divider[data-v-9924c483]{width:1px;background:var(--border);flex-shrink:0}.editor-pane-preview[data-v-9924c483]{overflow-y:auto;position:relative}.rich-editor[data-v-9924c483]{flex:1;padding:16px 24px;font-size:14px;line-height:1.8;color:var(--text);outline:none;min-height:100%;word-break:break-word;overflow-wrap:break-word;caret-color:var(--accent)}.rich-editor[data-v-9924c483]:empty:before{content:attr(data-placeholder);color:var(--muted);pointer-events:none}.rich-preview[data-v-9924c483]{position:absolute;top:0;right:0;bottom:0;left:0;padding:16px 24px;font-size:14px;line-height:1.8;overflow-y:auto;display:none}.md-line[data-v-9924c483]{color:var(--text)}.md-h1[data-v-9924c483],.md-h2[data-v-9924c483],.md-h3[data-v-9924c483]{color:var(--accent-hover);font-weight:700;display:block}.md-h1 .md-h1[data-v-9924c483],.md-h2 .md-h2[data-v-9924c483],.md-h3 .md-h3[data-v-9924c483]{color:var(--accent-hover);font-size:inherit;font-weight:700}.md-list-mark[data-v-9924c483]{color:var(--accent);font-weight:700}.md-quote-mark[data-v-9924c483]{color:var(--yellow);font-style:italic}.md-code-block[data-v-9924c483]{color:var(--muted);display:block;background:var(--bg-overlay);padding:2px 6px;border-radius:3px;font-family:monospace;font-size:.9em}.md-hr[data-v-9924c483]{color:var(--muted);display:block;opacity:.4}.md-bold[data-v-9924c483]{font-weight:700}.md-italic[data-v-9924c483]{font-style:italic}.md-strike[data-v-9924c483]{text-decoration:line-through;color:var(--muted)}.md-code[data-v-9924c483]{background:var(--bg-overlay);padding:1px 6px;border-radius:4px;font-size:.88em;color:var(--green);font-family:Fira Code,monospace}.md-link[data-v-9924c483]{color:var(--accent);text-decoration:underline}.md-code-block[data-v-9924c483]{color:var(--muted);background:var(--bg-overlay);display:block;padding:2px 6px;border-radius:3px;font-family:monospace;font-size:.9em}.rich-preview[data-v-9924c483] h1{color:var(--accent-hover);font-size:1.7em;margin:.8em 0 .3em;border-bottom:1px solid var(--border);padding-bottom:.2em}.rich-preview[data-v-9924c483] h2{color:var(--accent-hover);font-size:1.35em;margin:.7em 0 .25em;border-bottom:1px solid var(--border);padding-bottom:.15em}.rich-preview[data-v-9924c483] h3{color:var(--accent-hover);font-size:1.1em;margin:.6em 0 .25em}.rich-preview[data-v-9924c483] p{margin:.6em 0}.rich-preview[data-v-9924c483] ul,.rich-preview[data-v-9924c483] ol{padding-left:24px;margin:.5em 0}.rich-preview[data-v-9924c483] li{margin:.3em 0}.rich-preview[data-v-9924c483] code{background:var(--bg-overlay);padding:1px 6px;border-radius:4px;font-size:.88em;color:var(--green);font-family:Fira Code,monospace}.rich-preview[data-v-9924c483] pre{background:var(--bg-overlay);padding:14px 16px;border-radius:8px;overflow-x:auto;margin:.8em 0}.rich-preview[data-v-9924c483] pre code{background:none;padding:0;font-size:.9em}.rich-preview[data-v-9924c483] blockquote{border-left:3px solid var(--accent);padding-left:14px;margin:.8em 0;color:var(--muted)}.rich-preview[data-v-9924c483] strong{color:var(--accent)}.rich-preview[data-v-9924c483] a{color:var(--accent);text-decoration:underline}.rich-preview[data-v-9924c483] hr{border:none;border-top:1px solid var(--border);margin:1em 0}.rich-preview[data-v-9924c483] table{border-collapse:collapse;width:100%;margin:.8em 0}.rich-preview[data-v-9924c483] th,.rich-preview[data-v-9924c483] td{border:1px solid var(--border);padding:6px 12px}.rich-preview[data-v-9924c483] th{background:var(--bg-overlay);font-weight:600}.fmt-bold[data-v-9924c483]{font-weight:700}.fmt-italic[data-v-9924c483]{font-style:italic}.fmt-strike[data-v-9924c483]{text-decoration:line-through;color:var(--muted)}.fmt-code[data-v-9924c483]{background:var(--bg-overlay);padding:1px 6px;border-radius:4px;font-size:.88em;color:var(--green);font-family:Fira Code,monospace}.todo-panel[data-v-75130ced]{display:flex;flex-direction:column;height:100%;background:var(--bg-surface)}.todo-header[data-v-75130ced]{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border);flex-shrink:0;color:var(--accent)}.todo-header h2[data-v-75130ced]{font-size:14px;font-weight:600;color:var(--text)}.todo-icon[data-v-75130ced]{font-size:20px}.login-prompt[data-v-75130ced]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:30px;text-align:center}.login-icon[data-v-75130ced]{font-size:48px;opacity:.4}.login-prompt p[data-v-75130ced]{font-size:13px;color:var(--muted);line-height:1.6}.btn-primary[data-v-75130ced]{padding:8px 20px;background:var(--accent);color:#11111b;border-radius:var(--radius);font-size:13px;font-weight:600}.btn-primary[data-v-75130ced]:hover{background:var(--accent-hover)}.todo-loading[data-v-75130ced],.todo-empty[data-v-75130ced]{flex:1;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--muted)}.todo-empty p[data-v-75130ced]{text-align:center;padding:0 20px}.todo-content[data-v-75130ced]{flex:1;overflow-y:auto;padding:8px 0}.todo-section[data-v-75130ced]{margin-bottom:4px}.section-header[data-v-75130ced]{display:flex;align-items:center;padding:6px 14px;cursor:pointer;gap:6px;-webkit-user-select:none;user-select:none}.section-header[data-v-75130ced]:hover{background:var(--bg-overlay)}.chevron[data-v-75130ced]{color:var(--muted);font-size:10px;transition:transform .15s}.chevron.open[data-v-75130ced]{transform:rotate(90deg)}.section-name[data-v-75130ced]{flex:1;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.section-count[data-v-75130ced]{background:var(--bg-overlay);color:var(--muted);border-radius:10px;padding:0 6px;font-size:11px;min-width:20px;text-align:center}.add-row[data-v-75130ced]{display:flex;align-items:center;padding:4px 14px;gap:8px}.add-row input[data-v-75130ced]{flex:1;font-size:13px}.btn-add[data-v-75130ced]{width:28px;height:28px;border-radius:var(--radius-sm);background:var(--accent);color:#11111b;font-size:18px;line-height:1;font-weight:700;flex-shrink:0}.btn-add[data-v-75130ced]:hover{background:var(--accent-hover)}.todo-item[data-v-75130ced]{display:flex;align-items:center;padding:6px 14px;gap:8px;cursor:pointer;transition:background .1s}.todo-item[data-v-75130ced]:hover{background:var(--bg-overlay)}.todo-item.done .task-title[data-v-75130ced]{color:var(--muted);text-decoration:line-through}.checkbox[data-v-75130ced]{width:18px;height:18px;border-radius:50%;border:2px solid var(--border);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:12px;transition:all .15s;color:transparent}.todo-item.done .checkbox[data-v-75130ced]{background:var(--green);border-color:var(--green);color:#11111b}.task-title[data-v-75130ced]{flex:1;font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.priority-dot.red[data-v-75130ced]{width:6px;height:6px;border-radius:50%;background:var(--red);flex-shrink:0}.due[data-v-75130ced]{font-size:11px;color:var(--muted);flex-shrink:0}.due.overdue[data-v-75130ced]{color:var(--red)}.task-del[data-v-75130ced]{opacity:0;width:22px;height:22px;border-radius:var(--radius-sm);background:transparent;color:var(--muted);display:flex;align-items:center;justify-content:center;font-size:11px;flex-shrink:0}.todo-item:hover .task-del[data-v-75130ced]{opacity:1}.task-del[data-v-75130ced]:hover{background:var(--red);color:#fff}.app[data-v-3a434a92]{display:flex;flex-direction:column;height:100vh;height:100dvh;background:var(--bg-base);max-width:100vw;overflow:hidden}.topbar[data-v-3a434a92]{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 16px;background:var(--bg-mantle);border-bottom:1px solid var(--border);flex-shrink:0}.topbar-brand[data-v-3a434a92]{display:flex;align-items:center;gap:8px}.brand-icon[data-v-3a434a92]{font-size:20px}.brand-name[data-v-3a434a92]{font-size:16px;font-weight:600;color:var(--text)}.topbar-actions[data-v-3a434a92]{display:flex;align-items:center;gap:10px}.btn-login[data-v-3a434a92]{padding:6px 16px;border-radius:20px;background:var(--accent);color:#11111b;font-size:13px;font-weight:600}.btn-login[data-v-3a434a92]:hover{background:var(--accent-hover)}.user-name[data-v-3a434a92]{font-size:13px;color:var(--subtext);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-logout[data-v-3a434a92]{padding:6px 12px;border-radius:20px;background:var(--bg-overlay);color:var(--muted);font-size:12px}.btn-logout[data-v-3a434a92]:hover{color:var(--red)}.content[data-v-3a434a92]{flex:1;overflow:hidden}.tabbar[data-v-3a434a92]{display:flex;justify-content:center;gap:32px;height:56px;padding:0 24px;background:var(--bg-mantle);border-top:1px solid var(--border);flex-shrink:0;padding-bottom:env(safe-area-inset-bottom)}.tab-btn[data-v-3a434a92]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:72px;padding:6px 20px;border-radius:12px;background:transparent;color:var(--muted);transition:all .2s}.tab-btn[data-v-3a434a92]:active{transform:scale(.95)}.tab-icon[data-v-3a434a92]{font-size:20px;transition:transform .2s}.tab-label[data-v-3a434a92]{font-size:11px;font-weight:500;letter-spacing:.02em}.tab-btn.active[data-v-3a434a92]{color:var(--accent);background:var(--bg-overlay)}.tab-btn.active .tab-icon[data-v-3a434a92]{transform:scale(1.1)}:root{--bg-base: #11111b;--bg-surface: #181825;--bg-mantle: #1e1e2e;--bg-overlay: #313244;--border: #45475a;--text: #cdd6f4;--subtext: #bac2de;--muted: #6c7086;--accent: #89b4fa;--accent-hover:#b4befe;--green: #a6e3a1;--red: #f38ba8;--yellow: #f9e2af;--radius: 8px;--radius-sm: 4px;--font: "Noto Sans SC", -apple-system, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%;width:100%;overflow:hidden}body{font-family:var(--font);background:var(--bg-base);color:var(--text);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}button{font-family:var(--font);cursor:pointer;border:none;outline:none;transition:all .15s}input,textarea{font-family:var(--font);color:var(--text);background:var(--bg-overlay);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 10px;outline:none;transition:border-color .15s;resize:none}input:focus,textarea:focus{border-color:var(--accent)}input::placeholder,textarea::placeholder{color:var(--muted)}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}