:root{--bg:#f7f6f3;--surface:#fff;--text:#37352f;--text-muted:#37352fa6;--text-faint:#37352f6b;--hover:#37352f0f;--active:#37352f1a;--divider:#37352f17;--border:#37352f29;--selection:#2383e22e;--code-bg:#87837826;--code-text:#eb5757;--block-bg:#f1f0ec;--primary-bg:#37352f;--primary-text:#fff;--error:#d44c47;--shadow:0 0 0 1px #0f0f0f0d, 0 3px 6px #0f0f0f1a, 0 9px 24px #0f0f0f33;--hl-keyword:#a626a4;--hl-string:#448c27;--hl-number:#c76b29;--hl-title:#2f6fba;--font-sans:ui-sans-serif, -apple-system, BlinkMacSystemFont, "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;--radius:6px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#191919;--surface:#252525;--text:#ffffffdb;--text-muted:#ffffff8f;--text-faint:#ffffff57;--hover:#ffffff0e;--active:#ffffff17;--divider:#ffffff14;--border:#ffffff24;--selection:#2383e259;--code-bg:#87837826;--code-text:#ff7369;--block-bg:#202020;--primary-bg:#ffffffe0;--primary-text:#191919;--error:#ff7369;--shadow:0 0 0 1px #ffffff12, 0 3px 6px #0000004d, 0 9px 24px #00000073;--hl-keyword:#d19ad6;--hl-string:#9ccc65;--hl-number:#f0a35e;--hl-title:#7cb3f0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.5}::selection{background:var(--selection)}a{color:inherit}button,input{font:inherit;color:inherit}h1{margin:0 0 8px;font-size:1.5rem;font-weight:700}.muted{color:var(--text-muted)}.small{font-size:13px}.center{text-align:center}.error{color:var(--error);margin:0}.topbar{z-index:20;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:saturate(180%)blur(8px);backdrop-filter:saturate(180%)blur(8px);grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;height:48px;padding:0 12px;display:grid;position:sticky;top:0}.topbar-left{align-items:center;min-width:0;display:flex}.topbar-center{justify-content:center;display:flex}.topbar-right{justify-content:flex-end;align-items:center;gap:4px;display:flex}.wordmark{border-radius:var(--radius);align-items:center;gap:8px;padding:4px 8px;font-size:14px;font-weight:600;text-decoration:none;transition:background .12s;display:inline-flex}.wordmark:hover{background:var(--hover)}.wordmark-mark{background:var(--primary-bg);width:22px;height:22px;color:var(--primary-text);letter-spacing:-.02em;border-radius:5px;place-items:center;font-size:10px;font-weight:700;display:inline-grid}.btn{border-radius:var(--radius);white-space:nowrap;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:6px;height:30px;padding:0 10px;font-size:14px;font-weight:500;text-decoration:none;transition:background .12s,opacity .12s;display:inline-flex}.btn:disabled{opacity:.45;cursor:default}.btn-ghost{color:var(--text-muted)}.btn-ghost:hover{background:var(--hover);color:var(--text)}.btn-secondary{box-shadow:inset 0 0 0 1px var(--border)}.btn-secondary:hover:not(:disabled){background:var(--hover)}.btn-primary{background:var(--primary-bg);color:var(--primary-text)}.btn-primary:hover:not(:disabled){opacity:.86}.btn-sm{height:26px;padding:0 8px;font-size:13px}.btn-block{width:100%;height:34px}.link-btn{cursor:pointer;font-size:inherit;color:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.icon-actions{align-items:center;gap:2px;display:flex}.icon-btn{border-radius:var(--radius);width:30px;height:30px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;place-items:center;transition:background .12s,color .12s;display:inline-grid}.icon-btn:hover{background:var(--hover);color:var(--text)}.segmented{background:var(--hover);border-radius:7px;padding:2px;display:inline-flex}.segmented button{height:26px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:5px;padding:0 10px;font-size:13px;font-weight:500}.segmented button.active{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #0f0f0f1a}.segmented button:disabled{opacity:.4;cursor:not-allowed}.segmented-wide{display:flex}.segmented-wide button{flex:1}.input{border-radius:var(--radius);background:var(--hover);width:100%;height:34px;box-shadow:inset 0 0 0 1px var(--divider);border:0;outline:none;padding:0 10px;font-size:14px;transition:box-shadow .12s}.input:focus{box-shadow:inset 0 0 0 1px var(--border), 0 0 0 3px var(--selection)}.page{width:100%;max-width:760px;margin:0 auto;padding:40px 48px 96px}.reader{padding-top:56px}.editor-layout{min-height:calc(100vh - 76px);display:flex}.pane{flex:1;min-width:0}.mode-split .pane-preview{border-left:1px solid var(--divider)}.mode-split .page{padding-left:40px;padding-right:40px}.statusbar{color:var(--text-faint);pointer-events:none;font-size:12px;position:fixed;bottom:8px;right:12px}.center-message{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:calc(100vh - 120px);padding:24px 16px;display:flex}.card{background:var(--surface);box-shadow:var(--shadow);text-align:left;border-radius:10px;flex-direction:column;gap:10px;padding:28px;display:flex}.narrow{width:100%;max-width:340px}.card-title{margin:0;font-size:18px;font-weight:600}.card p{margin:0}.lock-icon{color:var(--text-muted)}.md-editor .cm-editor{min-height:60vh}.popover-anchor{position:relative}.popover-scrim{z-index:30;position:fixed;inset:0}.popover{z-index:31;background:var(--surface);width:360px;max-width:calc(100vw - 24px);box-shadow:var(--shadow);border-radius:10px;flex-direction:column;gap:14px;padding:16px;animation:.12s ease-out pop;display:flex;position:absolute;top:calc(100% + 6px);right:0}@keyframes pop{0%{opacity:0;transform:translateY(-4px)}}.share-link{gap:6px;display:flex}.share-link input{border-radius:var(--radius);background:var(--hover);border:0;outline:none;flex:1;min-width:0;height:30px;padding:0 8px;font-size:13px}.share-meta{margin:-8px 0 0}.field{flex-direction:column;gap:8px;display:flex}.field p{margin:0}.field-label{color:var(--text-muted);font-size:12px;font-weight:500}.toggle{cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.toggle input{accent-color:var(--primary-bg)}.toast{z-index:50;border-radius:var(--radius);background:var(--primary-bg);color:var(--primary-text);opacity:0;pointer-events:none;padding:8px 14px;font-size:14px;transition:opacity .16s,transform .16s;position:fixed;bottom:24px;left:50%;transform:translate(-50%,8px)}.toast-on{opacity:1;transform:translate(-50%)}.list-page{padding-top:56px}.page-title{font-size:2rem}.doc-list{margin:24px 0 0;padding:0;list-style:none}.doc-row{border-radius:var(--radius);align-items:center;gap:12px;min-height:40px;padding:2px 4px;transition:background .12s;display:flex}.doc-row:hover{background:var(--hover)}.doc-row-main{flex:1;align-items:center;gap:8px;min-width:0;text-decoration:none;display:flex}.doc-row-icon,.doc-row-badge{color:var(--text-faint);display:inline-flex}.doc-row-title{white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.doc-row-meta{color:var(--text-faint);flex-shrink:0;font-size:13px}.doc-row-actions{opacity:0;gap:2px;transition:opacity .12s;display:flex}.doc-row:hover .doc-row-actions,.doc-row:focus-within .doc-row-actions{opacity:1}.empty{flex-direction:column;align-items:flex-start;gap:8px;margin-top:32px;display:flex}.prose{overflow-wrap:break-word;font-size:16px;line-height:1.7}.prose>:first-child{margin-top:0}.prose h1,.prose h2,.prose h3,.prose h4{margin:1.6em 0 .3em;font-weight:600;line-height:1.3}.prose h1{margin-top:1.2em;font-size:2.25em;font-weight:700}.prose h2{font-size:1.5em}.prose h3{font-size:1.25em}.prose p{margin:.5em 0}.prose a{-webkit-text-decoration-color:var(--text-faint);text-decoration-color:var(--text-faint);text-underline-offset:2px}.prose a:hover{-webkit-text-decoration-color:var(--text);text-decoration-color:var(--text)}.prose ul,.prose ol{margin:.4em 0;padding-left:1.6em}.prose li{margin:.15em 0}.prose li>input[type=checkbox]{accent-color:var(--primary-bg);margin:0 .4em 0 -1.4em}.prose .contains-task-list{list-style:none}.prose blockquote{border-left:3px solid;margin:.8em 0;padding:0 0 0 14px}.prose hr{border:0;border-top:1px solid var(--divider);margin:1.6em 0}.prose code{background:var(--code-bg);color:var(--code-text);font-family:var(--font-mono);border-radius:4px;padding:.2em .4em;font-size:85%}.prose pre{border-radius:var(--radius);background:var(--block-bg);margin:1em 0;padding:20px 24px;line-height:1.55;overflow-x:auto}.prose pre code{color:var(--text);background:0 0;padding:0;font-size:14px}.prose table{border-collapse:collapse;max-width:100%;margin:1em 0;font-size:14px;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--divider);text-align:left;padding:7px 10px}.prose th{background:var(--hover);font-weight:600}.prose img{border-radius:var(--radius);max-width:100%}.doc-meta{border-top:1px solid var(--divider);color:var(--text-faint);margin-top:64px;padding-top:16px;font-size:13px}.hljs-keyword,.hljs-selector-tag,.hljs-built_in,.hljs-meta .hljs-keyword{color:var(--hl-keyword)}.hljs-string,.hljs-attr,.hljs-symbol,.hljs-addition{color:var(--hl-string)}.hljs-number,.hljs-literal,.hljs-variable.language_{color:var(--hl-number)}.hljs-title,.hljs-title.function_,.hljs-title.class_,.hljs-section,.hljs-type{color:var(--hl-title)}.hljs-comment,.hljs-quote,.hljs-meta{color:var(--text-faint);font-style:italic}.hljs-deletion{color:var(--error)}@media (width<=760px){.page{padding:24px 16px 80px}.mode-split .page{padding:24px 16px}.mode-split{flex-direction:column}.mode-split .pane-preview{border-left:0;border-top:1px solid var(--divider)}.mode-split .md-editor .cm-editor{min-height:30vh}.mode-split .cm-content{padding-bottom:24px!important}.topbar{grid-template-columns:auto 1fr auto;padding:0 8px}.topbar-right .btn-ghost{display:none}.topbar-right .btn-save{padding:0 8px;display:inline-flex}.btn-save .btn-label{display:none}.segmented button{padding:0 7px}.doc-row-meta{display:none}.doc-row-actions{opacity:1}.prose h1{font-size:1.9em}.statusbar{display:none}}@media (width<=420px){.wordmark{gap:0;font-size:0}}.drop-overlay{z-index:40;background:color-mix(in srgb, var(--bg) 70%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;place-items:center;animation:.12s ease-out pop;display:grid;position:fixed;inset:0}.drop-card{border:1.5px dashed var(--border);background:var(--surface);color:var(--text-muted);box-shadow:var(--shadow);border-radius:12px;flex-direction:column;align-items:center;gap:10px;padding:36px 48px;font-size:15px;display:flex}