.ProseMirror{word-wrap:break-word;white-space:pre-wrap;white-space:break-spaces;-webkit-font-variant-ligatures:none;font-variant-ligatures:none;font-feature-settings:"liga" 0;position:relative}.ProseMirror pre{white-space:pre-wrap}.ProseMirror li{position:relative}.ProseMirror-hideselection ::selection{background:0 0}.ProseMirror-hideselection ::selection{background:0 0}.ProseMirror-hideselection{caret-color:#0000}.ProseMirror [draggable][contenteditable=false]{-webkit-user-select:text;user-select:text}.ProseMirror-selectednode{outline:2px solid #8cf}li.ProseMirror-selectednode{outline:none}li.ProseMirror-selectednode:after{content:"";pointer-events:none;border:2px solid #8cf;position:absolute;inset:-2px -2px -2px -32px}img.ProseMirror-separator{border:none!important;margin:0!important;display:inline!important}.ProseMirror-textblock-dropdown{min-width:3em}.ProseMirror-menu{margin:0 -4px;line-height:1}.ProseMirror-tooltip .ProseMirror-menu{white-space:pre;width:fit-content}.ProseMirror-menuitem{margin-right:3px;display:inline-block}.ProseMirror-menuitem button{box-shadow:none;color:inherit;font-size:inherit;background:0 0;border:none;font-family:inherit}.ProseMirror-menuseparator{border-right:1px solid #ddd;margin-right:3px}.ProseMirror-menuitem .ProseMirror-menu-dropdown,.ProseMirror-menu-dropdown-menu{white-space:nowrap;font-size:90%}.ProseMirror-menuitem .ProseMirror-menu-dropdown{vertical-align:1px;cursor:pointer;padding-right:15px;position:relative}.ProseMirror-menu-dropdown-wrap{padding:1px 0 1px 4px;display:inline-block;position:relative}.ProseMirror-menu-dropdown:after{content:"";opacity:.6;border-top:4px solid;border-left:4px solid #0000;border-right:4px solid #0000;position:absolute;top:calc(50% - 2px);right:4px}.ProseMirror-menu-dropdown-menu,.ProseMirror-menu-submenu{color:#666;background:#fff;border:1px solid #aaa;padding:2px;position:absolute}.ProseMirror-menu-dropdown-menu ul,.ProseMirror-menu-dropdown-menu ol,.ProseMirror-menu-submenu ul,.ProseMirror-menu-submenu ol{margin:0;padding:0;list-style:none}.ProseMirror-menu-dropdown-menu{z-index:15;min-width:6em}.ProseMirror-menu-dropdown-item button{cursor:pointer;padding:2px 8px 2px 4px}.ProseMirror-menu-dropdown-item:hover,.ProseMirror-menu-dropdown-item:focus-within{background:#f2f2f2}.ProseMirror-menu-submenu-wrap{margin-right:-4px;position:relative}.ProseMirror-menu-submenu-label:after{content:"";opacity:.6;border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:4px solid;position:absolute;top:calc(50% - 4px);right:4px}.ProseMirror-menu-submenu{min-width:4em;display:none;top:-3px;left:100%}.ProseMirror-menuitem .ProseMirror-menu-active{background:#eee;border-radius:4px}.ProseMirror-menuitem .ProseMirror-menu-disabled{opacity:.3}.ProseMirror-menu-submenu-wrap:hover .ProseMirror-menu-submenu,.ProseMirror-menu-submenu:focus-within,.ProseMirror-menu-submenu-wrap-active .ProseMirror-menu-submenu{display:block}.ProseMirror-menubar{border-top-left-radius:inherit;border-top-right-radius:inherit;color:#666;z-index:10;box-sizing:border-box;background:#fff;border-bottom:1px solid silver;min-height:1em;padding:1px 6px;position:relative;top:0;left:0;right:0;overflow:visible}.ProseMirror-icon{vertical-align:-2px;cursor:pointer;padding:2px 8px;line-height:.8;display:inline-block}.ProseMirror-menu-disabled.ProseMirror-icon{cursor:default}.ProseMirror-icon svg{fill:currentColor;height:1em}.ProseMirror-icon span{vertical-align:text-top}:root{--background:#f6f7f8;--surface:#fff;--text:#1a1f24;--muted:#6a727b;--border:#d9dee3;--accent:#1f6f5e;--accent-soft:#dceee9;--danger:#b84a4a;--shadow:0 8px 24px #0d12160f;--radius:12px;--callout-note:8, 109, 221;--callout-default:8, 109, 221;--callout-success:8, 185, 78;--callout-warning:236, 117, 0;--callout-danger:233, 49, 71;--callout-tip:0, 191, 188;--callout-info:8, 109, 221;--callout-quote:158, 158, 158}*{box-sizing:border-box}html,body{color:var(--text);background:linear-gradient(#f9fafb 0%,#f1f4f6 100%);min-height:100%;margin:0;padding:0;font-family:Noto Sans SC,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}body{padding:20px}.app-shell{flex-direction:column;gap:12px;width:min(1100px,100%);height:calc(100vh - 40px);margin:0 auto;display:flex}@supports (height:100dvh){.app-shell{height:calc(100dvh - 40px)}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.topbar{justify-content:space-between;align-items:center;padding:6px 0;display:flex}.title{letter-spacing:1px;margin:0;font-size:18px}.menu-wrapper{position:relative}.menu-btn{cursor:pointer;width:36px;height:36px;color:var(--text);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:0;display:flex}.menu-btn:hover{background:var(--accent-soft)}.menu-dropdown{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:150px;box-shadow:var(--shadow);z-index:100;flex-direction:column;gap:2px;padding:6px;display:none;position:absolute;top:calc(100% + 4px);right:0}.menu-dropdown.open{display:flex}.menu-dropdown button{text-align:left;cursor:pointer;width:100%;color:var(--text);white-space:nowrap;background:0 0;border:none;border-radius:8px;padding:8px 12px;font-size:14px}.menu-dropdown button:hover{background:var(--accent-soft)}.menu-dropdown .tab-btn.active{color:var(--accent);font-weight:600}.menu-dropdown hr{border:none;border-top:1px solid var(--border);margin:4px 0}button{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#fff;border-radius:10px;padding:8px 12px;font-size:14px}button:hover{border-color:#b8c1c9}.tab-btn.active,button.active{border-color:var(--accent);background:var(--accent-soft);color:#12463c}.ghost-btn{color:var(--danger)}.workspace{flex-direction:column;flex:1;min-height:0;padding:12px;display:flex}.panel{height:100%;min-height:0;display:none}.panel.active{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex}.archive-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px;display:flex}.archive-bar label{color:var(--muted);align-items:center;gap:8px;font-size:14px;display:flex}.archive-bar select{border:1px solid var(--border);color:var(--text);background:#fff;border-radius:10px;padding:6px 10px;font-size:14px}.view-tabs{z-index:20;gap:4px;display:flex;position:relative}.view-btn{color:var(--muted);background:0 0;border-color:#0000;border-radius:8px;padding:4px 12px;font-size:13px}.view-btn:hover{color:var(--text)}.view-btn.active{background:var(--accent-soft);color:#12463c;border-color:var(--accent)}.notes-split{flex:1;grid-template-columns:1fr;gap:12px;min-height:0;display:grid}.editor-pane{border:1px solid var(--border);border-radius:var(--radius);background:#fff;min-height:0;overflow:auto}.editor-pane .ProseMirror{outline:none;min-height:200px;padding:10px 14px}.editor-pane .ProseMirror-menubar{border-radius:var(--radius) var(--radius) 0 0}.notes-preview{border:1px solid var(--border);border-radius:var(--radius);background:#fff;padding:14px;font-size:15px;line-height:1.7;overflow:auto}.notes-preview h1,.notes-preview h2,.notes-preview h3{margin:.2em 0 .6em}.notes-preview pre{background:#f4f6f7;border-radius:8px;padding:10px 12px;overflow-x:auto}.notes-preview code{font-family:JetBrains Mono,Fira Code,SFMono-Regular,monospace}.source-pane{border:1px solid var(--border);border-radius:var(--radius);resize:none;width:100%;height:100%;color:var(--text);background:#fcfcfd;padding:14px;font-family:JetBrains Mono,Fira Code,SFMono-Regular,monospace;font-size:15px;line-height:1.7}.source-pane:focus{border-color:#8ca299;outline:none}.callout{border-style:solid;border-color:rgba(var(--callout-color), .25);background-color:rgba(var(--callout-color), .08);border-width:0 0 0 3px;border-radius:4px;margin:1em 0;padding:10px 14px;overflow:hidden}.callout-title{align-items:center;gap:6px;margin-bottom:4px;font-size:.95em;line-height:1.3;display:flex}.callout-title-icon{flex:none;align-items:center;display:flex}.callout-title-icon svg{fill:currentColor;width:18px;height:18px}.callout-title-inner{color:rgb(var(--callout-color));font-weight:600}.callout-content{overflow-x:auto}.callout-content p{margin:.3em 0}.callout,.callout[data-callout=todo]{--callout-color:var(--callout-note)}.callout[data-callout=success]{--callout-color:var(--callout-success)}.callout[data-callout=warning]{--callout-color:var(--callout-warning)}.callout[data-callout=danger]{--callout-color:var(--callout-danger)}.callout[data-callout=tip]{--callout-color:var(--callout-tip)}.callout[data-callout=info]{--callout-color:var(--callout-info)}.callout[data-callout=quote]{--callout-color:var(--callout-quote)}.editor-pane .callout .callout-title{pointer-events:none;opacity:.85}.editor-pane .callout-content>:first-child{margin-top:0}details.spoiler{border:1px dashed var(--border);background:#fafbfc;border-radius:8px;margin:8px 0;padding:8px 12px}details.spoiler summary{cursor:pointer;color:var(--accent);font-size:.95em;font-weight:600}details.spoiler[open]{border-style:solid}.spoiler-inline{color:#0000;cursor:pointer;-webkit-user-select:none;user-select:none;background:#c8ccd0;border-radius:4px;padding:0 4px;transition:all .15s}.spoiler-inline:hover{color:inherit;background:0 0}.notes-preview .spoiler-inline{color:#0000;background:#c8ccd0}.notes-preview .spoiler-inline:hover{color:inherit;background:0 0}.mind-toolbar,.draw-toolbar{align-items:center;gap:10px;margin-bottom:10px;display:flex}.mind-canvas{border:1px solid var(--border);border-radius:var(--radius);touch-action:none;background:repeating-linear-gradient(0deg,#fafbfc,#fafbfc 27px,#f1f4f6 28px),repeating-linear-gradient(90deg,#fafbfc,#fafbfc 27px,#f1f4f6 28px);flex:1;width:100%;min-height:0;position:relative;overflow:hidden}#mindLines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.mind-node{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background:#f5fbf9;border:1px solid #b9cfc8;border-radius:10px;min-width:120px;max-width:220px;padding:10px 12px;position:absolute;box-shadow:0 4px 14px #13322b14}.mind-node:focus{outline:2px solid #8ca299}.mind-node.selected{border-color:var(--accent);background:#e8f6f1}#drawCanvas{border:1px solid var(--border);border-radius:var(--radius);touch-action:none;background:#fff;flex:1;width:100%;min-height:0}.statusbar{color:var(--muted);padding:0 4px;font-size:13px}@media (width<=800px){body{padding:12px}.app-shell{height:calc(100vh - 24px)}@supports (height:100dvh){.app-shell{height:calc(100dvh - 24px)}}.notes-split{flex:1;grid-template-columns:1fr}}.noto-serif-sc{font-optical-sizing:auto;font-family:Noto Serif SC;font-size:24px;font-style:normal;line-height:10px}