.note-editor{display:flex;flex-direction:column;gap:10px}.note-toolbar{position:sticky;top:0;z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:3px;padding:6px;border:1px solid rgb(226 232 240);border-radius:12px;background:rgb(248 250 252/.9);backdrop-filter:blur(6px)}.dark .note-toolbar{border-color:rgb(51 65 85);background:rgb(15 23 42/.7)}.note-tb{min-width:30px;height:30px;padding:0 8px;font-size:12.5px;font-weight:600;color:rgb(71 85 105);border-radius:7px;transition:background .12s,color .12s}.dark .note-tb{color:rgb(148 163 184)}.note-tb:hover{background:rgb(0 161 224/.1);color:rgb(0 129 180)}.note-tb.is-active{background:rgb(0 161 224/.16);color:rgb(0 129 180)}.dark .note-tb.is-active{color:#38bdf8}.note-tb-sep{width:1px;height:18px;margin:0 3px;background:rgb(203 213 225)}.dark .note-tb-sep{background:rgb(51 65 85)}.note-tb-ctx{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#00a1e0;padding:0 2px;align-self:center}.note-color{position:relative;display:inline-flex}.note-color-pop{position:absolute;top:100%;left:0;margin-top:4px;z-index:30;width:210px;padding:8px 10px 10px;border-radius:10px;background:#fff;border:1px solid rgb(226 232 240);box-shadow:0 10px 30px rgb(15 23 42/.18)}.dark .note-color-pop{background:rgb(15 23 42);border-color:rgb(51 65 85)}.note-color-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:rgb(148 163 184);margin:5px 2px 4px}.note-color-row{display:flex;flex-wrap:wrap;gap:5px}.note-color-swatch{width:24px;height:24px;border-radius:6px;border:1.5px solid;font-weight:700;font-size:13px;line-height:1;display:inline-flex;align-items:center;justify-content:center;background:transparent;transition:transform .1s}.note-color-swatch:hover{transform:scale(1.12)}.note-color-swatch.hl{border:1px solid rgb(15 23 42/.12);color:transparent}.note-color-swatch.hl.clear{background:transparent;color:rgb(100 116 139);border-color:rgb(203 213 225)}.dark .note-color-swatch.hl.clear{border-color:rgb(71 85 105);color:rgb(148 163 184)}.note-emoji-pop{position:absolute;top:100%;left:0;margin-top:4px;z-index:30;width:236px;padding:8px;border-radius:10px;background:#fff;border:1px solid rgb(226 232 240);box-shadow:0 10px 30px rgb(15 23 42/.18);display:grid;grid-template-columns:repeat(8,1fr);gap:2px}.dark .note-emoji-pop{background:rgb(15 23 42);border-color:rgb(51 65 85)}.note-emoji{width:26px;height:26px;font-size:17px;line-height:1;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;transition:background .1s}.note-emoji:hover{background:rgb(0 161 224/.14)}.note-font-controls{display:inline-flex;gap:4px}.note-font-select{height:30px;padding:0 6px;font-size:12px;font-weight:600;border-radius:7px;border:1px solid rgb(226 232 240);background:transparent;color:rgb(71 85 105);cursor:pointer;max-width:112px}.note-font-select.size{max-width:62px}.dark .note-font-select{border-color:rgb(51 65 85);color:rgb(148 163 184)}.note-bubble{display:flex;align-items:center;gap:2px;padding:4px;border-radius:10px;background:#0f172a;border:1px solid rgb(51 65 85);box-shadow:0 8px 24px rgb(15 23 42/.4)}.note-bubble-btn{min-width:28px;height:28px;padding:0 7px;font-size:13px;font-weight:600;color:#cbd5e1;border-radius:6px;transition:background .1s,color .1s}.note-bubble-btn:hover{background:rgb(255 255 255/.1);color:#fff}.note-bubble-btn.is-active{background:rgb(0 161 224/.35);color:#fff}.note-bubble-sep{width:1px;height:16px;background:rgb(71 85 105);margin:0 2px}.note-bubble .note-tb{color:#cbd5e1}.note-bubble .note-tb:hover{background:rgb(255 255 255/.1);color:#fff}.note-wordcount{margin-top:8px;padding:0 2px;font-size:11px;color:rgb(148 163 184);text-align:right}.note-prose{font-size:15px;line-height:1.7;color:rgb(51 65 85);min-height:200px}.dark .note-prose{color:rgb(203 213 225)}.note-editor.is-editable .note-prose{min-height:320px;padding:4px 2px 4px 26px}.note-drag-handle{display:flex;align-items:center;justify-content:center;width:20px;height:24px;border-radius:5px;color:rgb(148 163 184);font-size:14px;cursor:grab;transition:background .12s,color .12s}.note-drag-handle:hover{background:rgb(148 163 184/.18);color:rgb(71 85 105)}.note-drag-handle:active{cursor:grabbing}.dark .note-drag-handle:hover{color:#e2e8f0}.note-prose:focus{outline:none}.note-prose>*+*{margin-top:.75em}.note-prose h1{font-size:1.7em;font-weight:800;line-height:1.2;margin-top:1.1em;color:rgb(15 23 42)}.note-prose h2{font-size:1.35em;margin-top:1em}.note-prose h2,.note-prose h3{font-weight:700;color:rgb(15 23 42)}.note-prose h3{font-size:1.15em;margin-top:.9em}.dark .note-prose h1,.dark .note-prose h2,.dark .note-prose h3{color:#fff}.note-prose ol,.note-prose ul{padding-left:1.5em}.note-prose ul{list-style:disc}.note-prose ol{list-style:decimal}.note-prose li{margin:.2em 0}.note-prose ul[data-type=taskList]{list-style:none;padding-left:.2em}.note-prose ul[data-type=taskList] li{display:flex;align-items:flex-start;gap:.5em}.note-prose ul[data-type=taskList] li>label{margin-top:.25em}.note-prose ul[data-type=taskList] li>div{flex:1 1 auto}.note-prose blockquote{border-left:3px solid rgb(0 161 224/.5);padding-left:1em;color:rgb(100 116 139);font-style:italic}.note-prose code{font-family:ui-monospace,SFMono-Regular,monospace;font-size:.88em;background:rgb(148 163 184/.18);padding:.12em .35em;border-radius:4px}.note-prose pre{background:rgb(15 23 42);color:rgb(226 232 240);border-radius:10px;padding:.9em 1em;overflow-x:auto;font-size:13px}.note-prose pre code{background:none;padding:0;color:inherit}.note-prose mark{background:#fde68a;border-radius:3px;padding:0 .15em}.note-prose a{color:rgb(0 129 180);text-decoration:underline;cursor:pointer}.note-prose hr{border:none;border-top:1px solid rgb(203 213 225);margin:1.2em 0}.dark .note-prose hr{border-top-color:rgb(51 65 85)}.note-prose img.note-image{max-width:100%;border-radius:10px;margin:.5em 0}.note-prose .note-callout{position:relative;padding:12px 14px 12px 42px;margin:.6em 0;border-radius:10px;border:1px solid rgb(0 161 224/.3);background:rgb(0 161 224/.07)}.note-prose .note-callout:before{content:"💡";position:absolute;left:13px;top:11px;font-size:15px;line-height:1.4}.note-prose .note-callout>*{margin-top:0}.note-prose .note-callout>*+*{margin-top:.4em}.note-prose .note-callout[data-variant=warning]{border-color:rgb(245 158 11/.35);background:rgb(245 158 11/.08)}.note-prose .note-callout[data-variant=warning]:before{content:"⚠️"}.note-prose .note-callout[data-variant=success]{border-color:rgb(34 197 94/.35);background:rgb(34 197 94/.08)}.note-prose .note-callout[data-variant=success]:before{content:"✅"}.note-prose .note-callout[data-variant=danger]{border-color:rgb(239 68 68/.35);background:rgb(239 68 68/.08)}.note-prose .note-callout[data-variant=danger]:before{content:"🛑"}.note-prose .note-toggle{margin:.4em 0}.note-toggle-head{display:flex;align-items:center;gap:4px}.note-toggle-caret{flex-shrink:0;width:22px;height:22px;border-radius:5px;color:rgb(100 116 139);font-size:11px;line-height:1;transition:background .12s}.note-toggle-caret:hover{background:rgb(148 163 184/.18)}.note-toggle-summary{flex:1;min-width:0;border:none;background:transparent;font-weight:600;font-size:15px;color:inherit;padding:3px 5px;border-radius:5px}.note-toggle-summary:focus{outline:none;background:rgb(148 163 184/.12)}.note-toggle-summary-text{flex:1;font-weight:600;padding:3px 5px}.note-toggle-body{margin-left:11px;padding-left:12px;border-left:2px solid rgb(203 213 225)}.dark .note-toggle-body{border-left-color:rgb(51 65 85)}.note-prose table{border-collapse:collapse;width:100%;margin:.6em 0;overflow:hidden}.note-prose td,.note-prose th{border:1px solid rgb(203 213 225);padding:6px 10px;text-align:left;vertical-align:top}.dark .note-prose td,.dark .note-prose th{border-color:rgb(51 65 85)}.note-prose th{background:rgb(241 245 249);font-weight:700}.dark .note-prose th{background:rgb(30 41 59)}.note-prose p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:rgb(148 163 184);float:left;height:0;pointer-events:none}.slash-menu-popup{animation:slashIn .1s ease-out}@keyframes slashIn{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.slash-menu{width:220px;max-height:300px;overflow-y:auto;padding:5px;border-radius:12px;border:1px solid rgb(226 232 240);background:#fff;box-shadow:0 10px 30px rgb(15 23 42/.18)}.dark .slash-menu{border-color:rgb(51 65 85);background:rgb(15 23 42)}.slash-menu-item{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:7px 9px;border-radius:8px;text-align:left}.slash-menu-item.is-active,.slash-menu-item:hover{background:rgb(0 161 224/.12)}.slash-menu-title{font-size:13px;font-weight:600;color:rgb(15 23 42)}.dark .slash-menu-title{color:#e2e8f0}.slash-menu-hint{font-size:11px;color:rgb(100 116 139)}.slash-menu-empty{padding:10px;font-size:12px;color:rgb(100 116 139);background:#fff;border-radius:10px;border:1px solid rgb(226 232 240)}.dark .slash-menu-empty{background:rgb(15 23 42);border-color:rgb(51 65 85)}.note-mention{display:inline;font-weight:600;color:rgb(0 129 180);background:rgb(0 161 224/.1);border-radius:5px;padding:0 4px;white-space:nowrap;cursor:default}.dark .note-mention{color:#38bdf8;background:rgb(56 189 248/.12)}.mention-menu{width:260px}.mention-row{display:flex;align-items:center;gap:6px;min-width:0}.mention-badge{flex-shrink:0;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:1px 5px;border-radius:4px}.mention-item .slash-menu-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}