:root{--base: #232136;--surface: #2a273f;--overlay: #393552;--muted: #6e6a86;--subtle: #908caa;--text: #e0def4;--love: #eb6f92;--gold: #f6c177;--rose: #ea9a97;--pine: #3e8fb0;--foam: #9ccfd8;--iris: #c4a7e7;--highlight-low: rgba(224, 222, 244, .03);--highlight-med: rgba(224, 222, 244, .06);--highlight-high: rgba(224, 222, 244, .1)}*{box-sizing:border-box;margin:0;padding:0}::selection{background:#c4a7e74d;color:var(--text)}html{scroll-behavior:smooth}body{min-height:100vh;background:var(--base);font-family:JetBrains Mono,Fira Code,Cascadia Code,monospace;font-size:14px;color:var(--text);overflow-x:hidden}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,rgba(0,0,0,.02) 0px,rgba(0,0,0,.02) 1px,transparent 1px,transparent 3px);opacity:.3}a{color:var(--foam);text-decoration:none;transition:color .15s}a:hover{color:var(--iris);text-decoration:underline}.container{max-width:900px;margin:0 auto;padding:20px 16px 60px}.container.container-wide{max-width:1280px}.tui-box{margin-bottom:16px}.tui-box .border-top,.tui-box .border-bottom{color:var(--overlay);line-height:1.2;user-select:none;display:flex;white-space:nowrap;overflow:hidden}.tui-box.inline-title .border-top{position:relative}.tui-box.focused .border-top,.tui-box.focused .border-bottom{color:var(--iris)}.tui-box .border-fill{flex:1;overflow:hidden}.tui-box .box-title{font-weight:700}.tui-box.inline-title .box-title-overlay{position:absolute;top:0;left:2ch;padding:0 1ch;background:var(--base);line-height:1.2;display:inline-block;white-space:nowrap}.tui-box.inline-title a.box-title-overlay,.tui-box.inline-title a.box-title-overlay:hover{color:inherit;text-decoration:none}.tui-box.inline-title .box-content{padding-top:0;padding-bottom:0}.tui-box.inline-title .blog-entry:first-child{padding-top:6px}.tui-box.inline-title .blog-entry:last-child{padding-bottom:6px}.tui-box .box-title-badge{color:var(--gold);font-weight:500;font-size:.85em;letter-spacing:.02em;margin-left:6px}.title-badge{color:var(--gold);font-weight:500;font-size:.8rem;letter-spacing:.02em;margin-left:8px}.tui-box .border-mid{display:flex}.tui-box .border-mid .side{user-select:none;line-height:1.65}.tui-box .border-mid .side{color:var(--overlay)}.tui-box.focused .border-mid .side{color:var(--iris)}.tui-box .box-content{flex:1;padding:8px 14px;min-width:0;overflow:hidden}.tui-box .box-header-mobile{display:none}@media(max-width:720px){.tui-box:not(.inline-title) .box-title-inline,.tui-box:not(.inline-title) .box-title-badge-inline{display:none}.tui-box:not(.inline-title) .box-header-mobile{display:flex;align-items:flex-start}.tui-box .box-header-mobile .side{flex:0 0 1ch;align-self:stretch;position:relative;user-select:none}.tui-box .box-header-mobile .side:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;margin-left:-.5px;background:var(--overlay)}.tui-box.focused .box-header-mobile .side:after{background:var(--iris)}.tui-box .box-header-mobile-inner{flex:1;min-width:0;padding:6px 14px 4px;line-height:1.4;word-break:break-word}.tui-box .box-header-mobile .box-title{font-weight:700}.accent-purple .box-header-mobile .box-title{color:var(--iris)}.accent-pink .box-header-mobile .box-title{color:var(--rose)}.accent-green .box-header-mobile .box-title,.accent-blue .box-header-mobile .box-title{color:var(--foam)}.accent-default .box-header-mobile .box-title{color:var(--rose)}}.accent-purple .box-title{color:var(--iris)}.accent-pink .box-title{color:var(--rose)}.accent-green .box-title,.accent-blue .box-title{color:var(--foam)}.accent-default .box-title{color:var(--rose)}.logo{font-size:1.3rem;font-weight:700;letter-spacing:-.02em;padding:8px 0 20px;border-bottom:1px solid var(--highlight-med);margin-bottom:24px;animation:fadeIn .6s ease;background:linear-gradient(135deg,var(--rose),var(--iris));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;width:fit-content}.site-header{display:flex;align-items:baseline;gap:12px;padding:8px 0 20px;border-bottom:1px solid var(--highlight-med);margin-bottom:24px;animation:fadeIn .6s ease}.site-header .logo{padding:0;border-bottom:none;margin-bottom:0;animation:none}.site-header .sep{color:var(--muted);font-size:.85rem}.site-header .nav-link{color:var(--foam);font-size:.9rem;font-weight:500}.site-header .nav-link:hover{color:var(--iris);text-decoration:underline;text-underline-offset:3px}.blog-entry{padding:12px 0;border-bottom:1px solid var(--highlight-med);cursor:pointer}.blog-entry .blog-entry-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.blog-entry .title-wrap{min-width:0}.blog-entry .blog-entry-head .date{flex-shrink:0;white-space:nowrap}.blog-entry .title{color:var(--text);font-weight:700;font-size:.95rem;transition:color .15s}.blog-entry:hover .title{color:var(--rose)}.blog-entry:hover .arrow{opacity:1}.blog-entry .arrow{opacity:0;transition:opacity .15s}.blog-entry .date{color:var(--muted);font-size:.75rem}.blog-entry .excerpt{color:var(--subtle);font-size:.8rem;line-height:1.5;padding-left:1.2em;margin-top:4px}.blog-entry .tags{display:flex;gap:6px;padding-left:1.2em;margin-top:6px}.blog-entry .tag{color:var(--iris);font-size:.72rem}.section-header{color:var(--rose);font-weight:700;margin-bottom:10px;font-size:.85rem;letter-spacing:.05em;margin-top:24px}.footer{margin-top:32px;padding:8px 0;border-top:1px solid var(--highlight-med);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;font-size:.75rem}.footer .meta{display:flex;gap:16px}.footer .credit{font-size:.72rem;color:var(--muted)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .4s ease both}.fade-up-1{animation:fadeUp .4s ease .1s both}.fade-up-2{animation:fadeUp .4s ease .2s both}.blog-nav{display:flex;align-items:center;gap:12px;font-size:.85rem;margin-bottom:20px;color:var(--muted)}.blog-nav a{color:var(--foam)}.blog-nav a:hover{color:var(--iris)}.blog-nav .sep{color:var(--overlay)}.post-meta{display:flex;align-items:center;gap:12px;font-size:.78rem;color:var(--muted);margin-bottom:16px;flex-wrap:wrap}.post-meta-dates{display:flex;align-items:center;gap:8px}.post-meta-tags{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.post-meta .date{color:var(--muted)}.post-meta .read-time{color:var(--subtle)}@media(max-width:720px){.post-meta{flex-direction:column;align-items:flex-start;gap:8px}}.post-description{color:var(--subtle);font-size:.9rem;font-style:italic;margin-bottom:0;padding:10px 14px;border-left:2px solid var(--overlay);background:var(--highlight-low);line-height:1.6}.post-main>.prose{margin-top:20px}.post-layout{display:grid;grid-template-columns:170px minmax(0,1fr);gap:28px;align-items:start}.post-layout .post-main{min-width:0;scroll-margin-top:16px}@media(max-width:720px){.post-layout .post-main{scroll-margin-top:64px}}.toc{position:sticky;top:16px;max-height:calc(100vh - 32px);font-size:.76rem;display:flex;flex-direction:column;min-height:0}.toc-toggle{display:flex;align-items:center;gap:6px;width:100%;background:none;border:none;padding:0 0 6px;margin-bottom:4px;border-bottom:1px solid var(--highlight-med);color:var(--rose);font-family:inherit;font-size:.76rem;font-weight:700;letter-spacing:.05em;text-align:left;cursor:pointer;user-select:none}.toc-toggle:hover{color:var(--iris)}.toc-chevron{display:inline-block;transition:transform .25s ease;font-size:.7rem;width:.85em;text-align:center}.toc.collapsed .toc-chevron{transform:rotate(-90deg)}.toc-nav-wrap{display:grid;grid-template-rows:1fr;transition:grid-template-rows .3s ease,opacity .25s ease;min-height:0;opacity:1}.toc.no-anim,.toc.no-anim .toc-nav-wrap,.toc.no-anim .toc-chevron{transition:none!important}.toc-nav-wrap>nav{overflow:hidden;min-height:0}.toc:not(.collapsed) .toc-nav-wrap>nav{overflow-y:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:var(--overlay) transparent}.toc:not(.collapsed) .toc-nav-wrap>nav::-webkit-scrollbar{width:6px}.toc:not(.collapsed) .toc-nav-wrap>nav::-webkit-scrollbar-track{background:transparent}.toc:not(.collapsed) .toc-nav-wrap>nav::-webkit-scrollbar-thumb{background:var(--overlay);border-radius:3px}.toc:not(.collapsed) .toc-nav-wrap>nav::-webkit-scrollbar-thumb:hover{background:var(--iris)}.toc.collapsed .toc-nav-wrap{grid-template-rows:0fr;opacity:0}.toc nav ul{list-style:none;padding:0;margin:0}.toc nav li{margin:0;line-height:1.4}.toc nav li a{color:var(--subtle);text-decoration:none;display:block;padding:3px 0 3px 10px;border-left:2px solid transparent;transition:color .15s,border-color .15s;word-break:break-word}.toc nav li a:hover{color:var(--iris);border-left-color:var(--iris);text-decoration:none}.toc .toc-level-3 a{padding-left:20px;font-size:.72rem;color:var(--muted)}.toc .toc-level-3 a:hover{color:var(--foam);border-left-color:var(--foam)}@media(max-width:720px){.post-layout{grid-template-columns:1fr;gap:16px}.toc{position:sticky;top:0;z-index:100;max-width:none;max-height:calc(100vh - 16px);background:var(--surface);border:1px solid var(--overlay);border-left:none;border-right:none;padding:10px 16px;margin:0 -16px;box-shadow:0 4px 12px #00000059;transition:padding .25s ease}.toc.collapsed{padding:8px 16px}.toc.collapsed .toc-toggle{border-bottom:none;padding-bottom:0;margin-bottom:0}}.tag-chip{display:inline-block;padding:1px 8px;font-size:.72rem;color:var(--iris);border:1px solid rgba(196,167,231,.25);background:#c4a7e70f;transition:border-color .15s,background .15s}.tag-chip:hover{border-color:#c4a7e780;background:#c4a7e71f;text-decoration:none}.empty-state{padding:32px 0;text-align:center;color:var(--muted);font-size:.88rem}.empty-state .icon{font-size:1.5rem;margin-bottom:8px;opacity:.5}.prose{color:var(--text);line-height:1.75;font-size:.9rem}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{color:var(--text);font-weight:700;line-height:1.3;margin-top:1.75em;margin-bottom:.6em;scroll-margin-top:16px}@media(max-width:720px){.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{scroll-margin-top:64px}}.prose h1{font-size:1.4rem;color:var(--rose)}.prose h2{font-size:1.2rem;color:var(--iris)}.prose h3{font-size:1.05rem;color:var(--foam)}.prose h4,.prose h5,.prose h6{font-size:.95rem;color:var(--subtle)}.prose p{margin-bottom:1em}.prose ul,.prose ol{padding-left:1.5em;margin-bottom:1em}.prose li{margin-bottom:.3em}.prose li::marker{color:var(--muted)}.prose blockquote{border-left:3px solid var(--iris);padding:4px 0 4px 16px;margin:1em 0;color:var(--subtle);font-style:italic}.prose code{font-family:JetBrains Mono,Fira Code,Cascadia Code,monospace;font-size:.85em;background:var(--overlay);color:var(--foam);padding:1px 5px}.prose pre{background:var(--surface);border:1px solid var(--overlay);padding:16px;overflow-x:auto;margin:1em 0;font-size:.85rem;line-height:1.6}.prose pre code{background:none;padding:0;color:inherit}.prose hr{border:none;border-top:1px solid var(--highlight-med);margin:2em 0}.prose img{max-width:100%;height:auto;display:block;margin:1.5em auto;border:1px solid var(--overlay)}.prose a{color:var(--foam);text-decoration:underline;text-underline-offset:3px}.prose a:hover{color:var(--iris)}.prose strong{color:var(--text);font-weight:700}.prose em{color:var(--subtle);font-style:italic}.callout{border-left:3px solid var(--overlay);border-radius:0 2px 2px 0;margin:1.25em 0;padding:0;background:var(--surface);overflow:hidden}.callout-title{padding:8px 14px;font-weight:700;font-size:.88rem;letter-spacing:.03em;background:#00000026}.callout-content{padding:10px 14px;font-size:.88rem;line-height:1.65;color:var(--subtle)}.callout.callout-note{border-left-color:var(--foam)}.callout.callout-info{border-left-color:var(--pine)}.callout.callout-warning{border-left-color:var(--gold)}.callout.callout-danger{border-left-color:var(--love)}.callout.callout-note .callout-title{color:var(--foam)}.callout.callout-info .callout-title{color:var(--pine)}.callout.callout-warning .callout-title{color:var(--gold)}.callout.callout-danger .callout-title{color:var(--love)}.wikilink-unresolved{color:var(--muted);text-decoration:underline;text-decoration-style:dashed;text-underline-offset:3px;cursor:not-allowed}.wikilink{color:var(--iris);text-decoration:underline;text-underline-offset:3px}.wikilink:hover{color:var(--foam)}.prose figure{margin:1.5em 0;text-align:center}.prose figure img{margin:0 auto}.prose figure figcaption{font-size:.8rem;color:var(--muted);margin-top:6px}