pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub Dark
  Description: Dark theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-dark
  Current colors taken from GitHub's CSS
*/.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#79c0ff}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-comment,.hljs-code,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;background:var(--bg);color:var(--text)}button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--elevated);color:var(--text);padding:.4rem .75rem;border-radius:.4rem}button:hover{border-color:var(--accent)}button.primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}button.danger{color:var(--danger)}button:disabled{opacity:.5;cursor:not-allowed}input,textarea{font:inherit;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:.4rem;padding:.4rem .55rem}input:focus,textarea:focus{outline:none;border-color:var(--accent)}.muted{color:var(--muted)}.app-loading{display:grid;place-items:center;height:100%}.error{color:var(--danger)}.layout{display:flex;flex-direction:column;height:100%}.layout-body{flex:1;display:flex;min-height:0}.navbar{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;border-bottom:1px solid var(--border);background:var(--surface)}.brand{display:inline-flex;align-items:center;gap:.5rem;font-weight:700;color:var(--text);text-decoration:none;letter-spacing:.02em}.brand-logo{width:1.4rem;height:1.4rem;display:block}.nav-right{position:relative}.avatar{width:2rem;height:2rem;border-radius:50%;padding:0;display:grid;place-items:center;background:var(--accent);color:var(--on-accent);border:none;font-weight:700}.avatar.sm{width:1.75rem;height:1.75rem;font-size:.8rem}.avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.menu{position:absolute;right:0;top:calc(100% + .4rem);min-width:15rem;background:var(--surface);border:1px solid var(--border);border-radius:.6rem;padding:.4rem;box-shadow:0 10px 30px #0006;z-index:20}.menu-user{display:flex;gap:.6rem;align-items:center;padding:.4rem .5rem}.menu-user-name{font-weight:600}.menu-user-sub{font-size:.8rem}.menu-divider{height:1px;background:var(--border);margin:.4rem 0}.menu-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:.25rem .5rem}.menu-item{display:flex;align-items:center;gap:.6rem;width:100%;border:none;background:none;padding:.45rem .5rem;border-radius:.4rem;text-align:left}.menu-item:hover{background:var(--elevated)}.menu-item.selected{color:var(--accent)}.menu-item-label{flex:1}.swatch{width:.9rem;height:.9rem;border-radius:50%;border:1px solid var(--border)}.check{color:var(--accent)}.sidebar{width:16rem;flex-shrink:0;border-right:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;overflow:hidden}.sidebar-actions{display:flex;gap:.4rem;padding:.6rem;border-bottom:1px solid var(--border)}.sidebar-actions button{flex:1;font-size:.85rem}.tree{flex:1;overflow-y:auto;padding:.4rem 0}.tree-empty{padding:.5rem .75rem;font-size:.85rem}.row{display:flex;align-items:center;gap:.4rem;padding:.28rem .5rem;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.9rem}.row:hover{background:var(--elevated)}.row.active{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent)}.row.drop-target{outline:1px dashed var(--accent);outline-offset:-2px;background:color-mix(in srgb,var(--accent) 15%,transparent)}.root-dropzone{margin:.5rem;padding:.6rem;border:1px dashed var(--border);border-radius:.4rem;text-align:center;color:var(--muted);font-size:.82rem;-webkit-user-select:none;user-select:none}.root-dropzone.over{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.row-icon{width:1rem;text-align:center;flex-shrink:0;color:var(--muted)}.row-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-actions{display:none;gap:.1rem}.row:hover .row-actions{display:flex}.row-actions button{border:none;background:none;padding:.1rem .25rem;font-size:.75rem;color:var(--muted);border-radius:.3rem}.row-actions button:hover{color:var(--text);background:var(--surface)}.main{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.note-page{flex:1;display:flex;flex-direction:column;min-height:0;padding:1.25rem 1.5rem;overflow:hidden}.note-toolbar{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.note-title{flex:1;margin:0;font-size:1.5rem}.title-input{flex:1;font-size:1.5rem;font-weight:700;padding:.3rem .5rem}.toolbar-actions{display:flex;gap:.5rem}.note-body{flex:1;min-height:0;overflow:auto;border:1px solid var(--border);border-radius:.6rem;background:var(--surface)}.note-body .markdown{padding:1.25rem 1.5rem}.note-body .cm-editor{height:100%}.markdown{max-width:48rem}.markdown h1,.markdown h2,.markdown h3{line-height:1.25;margin:1.4em 0 .5em}.markdown h1{font-size:1.7rem}.markdown h2{font-size:1.35rem;border-bottom:1px solid var(--border);padding-bottom:.2em}.markdown p,.markdown li{color:var(--text)}.markdown a{color:var(--accent)}.markdown code{background:var(--code-bg);padding:.15em .35em;border-radius:.3rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}.markdown pre{background:var(--code-bg);padding:1rem;border-radius:.5rem;overflow-x:auto;border:1px solid var(--border)}.markdown pre code{background:none;padding:0}.markdown blockquote{margin:1em 0;padding:.2em 1em;border-left:3px solid var(--accent);color:var(--muted)}.markdown table{border-collapse:collapse;width:100%;margin:1em 0}.markdown th,.markdown td{border:1px solid var(--border);padding:.4em .6em}.markdown img{max-width:100%}.markdown hr{border:none;border-top:1px solid var(--border)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:grid;place-items:center;z-index:50}.modal{width:min(32rem,calc(100vw - 2rem));background:var(--surface);border:1px solid var(--border);border-radius:.75rem;padding:1.25rem 1.4rem}.modal h2{margin:0 0 .3rem}.modal.modal-lg{width:min(40rem,calc(100vw - 2rem))}.modal.modal-xl{width:min(64rem,calc(100vw - 2rem))}.modal-head{display:flex;align-items:center;justify-content:space-between}.modal-head h2{margin:0}.modal-scroll{max-height:min(60vh,32rem);overflow-y:auto;padding-top:.5rem}.icon-btn{border:none;background:none;color:var(--muted);padding:.25rem .5rem;font-size:1rem}.icon-btn:hover{color:var(--text)}button.danger-solid{background:var(--danger);color:#fff;border-color:var(--danger)}.field{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;color:var(--muted)}.share-create{display:flex;gap:.6rem;align-items:flex-end;margin:1rem 0}.share-create .field{flex:1}.share-list{display:flex;flex-direction:column;gap:.5rem;max-height:16rem;overflow-y:auto}.share-row{display:flex;align-items:center;gap:.5rem}.share-row input{flex:1;font-size:.8rem}.share-exp{font-size:.78rem;white-space:nowrap}.modal-actions{display:flex;justify-content:flex-end;margin-top:1rem}.avatar.lg{width:4rem;height:4rem;font-size:1.6rem}.tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--border);margin-bottom:1rem}.tab{border:none;background:none;color:var(--muted);padding:.5rem .9rem;border-bottom:2px solid transparent;border-radius:0}.tab:hover{color:var(--text)}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.tab-panel{padding:1.25rem 1.5rem;max-width:48rem}.profile-info{display:flex;gap:1.25rem;align-items:center}.kv{display:grid;grid-template-columns:auto 1fr;gap:.35rem 1rem;margin:0}.kv dt{color:var(--muted)}.kv dd{margin:0}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em}.links-list{display:flex;flex-direction:column;gap:.75rem}.link-note{display:flex;flex-direction:column;min-width:9rem}.profile-actions{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border)}.profile-hint{font-size:.8rem;margin:.4rem 0 0}.data-tab section{margin-bottom:1.75rem}.data-tab h3{margin:0 0 .3rem}.success-msg{color:var(--success)}.history{display:grid;grid-template-columns:16rem 1fr;gap:1rem;height:min(76vh,42rem)}.history-list{list-style:none;margin:0;padding:0;overflow-y:auto;border-right:1px solid var(--border)}.history-item{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;width:100%;border:none;background:none;text-align:left;padding:.5rem;border-radius:.4rem}.history-item:hover{background:var(--elevated)}.history-item.active{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent)}.history-title{font-weight:600}.history-time{font-size:.75rem}.history-detail{overflow-y:auto}.history-detail-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.history-detail-head .tabs{margin-bottom:0;border-bottom:none}.diff{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;white-space:pre-wrap;word-break:break-word}.diff-line{padding:0 .4rem}.diff-line .diff-sign{display:inline-block;width:1rem;opacity:.7}.diff-line.add{background:color-mix(in srgb,var(--success) 18%,transparent)}.diff-line.del{background:color-mix(in srgb,var(--danger) 18%,transparent)}.diff-line.same{color:var(--muted)}.shared-page{min-height:100%;display:flex;justify-content:center;padding:3rem 1.5rem}.shared-content{width:min(48rem,100%)}.shared-content h1{margin-top:0}.shared-footer{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--border);font-size:.85rem}