.vault-filter{appearance:none;-webkit-appearance:none;padding:.4rem 2.1rem .4rem .7rem;background-color:var(--bg-1);background-image:linear-gradient(45deg,transparent 50%,var(--rust) 50%),linear-gradient(135deg,var(--rust) 50%,transparent 50%);background-position:calc(100% - 1.05rem) 55%,calc(100% - .78rem) 55%;background-size:6px 6px,6px 6px;background-repeat:no-repeat;border:1px solid var(--line-strong);color:var(--ink);font-family:var(--font-mono);font-size:.78rem;cursor:pointer}.vault-filter:hover{border-color:var(--rust)}.vault-filter:focus{outline:none;border-color:var(--rust);box-shadow:var(--glow-rust)}.vault-list{display:flex;flex-direction:column;border:1px solid var(--line-strong);border-left:3px solid var(--brass-dim);background:linear-gradient(115deg,color-mix(in srgb,var(--bg-2) 70%,transparent),var(--bg-1) 45%),repeating-linear-gradient(90deg,transparent 0 5px,color-mix(in srgb,var(--ink) 1.5%,transparent) 5px 6px)}.vault-section{display:flex;align-items:center;gap:.5rem;margin:0;padding:.4rem .8rem;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.2em;color:var(--ink-faint);background:color-mix(in srgb,var(--bg-2) 60%,transparent);border-bottom:1px dashed var(--line)}.vault-section:not(:first-child){border-top:1px solid var(--line)}.note-row{display:flex;flex-direction:column;gap:.12rem;padding:.48rem .85rem;border:0;border-bottom:1px dashed var(--line);color:var(--ink)}.note-row:last-child{border-bottom:0}.note-row:hover{background:color-mix(in srgb,var(--rust) 8%,transparent);border-left:2px solid var(--rust);padding-left:calc(.85rem - 2px)}.note-row__main{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.note-row__title{font-family:var(--font-display);font-weight:700;font-size:.95rem;letter-spacing:.04em;color:var(--ink)}.note-row:hover .note-row__title{color:var(--rust-bright)}.note-row__desc{font-size:.8rem;color:var(--ink-dim)}.note-row__meta{display:flex;flex-wrap:wrap;gap:.15rem .9rem;font-family:var(--font-mono);font-size:.66rem;color:var(--ink-faint)}.note-row__tag{color:var(--term)}.pill--pinned{border-color:var(--brass);color:var(--brass)}.vault-folder{border:0}.vault-folder__head{display:flex;align-items:center;gap:.4rem;padding:.4rem .6rem .4rem .85rem;border:0;list-style:none;cursor:pointer;user-select:none;font-family:var(--font-mono);font-size:.78rem}.vault-folder__head::-webkit-details-marker{display:none}.vault-folder__head:before{content:"▸";color:var(--brass);transition:transform .15s}.vault-folder[open]>.vault-folder__head:before{transform:rotate(90deg)}.vault-folder__head:hover{background:color-mix(in srgb,var(--rust) 8%,transparent)}.vault-folder__name{font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--brass)}.vault-folder__count{margin-left:auto;font-size:.62rem;letter-spacing:.12em;color:var(--ink-faint)}.vault-folder__body{border-left:1px solid var(--line);margin-left:1.15rem;padding-left:.4rem;border-bottom:1px dashed var(--line)}.vault-treebar{display:flex;gap:.4rem;align-items:center;margin-left:auto}.vault-treebar .btn--sm{min-height:1.9rem}:root{interpolate-size:allow-keywords}.vault-folder::details-content{height:0;overflow:clip;opacity:0;transition:height .28s ease,opacity .2s ease}.vault-folder[open]::details-content{height:auto;opacity:1}.note-record{max-width:78rem;margin-inline:auto}.note-hero{margin-bottom:1.7rem}.note-hero__kicker{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;margin-bottom:.7rem}.note-hero__title{margin-bottom:.9rem}.note-meta{display:flex;flex-wrap:wrap;gap:.5rem 2.2rem;margin:.9rem 0 .8rem;font-family:var(--font-mono);font-size:.72rem;color:var(--ink-dim)}.note-meta>div{display:flex;gap:.5rem;align-items:baseline}.note-meta dt{color:var(--ink-faint);letter-spacing:.14em}.note-meta dd{margin:0;color:var(--ink)}.note-hero__actions{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.6rem 1rem;margin-top:.15rem}.note-hero__actions .card__tags{margin-top:0;padding-top:0}@media(min-width:1060px){.note-hero__actions{display:grid;grid-template-columns:minmax(0,44rem) minmax(0,15rem);justify-content:center;gap:2.6rem}}.note-export{display:inline-flex;flex:0 0 auto;margin-left:auto;border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--bg-2);overflow:hidden;font-family:var(--font-mono)}.note-export__btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-width:2.5rem;min-height:2.3rem;padding:0 .55rem;border:0;background:transparent;color:var(--ink-dim);cursor:pointer;transition:color .15s,background .15s}.note-export__btn+.note-export__btn{border-left:1px solid var(--line)}.note-export__btn:hover{color:var(--rust-bright);background:color-mix(in srgb,var(--rust) 10%,transparent)}.note-export__btn:focus-visible{outline:2px solid var(--rust);outline-offset:-2px}.note-export__icon{display:block;flex:0 0 auto}.note-export__icon--ok,.note-export__ok{display:none}.note-export__ok{font-size:.66rem;letter-spacing:.1em;white-space:nowrap}.note-export.is-copied .note-export__icon--copy{display:none}.note-export.is-copied .note-export__icon--ok{display:block}.note-export.is-copied .note-export__ok{display:inline;color:var(--term)}.note-export.is-failed .note-export__ok{display:inline;color:var(--rust-bright)}.toc-backdrop{position:fixed;inset:0;z-index:55;background:#0000008c}.toc-close,.toc-fab.btn{display:none}@media(max-width:760px){html.js-toc .toc-fab.btn{display:inline-flex;align-items:center;gap:.4rem;position:fixed;bottom:calc(1rem + env(safe-area-inset-bottom,0px));right:1rem;z-index:58;box-shadow:0 6px 18px #00000059;transition:opacity .22s ease,visibility 0s linear .22s}html.js-toc .toc-fab.btn.is-hidden{opacity:0;visibility:hidden;pointer-events:none}… .toc-close{display:inline-flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;margin-left:auto;border:1px solid var(--line-strong);background:var(--bg-2);color:var(--ink-dim);font-family:var(--font-mono);font-size:.72rem;cursor:pointer}.toc-close:hover{color:var(--rust-bright);border-color:var(--rust)}html.js-toc .note-toc{position:fixed;left:0;right:0;bottom:0;z-index:56;max-height:62vh;overflow:auto;padding-bottom:calc(1.1rem + env(safe-area-inset-bottom,0px));transform:translateY(105%);visibility:hidden;background:var(--bg-1);transition:transform .2s ease,visibility 0s linear .2s}html.js-toc .note-toc:before{content:"";display:block;width:2.6rem;height:3px;margin:0 auto .6rem;background:var(--line-strong)}html.js-toc .note-toc.is-open{transform:none;visibility:visible;transition:transform .2s ease}}.note-layout{display:grid;gap:1.8rem;grid-template-columns:minmax(0,1fr)}@media(min-width:1060px){.note-layout{grid-template-columns:minmax(0,44rem) minmax(0,15rem);justify-content:center;gap:2.6rem}.note-toc{position:sticky;top:calc(var(--nav-h) + 1.5rem);max-height:calc(100vh - var(--nav-h) - 3rem);overflow:auto}}@media(min-width:761px)and (max-width:1059px){.note-layout{display:flex;flex-direction:column;gap:1.4rem}.note-toc{order:-1;max-height:min(38vh,20rem);overflow:auto}}.note-toc{align-self:start;border:1px solid var(--line-strong);border-radius:var(--r-md);background:linear-gradient(160deg,color-mix(in srgb,var(--bg-2) 70%,transparent),var(--bg-1)),repeating-linear-gradient(90deg,transparent 0 5px,color-mix(in srgb,var(--ink) 1.5%,transparent) 5px 6px);padding:.9rem .5rem .9rem .9rem;font-family:var(--font-mono);font-size:.76rem}.note-toc__head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin:0 0 .7rem;padding-bottom:.5rem;border-bottom:1px dashed var(--line)}.note-toc__title{display:flex;align-items:center;gap:.5rem;margin:0;color:var(--brass);font-size:.66rem;letter-spacing:.24em;text-transform:uppercase}.note-toc__title:before{content:"◈";color:var(--rust)}.note-toc__head .note-export{margin-left:auto;border-radius:var(--r-xs)}.note-export--compact .note-export__btn{min-width:1.9rem;min-height:1.55rem;padding:0 .38rem;gap:.28rem}.note-export--compact .note-export__icon{width:13px;height:13px}.note-export--compact .note-export__ok{font-size:.58rem}.note-toc__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.15rem}.note-toc__link{display:block;padding:.22rem .45rem;border-left:2px solid transparent;color:var(--ink-dim);line-height:1.45}.note-toc__link:hover{color:var(--rust-bright);border-left-color:var(--line-strong)}.note-toc__link.is-current{color:var(--rust-bright);border-left-color:var(--rust);background:color-mix(in srgb,var(--rust) 9%,transparent)}.note-toc__item--3 .note-toc__link{padding-left:1.15rem;font-size:.72rem;color:var(--ink-faint)}.note-prose{min-width:0;font-size:.96rem;line-height:1.78;color:var(--ink);overflow-wrap:break-word;line-break:strict;counter-reset:canticle}.note-prose>:first-child{margin-top:0}.note-prose>:last-child{margin-bottom:0}.note-prose h1,.note-prose h2,.note-prose h3,.note-prose h4,.note-prose h5,.note-prose h6{scroll-margin-top:calc(var(--nav-h) + 1.2rem);line-height:1.3;color:var(--ink)}.note-prose h1{font-family:var(--font-display);font-size:1.5rem;letter-spacing:.05em;margin:2.2rem 0 .9rem}.note-prose h2{font-family:var(--font-display);font-size:1.28rem;letter-spacing:.06em;margin:2.4rem 0 .85rem;padding-bottom:.4rem;border-bottom:1px dashed var(--line-strong);color:var(--brass);counter-increment:canticle}.note-prose h2:before{content:counter(canticle,decimal-leading-zero) " ▚ ";font-family:var(--font-mono);font-size:.8em;letter-spacing:.05em;color:var(--rust-bright)}.note-prose h3{font-family:var(--font-display);font-size:1.08rem;letter-spacing:.05em;margin:1.9rem 0 .7rem;color:var(--rust-bright)}.note-prose h3:before{content:"▸ ";font-family:var(--font-mono);font-size:.82em;color:var(--rust)}.note-prose h4{font-family:var(--font-mono);font-size:.92rem;letter-spacing:.08em;text-transform:uppercase;margin:1.5rem 0 .55rem;color:var(--ink-dim)}.note-prose p{margin:0 0 1rem}.note-prose a{color:var(--rust-bright);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--rust) 45%,transparent);text-underline-offset:3px;overflow-wrap:anywhere}.note-prose a:hover{color:var(--rust)}.note-prose strong{color:var(--ink)}.note-prose em{color:var(--brass)}.note-prose ul,.note-prose ol{margin:0 0 1rem;padding-left:1.4rem}.note-prose li{margin:.28rem 0}.note-prose li::marker{color:var(--rust)}.note-prose ol li::marker{color:var(--brass);font-family:var(--font-mono);font-size:.85em}.note-prose blockquote{margin:1.1rem 0;padding:.7rem 1rem .7rem 1.15rem;border-left:3px solid var(--brass-dim);background:linear-gradient(120deg,color-mix(in srgb,var(--bg-2) 75%,transparent),transparent 65%),color-mix(in srgb,var(--bg-2) 40%,transparent);color:var(--ink-dim)}.note-prose blockquote p{margin:0}.note-prose code{font-family:var(--font-mono);font-size:.86em;padding:.12em .4em;background:var(--bg-2);border:1px solid var(--line);color:var(--term);overflow-wrap:anywhere}.note-prose pre{position:relative;margin:1.1rem 0;padding:2.2rem 1.05rem .9rem;background:var(--bg-1);border:1px solid var(--line-strong);border-left:3px solid var(--term);border-radius:var(--r-sm);overflow-x:auto;font-size:.84rem;line-height:1.6}.note-prose pre:before{content:"▚ " attr(data-language);position:absolute;top:0;left:0;right:0;padding:.3rem 1rem;background:color-mix(in srgb,var(--bg-2) 75%,transparent);border-bottom:1px solid var(--line);border-radius:var(--r-sm) var(--r-sm) 0 0;color:var(--term);font-family:var(--font-mono);font-size:.66rem;letter-spacing:.2em;text-transform:uppercase}.note-prose pre:not([data-language]):before{content:"▚ TERMINAL"}.note-prose pre code{padding:0;background:none;border:0;color:inherit;font-size:inherit}.note-prose table{width:100%;margin:1.1rem 0;border-collapse:collapse;font-size:.88rem;font-family:var(--font-mono)}.note-prose th,.note-prose td{border:1px solid var(--line);padding:.45rem .7rem;text-align:left}.note-prose th{background:var(--bg-2);color:var(--brass);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.note-prose hr{position:relative;margin:2.2rem 0;border:0;height:1px;background:repeating-linear-gradient(90deg,var(--line-strong) 0 6px,transparent 6px 12px)}.note-prose hr:after{content:"◈";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:0 .6rem;background:var(--bg-0);color:var(--brass);font-size:.7rem}.note-prose img{display:block;margin-inline:auto;max-width:100%;height:auto;border:1px solid var(--line-strong);border-radius:var(--r-md)}.note-prose iframe{display:block;width:100%;max-width:100%;min-height:22rem;margin:1.35rem 0;border:1px solid var(--line-strong);border-top:3px solid var(--brass);border-left:3px solid var(--term);border-radius:var(--r-sm);background:var(--bg-1);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--term) 20%,transparent),0 0 0 1px color-mix(in srgb,var(--brass) 24%,transparent),var(--glow-term)}.note-prose kbd{font-family:var(--font-mono);font-size:.85em;padding:.12em .4em;border:1px solid var(--line-strong);border-bottom-width:2px;border-radius:var(--r-sm);background:var(--bg-2);color:var(--ink-dim)}.note-prose del{color:var(--ink-faint)}.callout{margin:1.1rem 0;padding:.7rem 1rem;border:1px solid var(--line-strong);border-left:3px solid var(--term);border-radius:var(--r-sm);background:color-mix(in srgb,var(--bg-2) 55%,transparent)}.callout__title{display:flex;align-items:center;gap:.5rem;margin:0 0 .45rem;font-family:var(--font-mono);font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--term)}.callout__title:before{content:"◈"}.callout__body>:first-child{margin-top:0}.callout__body>:last-child{margin-bottom:0}.callout__body p{margin-bottom:.6rem}.callout--warning{border-left-color:var(--amber)}.callout--warning .callout__title{color:var(--amber)}.callout--warning .callout__title:before{content:"▲"}.callout--danger{border-left-color:var(--rust)}.callout--danger .callout__title{color:var(--rust-bright)}.callout--danger .callout__title:before{content:"✕"}.callout--tip,.callout--success{border-left-color:var(--term)}.callout--tip .callout__title:before{content:"✦"}.callout--success .callout__title:before{content:"✓"}.callout--question,.callout--info{border-left-color:var(--violet)}.callout--question .callout__title,.callout--info .callout__title{color:var(--violet)}.callout--question .callout__title:before{content:"?"}.callout--info .callout__title:before{content:"i"}.callout--quote{border-left-color:var(--brass)}.callout--quote .callout__title{color:var(--brass)}.callout--quote .callout__title:before{content:"❝"}.note-prose .tag-link{color:var(--term);text-decoration:none;border-bottom:1px dashed color-mix(in srgb,var(--term) 50%,transparent)}.note-prose .tag-link:hover{color:var(--rust-bright)}.note-prose .wikilink-unresolved{color:var(--ink-faint);border-bottom:1px dashed var(--line-strong)}.img-deleted{display:inline-flex;align-items:center;padding:.18rem .65rem;border:1px dashed var(--line-strong);background:color-mix(in srgb,var(--bg-2) 60%,transparent);color:var(--ink-faint);font-family:var(--font-mono);font-size:.78rem;letter-spacing:.14em;user-select:none}.note-prose .katex-display{overflow-x:auto;overflow-y:hidden;padding:.25rem 0}.read-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:60;pointer-events:none}.read-progress__bar{height:100%;width:0;background:linear-gradient(90deg,var(--rust-dark),var(--rust-bright),var(--brass));box-shadow:var(--glow-rust);transition:width 80ms linear}.note-pager{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:2.6rem;padding-top:1.2rem;border-top:1px dashed var(--line-strong)}.note-pager__link{display:flex;flex-direction:column;gap:.3rem;padding:.7rem .9rem;border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--bg-1);font-family:var(--font-mono)}.note-pager__link:hover{border-color:var(--rust);box-shadow:var(--glow-rust)}.note-pager__link--next{text-align:right}.note-pager__link--empty{visibility:hidden}.note-pager__dir{font-size:.64rem;letter-spacing:.18em;color:var(--ink-faint)}.note-pager__title{font-size:.85rem;color:var(--ink);line-height:1.4}@media(max-width:640px){.note-prose{font-size:1rem}.note-meta{font-size:.76rem;gap:.4rem 1.6rem}.note-pager{grid-template-columns:minmax(0,1fr)}.note-pager__link--next{text-align:left}.note-prose table{display:block;overflow-x:auto;white-space:nowrap}.note-prose pre{white-space:pre-wrap;overflow-wrap:anywhere;overflow-x:hidden}}@media(max-width:760px){.note-prose h1,.note-prose h2,.note-prose h3,.note-prose h4,.note-prose h5,.note-prose h6{scroll-margin-top:calc(var(--nav-h) * 2 + 1.2rem)}}
