*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:#f4f2ec}::selection{background:color-mix(in srgb,var(--accent) 24%,transparent)}[data-theme=light]{--bg:#f4f2ec;--surface:#fffdf8;--surface-2:#eceae1;--raised:#fbfaf5;--border:#e4e0d5;--border-strong:#d5d0c2;--text:#26241e;--text-2:#615c50;--text-3:#938e7e;--accent:#3f5c8a;--accent-2:#8a5a3c;--code-bg:#f0ede4;--code-border:#e2ddd0;--conf-on:#6a6456;--conf-off:#d9d4c6;--shadow:0 1px 2px rgba(40,36,26,.05),0 1px 0 rgba(40,36,26,.02);--hl-key:#9a4f8f;--hl-str:#4d7a3d;--hl-num:#a0562a;--hl-com:#a29a86;--hl-fn:#3f5c8a;--hl-type:#2f7d78;--hl-attr:#8a5a3c;color-scheme:light}[data-theme=dark]{--bg:#17161a;--surface:#201f24;--surface-2:#2a292f;--raised:#26252b;--border:#302f36;--border-strong:#3d3c45;--text:#e9e6dd;--text-2:#a8a394;--text-3:#78725f;--accent:#89aae6;--accent-2:#d59b76;--code-bg:#1b1a1f;--code-border:#2c2b32;--shadow:0 1px 3px rgba(0,0,0,.35);--conf-on:#b7b09c;--conf-off:#3a3941;--hl-key:#c792ea;--hl-str:#a5d6a0;--hl-num:#f0a26a;--hl-com:#6f6a5b;--hl-fn:#82aaff;--hl-type:#7fd1c4;--hl-attr:#d59b76;color-scheme:dark}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.md-body{font-family:"Source Serif 4",Georgia,serif;color:var(--text);font-size:18px;line-height:1.72}.md-body>:first-child{margin-top:0}.md-body h1{font-size:1.7em;font-weight:600;line-height:1.25;margin:1.6em 0 .5em;letter-spacing:-.01em}.md-body h2{font-size:1.32em;font-weight:600;line-height:1.3;margin:1.5em 0 .45em;letter-spacing:-.005em}.md-body h3{font-size:1.1em;font-weight:600;margin:1.3em 0 .4em}.md-body p{margin:0 0 1.05em}.md-body ol,.md-body ul{margin:0 0 1.05em;padding-left:1.4em}.md-body li{margin:.3em 0}.md-body li::marker{color:var(--text-3)}.md-body a{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.md-body strong{font-weight:600;color:var(--text)}.md-body em{font-style:italic}.md-body blockquote{margin:1.1em 0;padding:.2em 0 .2em 1.1em;border-left:3px solid var(--border-strong);color:var(--text-2);font-style:italic}.md-body hr{border:none;border-top:1px solid var(--border);margin:1.8em 0}.md-body :not(pre)>code{font-family:JetBrains Mono,monospace;font-size:.83em;background:var(--code-bg);border:1px solid var(--code-border);border-radius:5px;padding:.12em .38em}.md-body pre{background:var(--code-bg);border:1px solid var(--code-border);border-radius:10px;padding:16px 18px;overflow:auto;margin:0 0 1.2em;line-height:1.6}.md-body pre code{font-family:JetBrains Mono,monospace;font-size:14px;background:none;border:none;padding:0;color:var(--text)}.hljs-doctag,.hljs-keyword,.hljs-literal,.hljs-section,.hljs-selector-tag{color:var(--hl-key)}.hljs-addition,.hljs-regexp,.hljs-string{color:var(--hl-str)}.hljs-bullet,.hljs-number,.hljs-symbol{color:var(--hl-num)}.hljs-comment,.hljs-quote{color:var(--hl-com);font-style:italic}.hljs-function .hljs-title,.hljs-title,.hljs-title.function_{color:var(--hl-fn)}.hljs-built_in,.hljs-class .hljs-title,.hljs-title.class_,.hljs-type{color:var(--hl-type)}.hljs-attr,.hljs-attribute,.hljs-params,.hljs-property{color:var(--hl-attr)}.hljs-name,.hljs-tag,.hljs-template-variable,.hljs-variable{color:var(--text)}.hljs-meta{color:var(--text-3)}.lh-scroll::-webkit-scrollbar{width:10px;height:10px}.lh-scroll::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:20px;border:3px solid transparent;background-clip:content-box}.topbar{display:flex;align-items:center;gap:16px;height:53px;padding:0 20px;position:-webkit-sticky;position:sticky;top:0;z-index:30}.workspace{display:grid;grid-template-columns:256px minmax(400px,480px) 1fr;height:calc(100vh - 53px)}.pane{overflow-y:auto;height:100%}.side{background:var(--surface)}.listpane,.side{border-right:1px solid var(--border)}.mobileback{display:none}@media (max-width:980px){.workspace{display:block;grid-template-columns:none;height:auto}.side{display:none}.pane{height:auto;overflow:visible}.workspace[data-active=list] .readpane,.workspace[data-active=read] .listpane{display:none}.mobileback{display:flex}}button,input,textarea{color:inherit}input::placeholder,textarea::placeholder{color:var(--text-3)}.lh-hover-text:hover{color:var(--text)}.lh-hover-raise:hover{background:var(--raised)}.lh-hover-surface2:hover{background:var(--surface-2)}.lh-hover-border:hover{border-color:var(--border-strong)}