:root{--font:ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI Variable Display", "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";--font-mono:"SFMono-Regular", Menlo, Consolas, "PT Mono", "Liberation Mono", Courier, monospace;--font-serif:Lyon-Text, Georgia, YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;--bg:#fff;--bg-sidebar:#f9f8f7;--bg-elevated:#fff;--bg-code:#f7f6f3;--bg-input:#f2f1ee99;--text:#2c2c2b;--text-2:#5f5e59;--text-3:#8e8b86;--text-4:#ada9a3;--sidebar-text:#5f5e59;--hover:#37352f0f;--active:#37352f1a;--border:#37352f17;--border-strong:#37352f29;--blue:#2383e2;--blue-hover:#0077d4;--selection:#2383e247;--shadow-menu:#0f0f0f0d 0 0 0 1px, #0f0f0f1a 0 3px 6px, #0f0f0f33 0 9px 24px;--red-ui:#eb5757;--emoji-color:#2c2c2b;--c-default:inherit;--c-gray:#787774;--bg-gray:#f1f1ef;--c-brown:#9f6b53;--bg-brown:#f4eeee;--c-orange:#d9730d;--bg-orange:#fbecdd;--c-yellow:#cb912f;--bg-yellow:#fbf3db;--c-green:#448361;--bg-green:#edf3ec;--c-blue:#337ea9;--bg-blue:#e7f3f8;--c-purple:#9065b0;--bg-purple:#f6f3f9;--c-pink:#c14c8a;--bg-pink:#faf1f5;--c-red:#d44c47;--bg-red:#fdebec;--content-width:708px;--sidebar-width:248px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#191919;--bg-sidebar:#202020;--bg-elevated:#252525;--bg-code:#ffffff08;--bg-input:#ffffff0e;--text:#ffffffcf;--text-2:#ffffff8c;--text-3:#fff6;--text-4:#ffffff47;--sidebar-text:#ffffff8c;--hover:#ffffff0e;--active:#ffffff17;--border:#ffffff18;--border-strong:#ffffff29;--shadow-menu:#0f0f0f1a 0 0 0 1px, #0f0f0f33 0 3px 6px, #0f0f0f66 0 9px 24px;--emoji-color:#e1e1e1;--c-gray:#9b9b9b;--bg-gray:#2f2f2f;--c-brown:#ba856f;--bg-brown:#4a3228;--c-orange:#c77d48;--bg-orange:#5c3b23;--c-yellow:#ca9849;--bg-yellow:#56452f;--c-green:#529e72;--bg-green:#243d30;--c-blue:#5e87c9;--bg-blue:#143a4e;--c-purple:#9d68d3;--bg-purple:#3c2d49;--c-pink:#d15796;--bg-pink:#4e2c3c;--c-red:#df5452;--bg-red:#522e2a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-size:14px;overflow:hidden}::selection{background:var(--selection)}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}input,textarea{font:inherit;color:inherit}a{color:inherit}svg.icon{flex-shrink:0;width:18px;height:18px}.emoji,.emoji-picker .ep-grid button{color:var(--emoji-color)}.app{height:100%;display:flex}.main{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.scroller{flex:1;overflow:hidden auto}.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);color:var(--sidebar-text);box-shadow:inset -1px 0 0 var(--border);-webkit-user-select:none;user-select:none;flex-direction:column;flex-shrink:0;transition:margin-left .2s;display:flex;position:relative}.sidebar.collapsed{margin-left:calc(var(--sidebar-width) * -1)}.sidebar-resizer{cursor:col-resize;z-index:3;width:6px;position:absolute;top:0;bottom:0;right:-3px}.sidebar-resizer:hover{box-shadow:inset -2px 0 0 var(--border-strong)}.sb-workspace{color:var(--text);cursor:pointer;border-radius:6px;align-items:center;gap:8px;margin:6px 8px 4px;padding:6px 8px;font-size:14px;font-weight:600;display:flex}.sb-workspace:hover{background:var(--hover)}.sb-workspace .ws-icon{background:var(--active);width:22px;height:22px;color:var(--text-2);border-radius:4px;place-items:center;font-size:12px;font-weight:600;display:grid}.sb-workspace .ws-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.sb-workspace .ws-actions{opacity:1;gap:2px;display:flex}.sb-scroll{flex:1;padding-bottom:12px;overflow-y:auto}.sb-item{cursor:pointer;min-height:30px;color:var(--sidebar-text);border-radius:6px;align-items:center;gap:8px;margin:1px 8px;padding:0 8px;font-size:14px;font-weight:500;display:flex}.sb-item:hover{background:var(--hover)}.sb-item.active{background:var(--active);color:var(--text)}.sb-item .label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.sb-item kbd{font-family:var(--font);color:var(--text-4);font-size:11px}.sb-section{height:26px;color:var(--text-3);cursor:default;border-radius:6px;justify-content:space-between;align-items:center;margin:14px 8px 2px;padding:0 8px;font-size:12px;font-weight:500;display:flex}.sb-section:hover{background:var(--hover)}.sb-section .actions{opacity:0;gap:2px;display:flex}.sb-section:hover .actions{opacity:1}.tree-row{cursor:pointer;border-radius:6px;align-items:center;height:30px;margin:1px 8px;padding-right:4px;font-size:14px;font-weight:500;display:flex;position:relative}.tree-row:hover{background:var(--hover)}.tree-row.active{background:var(--active);color:var(--text)}.tree-row.drop-inside{box-shadow:inset 0 0 0 2px var(--blue)}.tree-row.drop-before:before,.tree-row.drop-after:after{content:"";background:var(--blue);opacity:.6;border-radius:1px;height:2px;position:absolute;left:8px;right:0}.tree-row.drop-before:before{top:-1px}.tree-row.drop-after:after{bottom:-1px}.tree-row .icon-slot{border-radius:4px;flex-shrink:0;place-items:center;width:24px;height:24px;display:grid;position:relative}.tree-row .icon-slot .emoji{font-size:16px;line-height:1}.tree-row .icon-slot .chev{border-radius:4px;place-items:center;display:none;position:absolute;inset:0}.tree-row:hover .icon-slot .chev{display:grid}.tree-row:hover .icon-slot .emoji,.tree-row:hover .icon-slot>svg{visibility:hidden}.tree-row .icon-slot .chev:hover{background:var(--active)}.tree-row .chev svg{width:12px;height:12px;transition:transform .15s}.tree-row .chev.open svg{transform:rotate(90deg)}.tree-row .label{text-overflow:ellipsis;white-space:nowrap;flex:1;margin-left:6px;overflow:hidden}.tree-row .row-actions{gap:2px;display:none}.tree-row:hover .row-actions,.tree-row.menu-open .row-actions{display:flex}.tree-empty{color:var(--text-4);align-items:center;height:28px;margin:0 8px;font-size:13px;display:flex}.icon-btn{width:24px;height:24px;color:var(--text-3);border-radius:4px;flex-shrink:0;place-items:center;display:grid}.icon-btn:hover{background:var(--active);color:var(--text-2)}.icon-btn svg{width:16px;height:16px}.topbar{background:var(--bg);z-index:4;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;height:44px;padding:0 12px;display:flex;position:relative}.crumbs{min-width:0;color:var(--text);align-items:center;font-size:14px;display:flex}.crumb{cursor:pointer;white-space:nowrap;border-radius:4px;align-items:center;gap:6px;max-width:220px;padding:2px 6px;display:flex}.crumb span.t{text-overflow:ellipsis;overflow:hidden}.crumb:hover{background:var(--hover)}.crumb-sep{color:var(--text-4);margin:0 1px}.topbar-actions{color:var(--text-2);align-items:center;gap:4px;display:flex}.topbar-actions .saved{color:var(--text-3);white-space:nowrap;margin-right:6px;font-size:13px}.tb-btn{border-radius:6px;justify-content:center;align-items:center;gap:6px;min-width:28px;height:28px;padding:0 6px;font-size:14px;display:inline-flex}.tb-btn:hover{background:var(--hover)}.tb-btn svg{width:18px;height:18px}.page{padding-bottom:30vh}.page-cover{background-repeat:no-repeat;background-size:cover;height:30vh;min-height:160px;max-height:280px;position:relative}.page-cover .cover-actions{background:var(--bg-elevated);box-shadow:var(--shadow-menu);border-radius:4px;gap:0;display:none;position:absolute;bottom:10px;right:0;overflow:hidden}.page-cover:hover .cover-actions{display:flex}.cover-actions button{color:var(--text-2);padding:4px 8px;font-size:12px}.cover-actions button:hover{background:var(--hover)}.page-col{width:100%;max-width:calc(var(--content-width) + 192px);margin:0 auto;padding:0 96px}.page.full .page-col{max-width:none}.page-header{position:relative}.page-icon{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:4px;justify-content:center;align-items:center;width:78px;height:78px;margin-top:80px;font-size:78px;line-height:1.1;display:flex}.page-icon img{object-fit:cover;border-radius:4px;width:78px;height:78px}.has-cover .page-icon{z-index:1;margin-top:-42px;position:relative}.page-icon:hover{background:var(--hover)}.page-controls{opacity:0;align-items:flex-end;gap:2px;height:112px;margin-left:-6px;padding-top:80px;padding-bottom:4px;transition:opacity .1s;display:flex}.has-icon .page-controls,.has-cover .page-controls{height:auto;padding-top:8px}.page-header:hover .page-controls{opacity:1}.page-controls button{color:var(--text-3);border-radius:4px;align-items:center;gap:6px;padding:4px 6px;font-size:14px;display:flex}.page-controls button:hover{background:var(--hover)}.page-controls svg{width:14px;height:14px}.page-title{letter-spacing:-.01em;white-space:pre-wrap;word-break:break-word;caret-color:var(--text);outline:none;margin:0 0 4px;padding:3px 2px;font-size:40px;font-weight:700;line-height:1.2}.page-title:empty:before{content:attr(data-placeholder);color:var(--text-4)}.page.small .ProseMirror{font-size:14px}.editor-wrap{position:relative}.ProseMirror{word-wrap:break-word;caret-color:var(--text);outline:none;padding:4px 2px 0;font-size:16px;line-height:1.5}.ProseMirror>*{margin:0}.ProseMirror p{min-height:1.5em;margin:1px 0;padding:3px 0}.ProseMirror h1,.ProseMirror h2,.ProseMirror h3{margin:0;padding:3px 0;font-weight:600;line-height:1.3}.ProseMirror h1{margin-top:1.4em;margin-bottom:1px;font-size:1.875em}.ProseMirror h2{margin-top:1.1em;margin-bottom:1px;font-size:1.5em}.ProseMirror h3{margin-top:1em;margin-bottom:1px;font-size:1.25em}.ProseMirror>:first-child{margin-top:2px}.ProseMirror strong{font-weight:600}.ProseMirror a{color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong);text-underline-offset:2px;cursor:pointer}.ProseMirror a:hover{text-decoration-color:currentColor}.ProseMirror code{font-family:var(--font-mono);color:#eb5757;background:#87837826;border-radius:4px;padding:.2em .4em;font-size:85%;line-height:normal}[data-theme=dark] .ProseMirror code{color:#ff7369}.ProseMirror mark{background:var(--bg-yellow);color:inherit;border-radius:2px;padding:0 1px}.ProseMirror ul,.ProseMirror ol{margin:1px 0;padding-left:1.6em}.ProseMirror li{padding:3px 0 0}.ProseMirror li>p{margin:0;padding:0}.ProseMirror ul{list-style:outside}.ProseMirror ul ul{list-style:circle}.ProseMirror ul ul ul{list-style:square}.ProseMirror ol{list-style:decimal}.ProseMirror ol ol{list-style:lower-alpha}.ProseMirror ol ol ol{list-style:lower-roman}.ProseMirror li::marker{color:var(--text)}.ProseMirror blockquote{border-left:3px solid;margin:4px 0;padding:0 .9em;font-size:1em}.ProseMirror blockquote p{padding:3px 0}.ProseMirror hr{cursor:pointer;border:0;height:13px;margin:6px 0;position:relative}.ProseMirror hr:after{content:"";border-top:1px solid var(--border-strong);position:absolute;top:6px;left:0;right:0}.ProseMirror hr.ProseMirror-selectednode:after{border-color:var(--blue)}.ProseMirror ul[data-type=taskList]{padding-left:0;list-style:none}.ProseMirror ul[data-type=taskList] li{align-items:flex-start;gap:6px;padding:3px 0 0;display:flex}.ProseMirror ul[data-type=taskList] li>label{-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;height:1.5em;display:flex}.ProseMirror ul[data-type=taskList] li>div>p{margin:0;padding:0}.ProseMirror ul[data-type=taskList] li>div{flex:1;min-width:0}.ProseMirror ul[data-type=taskList] ul[data-type=taskList]{padding-left:0}.ProseMirror ul[data-type=taskList] input[type=checkbox]{appearance:none;border:1.5px solid var(--text-2);cursor:pointer;background:0 0;border-radius:3px;place-items:center;width:16px;height:16px;margin:0 2px 0 1px;transition:background .1s;display:grid}.ProseMirror ul[data-type=taskList] input[type=checkbox]:hover{background:var(--hover)}.ProseMirror ul[data-type=taskList] input[type=checkbox]:checked{background:var(--blue);border-color:var(--blue)}.ProseMirror ul[data-type=taskList] input[type=checkbox]:checked:after{content:"";border-bottom:2px solid #fff;border-left:2px solid #fff;width:9px;height:5px;transform:rotate(-45deg)translate(1px,-1px)}.ProseMirror ul[data-type=taskList] li[data-checked=true]>div>p{color:var(--text-3);text-decoration:line-through;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong)}.ProseMirror [data-type=details]{gap:2px;padding:3px 0 0;display:flex}.ProseMirror [data-type=details]>button{border-radius:4px;flex-shrink:0;place-items:center;width:24px;height:24px;margin-top:0;display:grid}.ProseMirror [data-type=details]>button:hover{background:var(--hover)}.ProseMirror [data-type=details]>button:before{content:"";border-top:4.5px solid #0000;border-bottom:4.5px solid #0000;border-left:7px solid;width:0;height:0;transition:transform .15s}.ProseMirror [data-type=details].is-open>button:before{transform:rotate(90deg)}.ProseMirror [data-type=details]>div{flex:1;min-width:0}.ProseMirror [data-type=details] summary{padding:0;list-style:none}.ProseMirror [data-type=details] summary::-webkit-details-marker{display:none}.ProseMirror [data-type=details] summary p,.ProseMirror [data-type=details] summary{margin:0;padding:0}.ProseMirror [data-type=detailsContent]{padding-top:0}.ProseMirror [data-type=details]:not(.is-open)>div>[data-type=detailsContent]{display:none}.ProseMirror [data-type=detailsContent]>p:first-child:last-child.is-empty:before{content:var(--i18n-empty-toggle);color:var(--text-4);pointer-events:none;float:left;height:0}.code-block{background:var(--bg-code);border-radius:4px;margin:4px 0;padding:0;position:relative}.code-block pre{font-family:var(--font-mono);tab-size:2;white-space:pre;color:var(--text);margin:0;padding:34px 16px 22px;font-size:85%;line-height:1.5;overflow-x:auto}.code-block.wrap pre{white-space:pre-wrap}.code-block pre code{all:unset;font-family:inherit}.code-block .code-toolbar{opacity:0;-webkit-user-select:none;user-select:none;justify-content:space-between;transition:opacity .1s;display:flex;position:absolute;top:4px;left:8px;right:8px}.code-block:hover .code-toolbar,.code-block:focus-within .code-toolbar{opacity:1}.code-block select,.code-block .code-btn{color:var(--text-3);cursor:pointer;font-size:12px;font-family:var(--font);background:0 0;border:0;border-radius:4px;padding:2px 4px}.code-block select:hover,.code-block .code-btn:hover{background:var(--hover)}.code-block select{appearance:none}.hljs-comment,.hljs-quote{color:#999;font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-literal,.hljs-type{color:#d73a49}.hljs-string,.hljs-attr,.hljs-template-tag,.hljs-regexp{color:#22863a}.hljs-number,.hljs-symbol,.hljs-bullet,.hljs-variable,.hljs-built_in{color:#005cc5}.hljs-title,.hljs-section,.hljs-name,.hljs-function .hljs-title{color:#6f42c1}.hljs-attribute,.hljs-meta,.hljs-property{color:#e36209}.hljs-tag{color:#22863a}.hljs-deletion{color:#b31d28;background:#ffeef0}.hljs-addition{color:#22863a;background:#f0fff4}[data-theme=dark] .hljs-keyword,[data-theme=dark] .hljs-selector-tag,[data-theme=dark] .hljs-literal,[data-theme=dark] .hljs-type{color:#ff7b72}[data-theme=dark] .hljs-string,[data-theme=dark] .hljs-attr,[data-theme=dark] .hljs-regexp{color:#a5d6ff}[data-theme=dark] .hljs-number,[data-theme=dark] .hljs-variable,[data-theme=dark] .hljs-built_in,[data-theme=dark] .hljs-symbol{color:#79c0ff}[data-theme=dark] .hljs-title,[data-theme=dark] .hljs-section,[data-theme=dark] .hljs-name{color:#d2a8ff}[data-theme=dark] .hljs-attribute,[data-theme=dark] .hljs-meta,[data-theme=dark] .hljs-property{color:#ffa657}[data-theme=dark] .hljs-tag{color:#7ee787}.callout{background:var(--bg-gray);border:1px solid #0000;border-radius:4px;gap:8px;margin:4px 0;padding:16px 16px 16px 12px;display:flex}.callout.c-default{border-color:var(--border-strong);background:0 0}.callout .callout-icon{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:4px;flex-shrink:0;place-items:center;width:24px;height:24px;font-size:20px;line-height:1.2;display:grid}.callout .callout-icon:hover{background:var(--hover)}.callout .callout-body{flex:1;min-width:0}.callout .callout-body p{padding:0}.callout .callout-body>div>p:first-child{padding-top:1px}.c-gray{background:var(--bg-gray)}.c-brown{background:var(--bg-brown)}.c-orange{background:var(--bg-orange)}.c-yellow{background:var(--bg-yellow)}.c-green{background:var(--bg-green)}.c-blue{background:var(--bg-blue)}.c-purple{background:var(--bg-purple)}.c-pink{background:var(--bg-pink)}.c-red{background:var(--bg-red)}.ProseMirror img{border-radius:2px;max-width:100%;height:auto;display:block}.image-block{margin:6px 0;display:flex;position:relative}.image-block.align-center{justify-content:center}.image-block.align-right{justify-content:flex-end}.image-block .image-inner{max-width:100%;position:relative}.image-block img{cursor:default}.image-block.ProseMirror-selectednode img,.image-block.selected img{outline:3px solid var(--selection)}.image-block .img-handle{cursor:col-resize;opacity:0;background:#0f0f0f99;border:1px solid #ffffffe6;border-radius:20px;width:6px;height:48px;max-height:50%;transition:opacity .15s;position:absolute;top:50%;transform:translateY(-50%)}.image-block .img-handle.l{left:8px}.image-block .img-handle.r{right:8px}.image-block:hover .img-handle{opacity:1}.image-block .img-tools{background:#0f0f0f99;border-radius:4px;display:none;position:absolute;top:6px;right:6px;overflow:hidden}.image-block:hover .img-tools{display:flex}.image-block .img-tools button{color:#fff;place-items:center;width:26px;height:24px;display:grid}.image-block .img-tools button:hover{background:#ffffff26}.image-block .img-tools svg{width:14px;height:14px}.image-block .caption{color:var(--text-2);outline:none;min-height:1em;padding:6px 2px 0;font-size:14px}.file-block{cursor:pointer;color:inherit;-webkit-user-select:none;user-select:none;border-radius:4px;align-items:center;gap:8px;margin:2px 0;padding:6px 8px 6px 4px;text-decoration:none;display:flex}.file-block:hover{background:var(--hover)}.file-block.ProseMirror-selectednode{background:var(--selection)}.file-block .file-icon{width:24px;height:24px;color:var(--text-2);place-items:center;display:grid}.file-block .file-name{text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid var(--border-strong);font-size:15px;overflow:hidden}.file-block .file-size{color:var(--text-3);white-space:nowrap;font-size:12px}.file-block .file-actions{gap:2px;margin-left:auto;display:none}.file-block:hover .file-actions{display:flex}.file-block.uploading{color:var(--text-3);cursor:progress}.file-preview{border:1px solid var(--border);border-radius:4px;margin:4px 0;overflow:hidden}.file-preview iframe,.file-preview video{border:0;width:100%;display:block}.file-preview iframe{height:520px}.file-preview audio{width:100%;display:block}.page-link{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:4px;align-items:center;gap:6px;margin:1px 0;padding:3px 2px;display:flex}.page-link:hover{background:var(--hover)}.page-link.ProseMirror-selectednode{background:var(--selection)}.page-link .pl-icon{width:22px;color:var(--text-2);place-items:center;font-size:18px;display:grid}.page-link .pl-title{border-bottom:1px solid var(--border-strong);font-weight:500;line-height:1.3}.page-link.missing .pl-title{color:var(--text-3);text-decoration:line-through}.ProseMirror .tableWrapper{margin:6px 0;padding-bottom:6px;overflow-x:auto}.ProseMirror table{border-collapse:collapse;table-layout:fixed;width:max-content;min-width:100%}.ProseMirror th,.ProseMirror td{border:1px solid var(--border-strong);vertical-align:top;min-width:120px;padding:7px 9px;font-size:14px;line-height:1.5;position:relative}.ProseMirror th{background:var(--bg-input);text-align:left;color:var(--text-2);font-weight:600}.ProseMirror th p,.ProseMirror td p{margin:0;padding:0}.ProseMirror .selectedCell:after{content:"";background:var(--selection);pointer-events:none;position:absolute;inset:0}.ProseMirror .column-resize-handle{background:var(--blue);pointer-events:none;width:3px;position:absolute;top:0;bottom:-2px;right:-2px}.ProseMirror.resize-cursor{cursor:col-resize}.ProseMirror p.is-empty:before,.ProseMirror h1.is-empty:before,.ProseMirror h2.is-empty:before,.ProseMirror h3.is-empty:before{content:attr(data-placeholder);color:var(--text-4);pointer-events:none;float:left;height:0}.ProseMirror .ProseMirror-gapcursor:after{border-top-color:var(--text)}.ProseMirror-selectednode{outline:none}.ProseMirror .ProseMirror-dropcursor{background:var(--blue)}.ProseMirror span[style*=background-color]{border-radius:3px;padding:0 1px}.dh-buttons{color:var(--text-4);align-items:center;gap:0;padding-right:4px;display:flex}.dh-buttons button{width:22px;height:24px;color:var(--text-4);border-radius:4px;place-items:center;display:grid}.dh-buttons button:hover{background:var(--hover);color:var(--text-3)}.dh-buttons button.grip{cursor:grab;width:18px}.dh-buttons svg{width:16px;height:16px}.popover{z-index:100;background:var(--bg-elevated);box-shadow:var(--shadow-menu);color:var(--text);border-radius:10px;flex-direction:column;font-size:14px;animation:.12s ease-out pop;display:flex;position:fixed;overflow:hidden}@keyframes pop{0%{opacity:0;transform:translateY(-2px)scale(.98)}to{opacity:1;transform:none}}.menu{min-width:220px;max-width:320px;max-height:70vh;padding:4px;overflow-y:auto}.menu-label{color:var(--text-3);-webkit-user-select:none;user-select:none;padding:8px 8px 4px;font-size:12px;font-weight:500}.menu-item{text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;width:100%;min-height:28px;color:var(--text);border-radius:6px;align-items:center;gap:8px;padding:0 8px;font-size:14px;display:flex}.menu-item.selected,.menu-item:hover{background:var(--hover)}.menu-item.danger:hover,.menu-item.danger.selected,.menu-item.danger:hover svg{color:var(--red-ui)}.menu-item svg{width:18px;height:18px;color:var(--text-2)}.menu-item .grow{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.menu-item .hint{color:var(--text-4);font-size:12px}.menu-item .check{color:var(--text)}.menu-sep{background:var(--border);height:1px;margin:4px 0}.menu-empty{color:var(--text-3);padding:6px 8px;font-size:14px}.slash-menu{width:324px}.slash-item{gap:10px;min-height:46px}.slash-item .slash-thumb{background:var(--bg);width:46px;height:46px;box-shadow:inset 0 0 0 1px var(--border);color:var(--text-2);border-radius:6px;flex-shrink:0;place-items:center;font-size:18px;font-weight:500;display:grid}.slash-item .slash-thumb svg{width:24px;height:24px}.slash-item .slash-text{flex-direction:column;flex:1;min-width:0;display:flex}.slash-item .slash-title{font-size:14px}.slash-item .slash-desc{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.bubble{background:var(--bg-elevated);box-shadow:var(--shadow-menu);height:34px;color:var(--text);border-radius:8px;align-items:stretch;padding:0 2px;font-size:14px;display:flex}.bubble button{color:var(--text);white-space:nowrap;border-radius:6px;align-items:center;gap:4px;margin:3px 0;padding:0 7px;display:flex}.bubble button:hover{background:var(--hover)}.bubble button.on{color:var(--blue)}.bubble button svg{width:16px;height:16px}.bubble .sep{background:var(--border);width:1px;margin:0 2px}.bubble .link-input{align-items:center;gap:4px;padding:0 6px;display:flex}.bubble .link-input input{background:var(--bg-input);border:0;border-radius:4px;outline:0;width:240px;padding:4px 6px;font-size:13px}.color-grid{width:220px;padding:4px}.color-item .swatch{width:22px;height:22px;box-shadow:inset 0 0 0 1px var(--border);border-radius:4px;place-items:center;font-weight:500;display:grid}.emoji-picker{width:408px;height:356px}.emoji-picker .ep-head{border-bottom:1px solid var(--border);align-items:center;gap:4px;padding:8px 8px 0;display:flex}.emoji-picker .ep-tab{color:var(--text-2);border-bottom:2px solid #0000;margin-bottom:-1px;padding:6px 8px;font-size:14px}.emoji-picker .ep-tab.on{color:var(--text);border-bottom-color:var(--text)}.emoji-picker .ep-head .spacer{flex:1}.emoji-picker .ep-search{gap:6px;padding:8px;display:flex}.input{background:var(--bg-input);width:100%;height:28px;box-shadow:inset 0 0 0 1px var(--border);border:0;border-radius:6px;outline:none;padding:4px 8px;font-size:14px}.input:focus{box-shadow:inset 0 0 0 1px var(--blue), 0 0 0 2px #2383e24d}.emoji-picker .ep-body{flex:1;padding:0 8px 8px;overflow-y:auto}.emoji-picker .ep-cat{color:var(--text-3);padding:8px 4px 4px;font-size:12px;font-weight:500}.emoji-picker .ep-grid{grid-template-columns:repeat(12,1fr);display:grid}.emoji-picker .ep-grid button{border-radius:4px;height:32px;font-size:22px;line-height:1}.emoji-picker .ep-grid button:hover{background:var(--hover)}.cover-picker{width:540px}.cover-picker .cp-body{padding:12px}.cover-picker .cp-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.cover-picker .cp-grid button{background-size:cover;border-radius:4px;height:64px}.cover-picker .cp-grid button:hover{opacity:.85}.btn{height:32px;box-shadow:inset 0 0 0 1px var(--border-strong);color:var(--text);border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:14px;font-weight:500;display:inline-flex}.btn:hover{background:var(--hover)}.btn.primary{background:var(--blue);color:#fff;box-shadow:none}.btn.primary:hover{background:var(--blue-hover)}.btn.danger{color:var(--red-ui);box-shadow:inset 0 0 0 1px #eb575780}.btn.danger:hover{background:#eb57571a}.backdrop{z-index:90;background:#0f0f0f66;justify-content:center;align-items:flex-start;animation:.12s fade;display:flex;position:fixed;inset:0}[data-theme=dark] .backdrop{background:#0000008c}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-elevated);box-shadow:var(--shadow-menu);border-radius:12px;flex-direction:column;margin-top:12vh;display:flex;overflow:hidden}.search-modal{width:755px;max-width:calc(100vw - 32px);max-height:70vh}.search-modal .sm-input{border-bottom:1px solid var(--border);align-items:center;gap:10px;height:52px;padding:0 16px;display:flex}.search-modal .sm-input svg{color:var(--text-3);width:20px;height:20px}.search-modal .sm-input input{background:0 0;border:0;outline:0;flex:1;font-size:18px}.search-modal .sm-list{padding:6px;overflow-y:auto}.search-modal .sm-item{cursor:pointer;border-radius:6px;align-items:flex-start;gap:10px;padding:8px 10px;display:flex}.search-modal .sm-item.selected{background:var(--hover)}.search-modal .sm-item .em{text-align:center;width:22px;color:var(--text-2);flex-shrink:0;font-size:16px;line-height:1.3}.search-modal .sm-item .sm-title{font-size:14px;font-weight:500}.search-modal .sm-item .sm-path{color:var(--text-3);font-size:12px}.search-modal .sm-item .sm-snippet{color:var(--text-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;font-size:13px;display:-webkit-box;overflow:hidden}.search-modal .sm-item mark{color:var(--text);text-decoration:underline;-webkit-text-decoration-color:var(--blue);text-decoration-color:var(--blue);background:0 0;font-weight:600}.search-modal .sm-foot{border-top:1px solid var(--border);color:var(--text-3);gap:16px;padding:8px 16px;font-size:12px;display:flex}.trash-modal{width:420px;max-height:60vh;margin-top:14vh}.trash-modal .tm-list{min-height:80px;padding:4px;overflow-y:auto}.trash-modal .tm-foot{border-top:1px solid var(--border);color:var(--text-3);justify-content:space-between;align-items:center;padding:8px 12px;font-size:12px;display:flex}.settings-modal{gap:18px;width:560px;padding:24px 28px}.settings-modal h2{margin:0;font-size:16px;font-weight:600}.settings-row{justify-content:space-between;align-items:center;gap:24px;display:flex}.settings-row .sr-title{font-size:14px}.settings-row .sr-desc{color:var(--text-3);margin-top:2px;font-size:12px}.segmented{background:var(--bg-input);box-shadow:inset 0 0 0 1px var(--border);border-radius:6px;padding:2px;display:flex}.segmented button{color:var(--text-2);border-radius:4px;padding:4px 10px;font-size:13px}.segmented button.on{background:var(--bg-elevated);color:var(--text);box-shadow:0 1px 2px #0000001a}.home{max-width:900px;margin:0 auto;padding:72px 48px}.home h1{text-align:center;margin:0 0 28px;font-size:30px;font-weight:700}.home .home-label{color:var(--text-3);align-items:center;gap:6px;margin-bottom:10px;font-size:12px;font-weight:500;display:flex}.home .cards{grid-template-columns:repeat(auto-fill,minmax(144px,1fr));gap:16px;margin-bottom:36px;display:grid}.home .card{background:var(--bg-elevated);box-shadow:0 0 0 1px var(--border), 0 2px 4px #00000005;cursor:pointer;border-radius:16px;flex-direction:column;height:136px;transition:background .1s;display:flex;overflow:hidden}.home .card:hover{background:var(--hover)}.home .card .card-cover{background:var(--bg-sidebar);background-position:50%;background-size:cover;height:44px}.home .card .card-icon{height:30px;color:var(--text-3);margin:-14px 0 0 14px;font-size:26px;line-height:30px}.home .card .card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:6px 14px 0;font-size:14px;font-weight:600;display:-webkit-box;overflow:hidden}.home .card .card-time{color:var(--text-3);margin-top:auto;margin-bottom:12px;padding:4px 14px 0;font-size:12px}.home .card.new{color:var(--text-3);justify-content:center;align-items:center;gap:6px;font-size:14px}.login{place-items:center;height:100%;display:grid}.login form{flex-direction:column;gap:12px;width:320px;display:flex}.login h1{text-align:center;margin:0 0 4px;font-size:22px}.login .input{height:36px}.login .err{color:var(--red-ui);font-size:13px}.toast{color:#fff;z-index:200;box-shadow:var(--shadow-menu);background:#2c2c2b;border-radius:8px;padding:8px 14px;font-size:14px;animation:.15s pop;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}[data-theme=dark] .toast{background:#3a3a3a}.drop-overlay{z-index:80;pointer-events:none;background:#2383e20f;position:fixed;inset:0;box-shadow:inset 0 0 0 3px #2383e280}.sidebar-peek{z-index:6;width:12px;position:absolute;top:0;bottom:0;left:0}@media (width<=760px){.page-col{padding:0 24px}.sidebar{z-index:20;height:100%;box-shadow:var(--shadow-menu);position:absolute}.emoji-picker,.cover-picker{width:calc(100vw - 24px)}}.avatar{letter-spacing:.02em;background:var(--bg-blue);color:var(--c-blue);-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;place-items:center;font-weight:600;display:inline-grid}.account-card{align-items:center;gap:10px;padding:8px;display:flex}.chip{background:var(--bg-gray);height:20px;color:var(--text-2);white-space:nowrap;border-radius:4px;align-items:center;margin-left:6px;padding:0 6px;font-size:12px;display:inline-flex}.ut-row .chip{margin-left:0}.chip-blue{background:var(--bg-blue);color:var(--c-blue)}.dot{vertical-align:1px;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.dot.on{background:var(--c-green)}.dot.off{background:var(--text-4)}.admin{max-width:1040px;margin:0 auto;padding:48px 48px 96px}.admin-head{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.admin-head h1{margin:0 0 6px;font-size:30px;font-weight:700}.admin-head p{color:var(--text-2);max-width:560px;margin:0;font-size:14px;line-height:1.5}.admin-stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;display:grid}.admin-stats>div{box-shadow:inset 0 0 0 1px var(--border);border-radius:10px;flex-direction:column;gap:2px;padding:14px 16px;display:flex}.admin-stats b{font-size:22px;font-weight:600}.admin-stats span{color:var(--text-3);font-size:12px}.admin-toolbar{justify-content:space-between;margin-bottom:8px;display:flex}.search-input{height:30px;box-shadow:inset 0 0 0 1px var(--border);background:var(--bg-input);width:260px;color:var(--text-3);border-radius:6px;align-items:center;gap:6px;padding:0 8px;display:flex}.search-input svg{width:16px;height:16px}.search-input input{color:var(--text);background:0 0;border:0;outline:0;flex:1;font-size:14px}.user-table{border-top:1px solid var(--border)}.ut-row{border-bottom:1px solid var(--border);min-height:52px;color:var(--text);grid-template-columns:minmax(200px,2.4fr) 1.2fr 1fr .7fr .9fr 1.1fr 36px;align-items:center;gap:8px;padding:0 6px;font-size:14px;display:grid}.ut-row:not(.ut-head):hover{background:var(--hover)}.ut-row.disabled .ut-user{opacity:.55}.ut-head{min-height:34px;color:var(--text-3);font-size:12px;font-weight:500}.ut-user{align-items:center;gap:10px;min-width:0;display:flex}.ut-names{flex-direction:column;min-width:0;display:flex}.ut-name{white-space:nowrap;text-overflow:ellipsis;align-items:center;font-weight:500;display:flex;overflow:hidden}.ut-username{color:var(--text-3);font-size:12px}.ut-actions{justify-content:flex-end;display:flex}.form-modal{width:440px;max-width:calc(100vw - 32px);padding:24px}.form-modal form{flex-direction:column;gap:14px;display:flex}.form-modal h2{margin:0 0 2px;font-size:18px;font-weight:600}.form-desc{color:var(--text-2);margin:0;font-size:14px;line-height:1.5}.field{color:var(--text-2);flex-direction:column;gap:6px;font-size:13px;display:flex}.field>span{font-weight:500}.field small{color:var(--text-3);font-size:12px}.field .segmented{align-self:flex-start}.field .input{height:32px}.input:disabled{opacity:.6}.pw-field{gap:6px;display:flex}.pw-field .input{font-family:var(--font-mono);flex:1;font-size:13px}.btn.small{flex-shrink:0;height:32px;padding:0 10px;font-size:13px}.btn:disabled{opacity:.5;cursor:default}.form-error{color:var(--red-ui);background:#eb575714;border-radius:6px;padding:8px 10px;font-size:13px}.form-actions{justify-content:flex-end;gap:8px;margin-top:6px;display:flex}.creds{font-family:var(--font-mono);background:var(--bg-code);white-space:pre-wrap;-webkit-user-select:all;user-select:all;border-radius:6px;margin:12px 0 4px;padding:12px 14px;font-size:13px}.pw-form{flex-direction:column;gap:6px;width:260px;display:flex}.settings-section{color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);margin-top:4px;padding-bottom:6px;font-size:12px;font-weight:600}.settings-modal{max-height:86vh;margin-top:7vh;overflow-y:auto}.link-btn{color:var(--text-3);text-underline-offset:2px;margin-top:4px;font-size:12px;text-decoration:underline}.link-btn:hover{color:var(--text-2)}.auth-card{max-width:calc(100vw - 32px);gap:14px!important;width:340px!important}.auth-logo{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:88px;height:88px;margin:0 auto -6px;display:block}.auth-sub{text-align:center;color:var(--text-2);margin:-6px 0 4px;font-size:14px;line-height:1.5}.auth-hint{text-align:center;color:var(--text-3);margin:0;font-size:12px}.auth-lang{justify-content:center;gap:10px;display:flex}.auth-lang .link-btn{margin-top:0;text-decoration:none}.auth-lang .link-btn.on{color:var(--text);font-weight:500}.auth-card .btn.primary{height:36px}html[data-desktop] .topbar{-webkit-app-region:drag}html[data-desktop] .topbar button,html[data-desktop] .topbar .crumb,html[data-desktop] .topbar .saved{-webkit-app-region:no-drag}html[data-desktop=darwin] .sidebar{padding-top:38px}html[data-desktop=darwin] .sidebar:before{content:"";-webkit-app-region:drag;height:38px;position:absolute;top:0;left:0;right:0}html[data-desktop=darwin] .sidebar.collapsed~.main .topbar{padding-left:84px}html[data-desktop=darwin] .login:before{content:"";-webkit-app-region:drag;height:38px;position:fixed;top:0;left:0;right:0}@media (width<=760px){.admin{padding:24px 16px 64px}.admin-head{flex-direction:column}.admin-stats{grid-template-columns:repeat(2,1fr)}.ut-row{grid-template-columns:1fr auto 36px}.ut-row>:nth-child(3),.ut-row>:nth-child(4),.ut-row>:nth-child(5),.ut-row>:nth-child(6){display:none}}.sync-badge{white-space:nowrap;cursor:default;border-radius:12px;align-items:center;height:24px;margin-right:6px;padding:0 9px;font-size:12px;font-weight:500;display:inline-flex}.sync-badge.offline{background:var(--bg-gray);color:var(--text-2)}.sync-badge .dot{margin-right:6px}.remote-banner{background:var(--bg-blue);color:var(--c-blue);flex-shrink:0;justify-content:center;align-items:center;gap:12px;padding:6px 12px;font-size:13px;display:flex}.remote-banner .btn{height:26px;color:inherit;box-shadow:inset 0 0 0 1px}.notion-modal{width:600px}.ni-head{align-items:center;gap:12px;margin-bottom:16px;display:flex}.ni-head h2{margin:0 0 4px;font-size:18px;font-weight:600}.ni-logo{color:#000;background:#fff;border-radius:8px;flex-shrink:0;place-items:center;width:36px;height:36px;font-family:Georgia,Times New Roman,serif;font-size:20px;font-weight:700;display:grid;box-shadow:inset 0 0 0 2px #000}.ni-logo.small{border-radius:4px;width:18px;height:18px;font-size:11px;box-shadow:inset 0 0 0 1.5px #000}.ni-logo.joplin{color:#fff;box-shadow:none;background:#1071d3;font-family:inherit}.ni-steps{color:var(--text-4);gap:12px;font-size:12px;display:flex}.ni-steps .on{color:var(--text-2);font-weight:500}.notion-modal form{flex-direction:column;gap:14px;display:flex}.ni-howto{color:var(--text-2);flex-direction:column;gap:6px;margin:0;padding-left:20px;font-size:14px;line-height:1.6;display:flex}.ni-howto a{color:var(--blue)}.input.mono{font-family:var(--font-mono);font-size:13px}.ni-select{flex-direction:column;gap:10px;display:flex}.ni-toolbar{align-items:center;gap:6px;display:flex}.ni-toolbar .search-input{flex:1;width:auto}.ni-tree{max-height:46vh;box-shadow:inset 0 0 0 1px var(--border);border-radius:8px;padding:4px 0;overflow-y:auto}.ni-row{align-items:center;gap:2px;min-height:32px;padding-right:8px;display:flex}.ni-row:hover{background:var(--hover)}.ni-row label{cursor:pointer;flex:1;align-items:center;gap:8px;min-width:0;font-size:14px;display:flex}.ni-row input{accent-color:var(--blue);width:15px;height:15px;margin:0}.ni-chev{width:20px;height:20px;color:var(--text-3);cursor:pointer;border-radius:4px;flex-shrink:0;place-items:center;display:grid}.ni-chev:hover{background:var(--active)}.ni-chev.hidden{visibility:hidden}.ni-chev svg{width:11px;height:11px;transition:transform .15s}.ni-chev.open svg{transform:rotate(90deg)}.ni-icon{text-align:center;width:20px;color:var(--text-3);flex-shrink:0;place-items:center;display:grid}.ni-icon svg{width:16px;height:16px}.ni-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ni-count{color:var(--text-4);margin-left:auto;font-size:12px}.ni-progress{flex-direction:column;gap:12px;display:flex}.ni-bar{background:var(--bg-gray);border-radius:3px;height:6px;overflow:hidden}.ni-bar span{background:var(--blue);height:100%;transition:width .4s;display:block}.ni-current{color:var(--text-3);font-size:13px}.ni-errors{color:var(--text-2);font-size:13px}.ni-errors summary{cursor:pointer;color:#cb912f}.ni-errors ul{max-height:140px;margin:6px 0 0;padding-left:18px;overflow-y:auto}.ni-row.implied label{cursor:default;color:var(--text-2)}