/* #obsidian — Obsidian-like look (default dark theme, light theme via data-theme). */
.ob,.ob-menu,.ob-modal,.ob-popover{
  --ob-bg:#1e1e1e;--ob-bg2:#262626;--ob-bg3:#2f2f2f;--ob-hover:#ffffff12;--ob-active:#ffffff1c;--ob-border:#363636;
  --ob-text:#dadada;--ob-muted:#a3a3a3;--ob-faint:#6f6f6f;--ob-accent:#8a5cf5;--ob-accent-text:#a68af9;--ob-accent-bg:#8a5cf526;
  --ob-code-bg:#2a2a2a;--ob-hl:#ffd00055;--ob-tag-bg:#8a5cf522;--ob-graph-node:#8a8a8a;--ob-graph-line:#3f3f3f;--ob-sel:#8a5cf544;--ob-quote:#8a5cf5;
  --ob-font:"Inter","Segoe UI",-apple-system,"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;
  --ob-mono:"JetBrains Mono","Cascadia Code",Consolas,"Sarasa Mono SC",monospace;
  --ob-line:min(720px,100%);
  color:var(--ob-text);font-family:var(--ob-font);
}
.ob[data-theme=light],.ob-menu[data-theme=light],.ob-modal[data-theme=light],.ob-popover[data-theme=light]{
  --ob-bg:#ffffff;--ob-bg2:#f6f6f6;--ob-bg3:#ececec;--ob-hover:#0000000d;--ob-active:#00000016;--ob-border:#e0e0e0;
  --ob-text:#222;--ob-muted:#5c5c5c;--ob-faint:#9a9a9a;--ob-accent:#7a49f2;--ob-accent-text:#6a3fe0;--ob-accent-bg:#7a49f21a;
  --ob-code-bg:#f2f2f2;--ob-hl:#ffe36e99;--ob-tag-bg:#7a49f214;--ob-graph-node:#9a9a9a;--ob-graph-line:#d8d8d8;--ob-sel:#7a49f230;
}
.ob{--ob-left-width:270px;--ob-right-width:290px;display:grid;grid-template-columns:44px var(--ob-left-width) minmax(0,1fr) var(--ob-right-width);grid-template-rows:minmax(0,1fr) 24px;
  grid-template-areas:"ribbon left main right" "ribbon left status right";background:var(--ob-bg);border:1px solid var(--ob-border);border-radius:8px;overflow:hidden;min-height:420px;font-size:14px;position:relative;user-select:none}
.ob.left-closed{grid-template-columns:44px 0 minmax(0,1fr) var(--ob-right-width)}
.ob.right-closed{grid-template-columns:44px var(--ob-left-width) minmax(0,1fr) 0}
.ob.left-closed.right-closed{grid-template-columns:44px 0 minmax(0,1fr) 0}
.ob *{box-sizing:border-box}
.ob button,.ob-menu button,.ob-modal button{font:inherit;color:inherit;background:none;border:0;border-radius:5px;padding:0;margin:0;min-height:0;cursor:pointer;line-height:1.2}
.ob button:hover,.ob-modal button:hover{background:var(--ob-hover)}
.ob button:focus-visible,.ob-modal button:focus-visible{outline:2px solid var(--ob-accent);outline-offset:-2px}
.ob .ob-icon{display:block;flex:none}
.ob-fill{flex:1}
.ob-faint{color:var(--ob-faint)!important}
.ob-pad{padding:10px 14px;font-size:13px;line-height:1.6}

/* ribbon */
.ob-ribbon{grid-area:ribbon;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 0;background:var(--ob-bg2);border-right:1px solid var(--ob-border)}
.ob-ribbon button{width:32px;height:32px;display:grid;place-items:center;color:var(--ob-muted)}
.ob-ribbon button:hover{color:var(--ob-text)}

