@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_assets/inter-cyrillic-ext-wght-normal.BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_assets/inter-cyrillic-wght-normal.DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_assets/inter-greek-ext-wght-normal.DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_assets/inter-greek-wght-normal.CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_assets/inter-vietnamese-wght-normal.CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_assets/inter-latin-ext-wght-normal.DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_assets/inter-latin-wght-normal.Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-sans:"Inter Variable", Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--text-prose:clamp(1rem, .95rem + .25vw, 1.125rem);--leading-prose:1.75;--prose-width:46rem;--gutter:clamp(1rem, 4vw, 2rem);--nav-height:64px;--radius:16px;--app-bg:#fff;--app-bg-rgb:255, 255, 255;--app-text:#1d1d1f;--app-text-dim:#515154;--app-border-color:#e5e5e7;--app-accent-color:#0071e3;--accent-soft:#0071e314;--accent-primary:#1d1d1f;--accent-secondary:#6e6e73;--card-bg:#fff;--card-border:#e5e5e7;--card-shadow:0 2px 12px #0000000f, 0 1px 3px #0000000a;--card-shadow-hover:0 12px 32px #0000001a, 0 4px 12px #0000000f;--tag-bg:#f5f5f7;--tag-text:#1d1d1f;--code-bg:#f6f8fa;--code-border:#d1d9e0;--code-text:#24292e;--inline-code-bg:#f0f0f2;--inline-code-text:#c7254e;--inline-code-border:#e0e0e5;--table-stripe:#fafafb;--glass-border:#00000014;--timeline-dot:#1d1d1f;--selection-bg:#0071e326}body.colorscheme-dark{--app-bg:#000;--app-bg-rgb:0, 0, 0;--app-text:#f5f5f7;--app-text-dim:#a1a1a6;--app-border-color:#2c2c2e;--app-accent-color:#4099ff;--accent-soft:#4099ff1f;--accent-primary:#fff;--accent-secondary:#98989d;--card-bg:#1c1c1e;--card-border:#2c2c2e;--card-shadow:0 4px 20px #00000080, 0 1px 4px #0000004d;--card-shadow-hover:0 16px 48px #000000b3, 0 6px 16px #0006;--tag-bg:#2c2c2e;--tag-text:#f5f5f7;--code-bg:#161618;--code-border:#2c2c2e;--code-text:#e6edf3;--inline-code-bg:#2c2c2e;--inline-code-text:#ff8a93;--inline-code-border:#3a3a3c;--table-stripe:#0e0e10;--glass-border:#ffffff1a;--timeline-dot:#fff;--selection-bg:#4099ff40;background-image:radial-gradient(#ffffff0e 1px,#0000 1px);background-size:28px 28px;background-attachment:fixed}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-height) + 1rem);background-color:#fff;font-size:100%}html:has(>body.colorscheme-dark){background-color:#000}body{background-color:var(--app-bg);min-height:100vh;color:var(--app-text);font-family:var(--font-sans);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;background-image:radial-gradient(#0000000d 1px,#0000 1px);background-size:28px 28px;background-attachment:fixed;margin:0;line-height:1.6;overflow-x:clip}body.menu-open{overflow:hidden}img,svg,video,iframe{max-width:100%}img{height:auto}a{color:var(--app-accent-color)}::selection{background-color:var(--selection-bg);color:inherit}:focus-visible{outline:2px solid var(--app-accent-color);outline-offset:3px;border-radius:4px}main:focus{outline:none}.btn-reset{appearance:none;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0}.icon{vertical-align:-.125em;fill:currentColor;flex-shrink:0;width:1em;height:1em;display:inline-block}.skip-link{background:var(--app-bg);color:var(--app-text);border:1px solid var(--app-border-color);box-shadow:var(--card-shadow);z-index:2100;border-radius:999px;padding:.6rem .9rem;font-weight:600;text-decoration:none;transition:transform .2s;position:fixed;top:1rem;left:1rem;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--app-bg)}::-webkit-scrollbar-thumb{background:var(--app-border-color);border:2px solid var(--app-bg);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--accent-secondary)}.scroll-progress{background:var(--app-accent-color);transform-origin:0;z-index:2000;pointer-events:none;height:2.5px;position:fixed;inset:0 0 auto;transform:scaleX(0)}.content{width:100%;max-width:calc(1300px + 2 * var(--gutter));padding:calc(var(--nav-height) + clamp(1rem, 3vw, 2rem)) var(--gutter) 0;margin:0 auto}.centered{padding:clamp(2rem,6vw,4rem) 0}.page-header{margin-bottom:.5rem}.page-intro{max-width:var(--prose-width);text-align:center;color:var(--app-text-dim);margin:-.5rem auto 0;line-height:1.7}.page-intro p{margin:0}h1.title{letter-spacing:-.03em;text-align:center;text-wrap:balance;margin:0 0 1.5rem;font-size:clamp(1.75rem,1.25rem + 2.4vw,2.75rem);font-weight:800;line-height:1.15}.section-title{letter-spacing:-.03em;color:var(--app-text);align-items:center;gap:1.25rem;margin:clamp(2rem,5vw,3.5rem) 0 .5rem;font-size:clamp(1.25rem,1.05rem + 1vw,1.85rem);font-weight:800;line-height:1.2;display:flex}.section-title:after{content:"";background:var(--card-border);opacity:.7;flex:1;height:1px}.section-more{justify-content:flex-end;margin:-.5rem 0 1.5rem;display:flex}.section-more a{font-family:var(--font-mono);color:var(--app-text-dim);border:1px solid var(--card-border);background:var(--card-bg);border-radius:6px;align-items:center;gap:.35rem;padding:.35rem .85rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.section-more a:hover{color:var(--app-accent-color);border-color:#4099ff66;text-decoration:none;transform:translate(2px)}@media (width<=600px){.section-more{justify-content:center}}.footer{padding:clamp(2rem, 5vw, 3.5rem) var(--gutter);text-align:center;color:var(--app-text-dim);border-top:1px solid var(--glass-border);margin-top:clamp(2.5rem,6vw,4rem);font-size:.95rem}.footer a{color:inherit}.navigation{z-index:1000;height:var(--nav-height);background:rgba(var(--app-bg-rgb), .8);-webkit-backdrop-filter:saturate(180%)blur(16px);border-bottom:1px solid var(--glass-border);align-items:center;display:flex;position:fixed;inset:0 0 auto}.navigation .container{width:100%;max-width:calc(1300px + 2 * var(--gutter));padding:0 var(--gutter);justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;display:flex}.navigation-title{letter-spacing:-.02em;color:var(--app-text);white-space:nowrap;align-items:center;gap:.75rem;font-size:clamp(1.05rem,1rem + .4vw,1.25rem);font-weight:800;text-decoration:none;display:flex}.navigation-logo{object-fit:contain;flex-shrink:0;width:28px;height:28px;display:block}.navigation-list{align-items:center;gap:clamp(1rem,2.2vw,2rem);margin:0;padding:0;list-style:none;display:flex}.navigation-link{min-height:44px;color:var(--app-text);opacity:.75;align-items:center;font-size:.95rem;font-weight:600;text-decoration:none;transition:color .2s,opacity .2s;display:inline-flex;position:relative}.navigation-link:hover,.navigation-link.is-active{opacity:1;color:var(--app-accent-color)}.navigation-link.is-active:after{content:"";background:var(--app-accent-color);border-radius:2px;height:2px;position:absolute;bottom:8px;left:0;right:0}.nav-theme-toggle .navigation-link{justify-content:center;min-width:44px;font-size:1.1rem}.menu-toggle{z-index:1001;justify-content:center;align-items:center;width:44px;height:44px;display:none}.hamburger-box{width:24px;height:18px;display:inline-block;position:relative}.hamburger-inner,.hamburger-inner:before,.hamburger-inner:after{background-color:var(--app-text);border-radius:2px;width:24px;height:2px;transition:transform .15s,opacity .15s;position:absolute}.hamburger-inner{margin-top:-1px;display:block;top:50%}.hamburger-inner:before,.hamburger-inner:after{content:"";display:block}.hamburger-inner:before{top:-8px}.hamburger-inner:after{bottom:-8px}.menu-toggle.is-active .hamburger-inner{transform:rotate(45deg)}.menu-toggle.is-active .hamburger-inner:before{opacity:0;top:0}.menu-toggle.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg)}@media (width<=768px){.menu-toggle{display:inline-flex}.navigation-list{height:100dvh;padding:calc(var(--nav-height) + 1rem) 2rem 2rem;background:var(--app-bg);opacity:0;visibility:hidden;z-index:999;flex-direction:column;justify-content:center;gap:1.25rem;transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .35s,visibility .35s;position:fixed;inset:0;overflow-y:auto;transform:translate(100%)}.navigation-list.is-open{opacity:1;visibility:visible;transform:translate(0)}.navigation-link{font-size:clamp(1.5rem,7vw,2rem);font-weight:800}.navigation-link.is-active:after{display:none}.nav-theme-toggle .navigation-link{font-size:1.75rem}}.hero-section{padding:clamp(2rem,5vw,4rem) 0 clamp(1.5rem,3vw,2.5rem)}.hero-grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:clamp(2rem,4vw,3.5rem);display:grid}.hero-content{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.availability-pill{background:var(--tag-bg);border:1px solid var(--card-border);color:var(--app-text);border-radius:999px;align-items:center;gap:.6rem;margin-bottom:1.25rem;padding:.35rem .95rem;font-size:.85rem;font-weight:600;display:inline-flex;box-shadow:0 1px 4px #0000000d}.status-pulse{flex-shrink:0;justify-content:center;align-items:center;width:8px;height:8px;display:inline-flex;position:relative}.status-ping{opacity:.7;background-color:#30d158;border-radius:50%;animation:2.2s cubic-bezier(0,0,.2,1) infinite status-ping;position:absolute;inset:-3px}.status-core{background-color:#30d158;border-radius:50%;width:8px;height:8px;display:inline-block;position:relative}@keyframes status-ping{70%,to{opacity:0;transform:scale(2.2)}}@media (prefers-reduced-motion:reduce){.status-ping{animation:none}}.hero-name{letter-spacing:-.04em;color:var(--app-text);margin:0 0 .85rem;font-size:clamp(2rem,1.5rem + 2.4vw,3.25rem);font-weight:900;line-height:1.15}.hero-role-line{color:var(--app-text-dim);flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.25rem;font-size:clamp(.95rem,.9rem + .3vw,1.15rem);display:flex}.prompt-symbol{font-family:var(--font-mono);color:var(--app-accent-color);user-select:none;font-weight:800}.role-title{color:var(--app-text);font-weight:700}.role-separator{color:var(--app-text-dim);opacity:.5;user-select:none}.hero-role-line .rotating-terms-container{align-items:center;min-height:1.8rem;margin:0;display:inline-flex;overflow:hidden}.rotating-term{color:var(--app-accent-color);font-size:clamp(.95rem,.9rem + .3vw,1.15rem);font-weight:600;transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1);display:inline-block}.rotating-term.fade-out{opacity:0;transform:translateY(-10px)}.rotating-term.fade-in-start{opacity:0;transform:translateY(10px)}.hero-summary{color:var(--app-text-dim);max-width:38rem;margin:0 0 1.75rem;font-size:clamp(1rem,.95rem + .2vw,1.1rem);line-height:1.65}.hero-actions{flex-wrap:wrap;align-items:center;gap:.85rem;margin-bottom:1.75rem;display:flex}.hero-content .social-list{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.social-list{flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;margin:1.5rem 0 0;padding:0;list-style:none;display:flex}.social-list a{width:40px;height:40px;color:var(--app-text-dim);border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;font-size:1.25rem;transition:color .2s,background-color .2s,border-color .2s;display:inline-flex}.social-list a:hover{color:var(--app-text);background:var(--tag-bg);border-color:var(--card-border)}.hero-visual{justify-content:center;align-items:center;width:100%;display:flex}.hero-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);width:100%;max-width:540px;box-shadow:var(--card-shadow);line-height:0;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s,border-color .3s;overflow:hidden}.hero-card:hover{box-shadow:var(--card-shadow-hover);border-color:#4099ff73;transform:translateY(-3px)}.hero-card-img{aspect-ratio:1200/630;object-fit:cover;width:100%;height:auto;transition:transform .4s;display:block}.hero-card:hover .hero-card-img{transform:scale(1.02)}@media (width<=900px){.hero-grid{grid-template-columns:1fr;gap:2.5rem}.hero-content{text-align:center;align-items:center}.hero-role-line,.hero-actions,.hero-content .social-list{justify-content:center}.hero-visual{max-width:480px;margin:0 auto}}.about{text-align:center}.about h1{letter-spacing:-.04em;text-wrap:balance;margin:0 0 .5rem;font-size:clamp(1.75rem,1.2rem + 3vw,3rem);font-weight:900;line-height:1.15}.about-role{color:var(--app-text-dim);margin:0;font-size:clamp(1rem,.9rem + .8vw,1.35rem);font-weight:600}.about-summary{max-width:36rem;color:var(--app-text-dim);margin:1rem auto 0;line-height:1.6}.availability{border:1px solid var(--card-border);background:var(--tag-bg);border-radius:999px;align-items:center;gap:.5rem;margin:1rem 0 0;padding:.35rem .9rem;font-size:.9rem;font-weight:600;display:inline-flex}.availability-dot{background:#30d158;border-radius:50%;flex-shrink:0;width:.55rem;height:.55rem;display:inline-block;box-shadow:0 0 0 3px #30d15840}.availability-inline{color:var(--app-text);white-space:nowrap;font-weight:600}.availability-inline .availability-dot{vertical-align:.05em;margin:0 .45rem 0 .15rem}.about-status{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin:-.5rem 0 2rem;display:flex}.markdown-content .about-status .availability{margin:0}.markdown-content .about-status .button{color:#fff;text-decoration:none}.markdown-content .about-status .button:hover{color:var(--app-bg)}.posts-list-grid,.projects-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:clamp(1rem,2vw,1.5rem);margin:0;padding:1.5rem 0 2.5rem;list-style:none;display:grid}.post-item,.project-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);min-width:0;box-shadow:var(--card-shadow);color:inherit;flex-direction:column;text-decoration:none;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s,border-color .3s;display:flex;overflow:hidden}.post-link{height:100%;color:inherit;flex-direction:column;text-decoration:none;display:flex}.post-link:focus-visible{outline-offset:-3px;border-radius:var(--radius)}.blog-cover-wrap{aspect-ratio:1200/630;background:var(--tag-bg);flex-shrink:0;position:relative;overflow:hidden}.blog-cover{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.16,1,.3,1);display:block}.blog-cover-placeholder{background:radial-gradient(circle at 20% 20%,#fff3,#0000 40%),linear-gradient(135deg,#0071e333,#0d1b2a26)}.blog-card-body{flex-direction:column;flex:1;gap:.45rem;padding:1.1rem 1.25rem 1.3rem;display:flex}.post-meta{color:var(--app-text-dim);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:700}.post-title{color:var(--app-text);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:clamp(1.05rem,1rem + .25vw,1.2rem);font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.post-excerpt{color:var(--app-text-dim);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:.2rem 0 0;font-size:.92rem;line-height:1.55;display:-webkit-box;overflow:hidden}@media (hover:hover){.post-item:hover,.project-card:hover{box-shadow:var(--card-shadow-hover);border-color:#4099ff73;transform:translateY(-3px)}.post-item:hover .blog-cover{transform:scale(1.03)}}.button{border:1px solid var(--card-border);background:var(--tag-bg);min-height:44px;color:var(--tag-text);border-radius:999px;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:background-color .2s,color .2s,border-color .2s;display:inline-flex}.button:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--app-bg)}.button-primary{background:var(--app-accent-color);border-color:var(--app-accent-color);color:#fff}.button-primary:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--app-bg)}.button .icon{width:1em;height:1em}.not-found{text-align:center;max-width:600px;margin:0 auto;padding:clamp(2rem,6vw,4rem) 0}.not-found-code{color:var(--app-accent-color);margin:0;font-size:clamp(4rem,15vw,7rem);font-weight:900;line-height:1}.not-found-title{letter-spacing:-.02em;margin:1rem 0 1.5rem;font-size:clamp(1.25rem,4vw,2rem);font-weight:800}.not-found-text{color:var(--app-text-dim);margin:0 0 1rem;line-height:1.7}.not-found-actions{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2.5rem;display:flex}.topic-filter{flex-wrap:wrap;justify-content:center;gap:.5rem;margin:0 0 .5rem;display:flex}.no-js .topic-filter{display:none}.topic-chip{border:1px solid var(--card-border);background:var(--tag-bg);min-height:36px;color:var(--tag-text);font:inherit;cursor:pointer;border-radius:999px;padding:.35rem .9rem;font-size:.875rem;font-weight:600;transition:background-color .2s,color .2s,border-color .2s}.topic-chip:hover{border-color:var(--app-accent-color)}.topic-chip[aria-pressed=true]{background:var(--app-accent-color);border-color:var(--app-accent-color);color:#fff}.post-item[hidden]{display:none}.article-shell{grid-template-columns:250px minmax(0, var(--prose-width));justify-content:center;align-items:start;gap:clamp(2rem,4vw,4rem);display:grid}.article-shell.no-toc{grid-template-columns:minmax(0, var(--prose-width))}.article-header{margin-bottom:1.5rem}.article-header h1.title{text-align:left;margin-bottom:.75rem}.article-meta{color:var(--app-text-dim);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:.8rem;font-weight:600}.article-cover{aspect-ratio:1200/630;object-fit:cover;border-radius:var(--radius);background:var(--tag-bg);width:100%;height:auto;margin:0 0 2rem;display:block;box-shadow:0 8px 32px #0000000f}body.colorscheme-dark .article-cover{box-shadow:0 8px 32px #00000080}.article-toc{top:calc(var(--nav-height) + 1.5rem);max-height:calc(100vh - var(--nav-height) - 3rem);overscroll-behavior:contain;scrollbar-width:thin;font-size:.9rem;position:sticky;overflow-y:auto}.toc-header{text-align:left;width:100%;color:var(--app-text);cursor:default;margin-bottom:1rem;font-size:1rem;font-weight:700;display:block}.toc-group{margin-bottom:.15rem}.toc-link{color:var(--app-text-dim);overflow-wrap:anywhere;border-left:2px solid #0000;border-radius:8px;padding:.45rem .85rem;font-size:.9rem;line-height:1.45;text-decoration:none;transition:background-color .2s,color .2s;display:block}.toc-link:hover{background:var(--tag-bg);color:var(--app-accent-color)}.toc-link.is-active{background:var(--accent-soft);color:var(--app-accent-color);border-left-color:var(--app-accent-color);font-weight:700}.toc-children{border-left:1px solid var(--card-border);margin:.15rem 0 .35rem .85rem;padding-left:.5rem;display:none}.toc-link-sub{padding-block:.35rem;font-size:.85rem}.toc-group.is-open .toc-children{display:block}@media (width<=1024px){.article-shell,.article-shell.no-toc{grid-template-columns:minmax(0, var(--prose-width));gap:0}.article-toc{background:var(--tag-bg);border-radius:var(--radius);order:-1;max-height:none;margin-bottom:1.5rem;padding:.25rem 1rem;position:static}.toc-header{cursor:pointer;justify-content:space-between;align-items:center;min-height:48px;margin:0;display:flex}.toc-header:after{content:"";border-bottom:2px solid;border-right:2px solid;width:.55em;height:.55em;transition:transform .25s;transform:translateY(-25%)rotate(45deg)}.toc-header[aria-expanded=true]:after{transform:translateY(25%)rotate(-135deg)}.toc-dropdown{padding-bottom:.75rem;display:none}.toc-dropdown.is-open,.no-js .toc-dropdown{display:block}.toc-link{padding-block:.6rem}}.markdown-content{max-width:var(--prose-width);min-width:0;font-size:var(--text-prose);line-height:var(--leading-prose);color:var(--app-text);overflow-wrap:break-word;margin:0 auto}.article-shell .markdown-content{max-width:none;margin:0}.markdown-content p{text-wrap:pretty;margin:0 0 1.4em}.markdown-content h2,.markdown-content h3,.markdown-content h4{color:var(--accent-primary);letter-spacing:-.02em;text-wrap:balance;scroll-margin-top:calc(var(--nav-height) + 1.5rem);line-height:1.3}.markdown-content h2{border-left:4px solid var(--app-accent-color);margin:3rem 0 1.1rem;padding-left:.8rem;font-size:clamp(1.4rem,1.1rem + 1.3vw,1.9rem);font-weight:800}.markdown-content h3{margin:2.25rem 0 .85rem;font-size:clamp(1.18rem,1.05rem + .6vw,1.4rem);font-weight:700}.markdown-content h4{margin:1.75rem 0 .6rem;font-size:clamp(1.05rem,1rem + .3vw,1.15rem);font-weight:700}.markdown-content a{color:var(--app-accent-color);text-underline-offset:.2em;text-decoration:underline 1px;text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);transition:text-decoration-color .2s}.markdown-content a:hover{text-decoration-color:currentColor}.markdown-content strong{font-weight:700}.markdown-content ul,.markdown-content ol{margin:0 0 1.4em;padding-left:1.4em}.markdown-content li{margin-bottom:.5em}.markdown-content li>ul,.markdown-content li>ol{margin:.5em 0 0}.markdown-content li>p{margin-bottom:.5em}.markdown-content li::marker{color:var(--accent-secondary)}.markdown-content hr{background:var(--app-border-color);border:0;height:1px;margin:3rem 0}.markdown-content blockquote{border-left:3px solid var(--app-accent-color);border-radius:0 var(--radius) var(--radius) 0;background:var(--tag-bg);color:var(--app-text-dim);margin:2rem 0;padding:1.1rem 1.5rem;font-style:italic}.markdown-content blockquote>:last-child{margin-bottom:0}.markdown-content p>img:only-child,.markdown-content>img:not(.article-cover){border-radius:12px;margin:2rem auto .5rem;display:block;box-shadow:0 4px 16px #0000000f}body.colorscheme-dark .markdown-content p>img:only-child{box-shadow:0 4px 16px #0006}.markdown-content p:has(>img:only-child){margin-bottom:.25rem}.markdown-content p:has(>img:only-child)+p>em:only-child{text-align:center;color:var(--app-text-dim);margin-bottom:1.5rem;font-size:.9rem;display:block}.code-block{margin:1.75rem 0;position:relative}.markdown-content pre{background-color:var(--code-bg);border:1px solid var(--code-border);color:var(--code-text);font-family:var(--font-mono);tab-size:4;white-space:pre;word-wrap:normal;scrollbar-width:thin;border-radius:12px;margin:0;padding:1rem 1.25rem;font-size:.85rem;line-height:1.65;overflow-x:auto}.markdown-content pre code{min-width:max-content;font:inherit;color:inherit;background:0 0;border:0;padding:0;display:block}.markdown-content pre::-webkit-scrollbar{height:6px}.markdown-content pre::-webkit-scrollbar-track{background:0 0}.markdown-content pre::-webkit-scrollbar-thumb{background:var(--app-border-color);border:0;border-radius:99px}.shiki span{color:var(--shiki-light)}body.colorscheme-dark .shiki span{color:var(--shiki-dark)}.markdown-content :not(pre)>code{background-color:var(--inline-code-bg);border:1px solid var(--inline-code-border);color:var(--inline-code-text);font-family:var(--font-mono);overflow-wrap:anywhere;border-radius:6px;padding:.12em .4em;font-size:.86em}.copy-code-btn{background:var(--card-bg);border:1px solid var(--app-border-color);width:2.25rem;height:2.25rem;color:var(--app-text-dim);cursor:pointer;opacity:0;border-radius:8px;justify-content:center;align-items:center;padding:0;font-size:.95rem;transition:opacity .2s,color .2s,background-color .2s;display:inline-flex;position:absolute;top:.5rem;right:.5rem}.code-block:hover .copy-code-btn,.copy-code-btn:focus-visible,.copy-code-btn.is-copied{opacity:1}.copy-code-btn:hover{background:var(--app-accent-color);border-color:var(--app-accent-color);color:#fff}.copy-code-btn.is-copied{color:#22c55e}@media (hover:none){.copy-code-btn{opacity:.85}}.table-wrap{border:1px solid var(--card-border);background:var(--card-bg);scrollbar-width:thin;border-radius:12px;margin:1.75rem 0;overflow-x:auto}.table-wrap:focus-visible{outline-offset:2px}.markdown-content table{border-collapse:collapse;width:100%;font-size:.9em;line-height:1.55}.markdown-content th,.markdown-content td{text-align:left;vertical-align:top;border-bottom:1px solid var(--card-border);min-width:8.5rem;padding:.7rem .95rem}.markdown-content th{background:var(--tag-bg);color:var(--app-text);font-weight:700}.markdown-content tbody tr:nth-child(2n){background:var(--table-stripe)}.markdown-content tbody tr:last-child>*{border-bottom:0}.markdown-content td>:last-child{margin-bottom:0}.markdown-content td code,.markdown-content th code{overflow-wrap:normal}.mermaid{text-align:center;background:var(--code-bg);border:1px solid var(--code-border);scrollbar-width:thin;border-radius:14px;min-height:6rem;margin:2rem 0;padding:1.25rem;overflow:auto hidden}.mermaid:not([data-processed]){color:#0000;white-space:nowrap}.mermaid svg{vertical-align:top;height:auto;font-family:var(--font-sans);display:inline-block}.mermaid.is-scrollable{text-align:left}.mermaid svg .node rect,.mermaid svg .node circle,.mermaid svg .node polygon,.mermaid svg .node path{fill:var(--card-bg)!important;stroke:var(--card-border)!important;stroke-width:1.5px!important}.mermaid svg .node .label,.mermaid svg .node .label div,.mermaid svg .node .label span,.mermaid svg .node text{color:var(--app-text)!important;fill:var(--app-text)!important;font-family:var(--font-sans)!important;font-weight:500!important}.mermaid svg .cluster rect{fill:var(--tag-bg)!important;stroke:var(--card-border)!important;stroke-width:1px!important}.mermaid svg .cluster .label,.mermaid svg .cluster .label text,.mermaid svg .cluster-label span{color:var(--app-text-dim)!important;fill:var(--app-text-dim)!important;font-weight:700!important}.mermaid svg .flowchart-link,.mermaid svg .edgePath .path{stroke:var(--accent-secondary)!important;stroke-width:1.5px!important}.mermaid svg .edgeLabel,.mermaid svg .edgeLabel rect,.mermaid svg .edgeLabel p{background-color:var(--code-bg)!important;fill:var(--code-bg)!important}.mermaid svg .edgeLabel text,.mermaid svg .edgeLabel span{color:var(--app-text-dim)!important;fill:var(--app-text-dim)!important}.mermaid svg marker path{fill:var(--accent-secondary)!important;stroke:none!important}.mermaid svg .node.node-accent rect,.mermaid svg .node.node-accent circle,.mermaid svg .node.node-accent polygon,.mermaid svg .node.node-accent path{fill:var(--accent-soft)!important;stroke:var(--app-accent-color)!important;stroke-width:2px!important}.mermaid svg .node.node-danger rect,.mermaid svg .node.node-danger circle,.mermaid svg .node.node-danger polygon,.mermaid svg .node.node-danger path{fill:#ef44441a!important;stroke:#ef4444!important;stroke-width:2px!important}.mermaid svg .node.node-success rect,.mermaid svg .node.node-success circle,.mermaid svg .node.node-success polygon,.mermaid svg .node.node-success path{fill:#22c55e1a!important;stroke:#22c55e!important;stroke-width:2px!important}.mermaid svg .node.node-warning rect,.mermaid svg .node.node-warning circle,.mermaid svg .node.node-warning polygon,.mermaid svg .node.node-warning path{fill:#f59e0b1a!important;stroke:#f59e0b!important;stroke-width:2px!important}.markdown-alert{border-left:4px solid var(--alert-border);background-color:var(--alert-bg);border-radius:8px;margin:1.75rem 0;padding:1rem 1.25rem;font-size:.95em;line-height:1.7}.markdown-alert>:first-child{margin-top:0}.markdown-alert>:last-child{margin-bottom:0}.markdown-alert p{margin:.5rem 0}.markdown-alert-title{color:var(--alert-color);letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:.5rem;font-size:.85rem;font-weight:700;display:flex;margin:0 0 .5rem!important}.markdown-alert-title svg{fill:currentColor;flex-shrink:0;width:16px;height:16px}.markdown-alert-note{--alert-bg:#0969da0f;--alert-border:#0969da;--alert-color:#0969da}.markdown-alert-tip{--alert-bg:#1a7f370f;--alert-border:#1a7f37;--alert-color:#1a7f37}.markdown-alert-important{--alert-bg:#8250df0f;--alert-border:#8250df;--alert-color:#8250df}.markdown-alert-warning{--alert-bg:#9a67000f;--alert-border:#9a6700;--alert-color:#9a6700}.markdown-alert-caution{--alert-bg:#d1242f0f;--alert-border:#d1242f;--alert-color:#d1242f}body.colorscheme-dark .markdown-alert-note{--alert-bg:#388bfd1a;--alert-border:#388bfd;--alert-color:#58a6ff}body.colorscheme-dark .markdown-alert-tip{--alert-bg:#3fb9501a;--alert-border:#3fb950;--alert-color:#56d364}body.colorscheme-dark .markdown-alert-important{--alert-bg:#a371f71a;--alert-border:#a371f7;--alert-color:#bc8cff}body.colorscheme-dark .markdown-alert-warning{--alert-bg:#d299221a;--alert-border:#d29922;--alert-color:#e3b341}body.colorscheme-dark .markdown-alert-caution{--alert-bg:#f851491a;--alert-border:#f85149;--alert-color:#ff7b72}.glass-panel{background:rgba(var(--app-bg-rgb), .7);border:1px solid var(--glass-border);box-shadow:var(--card-shadow);border-radius:24px;margin:2rem 0;padding:clamp(1rem,3vw,2rem)}.glass-panel>:last-child{margin-bottom:0}.glass-panel .table-wrap{margin:0}.render-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin:2rem 0;display:grid}.render-cards:has(>:only-child){grid-template-columns:minmax(0,1fr)}.render-cards:has(>:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}.render-card{background:var(--card-bg);border:1px solid var(--card-border);min-width:0;box-shadow:var(--card-shadow);border-radius:20px;padding:1.4rem;font-size:.95em;transition:border-color .3s,box-shadow .3s}.render-card h3,.render-card h4{border-left:0;margin-top:.5rem;padding-left:0}.render-card-head{align-items:center;gap:.6rem;margin-bottom:.6rem;display:flex}.render-card-icon{font-size:1.4rem;line-height:1}.render-card-title{font-weight:700}.render-card ul{margin:0;padding-left:1.2rem}.render-card li{margin:.4rem 0;font-size:.95em}.render-card>:last-child{margin-bottom:0}@media (hover:hover){.render-card:hover{border-color:var(--app-accent-color);box-shadow:var(--card-shadow-hover)}}.render-badge{letter-spacing:.04em;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-width:2.5rem;padding:.15rem .5rem;font-size:.72rem;font-weight:800;display:inline-flex}.render-card-csr .render-badge{color:#0e7490;background:#06b6d426;border-color:#06b6d466}.render-card-ssr .render-badge{color:#b45309;background:#f59e0b29;border-color:#f59e0b6e}.render-card-ssg .render-badge{color:#166534;background:#22c55e29;border-color:#22c55e6e}.render-card-isr .render-badge{color:#7c3aed;background:#7c3aed29;border-color:#7c3aed6e}body.colorscheme-dark .render-card-csr .render-badge{color:#67e8f9}body.colorscheme-dark .render-card-ssr .render-badge{color:#fcd34d}body.colorscheme-dark .render-card-ssg .render-badge{color:#86efac}body.colorscheme-dark .render-card-isr .render-badge{color:#c4b5fd}.gh-container{margin:2.5rem 0}.gh-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:1.25rem;margin:1.5rem 0;display:grid}.gh-card{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--card-shadow);border-radius:14px;padding:1.5rem;transition:border-color .3s,box-shadow .3s;position:relative;overflow:hidden}.gh-card h4{color:var(--app-text)!important}.gh-card p{color:var(--app-text-dim)!important}@media (hover:hover){.gh-card:hover{border-color:var(--app-accent-color);box-shadow:var(--card-shadow-hover)}}.gh-gradient-text{background:linear-gradient(135deg,#0ea5e9 0%,#6366f1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800;border-left:0!important;padding-left:0!important}.gh-badge{color:#0284c7;background:#38bdf81a;border:1px solid #38bdf840;border-radius:20px;margin-bottom:.75rem;padding:.25rem .6rem;font-size:.75rem;font-weight:600;display:inline-block}body.colorscheme-dark .gh-badge{color:#38bdf8}.markdown-content .gh-btn{color:#fff;background:linear-gradient(135deg,#0284c7 0%,#4f46e5 100%);border-radius:8px;align-items:center;gap:.5rem;min-height:44px;padding:.7rem 1.4rem;font-weight:600;text-decoration:none;transition:opacity .2s;display:inline-flex}.markdown-content .gh-btn:hover{opacity:.9}.duckdb-flow{background:var(--tag-bg);border-radius:24px;justify-content:space-between;align-items:center;gap:1rem;margin:2.5rem 0;padding:clamp(1rem,3vw,2rem);display:flex}.flow-step{text-align:center;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);flex:1;min-width:0;padding:1.25rem 1rem}.flow-arrow{color:var(--app-accent-color);font-size:1.6rem;font-weight:700}.interactive-comparison{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--card-shadow);border-radius:24px;margin:2.5rem 0;overflow:hidden}.comparison-tabs{background:var(--tag-bg);border-bottom:1px solid var(--card-border);scrollbar-width:none;display:flex;overflow-x:auto}.comp-tab{min-height:48px;color:var(--app-text-dim);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:1 0 auto;padding:.9rem 1.2rem;font-size:.9rem;font-weight:700;transition:color .2s,background-color .2s}.comp-tab:hover{color:var(--app-text)}.comp-tab.active{color:var(--app-accent-color);background:var(--card-bg);border-bottom-color:var(--app-accent-color)}.comparison-panels{padding:clamp(1.25rem,3vw,2rem)}.comp-panel{display:none}.comp-panel.active{animation:.35s cubic-bezier(.16,1,.3,1) panel-in;display:block}.comp-panel>:last-child{margin-bottom:0}@keyframes panel-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.video-container{aspect-ratio:16/9;border-radius:12px;margin:1.5rem 0;position:relative;overflow:hidden}.video-container iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.project-card{padding:clamp(1.25rem,3vw,1.75rem)}.project-top{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.project-icon{background:var(--accent-soft);width:44px;height:44px;color:var(--app-accent-color);border-radius:12px;justify-content:center;align-items:center;font-size:1.25rem;display:inline-flex}.project-links{gap:.25rem;display:flex}.project-links a{width:40px;height:40px;color:var(--app-text);border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;text-decoration:none;transition:color .2s,background-color .2s;display:inline-flex}.project-links a:hover{color:var(--app-accent-color);background:var(--tag-bg)}.project-card .project-title{color:var(--app-text);border:0;margin:0 0 .75rem;padding:0;font-size:clamp(1.15rem,1.05rem + .4vw,1.35rem);line-height:1.3}.project-desc{color:var(--app-text-dim);flex-grow:1;margin:0 0 1.25rem;font-size:.95rem;line-height:1.65}.project-tags{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.project-tags li{background:var(--tag-bg);color:var(--tag-text);border:1px solid var(--card-border);border-radius:8px;margin:0;padding:.3rem .7rem;font-size:.8rem;font-weight:600}.timeline-container{margin-left:.5rem;padding:1.5rem 0;position:relative}.timeline-container:before{content:"";background:var(--card-border);width:2px;position:absolute;top:0;bottom:0;left:0}.experience-block{margin-bottom:2rem;padding-left:clamp(1.25rem,4vw,2.5rem);position:relative}.timeline-dot{border:2px solid var(--app-bg);background:var(--timeline-dot);z-index:1;border-radius:50%;width:12px;height:12px;position:absolute;top:1.5rem;left:-5px}.experience-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:var(--card-shadow);padding:clamp(1rem,3vw,1.5rem);transition:transform .3s}@media (hover:hover){.experience-card:hover{transform:translate(6px)}}.exp-header{margin-bottom:1rem}.exp-title-group h3{color:var(--app-text);margin:0;font-size:clamp(1.1rem,1rem + .5vw,1.35rem)}.markdown-content .exp-company{color:var(--accent-secondary);font-weight:600;text-decoration:none}.exp-meta{color:var(--app-text-dim);flex-wrap:wrap;gap:.25rem 1.25rem;margin-top:.5rem;font-size:.875rem;display:flex}.exp-details{list-style:none;margin:1rem 0!important;padding:0!important}.exp-details li{margin-bottom:.5rem;padding-left:1.2rem;font-size:.95em;position:relative}.exp-details li:before{content:"•";color:var(--accent-secondary);position:absolute;left:0}.exp-skills{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.skill-tag{background:var(--tag-bg);color:var(--tag-text);border-radius:6px;padding:.2rem .6rem;font-size:.8rem}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:1.25rem;margin-top:2rem;display:grid}.skills-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:var(--card-shadow);flex-direction:column;display:flex;overflow:hidden}.markdown-content .skills-banner{aspect-ratio:4;object-fit:cover;width:100%;box-shadow:none;border-bottom:1px solid var(--card-border);border-radius:0;margin:0;display:block}.skills-content{padding:1.25rem 1.5rem}.skills-card h3{color:var(--accent-primary);margin:0 0 1rem;font-size:1.2rem}.skills-list{list-style:none;margin:0!important;padding:0!important}.skills-list li{margin-bottom:.7rem;font-size:.95em}.js .reveal-on-scroll{opacity:0;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);transform:translateY(16px)}.js .reveal-on-scroll.is-visible{opacity:1;transform:none}@media (width<=1024px){.render-cards,.render-cards:has(>:nth-child(3):last-child){grid-template-columns:minmax(0,1fr)}}@media (width<=640px){.markdown-content h2{margin-top:2.25rem}.markdown-content hr{margin:2.25rem 0}.markdown-content blockquote{margin:1.5rem 0;padding:1rem 1.1rem}.markdown-content pre{border-radius:10px;padding:.9rem 1rem;font-size:.8125rem}.markdown-content th,.markdown-content td{min-width:7.5rem;padding:.6rem .75rem}.mermaid{margin:1.5rem 0;padding:.75rem}.duckdb-flow{flex-direction:column}.flow-step{width:100%}.flow-arrow{transform:rotate(90deg)}.glass-panel{border-radius:var(--radius)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.js .reveal-on-scroll{opacity:1;transform:none}}@media print{.navigation,.scroll-progress,.skip-link,.article-toc,.copy-code-btn,.footer{display:none!important}body,body.colorscheme-dark{color:#000;background:#fff}.content{padding-top:0}.article-shell{display:block}.markdown-content{max-width:none;font-size:11pt}.markdown-content pre,.table-wrap{white-space:pre-wrap;overflow:visible}.js .reveal-on-scroll{opacity:1;transform:none}.markdown-content a[href^=http]:after{content:" (" attr(href) ")";color:#555;font-size:.85em}}