*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #ffffff;--bg-secondary: #f8f8f8;--text-primary: #000000;--text-secondary: #666666;--border: #e5e5e5;--hover: #f0f0f0;--accent: #000000}html,body,#root{height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#b0b0b0}.ProseMirror{padding:20px;height:100%;outline:none;font-size:14px}.ProseMirror h1{font-size:2em;font-weight:600;margin:.67em 0}.ProseMirror h2{font-size:1.5em;font-weight:600;margin:.75em 0}.ProseMirror h3{font-size:1.17em;font-weight:600;margin:.83em 0}.ProseMirror p{margin:1em 0}.ProseMirror ul,.ProseMirror ol{padding-left:1.5em;margin:1em 0}.ProseMirror li{margin:.5em 0}.ProseMirror pre{position:relative;background:var(--hover);color:var(--text-primary);padding:16px;border-radius:6px;overflow-x:auto;margin:1em 0}.ProseMirror ul[data-type=taskList]{list-style:none;padding-left:0;margin-left:0}.ProseMirror ul[data-type=taskList]>li{display:flex;align-items:baseline;margin:.5em 0;padding-left:0}.ProseMirror ul[data-type=taskList]>li>label{flex-shrink:0;margin-right:.5em;-webkit-user-select:none;user-select:none}.ProseMirror ul[data-type=taskList]>li>label input[type=checkbox]{margin:0;vertical-align:middle}.ProseMirror ul[data-type=taskList]>li>div{flex-grow:1}.ProseMirror ul[data-type=taskList]>li>div>p{margin-top:0;margin-bottom:0}.ProseMirror ul[data-type=taskList]>li:before{content:none}.ProseMirror ul[data-type=taskList]>li[data-checked=true]>div{text-decoration-line:line-through;text-decoration-color:var(--text-secondary);text-decoration-thickness:1px;text-underline-offset:3px;color:var(--text-secondary)}.ProseMirror mark{padding:2px 0;border-radius:2px}.ProseMirror a{color:var(--accent);text-decoration:underline;cursor:pointer}.ProseMirror a:hover{opacity:.8}.ProseMirror blockquote{border-left:3px solid var(--border);margin:1em 0;padding-left:1em;color:var(--text-secondary)}.ProseMirror pre:after{content:"";position:absolute;top:8px;right:8px;width:28px;height:28px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='9' width='13' height='13' rx='2' ry='2'%3E%3C/rect%3E%3Cpath d='M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:16px 16px;background-color:transparent;border:none;border-radius:4px;opacity:0;transition:opacity .2s,background-color .2s,background-image .2s;cursor:pointer;z-index:1}.ProseMirror pre:hover:after{opacity:1}.ProseMirror pre:hover{cursor:text}.ProseMirror pre.copied:after{opacity:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%234caf50' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-color:#4caf501a;border:1px solid rgba(76,175,80,.3)}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}70%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.ProseMirror code{background:#f0f0f0;color:#333;padding:2px 6px;border-radius:4px;font-family:JetBrains Mono,Fira Code,SF Mono,Monaco,Cascadia Code,monospace;font-size:.9em}.ProseMirror pre code{background:none;color:inherit;padding:0;font-family:JetBrains Mono,Fira Code,SF Mono,Monaco,Cascadia Code,monospace;font-size:.9em}.ProseMirror code:not(pre>code){background:#f0f0f0;color:#333;padding:2px 6px;border-radius:4px;font-family:JetBrains Mono,Fira Code,SF Mono,Monaco,Cascadia Code,monospace;font-size:.9em}.ProseMirror img{max-width:100%;height:auto;border-radius:4px;margin:1em 0;cursor:pointer;transition:opacity .2s}.ProseMirror img:hover{opacity:.9;outline:2px solid var(--accent)}.ProseMirror img.ProseMirror-selectednode{outline:3px solid var(--accent)}.ProseMirror img[data-size=small]{max-width:300px}.ProseMirror img[data-size=medium]{max-width:500px}.ProseMirror img[data-size=large]{max-width:100%}.hljs-comment,.hljs-quote{color:#6a737d}.hljs-keyword,.hljs-selector-tag,.hljs-addition{color:#d73a49}.hljs-string,.hljs-meta-string,.hljs-literal,.hljs-doctag,.hljs-regexp{color:#032f62}.hljs-title,.hljs-section,.hljs-name,.hljs-selector-id,.hljs-selector-class{color:#6f42c1}.hljs-attribute,.hljs-attr,.hljs-variable,.hljs-template-variable,.hljs-type,.hljs-params,.hljs-meta,.hljs-number{color:#005cc5}.hljs-tag{color:#22863a}.hljs-tag .hljs-attr{color:#6f42c1}.hljs-tag .hljs-name{color:#22863a}.ProseMirror pre:hover .code-copy-button{opacity:1}.code-copy-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#d4d4d4;padding:4px 12px;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s}.code-copy-button:hover{background:#fff3}.code-copy-button.copied{background:#4caf50;color:#fff;border-color:#4caf50}.hljs-keyword{color:#00f}.hljs-string{color:green}.hljs-number{color:#098658}.hljs-function{color:#795e26}.hljs-comment{color:green;opacity:.7}.hljs-class{color:#267f99}.hljs-variable{color:#001080}.hljs-tag{color:maroon}.hljs-attribute{color:red}.hljs-selector{color:maroon}[draggable=true]{cursor:grab}[draggable=true]:active{cursor:grabbing}.split-container{display:flex;flex:1;overflow:hidden}.split-panel{display:flex;flex-direction:column;overflow:hidden}.split-divider{width:4px;background:var(--border);cursor:col-resize;position:relative;transition:background .2s;-webkit-user-select:none;user-select:none}.split-divider:hover{background:var(--accent)}.split-divider:after{content:"⋮";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--text-secondary);font-size:12px}.note-row{padding:8px 12px!important;min-height:40px}.create-menu{position:absolute;top:100%;right:0;background:#fff;border:1px solid var(--border);border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:100;overflow:hidden;min-width:150px}.create-menu-item{display:flex;align-items:center;gap:8px;padding:10px 16px;cursor:pointer;font-size:14px;transition:background .1s}.create-menu-item:hover{background:var(--hover)}