/* sidebars */
.ob-side{background:var(--ob-bg2);display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;position:relative}
.ob-left{grid-area:left;border-right:1px solid var(--ob-border);grid-row:1/3}
.ob-right{grid-area:right;border-left:1px solid var(--ob-border);grid-row:1/3}
.ob.left-closed .ob-left,.ob.right-closed .ob-right{border:0}
.ob-side-tabs{display:flex;gap:2px;padding:6px 8px;border-bottom:1px solid var(--ob-border);flex:none}
.ob-side-tabs button{width:30px;height:28px;display:grid;place-items:center;color:var(--ob-faint)}
.ob-side-tabs button.active{color:var(--ob-text);background:var(--ob-active)}
.ob-side-body{flex:1;min-height:0;overflow:auto;padding:4px 0 12px}
.ob-resizer{position:absolute;top:0;bottom:0;width:6px;cursor:col-resize;z-index:3}
.ob-left .ob-resizer{right:-3px}.ob-right .ob-resizer{left:-3px}
.ob-resizer:hover{background:var(--ob-accent);opacity:.5}
.ob-pane-actions{display:flex;justify-content:center;gap:4px;padding:4px 8px 6px}
.ob-pane-actions button{width:30px;height:28px;display:grid;place-items:center;color:var(--ob-muted)}
.ob-pane-title{padding:8px 14px 6px;font-size:12px;font-weight:600;color:var(--ob-muted);text-transform:none}
.ob-subhead{padding:12px 14px 4px;font-size:12px;font-weight:600;color:var(--ob-muted)}
.ob-link-btn{color:var(--ob-muted);font-weight:600;font-size:12px;padding:2px 0!important}
.ob-vaultbar{border-top:1px solid var(--ob-border);padding:6px 8px;flex:none}
.ob-vaultbar button{display:flex;align-items:center;gap:6px;width:100%;padding:6px 8px;font-weight:600;color:var(--ob-text);text-align:left}
.ob-vaultname{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* file tree */
.ob-tree{padding:0 6px}
.ob-tree-folder,.ob-tree-file{display:flex;align-items:center;gap:4px;min-height:28px;padding:3px 8px;border-radius:5px;cursor:pointer;color:var(--ob-muted);white-space:nowrap;font-size:13.5px}
.ob-tree-file{padding-left:24px}
.ob-tree-children{padding-left:14px;margin-left:10px;border-left:1px solid var(--ob-border)}
.ob-tree-children>.ob-tree-file{padding-left:12px}
.ob-tree-folder:hover,.ob-tree-file:hover{background:var(--ob-hover);color:var(--ob-text)}
.ob-tree-file.is-active{background:var(--ob-active);color:var(--ob-text)}
.ob-tree-folder.is-drop{background:var(--ob-accent-bg);outline:1px solid var(--ob-accent)}
.ob-tree-arrow{display:grid;place-items:center;width:14px;color:var(--ob-faint);transition:transform .12s;transform:rotate(90deg)}
.ob-tree-folder.is-collapsed .ob-tree-arrow{transform:none}
.ob-tree-name{overflow:hidden;text-overflow:ellipsis}
.ob-tree-ext{margin-left:auto;font-size:10px;padding:0 4px;border-radius:3px;background:var(--ob-bg3);color:var(--ob-faint);flex:none}
.ob-tree-file.is-unresolved{color:var(--ob-faint);font-style:italic}
.ob-right .ob-tree-file{padding-left:14px;margin:0 6px}

/* search & results */
.ob-search{display:flex;flex-direction:column;min-height:100%}
.ob-search-row{display:flex;gap:4px;padding:6px 10px}
.ob-search-input,.ob-input{flex:1;min-width:0;height:30px;padding:0 10px;border:1px solid var(--ob-border);border-radius:6px;background:var(--ob-bg);color:var(--ob-text);font:inherit;font-size:13px;outline:none}
.ob-search-input:focus,.ob-input:focus{border-color:var(--ob-accent);box-shadow:0 0 0 2px var(--ob-accent-bg)}
.ob-search-case{width:32px;height:30px;font-size:12px!important;color:var(--ob-faint)!important;border:1px solid var(--ob-border)!important}
.ob-search-case.active{color:var(--ob-accent-text)!important;border-color:var(--ob-accent)!important}
.ob-search-summary{padding:2px 14px 6px;font-size:12px;color:var(--ob-faint)}
.ob-result{margin:0 6px 2px}
.ob-result-file{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:5px;cursor:pointer;font-size:13px;font-weight:600;color:var(--ob-text)}
.ob-result-file:hover{background:var(--ob-hover)}
.ob-result-file>span:nth-child(2){flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ob-result-arrow{display:grid;transform:rotate(90deg);color:var(--ob-faint)}
.ob-result.is-collapsed .ob-result-arrow{transform:none}
.ob-result.is-collapsed .ob-result-matches{display:none}
.ob-result-count{font-size:11px;color:var(--ob-faint);font-weight:400}
.ob-result-match{margin:2px 0 2px 22px;padding:5px 8px;border-radius:5px;font-size:12.5px;line-height:1.5;color:var(--ob-muted);background:var(--ob-bg);cursor:pointer;overflow-wrap:anywhere;user-select:text}
.ob-result-match:hover{color:var(--ob-text);box-shadow:inset 0 0 0 1px var(--ob-border)}
.ob-result-match mark,.ob-result-file mark{background:var(--ob-hl);color:inherit;border-radius:2px}
.ob-taglist{padding:0 6px}
.ob-tag-row{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;border-radius:5px;cursor:pointer;font-size:13px}
.ob-tag-row:hover{background:var(--ob-hover)}
.ob-outline{padding:0 8px}
.ob-outline-item{padding:4px 8px 4px calc(8px + var(--lvl) * 14px);border-radius:5px;cursor:pointer;font-size:13px;color:var(--ob-muted);line-height:1.4}
.ob-outline-item:hover{background:var(--ob-hover);color:var(--ob-text)}
.ob-outline-item.is-active{color:var(--ob-accent-text);background:var(--ob-accent-bg)}

/* main column */
.ob-main{grid-area:main;display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--ob-bg)}
.ob-tabbar{display:flex;align-items:flex-end;gap:2px;height:40px;padding:0 6px;background:var(--ob-bg2);border-bottom:1px solid var(--ob-border);flex:none}
.ob-tabbar>button{width:30px;height:30px;display:grid;place-items:center;color:var(--ob-muted);margin-bottom:5px;flex:none}
.ob-tabs{display:flex;gap:2px;min-width:0;overflow-x:auto;scrollbar-width:none;align-items:flex-end;height:100%}
.ob-tabs::-webkit-scrollbar{display:none}
.ob-tab{display:flex;align-items:center;gap:6px;height:32px;min-width:90px;max-width:220px;padding:0 6px 0 12px;border-radius:8px 8px 0 0;color:var(--ob-muted);cursor:pointer;font-size:13px;flex:none;position:relative}
.ob-tab:hover{background:var(--ob-hover)}
.ob-tab.is-active{background:var(--ob-bg);color:var(--ob-text);box-shadow:0 0 0 1px var(--ob-border);clip-path:inset(-1px -1px 0 -1px)}
.ob-tab-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ob-tab-close{width:20px;height:20px;display:grid;place-items:center;opacity:.6}
.ob-tab-close:hover{opacity:1}
.ob-dot{width:7px;height:7px;border-radius:50%;background:var(--ob-muted);flex:none}
.ob-viewhead{display:flex;align-items:center;gap:2px;height:38px;padding:0 8px;flex:none}
.ob-viewhead>button{width:28px;height:28px;display:grid;place-items:center;color:var(--ob-muted)}
.ob-viewhead>button:disabled{opacity:.35;cursor:default}
.ob-crumbs{flex:1;min-width:0;display:flex;justify-content:center;align-items:center;gap:4px;font-size:13px;color:var(--ob-faint);overflow:hidden;white-space:nowrap}
.ob-crumb-title{color:var(--ob-text);overflow:hidden;text-overflow:ellipsis}
.ob-views{flex:1;min-height:0;position:relative}
.ob-view{position:absolute;inset:0}
.ob-view[hidden]{display:none}
.ob-loading,.ob-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;height:100%;color:var(--ob-muted);padding:20px;text-align:center}
.ob-empty-title{font-size:20px;color:var(--ob-text);margin-bottom:8px}
.ob-empty-state button{color:var(--ob-accent-text);font-size:15px;padding:6px 12px}
.ob-status{grid-area:status;display:flex;justify-content:flex-end;align-items:center;gap:2px;padding:0 10px;font-size:12px;color:var(--ob-muted);background:var(--ob-bg);border-top:1px solid var(--ob-border);white-space:nowrap;overflow:hidden}
.ob-status-item{padding:2px 8px;font-size:12px!important;color:var(--ob-muted)}
.ob-save.is-dirty{color:var(--ob-accent-text)}

