:root{--color-bg: #0a1013;--color-bg-raised: #0f171b;--color-surface: rgba(22, 33, 38, .72);--color-surface-solid: #142025;--color-surface-hover: rgba(30, 45, 52, .82);--color-ink: #e8eff1;--color-ink-soft: #bccace;--color-muted: #8a9ca3;--color-line: rgba(160, 200, 205, .12);--color-line-strong: rgba(160, 200, 205, .22);--color-accent: #2fd8bd;--color-accent-deep: #14a892;--color-accent-soft: rgba(47, 216, 189, .12);--color-accent-glow: rgba(47, 216, 189, .22);--color-sand: #e8b86d;--color-code-bg: rgba(47, 216, 189, .1);--color-pre-bg: #071013;--font-sans: "IBM Plex Sans", "Segoe UI", system-ui, -apple-system, sans-serif;--font-serif: "Source Serif 4", "Iowan Old Style", Georgia, serif;--font-mono: "IBM Plex Mono", ui-monospace, "Cascadia Code", Menlo, monospace;--text-xs: .8125rem;--text-sm: .9375rem;--text-base: 1.0625rem;--text-md: 1.25rem;--text-lg: 1.5625rem;--text-xl: clamp(1.75rem, 3vw, 2.25rem);--text-2xl: clamp(2.25rem, 5.5vw, 3.5rem);--text-hero: clamp(2.75rem, 7vw, 4.75rem);--leading-tight: 1.08;--leading-snug: 1.4;--leading-body: 1.6;--leading-prose: 1.75;--measure: 36rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--space-9: 6rem;--width-content: 68rem;--width-prose: 42rem;--gutter: clamp(1.25rem, 4vw, 2.5rem);--header-h: 4rem;--radius: 8px;--radius-lg: 14px;--shadow-card: 0 1px 0 rgba(255, 255, 255, .04) inset, 0 18px 40px -20px rgba(0, 0, 0, .6);--shadow-panel: 0 1px 0 rgba(255, 255, 255, .06) inset, 0 40px 80px -30px rgba(0, 0, 0, .75), 0 0 0 1px var(--color-line);--ease-out: cubic-bezier(.22, 1, .36, 1);--duration-fast: .16s;--duration-slow: .7s}*,*:before,*:after{box-sizing:border-box}html{color-scheme:dark;-webkit-text-size-adjust:100%;background:var(--color-bg)}body{margin:0;min-height:100vh;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-body);color:var(--color-ink);background-color:var(--color-bg);background-image:linear-gradient(var(--color-line) 1px,transparent 1px),linear-gradient(90deg,var(--color-line) 1px,transparent 1px);background-size:48px 48px;background-position:center top;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,transparent 0,color-mix(in srgb,var(--color-bg) 70%,transparent) 30rem,var(--color-bg) 60rem)}#root{position:relative;z-index:1}img,svg{display:block;max-width:100%}a{color:var(--color-accent);text-decoration-thickness:1px;text-underline-offset:.2em}a:hover{color:#7cf0dc}::selection{background:var(--color-accent-glow);color:#fff}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:3px}h1,h2,h3{font-family:var(--font-sans);font-weight:600;letter-spacing:-.02em;line-height:var(--leading-tight);color:var(--color-ink)}p{margin:0}ul,ol{margin:0;padding:0;list-style:none}code{font-family:var(--font-mono);font-size:.88em;padding:.1em .35em;border-radius:4px;background:var(--color-code-bg);color:#a6f3e5}.skip-link{position:absolute;left:var(--space-4);top:-3rem;z-index:50;padding:var(--space-2) var(--space-4);background:var(--color-accent);color:var(--color-bg);border-radius:var(--radius);font-size:var(--text-sm);font-weight:600;text-decoration:none}.skip-link:focus{top:var(--space-3);color:var(--color-bg)}.site-shell{display:flex;min-height:100vh;flex-direction:column}.site-main{flex:1}.container{width:min(100% - 2 * var(--gutter),var(--width-content));margin-inline:auto}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.site-header{position:sticky;top:0;z-index:20;height:var(--header-h);background:color-mix(in srgb,var(--color-bg) 72%,transparent);border-bottom:1px solid var(--color-line);backdrop-filter:saturate(1.6) blur(14px);-webkit-backdrop-filter:saturate(1.6) blur(14px)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;height:100%;gap:var(--space-5)}.site-logo{display:inline-flex;align-items:center;gap:var(--space-3);font-size:var(--text-base);font-weight:600;letter-spacing:-.01em;color:var(--color-ink);text-decoration:none}.site-logo:hover{color:#fff}.site-logo__mark{display:grid;place-items:center;width:1.85rem;height:1.85rem;border-radius:7px;background:linear-gradient(145deg,var(--color-accent),var(--color-accent-deep));box-shadow:0 0 0 1px #ffffff1f inset,0 6px 18px -6px var(--color-accent-glow);color:#04201b;font-size:.95rem;font-weight:700;line-height:1}.site-nav{display:flex;align-items:center;gap:var(--space-1)}.site-nav a{padding:.4rem .8rem;border-radius:999px;font-size:var(--text-sm);font-weight:500;color:var(--color-muted);text-decoration:none;transition:color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}.site-nav a:hover{color:var(--color-ink)}.site-nav a[aria-current=page]{color:var(--color-ink);background:#ffffff12;box-shadow:0 0 0 1px var(--color-line) inset}.site-footer{margin-top:var(--space-9);padding:var(--space-6) 0 var(--space-7);border-top:1px solid var(--color-line);background:color-mix(in srgb,var(--color-bg) 85%,transparent);font-size:var(--text-sm);color:var(--color-muted)}.site-footer__inner{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-4)}.site-footer__links{display:flex;gap:var(--space-5)}.site-footer a{color:var(--color-ink-soft);text-decoration:none}.site-footer a:hover{color:var(--color-accent)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;padding:.6rem 1.2rem;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;text-decoration:none;border:1px solid transparent;border-radius:var(--radius);transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.btn--primary{background:linear-gradient(180deg,#4ae6cc,var(--color-accent-deep));color:#03201b;box-shadow:0 1px #ffffff59 inset,0 10px 28px -10px var(--color-accent-glow)}.btn--primary:hover{color:#03201b;box-shadow:0 1px #fff6 inset,0 12px 34px -8px #2fd8bd73}.btn--glass,.btn--secondary{background:#ffffff0d;border-color:var(--color-line-strong);color:var(--color-ink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn--glass:hover,.btn--secondary:hover{background:#ffffff17;border-color:#a0c8cd59;color:#fff}.hero{position:relative;overflow:hidden;padding:var(--space-9) 0 var(--space-8)}.hero__glow{position:absolute;inset:-10rem 0 auto;height:42rem;pointer-events:none;background:radial-gradient(38rem 22rem at 78% 30%,rgba(47,216,189,.18),transparent 70%),radial-gradient(28rem 18rem at 12% 10%,rgba(232,184,109,.09),transparent 70%)}.hero__inner{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:var(--space-8)}.hero__path{margin-bottom:var(--space-4);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-accent)}.hero__name{margin:0;font-size:var(--text-hero);font-weight:600;letter-spacing:-.035em;background:linear-gradient(180deg,#fff 30%,#a9bec4);-webkit-background-clip:text;background-clip:text;color:transparent}.hero__role{margin-top:var(--space-4);font-size:var(--text-md);font-weight:500;color:var(--color-ink-soft)}.hero__lede{margin-top:var(--space-4);max-width:32rem;font-size:var(--text-base);line-height:var(--leading-body);color:var(--color-muted)}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-6)}.panel{position:relative;border-radius:var(--radius-lg);background:linear-gradient(180deg,#ffffff0f,#fff0 40%),var(--color-surface);box-shadow:var(--shadow-panel);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:rise-in var(--duration-slow) var(--ease-out) .15s both}.panel:before{content:"";position:absolute;top:0;left:var(--space-5);right:var(--space-5);height:1px;background:linear-gradient(90deg,transparent,var(--color-accent),transparent);opacity:.7}.panel__bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-line);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-muted)}.panel__file{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel__status{display:inline-flex;align-items:center;gap:var(--space-2);flex-shrink:0;color:var(--color-accent)}.panel__dot{width:7px;height:7px;border-radius:50%;background:var(--color-accent);box-shadow:0 0 10px var(--color-accent);animation:pulse 2.4s ease-in-out infinite}.panel__body{padding:var(--space-5) var(--space-5) var(--space-6)}.panel__comment{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-sand)}.panel__title{margin:var(--space-2) 0 0;font-size:var(--text-xl)}.panel__desc{margin-top:var(--space-3);color:var(--color-ink-soft)}.panel .chips{margin-top:var(--space-4)}.panel__link{display:inline-block;margin-top:var(--space-5);font-size:var(--text-sm);font-weight:600;text-decoration:none}.panel__link:hover{text-decoration:underline}.chips,.tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip,.tag{padding:.15rem .55rem;border:1px solid var(--color-line-strong);border-radius:999px;background:#ffffff08;font-family:var(--font-mono);font-size:.75rem;color:var(--color-ink-soft)}.latest{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-7);padding-top:var(--space-6)}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.section-head h2{margin:0;font-size:var(--text-md)}.section-head a{font-size:var(--text-sm);font-weight:500;text-decoration:none}.section-head a:hover{text-decoration:underline}.card-list{display:grid;gap:var(--space-3)}.card{position:relative;padding:var(--space-5);border:1px solid var(--color-line);border-radius:var(--radius-lg);background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 60%),var(--color-surface);box-shadow:var(--shadow-card);transition:border-color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}.card:hover{border-color:#2fd8bd59;background-color:var(--color-surface-hover)}.card__meta{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-muted)}.card__title{margin:var(--space-2) 0 0;font-size:var(--text-md);line-height:var(--leading-snug)}.card__title a{color:var(--color-ink);text-decoration:none}.card__title a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit}.card__title a:focus-visible{outline:none}.card:has(a:focus-visible){outline:2px solid var(--color-accent);outline-offset:3px}.card__desc{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-muted)}.empty-note{padding:var(--space-5);border:1px dashed var(--color-line-strong);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--color-muted)}.page{position:relative;padding:var(--space-8) 0 0}.page:before{content:"";position:absolute;inset:-6rem 0 auto;height:28rem;pointer-events:none;background:radial-gradient(34rem 16rem at 20% 20%,rgba(47,216,189,.1),transparent 70%)}.page>.container{position:relative}.page-head{margin-bottom:var(--space-7);max-width:var(--width-prose)}.page-head__title{margin:0;font-size:var(--text-2xl);letter-spacing:-.03em}.page-head__intro{margin-top:var(--space-4);max-width:var(--measure);font-size:var(--text-md);line-height:var(--leading-snug);color:var(--color-ink-soft)}.empty-state{max-width:var(--width-prose);padding:var(--space-6);border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-ink-soft)}.empty-state h2{margin:0 0 var(--space-2);font-size:var(--text-base)}.entry-list{display:grid;gap:var(--space-3)}.entry{position:relative;display:grid;grid-template-columns:8.5rem minmax(0,1fr);gap:var(--space-2) var(--space-5);padding:var(--space-5) var(--space-6);border:1px solid var(--color-line);border-radius:var(--radius-lg);background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 60%),var(--color-surface);box-shadow:var(--shadow-card);transition:border-color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}.entry:hover{border-color:#2fd8bd59;background-color:var(--color-surface-hover)}.entry__aside{padding-top:.3rem;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-muted)}.entry__title{margin:0;font-size:var(--text-md);line-height:var(--leading-snug)}.entry__title a{color:var(--color-ink);text-decoration:none}.entry__title a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit}.entry__title a:focus-visible{outline:none}.entry:has(a:focus-visible){outline:2px solid var(--color-accent);outline-offset:3px}.entry__desc{margin-top:var(--space-1);max-width:var(--measure);color:var(--color-ink-soft)}.entry__meta{margin-top:var(--space-3)}.about{display:grid;gap:var(--space-3);max-width:52rem}.about__row{display:grid;grid-template-columns:10rem minmax(0,1fr);gap:var(--space-2) var(--space-6);padding:var(--space-5) var(--space-6);border:1px solid var(--color-line);border-radius:var(--radius-lg);background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 60%),var(--color-surface)}.about__row h2{margin:0;padding-top:.15rem;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:500;color:var(--color-accent)}.about__row p{max-width:var(--measure);color:var(--color-ink-soft)}.about__row p+p{margin-top:var(--space-4)}.article{max-width:var(--width-prose)}.article__header{padding-bottom:var(--space-6);margin-bottom:var(--space-7);border-bottom:1px solid var(--color-line)}.article__crumb{font-family:var(--font-mono);font-size:var(--text-sm)}.article__crumb a{text-decoration:none}.article__crumb a:before{content:"../";color:var(--color-muted)}.article__crumb a:hover{text-decoration:underline}.article__title{margin:var(--space-3) 0 0;font-size:var(--text-2xl);letter-spacing:-.03em}.article__dek{margin-top:var(--space-4);font-size:var(--text-md);line-height:var(--leading-snug);color:var(--color-ink-soft)}.article__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-5);margin-top:var(--space-5);font-size:var(--text-sm);color:var(--color-muted)}.project-links{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-5)}.article__back{margin-top:var(--space-8);padding-top:var(--space-5);border-top:1px solid var(--color-line);font-size:var(--text-sm);font-weight:500}.article__back a{text-decoration:none}.article__back a:hover{text-decoration:underline}.prose{font-family:var(--font-serif);font-size:1.125rem;line-height:var(--leading-prose);color:#d5e0e3}.prose>:first-child{margin-top:0}.prose>:last-child{margin-bottom:0}.prose p,.prose ul,.prose ol,.prose pre,.prose blockquote,.prose figure,.prose table{margin:0 0 var(--space-5)}.prose h2,.prose h3{margin:var(--space-7) 0 var(--space-3)}.prose h2{font-size:var(--text-lg)}.prose h3{font-size:var(--text-md)}.prose ul,.prose ol{padding-left:1.4rem}.prose ul{list-style:disc}.prose ol{list-style:decimal}.prose li+li{margin-top:var(--space-2)}.prose li::marker{color:var(--color-accent)}.prose strong{font-weight:600;color:var(--color-ink)}.prose pre{padding:var(--space-4) var(--space-5);overflow-x:auto;background:var(--color-pre-bg);border:1px solid var(--color-line);border-radius:var(--radius);font-size:var(--text-sm);line-height:1.6}.prose pre code{padding:0;background:transparent;color:var(--color-ink-soft);font-size:inherit}.prose blockquote{padding:var(--space-3) var(--space-5);border-left:3px solid var(--color-sand);background:#e8b86d0f;border-radius:0 var(--radius) var(--radius) 0;color:var(--color-ink-soft)}.prose img{width:100%;height:auto;border-radius:var(--radius-lg);border:1px solid var(--color-line);box-shadow:var(--shadow-card)}.prose hr{margin:var(--space-7) 0;border:0;border-top:1px solid var(--color-line)}.prose table{width:100%;border-collapse:collapse;font-family:var(--font-sans);font-size:var(--text-sm)}.prose th,.prose td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-line);text-align:left;vertical-align:top}.prose th{font-weight:600;color:var(--color-ink);border-bottom-color:var(--color-line-strong)}@media(max-width:900px){.hero__inner,.latest{grid-template-columns:minmax(0,1fr);gap:var(--space-7)}}@media(max-width:640px){.site-logo__name{display:none}.site-nav a{padding:.35rem .6rem}.hero{padding:var(--space-7) 0 var(--space-6)}.entry,.about__row{grid-template-columns:minmax(0,1fr);padding:var(--space-5)}.entry__aside{padding-top:0}.page{padding-top:var(--space-7)}}