:root{--bg: #fafaf9;--bg-soft: #f5f5f4;--bg-elev: #ffffff;--fg: #1c1917;--fg-muted: #57534e;--fg-faint: #a8a29e;--border: #e7e5e4;--border-strong: #d6d3d1;--accent: #4f46e5;--accent-2: #0d9488;--accent-soft: rgba(79, 70, 229, .08);--grad: linear-gradient(120deg, #4f46e5 0%, #0d9488 100%);--shadow: 0 1px 2px rgba(0, 0, 0, .05), 0 4px 16px rgba(0, 0, 0, .06);--radius: 14px;--radius-sm: 8px;--maxw: 1080px;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: "SFMono-Regular", ui-monospace, "Cascadia Code", "JetBrains Mono", Menlo, Consolas, monospace}[data-theme=dark]{--bg: #0c0a09;--bg-soft: #141210;--bg-elev: #1c1917;--fg: #f5f5f4;--fg-muted: #a8a29e;--fg-faint: #57534e;--border: #292524;--border-strong: #3f3b39;--accent: #818cf8;--accent-2: #2dd4bf;--accent-soft: rgba(129, 140, 248, .12);--grad: linear-gradient(120deg, #818cf8 0%, #2dd4bf 100%);--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 6px 24px rgba(0, 0, 0, .4)}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--fg);line-height:1.65;font-size:16px;transition:background .25s ease,color .25s ease}img{max-width:100%;height:auto}a{color:var(--accent);text-decoration:none;border-radius:4px}a:hover{text-decoration:underline;text-underline-offset:3px}h1,h2,h3,h4{line-height:1.2;letter-spacing:-.02em;margin:0 0 .6em;font-weight:700}h1{font-size:clamp(2rem,5vw,3.2rem)}h2{font-size:clamp(1.4rem,3vw,1.9rem)}h3{font-size:1.15rem}p{margin:0 0 1em}code{font-family:var(--mono);font-size:.88em;background:var(--bg-soft);border:1px solid var(--border);padding:.1em .4em;border-radius:5px}pre{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1rem 1.2rem;overflow-x:auto;font-size:.88rem}pre code{background:none;border:none;padding:0}.container{max-width:var(--maxw);margin:0 auto;padding:0 1.4rem}.section{padding:4rem 0}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.6rem}.section-head h2{margin:0;display:flex;align-items:center;gap:.6rem}.section-head h2:before{content:"";display:inline-block;width:14px;height:14px;border-radius:4px;background:var(--grad);flex-shrink:0}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.2rem;border-radius:999px;font-weight:600;font-size:.92rem;border:1px solid var(--border-strong);background:var(--bg-elev);color:var(--fg);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;text-decoration:none}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow);text-decoration:none}.btn-primary{background:var(--grad);color:#fff;border:none}.btn-primary:hover{box-shadow:0 6px 20px #4f46e559}[data-theme=dark] .btn-primary{color:#0c0a09}.chip{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .75rem;border-radius:999px;font-size:.8rem;font-weight:600;background:var(--bg-soft);border:1px solid var(--border);color:var(--fg-muted);white-space:nowrap}.chip-accent{background:var(--accent-soft);border-color:transparent;color:var(--accent)}.tag-row{display:flex;flex-wrap:wrap;gap:.4rem}.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.site-header .inner{max-width:var(--maxw);margin:0 auto;padding:.85rem 1.4rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{font-weight:800;font-size:1.05rem;letter-spacing:-.02em;color:var(--fg);display:flex;align-items:center;gap:.55rem}.brand .dot{width:10px;height:10px;border-radius:50%;background:var(--grad);display:inline-block}.nav{display:flex;align-items:center;gap:.35rem}.nav a{color:var(--fg-muted);font-size:.92rem;font-weight:500;padding:.4rem .7rem;border-radius:8px}.nav a:hover{color:var(--fg);background:var(--bg-soft);text-decoration:none}.nav a[aria-current=page]{color:var(--accent);background:var(--accent-soft)}.header-actions{display:flex;align-items:center;gap:.35rem}.icon-btn{background:none;border:1px solid var(--border);background:var(--bg-elev);color:var(--fg-muted);border-radius:8px;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:.95rem;transition:color .15s ease,border-color .15s ease}.icon-btn:hover{color:var(--accent);border-color:var(--accent)}.lang-switch{display:inline-flex;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--bg-elev)}.lang-switch a{padding:.35rem .65rem;font-size:.8rem;font-weight:700;color:var(--fg-faint);text-decoration:none}.lang-switch a[aria-current=true]{color:var(--accent);background:var(--accent-soft)}.site-footer{border-top:1px solid var(--border);padding:3rem 0 4rem;margin-top:3rem;background:var(--bg-soft)}.site-footer .inner{max-width:var(--maxw);margin:0 auto;padding:0 1.4rem;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;align-items:flex-start}.footer-links{display:flex;flex-direction:column;gap:.4rem}.footer-links a{color:var(--fg-muted);font-size:.92rem}.hero{padding:5rem 0 3.5rem}.hero .name{font-size:clamp(2.4rem,6vw,3.8rem);font-weight:800;letter-spacing:-.03em;margin:0 0 .3rem}.hero .grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.hero .role{font-size:1.15rem;font-weight:600;color:var(--accent);margin:0 0 1.1rem}.hero .tagline{font-size:1.08rem;color:var(--fg-muted);max-width:640px;margin:0 0 1.6rem}.hero .meta{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.8rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.7rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.2rem}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:1.4rem 1.4rem 1.2rem;display:flex;flex-direction:column;gap:.7rem;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;text-decoration:none;color:var(--fg)}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--border-strong);text-decoration:none}.card .card-title{font-size:1.12rem;font-weight:700;margin:0}.card .card-summary{color:var(--fg-muted);font-size:.94rem;flex-grow:1;margin:0}.card .card-foot{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap}.card .card-year{color:var(--fg-faint);font-size:.85rem;font-weight:600}.card-arrow{color:var(--accent);font-size:.95rem;font-weight:700}.proj-hero{padding:3.2rem 0 1.6rem}.proj-hero h1{font-size:clamp(1.9rem,4.5vw,2.8rem);margin-bottom:.4rem}.proj-hero .subtitle{font-size:1.1rem;color:var(--fg-muted);max-width:720px}.proj-meta{display:flex;flex-wrap:wrap;gap:.45rem;margin:1rem 0 0}.prose{max-width:780px}.prose h2{margin-top:2.6rem;padding-top:.4rem}.prose h3{margin-top:1.8rem}.prose ul,.prose ol{margin:0 0 1.2em;padding-left:1.4em}.prose li{margin-bottom:.45em}.prose blockquote{margin:1.4em 0;padding:.8rem 1.2rem;border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--fg-muted)}.prose blockquote p{margin:0}.prose table{width:100%;border-collapse:collapse;font-size:.9rem;margin:1.2em 0}.prose th,.prose td{border:1px solid var(--border);padding:.55rem .8rem;text-align:left}.prose th{background:var(--bg-soft);font-weight:700}.prose hr{border:none;border-top:1px solid var(--border);margin:2.4rem 0}.mermaid-wrap{margin:1.6rem 0;border:1px solid var(--border);background:var(--bg-elev);border-radius:var(--radius);padding:1.2rem;overflow-x:auto}.mermaid{display:flex;justify-content:center}.mermaid svg{max-width:100%;height:auto}.mermaid-caption{text-align:center;font-size:.85rem;color:var(--fg-faint);margin:.9rem 0 0}.highlights li{margin-bottom:.5em}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.8rem;margin:1.2rem 0}.metric{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.9rem 1rem;text-align:center}.metric .value{font-size:1.35rem;font-weight:800;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;display:block}.metric .label{font-size:.8rem;color:var(--fg-muted);margin-top:.2rem;display:block}.links-box{display:flex;flex-wrap:wrap;gap:.7rem;margin:1.2rem 0 .4rem}.timeline{position:relative;margin:1.4rem 0 0;padding-left:1.6rem}.timeline:before{content:"";position:absolute;left:5px;top:4px;bottom:4px;width:2px;background:var(--border-strong)}.tl-item{position:relative;margin-bottom:1.8rem}.tl-item:before{content:"";position:absolute;left:-1.6rem;top:.45rem;width:12px;height:12px;border-radius:50%;background:var(--grad);border:2px solid var(--bg)}.tl-item .tl-date{font-size:.82rem;font-weight:700;color:var(--accent);letter-spacing:.02em;text-transform:uppercase}.tl-item h3{margin:.15rem 0 .2rem}.tl-item .tl-role{color:var(--fg-muted);font-weight:600;margin:0 0 .5rem}.tl-item p,.tl-item li{color:var(--fg-muted);font-size:.95rem}.tl-item ul{padding-left:1.2em;margin:.4em 0}.socials{display:flex;gap:.6rem}.socials a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;border:1px solid var(--border);background:var(--bg-elev);color:var(--fg-muted);transition:color .15s ease,border-color .15s ease,transform .15s ease}.socials a:hover{color:var(--accent);border-color:var(--accent);transform:translateY(-2px);text-decoration:none}.skill-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.4rem}.skill-cols h3{font-size:.95rem;color:var(--fg-muted);margin-bottom:.7rem;text-transform:uppercase;letter-spacing:.04em}.skill-list{display:flex;flex-wrap:wrap;gap:.45rem}.about-grid{display:grid;grid-template-columns:1fr;gap:1.6rem}@media(min-width:760px){.about-grid{grid-template-columns:1fr 1fr}}.proj-nav{display:flex;justify-content:space-between;gap:1rem;margin:3rem 0 1rem;padding-top:1.4rem;border-top:1px solid var(--border)}.proj-nav a{max-width:48%}.proj-nav .dir{display:block;font-size:.8rem;color:var(--fg-faint)}.proj-nav .t{font-weight:700;color:var(--fg)}.hero-accent{position:relative}.hero .about-text{max-width:640px;margin:2.4rem 0 2rem}.hero .about-text p{color:var(--fg-muted);font-size:.98rem;margin:0 0 .6rem}.hero+.section{padding-top:2.4rem}@media(prefers-reduced-motion:no-preference){.hero .name,.hero .role,.hero .tagline,.hero .meta,.hero-actions{animation:fadeUp .5s ease both}.hero .role{animation-delay:.05s}.hero .tagline{animation-delay:.1s}.hero .meta{animation-delay:.15s}.hero-actions{animation-delay:.2s}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#theme-toggle[data-astro-cid-x3pjskd3]{font-size:1.1rem}