:root{--bg: #1c1f26;--bg-soft: #21252b;--surface: #282c34;--border: #2f343d;--border-soft: #262a31;--text: #c4ccd6;--text-strong: #ffffff;--text-muted: #7a828e;--text-faint: #565d68;--accent: #61afef;--accent-hover: #8cc6f5;--success: #98c379;--warning: #e5c07b;--tag-primary-fg: #61afef;--tag-primary-bg: rgba(97, 175, 239, .08);--tag-primary-border: rgba(97, 175, 239, .35);--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", ui-monospace, "SF Mono", Menlo, monospace;--measure: 46rem;--gutter: 1.5rem}*,*:before,*:after{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:17px;line-height:1.65;-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.shell{width:100%;max-width:var(--measure);margin:0 auto;padding:0 var(--gutter)}.shell--wide{max-width:61rem}main{flex:1 0 auto;width:100%;padding:2.5rem 0 4rem}.site-nav{border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(6px);position:sticky;top:0;z-index:50}.site-nav__inner{display:flex;align-items:center;gap:1rem;height:3.25rem;font-family:var(--font-mono);font-size:.85rem}.site-nav__brand{color:var(--text-strong);text-decoration:none;font-weight:600;white-space:nowrap}.site-nav__brand:hover{color:var(--accent)}.site-nav__links{display:flex;gap:1.1rem;margin-left:auto;align-items:center}.site-nav__links a{color:var(--text-muted);text-decoration:none}.site-nav__links a:hover,.site-nav__links a[aria-current=page]{color:var(--accent)}.site-nav__status{display:inline-flex;align-items:center;gap:.4rem;color:var(--success);white-space:nowrap}.site-nav__dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--success);box-shadow:0 0 6px var(--success);animation:pulse 2s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.site-nav__dot{animation:none}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@media(max-width:30rem){.site-nav__status span{display:none}}.site-footer{flex-shrink:0;border-top:1px solid var(--border);font-family:var(--font-mono);font-size:.78rem;color:var(--text-faint);padding:1.5rem 0}.site-footer__inner{display:flex;flex-wrap:wrap;gap:.5rem 1rem;justify-content:space-between}.site-footer a{color:var(--text-muted);text-decoration:none}.site-footer a:hover{color:var(--accent)}h1,h2,h3,h4{color:var(--text-strong);line-height:1.25;font-weight:650}a{color:var(--accent);text-decoration-color:color-mix(in srgb,var(--accent) 40%,transparent);text-underline-offset:2px}a:hover{color:var(--accent-hover)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}code{font-family:var(--font-mono);font-size:.88em}:not(pre)>code{background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:.1em .35em;color:var(--warning)}.page-intro{margin-bottom:2.5rem}.page-intro h1{font-size:1.9rem;margin:0 0 .4rem}.page-intro p{color:var(--text-muted);margin:0}.index-grid{display:grid;grid-template-columns:minmax(0,1fr) 12rem;gap:3rem;align-items:start}.index-main{min-width:0}.tag-rail{position:sticky;top:4.5rem;min-width:0}.tag-rail .section__label{margin-bottom:.75rem}@media(max-width:52rem){.index-grid{grid-template-columns:1fr;gap:1.25rem}.tag-rail{position:static;order:-1}.tag-rail .tag-filter{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.35rem;-webkit-overflow-scrolling:touch}.tag-rail .tag-filter__btn{flex:0 0 auto}}.tag-filter{display:flex;flex-wrap:wrap;gap:.5rem;font-family:var(--font-mono);font-size:.78rem}.tag-filter__btn{background:transparent;border:1px solid var(--border);color:var(--text-muted);border-radius:999px;padding:.22rem .7rem;cursor:pointer;text-decoration:none;transition:color .15s,border-color .15s,background .15s}.tag-filter__btn:hover{color:var(--accent);border-color:var(--tag-primary-border)}.tag-filter__btn[aria-pressed=true]{color:var(--tag-primary-fg);background:var(--tag-primary-bg);border-color:var(--tag-primary-border)}.post-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.post-row{display:grid;grid-template-columns:6.5rem 1fr;gap:1.25rem;padding:1.4rem 0;border-top:1px solid var(--border-soft)}.post-row:first-child{border-top:none}.post-row__date{font-family:var(--font-mono);font-size:.78rem;color:var(--text-faint);padding-top:.3rem;white-space:nowrap}.post-row__title{margin:0 0 .35rem;font-size:1.18rem}.post-row__title a{color:var(--text-strong);text-decoration:none}.post-row__title a:hover{color:var(--accent)}.post-row__excerpt{margin:0 0 .6rem;color:var(--text-muted);font-size:.95rem}.post-row__tags{display:flex;flex-wrap:wrap;gap:.4rem;font-family:var(--font-mono);font-size:.72rem}.tag{border-radius:4px;padding:.1rem .45rem}.tag--primary{color:var(--tag-primary-fg);background:var(--tag-primary-bg);border:1px solid var(--tag-primary-border)}.tag--secondary{color:var(--text-faint);border:1px solid var(--border)}.post-row[hidden]{display:none}.post-list__empty{color:var(--text-muted);font-family:var(--font-mono);font-size:.9rem;padding:2rem 0}@media(max-width:34rem){.post-row{grid-template-columns:1fr;gap:.4rem}.post-row__date{padding-top:0}}.post-header{margin-bottom:2rem}.back-link{display:inline-block;font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted);text-decoration:none;margin-bottom:1.5rem}.back-link:hover{color:var(--accent)}.post-nav{display:flex;justify-content:space-between;gap:1rem;margin-top:2.5rem}.post-nav__link{display:flex;flex-direction:column;gap:.3rem;text-decoration:none;border:1px solid var(--border);border-radius:8px;padding:.8rem 1rem;max-width:48%;background:var(--bg-soft);transition:border-color .15s}.post-nav__link--right{margin-left:auto;text-align:right}.post-nav__link:hover{border-color:var(--tag-primary-border)}.post-nav__dir{font-family:var(--font-mono);font-size:.75rem;color:var(--text-faint)}.post-nav__title{color:var(--text-strong);font-size:.9rem;font-weight:500}.post-header h1{font-size:2.1rem;margin:0 0 .6rem}.post-header__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;font-family:var(--font-mono);font-size:.78rem;color:var(--text-faint);margin-bottom:1rem}.post-header__tags{display:flex;flex-wrap:wrap;gap:.4rem}.post-lead{border-left:3px solid var(--accent);padding-left:1rem;margin:1.5rem 0;color:var(--text);font-size:1.05rem}.toc{background:var(--bg-soft);border:1px solid var(--border);border-radius:8px;padding:1rem 1.25rem;margin-bottom:2rem;display:inline-block;min-width:14rem;max-width:100%}.toc__label{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);margin:0 0 .75rem}.toc__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.toc__item a{font-size:.9rem;color:var(--text-muted);text-decoration:none}.toc__item a:hover{color:var(--accent)}.toc__item--h3{padding-left:1rem}.toc__item--h3 a{font-size:.85rem}.prose{font-size:1.02rem}.prose>*+*{margin-top:1.15rem}.prose h2{font-size:1.4rem;margin-top:2.4rem}.prose h3{font-size:1.15rem;margin-top:2rem}.prose ul,.prose ol{padding-left:1.4rem}.prose li+li{margin-top:.4rem}.prose blockquote{border-left:3px solid var(--border);padding-left:1rem;color:var(--text-muted);font-style:italic}.prose pre{background:var(--bg-soft)!important;border:1px solid var(--border);border-radius:8px;padding:1rem 1.1rem;overflow-x:auto;font-size:.85rem;line-height:1.55}.prose pre code{background:none;border:none;padding:0;color:inherit;font-size:inherit}.code-block{position:relative}.code-block__copy{position:absolute;top:.5rem;right:.5rem;z-index:1;background:var(--surface);border:1px solid var(--border);border-radius:4px;color:var(--text-muted);font-family:var(--font-mono);font-size:.7rem;padding:.18rem .5rem;cursor:pointer;opacity:0;transition:opacity .15s,color .15s,border-color .15s;line-height:1.5}.code-block:hover .code-block__copy,.code-block__copy:focus-visible{opacity:1}.code-block__copy:hover{color:var(--accent);border-color:var(--tag-primary-border)}.code-block__copy[data-copied]{color:var(--success);border-color:var(--success);opacity:1}.prose img{max-width:100%;border-radius:8px}.prose hr{border:none;border-top:1px solid var(--border);margin:2.5rem 0}.prose a{text-decoration:underline}.section{margin-bottom:3rem}.section__label{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);margin:0 0 1rem}.about-head{display:flex;align-items:center;gap:1.1rem;margin-bottom:1.25rem}.about-avatar{width:3.5rem;height:3.5rem;flex-shrink:0;border-radius:10px;background:var(--surface);border:1px solid var(--border);display:grid;place-items:center;font-family:var(--font-mono);font-weight:700;color:var(--accent);font-size:1.1rem}.about-head h1{font-size:1.7rem;margin:0}.about-head p{margin:.15rem 0 0;color:var(--text-muted);font-family:var(--font-mono);font-size:.82rem}.chips{display:flex;flex-wrap:wrap;gap:.45rem;font-family:var(--font-mono);font-size:.74rem}.chip{border:1px solid var(--border);color:var(--text-muted);border-radius:4px;padding:.15rem .5rem}.timeline{list-style:none;margin:0;padding:0}.timeline__item{padding:0 0 1.6rem 1.3rem;border-left:1px solid var(--border);position:relative}.timeline__item:last-child{padding-bottom:0}.timeline__item:before{content:"";position:absolute;left:-.3rem;top:.4rem;width:.55rem;height:.55rem;border-radius:50%;background:var(--accent)}.timeline__role{font-weight:600;color:var(--text-strong)}.timeline__org{color:var(--accent)}.timeline__when{font-family:var(--font-mono);font-size:.75rem;color:var(--text-faint);margin-top:.1rem}.timeline__note{margin:.4rem 0 0;color:var(--text-muted);font-size:.95rem}.built{list-style:none;margin:0;padding:0;display:grid;gap:1rem}.built__item{border:1px solid var(--border);border-radius:8px;padding:1rem 1.1rem;background:var(--bg-soft)}.built__item h3{margin:0 0 .3rem;font-size:1rem}.built__item p{margin:0 0 .5rem;color:var(--text-muted);font-size:.92rem}.contact-form{display:grid;gap:1.1rem;margin:0 0 2.5rem}.contact-form__honeypot{position:absolute;left:-9999px;opacity:0;pointer-events:none}.contact-form__field{display:grid;gap:.4rem}.contact-form__field label{font-family:var(--font-mono);font-size:.74rem;letter-spacing:.05em;text-transform:uppercase;color:var(--text-faint)}.contact-form input[type=text],.contact-form input[type=email],.contact-form textarea{width:100%;font-family:var(--font-sans);font-size:1rem;color:var(--text);background:var(--bg-soft);border:1px solid var(--border);border-radius:8px;padding:.7rem .9rem;transition:border-color .15s}.contact-form textarea{resize:vertical;min-height:8rem}.contact-form input:focus-visible,.contact-form textarea:focus-visible{outline:none;border-color:var(--accent)}.contact-form__submit{justify-self:start;font-family:var(--font-mono);font-size:.85rem;letter-spacing:.03em;color:var(--accent);background:var(--tag-primary-bg);border:1px solid var(--tag-primary-border);border-radius:8px;padding:.7rem 1.3rem;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.contact-form__submit:hover:not(:disabled){border-color:var(--accent);color:var(--accent-hover)}.contact-form__submit:disabled{cursor:default;opacity:.6}.contact-form__status{margin:0;font-family:var(--font-mono);font-size:.85rem}.contact-form__status--success{color:var(--success)}.contact-form__status--error{color:var(--warning)}.contact-links{list-style:none;margin:0;padding:0;display:grid;gap:.75rem;font-family:var(--font-mono)}.contact-links a{display:flex;align-items:baseline;gap:.75rem;text-decoration:none;border:1px solid var(--border);border-radius:8px;padding:.9rem 1.1rem;background:var(--bg-soft);color:var(--text);transition:border-color .15s,color .15s}.contact-links a:hover{border-color:var(--tag-primary-border);color:var(--accent)}.contact-links .label{color:var(--text-faint);font-size:.74rem;letter-spacing:.05em;text-transform:uppercase;min-width:5rem}.contact-links .value{color:var(--text);word-break:break-all}.contact-links a:hover .value{color:var(--accent)}.skip-to-main{position:absolute;top:-100%;left:1rem;z-index:100;padding:.5rem 1rem;background:var(--surface);border:1px solid var(--accent);border-radius:4px;font-family:var(--font-mono);font-size:.85rem;color:var(--accent);text-decoration:none;transition:top .1s}.skip-to-main:focus{top:.75rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}