.shortcut-bar{height:var(--shortcut-bar-height);justify-content:space-between;align-items:center;gap:var(--space-4);padding:0 var(--space-6);background:color-mix(in srgb, var(--bg-raised) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border);font-family:var(--font-mono);color:var(--dim);z-index:30;font-size:.75rem;display:flex;position:fixed;inset:auto 0 0}.shortcut-bar__list{gap:var(--space-4);margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.shortcut-bar__item{align-items:center;gap:var(--space-1);white-space:nowrap;display:inline-flex}.shortcut-bar__key{color:var(--accent);border:1px solid var(--border);padding:1px var(--space-1);text-align:center;background:var(--bg);border-bottom-width:2px;border-radius:3px;min-width:1.25rem;font-family:inherit;font-size:.6875rem}.shortcut-bar__label{margin-left:var(--space-1)}.shortcut-bar__pending{color:var(--accent);white-space:nowrap}@media (width<=767px){.shortcut-bar{display:none}}.overlay--top{align-items:start;padding-top:12vh}.palette{background:var(--bg-raised);border:1px solid var(--border);width:min(34rem,100%);font-family:var(--font-mono);border-radius:6px;font-size:.875rem;overflow:hidden;box-shadow:0 24px 60px #00000080}.palette__input{border:0;border-bottom:1px solid var(--border);width:100%;color:var(--text);font:inherit;padding:var(--space-4);background:0 0;outline:none}.palette__input::placeholder{color:var(--dim)}.palette__results{padding:var(--space-2);max-height:22rem;margin:0;list-style:none;overflow:auto}.palette__item{justify-content:space-between;align-items:center;gap:var(--space-4);width:100%;font:inherit;color:var(--text);padding:var(--space-2) var(--space-3);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:4px;display:flex}.palette__item--active{background:color-mix(in srgb, var(--accent) 14%, transparent);color:var(--accent)}.palette__hint{color:var(--dim);font-size:.75rem}.palette__empty{color:var(--dim);padding:var(--space-3)}.overlay{background:color-mix(in srgb, var(--bg) 80%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--space-6);z-index:50;place-items:center;display:grid;position:fixed;inset:0}.overlay__panel{background:var(--bg-raised);border:1px solid var(--border);width:min(34rem,100%);max-height:80vh;font-family:var(--font-mono);border-radius:6px;font-size:.8125rem;overflow:auto}.overlay__head{padding:var(--space-4);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.overlay__title{letter-spacing:.04em;text-transform:uppercase;color:var(--dim);margin:0;font-size:.8125rem;font-weight:600}.overlay__close{font:inherit;color:var(--dim);background:var(--bg);border:1px solid var(--border);padding:2px var(--space-2);cursor:pointer;border-radius:3px}.overlay__list{padding:var(--space-2) var(--space-4) var(--space-4);margin:0}.overlay__row{gap:var(--space-3);padding:var(--space-2) 0;grid-template-columns:8rem 1fr;display:grid}.overlay__row dd{color:var(--dim);margin:0}.overlay__key{color:var(--accent);border:1px solid var(--border);padding:1px var(--space-1);margin-right:var(--space-1);background:var(--bg);border-radius:3px;font-family:inherit}.header{justify-content:space-between;align-items:baseline;gap:var(--space-6);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border);font-family:var(--font-mono);background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;font-size:.875rem;display:flex;position:sticky;top:0}.header__brand{letter-spacing:.02em;font-weight:600;text-decoration:none}.header__brand-dim{color:var(--dim)}.header__nav{gap:var(--space-6);flex-wrap:wrap;display:flex}.header__link{color:var(--dim);align-items:baseline;gap:var(--space-2);text-decoration:none;transition:color .12s;display:inline-flex}.header__link:hover{color:var(--text)}.header__link--active{color:var(--accent)}.header__chord{color:var(--border);border:1px solid var(--border);padding:0 var(--space-1);border-radius:3px;font-size:.7rem}.header__link:hover .header__chord,.header__link--active .header__chord{color:var(--dim)}@media (width<=767px){.header{padding:var(--space-3) var(--space-4);gap:var(--space-3);flex-wrap:wrap}.header__nav{gap:var(--space-4);width:100%}.header__chord{display:none}}.layout__main{outline:none;min-height:60vh}.layout__footer{justify-content:space-between;gap:var(--space-4);padding:var(--space-8) var(--space-6);margin-top:var(--space-16);border-top:1px solid var(--border);font-family:var(--font-mono);color:var(--dim);flex-wrap:wrap;font-size:.8125rem;display:flex}@media (width>=768px){.layout__footer{margin-bottom:var(--shortcut-bar-height)}}.voxel{aspect-ratio:1;width:100%;max-width:30rem;margin-inline:auto;position:relative}.voxel canvas{display:block;width:100%!important;height:100%!important}.voxel__placeholder{background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--accent) 8%, transparent), transparent 62%);border-radius:4px;width:100%;height:100%}.voxel__fallback{width:100%;height:auto;image-rendering:pixelated}.tile-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));display:grid}.tile{border:1px solid var(--border);background:var(--bg-raised);min-height:11rem;color:inherit;border-radius:5px;text-decoration:none;transition:border-color .16s,transform .16s;display:block;position:relative;overflow:hidden}.tile:hover,.tile:focus-visible{border-color:var(--accent);transform:translateY(-2px)}.tile__rain{opacity:.5;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.tile:hover .tile__rain,.tile:focus-visible .tile__rain{opacity:.75}.tile__body{padding:var(--space-4);gap:var(--space-2);background:linear-gradient(to bottom, color-mix(in srgb, var(--bg-raised) 78%, transparent), color-mix(in srgb, var(--bg-raised) 94%, transparent));flex-direction:column;height:100%;display:flex;position:relative}.tile__name{font-family:var(--font-mono);letter-spacing:.01em;margin:0;font-size:.9375rem}.tile:hover .tile__name,.tile:focus-visible .tile__name{color:var(--accent)}.tile__blurb{color:var(--dim);flex:1;margin:0;font-size:.8125rem;line-height:1.5}.tile__meta{gap:var(--space-3);font-family:var(--font-mono);color:var(--dim);flex-wrap:wrap;margin-top:auto;font-size:.6875rem;display:flex}.tile__chip{align-items:center;gap:var(--space-1);display:inline-flex}.tile__dot{border-radius:50%;width:8px;height:8px;display:inline-block}.tile__chip--date{margin-left:auto}@media (width<=767px){.tile-grid{grid-template-columns:1fr}}.page{max-width:64rem;padding:var(--space-12) var(--space-6) 0;margin:0 auto}.page__title{font-family:var(--font-mono);letter-spacing:.02em;margin:0 0 var(--space-2);font-size:1.25rem}.page__lede{color:var(--dim);max-width:var(--measure);margin:0 0 var(--space-8)}.section{margin-block:var(--space-12)}.section__head{justify-content:space-between;align-items:baseline;gap:var(--space-4);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--border);display:flex}.section__title{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin:0;font-size:.75rem}.section__link{font-family:var(--font-mono);color:var(--dim);font-size:.75rem;text-decoration:none}.section__link:hover{color:var(--accent)}.hero{align-items:center;gap:var(--space-12);padding-block:var(--space-8) var(--space-12);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.hero__name{letter-spacing:-.02em;margin:0 0 var(--space-4);font-size:clamp(2.25rem,6vw,3.75rem);line-height:1.05}.hero__role{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0 0 var(--space-6);font-size:.8125rem}.hero__blurb{max-width:36ch;color:var(--dim);margin:0 0 var(--space-6);font-size:1.0625rem}.hero__links{gap:var(--space-4);font-family:var(--font-mono);font-size:.8125rem;display:flex}.hero__link{color:var(--text);border-bottom:1px solid var(--border);padding-bottom:2px;text-decoration:none}.hero__link:hover{color:var(--accent);border-color:var(--accent)}.post-list{margin:0;padding:0;list-style:none}.post-list__link{gap:var(--space-4);padding:var(--space-4) var(--space-3);border-bottom:1px solid var(--border);border-radius:4px;grid-template-columns:7rem 1fr;text-decoration:none;transition:background .14s;display:grid}.post-list__link:hover,.post-list__link:focus-visible{background:var(--bg-raised)}.post-list__date{font-family:var(--font-mono);color:var(--dim);padding-top:.35rem;font-size:.75rem}.post-list__title{margin:0 0 var(--space-1);font-size:1.0625rem}.post-list__link:hover .post-list__title{color:var(--accent)}.post-list__desc{color:var(--dim);max-width:var(--measure);margin:0;font-size:.9375rem}.post-list__tags{gap:var(--space-2);margin-top:var(--space-2);font-family:var(--font-mono);color:var(--dim);font-size:.6875rem;display:flex}.post-list__tag{border:1px solid var(--border);padding:0 var(--space-1);border-radius:3px}.article{max-width:var(--measure);padding:var(--space-12) var(--space-6) 0;margin:0 auto}.article__meta{font-family:var(--font-mono);color:var(--dim);gap:var(--space-3);margin-bottom:var(--space-3);font-size:.75rem;display:flex}.article__title{margin:0 0 var(--space-8);letter-spacing:-.015em;font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.15}.article__toc{border-left:2px solid var(--border);padding:var(--space-2) 0 var(--space-2) var(--space-4);margin-bottom:var(--space-8);font-family:var(--font-mono);font-size:.8125rem}.article__toc ul{margin:0;padding:0;list-style:none}.article__toc a{color:var(--dim);padding:var(--space-1) 0;text-decoration:none;display:block}.article__toc a:hover{color:var(--accent)}.article__toc li[data-depth="3"]{padding-left:var(--space-4)}.article__nav{justify-content:space-between;gap:var(--space-6);margin-top:var(--space-16);padding-top:var(--space-6);border-top:1px solid var(--border);font-family:var(--font-mono);font-size:.8125rem;display:flex}.article__nav a{color:var(--dim);text-decoration:none}.article__nav a:hover{color:var(--accent)}@media (width<=767px){.page,.article{padding-top:var(--space-8)}.hero{gap:var(--space-8);padding-block:var(--space-4) var(--space-8);grid-template-columns:1fr}.hero__portrait{order:-1}.post-list__link{gap:var(--space-1);grid-template-columns:1fr}.post-list__date{padding-top:0}}:root{--bg:#0b0e13;--bg-raised:#12161e;--text:#e8e6e1;--dim:#6b7280;--accent:#22d3ee;--border:#1f2630;--font-mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--font-sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Inter, sans-serif;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--shortcut-bar-height:2.5rem;--measure:68ch}.prose{font-size:1.0625rem;line-height:1.75}.prose>*+*{margin-top:var(--space-6)}.prose h2{letter-spacing:-.01em;margin-top:var(--space-12);scroll-margin-top:5rem;font-size:1.25rem}.prose h3{margin-top:var(--space-8);color:var(--dim);scroll-margin-top:5rem;font-size:1.0625rem}.prose a{color:var(--accent);-webkit-text-decoration-color:color-mix(in srgb, var(--accent) 40%, transparent);text-decoration-color:color-mix(in srgb, var(--accent) 40%, transparent);text-underline-offset:3px}.prose code{font-family:var(--font-mono);background:var(--bg-raised);border:1px solid var(--border);border-radius:3px;padding:.1em .35em;font-size:.875em}.prose pre{border:1px solid var(--border);padding:var(--space-4);border-radius:5px;font-size:.8125rem;line-height:1.6;overflow-x:auto;background:var(--bg-raised)!important}.prose pre code{font-size:inherit;background:0 0;border:0;padding:0}.prose blockquote{border-left:2px solid var(--accent);padding-left:var(--space-4);color:var(--dim);margin-left:0;font-style:italic}.prose ul,.prose ol{padding-left:var(--space-6)}.prose li+li{margin-top:var(--space-2)}.prose img{border-radius:4px;max-width:100%;height:auto}.prose hr{border:0;border-top:1px solid var(--border);margin-block:var(--space-12)}.prose table{border-collapse:collapse;width:100%;font-size:.9375rem}.prose th,.prose td{text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border)}.prose th{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--dim);font-size:.75rem}*,:before,:after{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}.skip-link{background:var(--accent);color:var(--bg);padding:var(--space-2) var(--space-4);z-index:100;font-family:var(--font-mono);position:absolute;top:0;left:-9999px}.skip-link:focus{left:0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}