/* note view */
.ob-note,.ob-media{position:absolute;inset:0}
.ob-edit-scroller,.ob-read-scroller{position:absolute;inset:0;overflow-y:auto;padding:16px 28px 40vh}
.ob-edit-scroller[hidden],.ob-read-scroller[hidden]{display:none}
.ob-content{max-width:var(--ob-line);margin:0 auto}
.ob-inline-title{font-size:2.05em;font-weight:700;line-height:1.25;margin:8px 0 18px;outline:none;color:var(--ob-text);overflow-wrap:anywhere;user-select:text;cursor:text}
.ob-read-backlinks:empty{display:none}

/* CodeMirror */
.ob .cm-editor{background:transparent;color:var(--ob-text);font-size:16px;outline:none!important}
.ob .cm-scroller{font-family:var(--ob-font);line-height:1.6;overflow:visible!important}
.ob .cm-content{padding:0;caret-color:var(--ob-accent);user-select:text}
.ob .cm-line{padding:0}
.ob .cm-cursor{border-left:2px solid var(--ob-accent)}
.ob .cm-selectionBackground,.ob .cm-focused .cm-selectionBackground,.ob .cm-content ::selection{background:var(--ob-sel)!important}
.ob .cm-placeholder{color:var(--ob-faint)}
.ob .cm-gutters{display:none}
/* Heading size lives on the line (both modes); the highlighted text only carries the weight. */
.ob .ob-h1{font-size:1.75em;line-height:1.3}.ob .ob-h2{font-size:1.5em;line-height:1.3}.ob .ob-h3{font-size:1.3em;line-height:1.35}
.ob .ob-h4{font-size:1.15em}.ob .ob-h5,.ob .ob-h6{font-size:1.05em}
.ob .cm-h1,.ob .cm-h2{font-weight:700}.ob .cm-h3,.ob .cm-h4,.ob .cm-h5,.ob .cm-h6{font-weight:650}
.ob .ob-h .cm-formatting,.ob .ob-h .cm-meta{font-weight:400}
.ob .ob-h{padding-top:.5em!important}
.ob .cm-strong{font-weight:700}.ob .cm-em{font-style:italic}.ob .cm-strike{text-decoration:line-through;color:var(--ob-muted)}
.ob .cm-link{color:var(--ob-accent-text)}.ob .cm-url{color:var(--ob-faint)}
.ob .cm-inline-code{font-family:var(--ob-mono);font-size:.88em;background:var(--ob-code-bg);border-radius:3px;padding:.1em .25em;color:#e3916e}
.ob[data-theme=light] .cm-inline-code{color:#b8471d}
.ob .cm-formatting,.ob .cm-meta{color:var(--ob-faint)}
.ob .cm-quote{color:var(--ob-muted)}
.ob .cm-kw{color:#c792ea}.ob .cm-str{color:#c3e88d}.ob .cm-num{color:#f78c6c}.ob .cm-comment{color:var(--ob-faint);font-style:italic}
.ob[data-theme=light] .cm-kw{color:#7c3aed}.ob[data-theme=light] .cm-str{color:#0a7f3f}.ob[data-theme=light] .cm-num{color:#b45309}
.ob .ob-fm-line{font-family:var(--ob-mono);font-size:13px;color:var(--ob-muted);background:var(--ob-code-bg);padding:0 10px!important}
.ob .ob-fm-line *{font-size:inherit!important;font-weight:400!important;color:inherit}
.ob .ob-fm-first{border-radius:6px 6px 0 0;padding-top:4px!important}.ob .ob-fm-last{border-radius:0 0 6px 6px;padding-bottom:4px!important;margin-bottom:8px}
.ob .ob-code-line{font-family:var(--ob-mono);font-size:14px;background:var(--ob-code-bg);padding:0 14px!important}
.ob .ob-code-first{border-radius:6px 6px 0 0;padding-top:6px!important}.ob .ob-code-last{border-radius:0 0 6px 6px;padding-bottom:6px!important}
.ob .ob-quote-line{border-left:3px solid var(--ob-quote);padding-left:14px!important;color:var(--ob-muted)}
.ob .ob-table-line{font-family:var(--ob-mono);font-size:13.5px}
.ob .ob-hr{display:inline-block;width:100%;height:1px;background:var(--ob-border);vertical-align:middle}
.ob .ob-bullet{color:var(--ob-faint);display:inline-block;width:1ch;text-align:center;font-weight:700}
.ob .ob-task-done{color:var(--ob-faint);text-decoration:line-through}
.ob .cm-line .task-list-item-checkbox{margin:0 .35em 0 0;vertical-align:-.1em}
.ob .ob-cm-wikilink{color:var(--ob-accent-text);cursor:pointer}
.ob .is-live-preview .ob-cm-wikilink:not(.ob-raw){text-decoration:underline;text-decoration-color:var(--ob-accent-bg);text-underline-offset:3px}
.ob .ob-cm-wikilink.is-unresolved{opacity:.65}
.ob .ob-cm-wikilink.ob-raw{cursor:text}
.ob .ob-cm-url{color:var(--ob-accent-text);text-decoration:underline;cursor:pointer}
.ob .ob-cm-highlight{background:var(--ob-hl);border-radius:2px}
.ob .ob-cm-tag{color:var(--ob-accent-text);background:var(--ob-tag-bg);border-radius:10px;padding:0 .45em;font-size:.9em}
.ob .ob-cm-img{max-width:100%;max-height:60vh;border-radius:4px;vertical-align:middle;margin:4px 0}
.ob .ob-cm-block{margin:6px 0;cursor:text}
.ob .ob-cm-table{overflow-x:auto}
.ob .cm-panels{background:var(--ob-bg2);color:var(--ob-text);border-color:var(--ob-border)!important}
.ob .cm-panel.cm-search{padding:6px 10px;font-size:13px}
.ob .cm-panel.cm-search input,.ob .cm-panel.cm-search button{font:inherit;font-size:13px;background:var(--ob-bg);color:var(--ob-text);border:1px solid var(--ob-border);border-radius:4px;padding:3px 8px}
.ob .cm-searchMatch{background:var(--ob-hl)}.ob .cm-searchMatch-selected{background:#ff9a3c88}
.ob .cm-tooltip{background:var(--ob-bg2);border:1px solid var(--ob-border);border-radius:6px;box-shadow:0 6px 20px #0005;color:var(--ob-text);overflow:hidden}
.ob .cm-tooltip-autocomplete>ul{font-family:var(--ob-font)!important;max-height:280px!important;min-width:260px}
.ob .cm-tooltip-autocomplete>ul>li{padding:5px 10px!important;display:flex;gap:10px}
.ob .cm-tooltip-autocomplete>ul>li[aria-selected]{background:var(--ob-accent-bg)!important;color:var(--ob-text)!important}
.ob .cm-completionDetail{margin-left:auto;color:var(--ob-faint);font-style:normal;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ob .cm-matchingBracket{background:var(--ob-active);outline:none}

/* rendered markdown (reading view, previews, embeds, tables in live preview) */
.markdown-rendered{font-size:16px;line-height:1.65;color:var(--ob-text);user-select:text;overflow-wrap:break-word}
.markdown-rendered h1,.markdown-rendered h2,.markdown-rendered h3,.markdown-rendered h4,.markdown-rendered h5,.markdown-rendered h6{line-height:1.3;margin:1.2em 0 .5em;font-weight:700;color:var(--ob-text)}
.markdown-rendered h1{font-size:1.75em}.markdown-rendered h2{font-size:1.5em}.markdown-rendered h3{font-size:1.3em}.markdown-rendered h4{font-size:1.15em}.markdown-rendered h5,.markdown-rendered h6{font-size:1.05em}
.markdown-rendered p{margin:0 0 1em;font-size:inherit!important;line-height:inherit!important}
.markdown-rendered a{color:var(--ob-accent-text);text-decoration:underline;text-decoration-color:var(--ob-accent-bg);text-underline-offset:3px;cursor:pointer}
.markdown-rendered a.is-unresolved{opacity:.65}
.markdown-rendered a.external-link::after{content:"↗";font-size:.75em;margin-left:2px;opacity:.7}
.markdown-rendered a.tag,.ob-properties a.tag,.ob-tag-row .tag{color:var(--ob-accent-text);background:var(--ob-tag-bg);border-radius:10px;padding:.1em .55em;font-size:.88em;text-decoration:none}
.markdown-rendered code{font-family:var(--ob-mono);font-size:.88em;background:var(--ob-code-bg);border-radius:3px;padding:.1em .3em;color:#e3916e}
.ob[data-theme=light] .markdown-rendered code{color:#b8471d}
.markdown-rendered pre{background:var(--ob-code-bg);border-radius:6px;padding:12px 16px;overflow-x:auto;margin:0 0 1em}
.markdown-rendered pre code{background:none;padding:0;color:var(--ob-text);font-size:14px}
.markdown-rendered blockquote{margin:0 0 1em;padding:2px 0 2px 16px;border-left:3px solid var(--ob-quote);color:var(--ob-muted)}
.markdown-rendered hr{border:0;border-top:1px solid var(--ob-border);margin:2em 0}
.markdown-rendered ul,.markdown-rendered ol{padding-left:1.6em;margin:0 0 1em}
.markdown-rendered li{margin:.2em 0}
.markdown-rendered li.task-list-item{list-style:none;margin-left:-1.3em}
.markdown-rendered li.is-checked{color:var(--ob-faint);text-decoration:line-through}
.task-list-item-checkbox{width:1em;height:1em;accent-color:var(--ob-accent);margin:0 .4em 0 0;vertical-align:-.12em;cursor:pointer}
.markdown-rendered mark{background:var(--ob-hl);color:inherit;border-radius:2px;padding:0 .1em}
.markdown-rendered img{max-width:100%;border-radius:4px}
.ob-table-wrap{overflow-x:auto;margin:0 0 1em}
.markdown-rendered table{border-collapse:collapse;font-size:.92em;min-width:50%}
.markdown-rendered th,.markdown-rendered td{border:1px solid var(--ob-border);padding:6px 10px;text-align:left;vertical-align:top}
.markdown-rendered th{background:var(--ob-bg2);font-weight:600}
.markdown-rendered .footnotes{font-size:.88em;color:var(--ob-muted);border-top:1px solid var(--ob-border);margin-top:2em;padding-top:1em}
.markdown-rendered .ob-flash{animation:ob-flash 1.4s}
@keyframes ob-flash{0%,40%{background:var(--ob-accent-bg)}100%{background:transparent}}
.ob-embed{border-left:2px solid var(--ob-accent);padding:4px 0 4px 16px;margin:0 0 1em}
.ob-embed-title{font-weight:600;color:var(--ob-muted);font-size:.9em;margin-bottom:6px}
.callout{border-radius:6px;padding:10px 14px;margin:0 0 1em;background:#448aff1a;border-left:3px solid #448aff}
.callout-title{font-weight:650;margin-bottom:4px;color:#448aff}
.callout[data-callout=warning],.callout[data-callout=caution],.callout[data-callout=attention]{background:#ff91001a;border-color:#ff9100}.callout[data-callout=warning] .callout-title{color:#ff9100}
.callout[data-callout=tip],.callout[data-callout=success],.callout[data-callout=check],.callout[data-callout=done]{background:#00bfa51a;border-color:#00bfa5}.callout[data-callout=tip] .callout-title,.callout[data-callout=success] .callout-title{color:#00bfa5}
.callout[data-callout=danger],.callout[data-callout=error],.callout[data-callout=bug],.callout[data-callout=failure]{background:#ff52521a;border-color:#ff5252}.callout[data-callout=danger] .callout-title,.callout[data-callout=error] .callout-title{color:#ff5252}
.callout[data-callout=question],.callout[data-callout=faq],.callout[data-callout=help]{background:#ec75001a;border-color:#ec7500}
.callout[data-callout=quote],.callout[data-callout=cite]{background:#9e9e9e1a;border-color:#9e9e9e}
.callout.is-collapsed .callout-content{display:none}
.callout-content>:last-child{margin-bottom:0}
.hljs-keyword,.hljs-built_in,.hljs-selector-tag{color:#c792ea}.hljs-string,.hljs-attr{color:#c3e88d}.hljs-number,.hljs-literal{color:#f78c6c}.hljs-comment{color:var(--ob-faint);font-style:italic}.hljs-title,.hljs-function{color:#82aaff}.hljs-type,.hljs-class{color:#ffcb6b}
.ob[data-theme=light] .hljs-keyword{color:#7c3aed}.ob[data-theme=light] .hljs-string{color:#0a7f3f}.ob[data-theme=light] .hljs-number{color:#b45309}.ob[data-theme=light] .hljs-title{color:#1d4ed8}
.ob-properties{border:1px solid var(--ob-border);border-radius:8px;padding:8px 12px;margin:0 0 1.4em;font-size:14px}
.ob-properties-head{font-size:12px;font-weight:600;color:var(--ob-muted);margin-bottom:6px}
.ob-prop{display:grid;grid-template-columns:minmax(80px,30%) 1fr;gap:10px;padding:4px 0;align-items:baseline}
.ob-prop-key{color:var(--ob-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ob-prop-val{display:flex;flex-wrap:wrap;gap:4px;overflow-wrap:anywhere}
.ob-prop-chip{background:var(--ob-bg3);border-radius:4px;padding:0 6px}
.ob-media{display:flex;align-items:center;justify-content:center;padding:20px;overflow:auto}
.ob-media img,.ob-media video{max-width:100%;max-height:100%;object-fit:contain}
.ob-media iframe{width:100%;height:100%;border:0;background:#fff}
.ob-other{flex-direction:column;gap:6px}
.ob .mod-cta,.ob-modal .mod-cta{background:var(--ob-accent)!important;color:#fff!important;border-radius:6px!important;padding:7px 16px!important;text-decoration:none}

/* graph */
.ob-graph{position:absolute;inset:0;background:var(--ob-bg)}
.ob-graph canvas{width:100%;height:100%;display:block;cursor:grab;touch-action:none}
.ob-graph-controls{position:absolute;top:10px;right:10px;width:230px;display:grid;gap:8px;padding:10px 12px;background:var(--ob-bg2);border:1px solid var(--ob-border);border-radius:8px;font-size:12.5px;color:var(--ob-muted)}
.ob-graph-controls label{display:flex;align-items:center;gap:6px}
.ob-graph-controls input[type=range]{flex:1;accent-color:var(--ob-accent)}
.ob-graph-controls input[type=checkbox]{accent-color:var(--ob-accent)}
.ob-graph-hint{position:absolute;left:12px;bottom:10px;font-size:12px;color:var(--ob-faint)}

/* menus, modals, popovers (rendered at <body> level) */
.ob-menu{position:fixed;z-index:1100;min-width:200px;padding:4px;background:var(--ob-bg2);border:1px solid var(--ob-border);border-radius:8px;box-shadow:0 8px 28px #0006;font-family:var(--ob-font);font-size:13.5px}
.ob-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:6px 10px;border-radius:5px;text-align:left;color:var(--ob-text)}
.ob-menu button:hover:not(:disabled){background:var(--ob-hover)}
.ob-menu button:disabled{opacity:.4}
.ob-menu button.danger{color:#fb464c}
.ob-menu .ob-icon{color:var(--ob-muted)}.ob-icon-gap{width:14px}
.ob-menu-sep{display:block;height:1px;background:var(--ob-border);margin:4px 6px}
.ob-modal{border:1px solid var(--ob-border);border-radius:10px;background:var(--ob-bg2);color:var(--ob-text);padding:0;width:min(480px,calc(100vw - 24px));box-shadow:0 16px 48px #0007;font-family:var(--ob-font);font-size:14px}
.ob-modal::backdrop{background:#0008}
.ob-modal-title{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 4px;font-size:16px;font-weight:600}
.ob-modal-x{width:28px;height:28px;display:grid;place-items:center;color:var(--ob-muted)}
.ob-modal-body{padding:10px 16px}
.ob-modal-body p{margin:0 0 10px;line-height:1.6;white-space:pre-line}
.ob-modal-buttons{display:flex;justify-content:flex-end;gap:8px;padding:8px 16px 16px}
.ob-modal-buttons button{padding:7px 14px!important;background:var(--ob-bg3)!important;border-radius:6px!important}
.ob-modal-buttons .mod-warning{background:#e93147!important;color:#fff}
.ob-modal .ob-input{width:100%;height:34px;font-size:14px}
.ob-prompt{width:min(640px,calc(100vw - 24px));margin-top:12vh;align-self:flex-start}
.ob-prompt .ob-modal-body{padding:0}
.ob-suggest-input{width:100%;height:46px;padding:0 16px;border:0;border-bottom:1px solid var(--ob-border);background:transparent;color:var(--ob-text);font:inherit;font-size:16px;outline:none}
.ob-suggest-list{max-height:min(420px,55vh);overflow:auto;padding:6px}
.ob-suggest-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 10px;border-radius:6px;cursor:pointer;flex-wrap:wrap}
.ob-suggest-item.is-selected{background:var(--ob-active)}
.ob-suggest-name b{color:var(--ob-accent-text);font-weight:700}
.ob-suggest-note{width:100%;font-size:12px;color:var(--ob-faint);margin-top:-2px}
.ob-suggest-item kbd,.ob-help kbd{font:12px var(--ob-mono);color:var(--ob-muted);background:var(--ob-bg3);border-radius:4px;padding:1px 6px}
.ob-suggest-empty{padding:12px;color:var(--ob-muted)}
.ob-suggest-help{padding:8px 14px;border-top:1px solid var(--ob-border);font-size:12px;color:var(--ob-faint)}
.ob-help{width:min(820px,calc(100vw - 24px))}
.ob-help-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;font-size:13px}
.ob-help-grid td{padding:3px 8px 3px 0;vertical-align:top}
.ob-help-grid p{color:var(--ob-muted)}
.ob-popover{position:fixed;z-index:1050;width:460px;max-width:calc(100vw - 16px);max-height:360px;overflow:auto;padding:12px 18px;background:var(--ob-bg);border:1px solid var(--ob-border);border-radius:8px;box-shadow:0 12px 36px #0007;font-family:var(--ob-font);font-size:14px}
.ob-popover .markdown-rendered,.ob-popover-body{font-size:14px}
.ob-popover-title{font-weight:700;font-size:16px;margin-bottom:8px}
.ob-scrim{display:none}
.ob-mobile-actions{display:none}
.ob-mobilebar{display:flex;gap:2px;overflow-x:auto;padding:4px;background:var(--ob-bg2);border-top:1px solid var(--ob-border);flex:none}
.ob-mobilebar[hidden]{display:none}
.ob-mobilebar button{min-width:40px;height:38px;color:var(--ob-text);font-size:15px;flex:none}

/* portal frame */
#page-obsidian{margin:0}
body.obsidian-page footer{display:none}
body.focus-mode #ob{border:0;border-radius:0}

/* phones & narrow windows: sidebars become drawers */
@media (max-width:800px){
  .ob{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr) 22px;grid-template-areas:"main" "status";border-radius:0;border-left:0;border-right:0}
  .ob-ribbon{display:none}
  .ob-side{grid-area:auto!important}
  .ob-side{position:absolute;top:0;bottom:0;z-index:20;width:min(86vw,340px);box-shadow:0 0 30px #0008;transition:transform .18s ease}
  .ob-left{left:0;grid-row:auto}.ob-right{right:0;grid-row:auto}
  .ob.left-closed .ob-left{transform:translateX(-105%)}.ob.right-closed .ob-right{transform:translateX(105%)}
  .ob-resizer{display:none}
  .ob-mobile-actions{display:grid;grid-template-columns:repeat(6,1fr);gap:2px;padding:8px 6px;border-bottom:1px solid var(--ob-border);flex:none}
  .ob-mobile-actions button{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 0!important;font-size:11px!important;color:var(--ob-muted)!important}
  .ob:not(.left-closed) .ob-scrim,.ob:not(.right-closed) .ob-scrim{display:block;position:absolute;inset:0;z-index:15;background:#0007}
  .ob-left .ob-side-tabs::after{content:"";flex:1}
  .ob-tabbar{height:44px}
  .ob-tab{min-width:70px;max-width:150px;padding-left:10px}
  .ob-edit-scroller,.ob-read-scroller{padding:10px 16px 50vh}
  .ob-inline-title{font-size:1.7em}
  .ob .cm-editor,.markdown-rendered{font-size:16px}
  .ob-tree-folder,.ob-tree-file{min-height:38px;font-size:15px}
  .ob-status .ob-status-item:nth-child(n+3):not(.ob-save){display:none}
  .ob-graph-controls{left:10px;right:10px;width:auto;top:auto;bottom:34px}
  .ob-help-grid{grid-template-columns:1fr}
  .ob-prompt{margin-top:4vh}
}