:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--text:#202124;--muted:#5f6368;--line:#d7dce2;--link:#1772d0;--link-hover:#f09228;--soft:#f6f8fa;--soft-strong:#e9eef4}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d1117;--text:#e6edf3;--muted:#8b949e;--line:#30363d;--link:#58a6ff;--link-hover:#f78166;--soft:#161b22;--soft-strong:#21262d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;font-family:Titillium Web,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:16px;line-height:1.68}a{color:var(--link);text-decoration:none}a:hover,a:focus{color:var(--link-hover)}.site{width:min(1120px,100% - 40px);margin:0 auto;padding:36px 0 32px}.site-layout{grid-template-columns:minmax(0,1fr) 293px;align-items:start;gap:56px;display:grid}.site-content{min-width:0}.site-sidebar{color:var(--muted);flex-direction:column;grid-area:1/2;align-items:stretch;font-family:Lato,-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;display:flex;position:sticky;top:36px}.nav{text-align:center;flex-flow:column;justify-content:flex-start;align-items:stretch;gap:0;margin:0;display:flex}.nav a,.theme-toggle,.language-toggle{min-height:24px;color:var(--muted);letter-spacing:0;align-items:center;font-family:inherit;font-size:15px;font-weight:400;line-height:1.75;display:inline-flex}.nav a{border-radius:10px;justify-content:center;width:100%;min-height:51px;padding:12px 0;transition:background-color .18s,color .18s;position:relative}.nav a:hover,.nav a:focus{background:var(--soft)}.nav .language-toggle{align-self:center;margin:14px 0 0}.nav .theme-toggle{align-self:center;margin:8px 0}.nav a:hover,.nav a:focus,.theme-toggle:hover,.theme-toggle:focus,.language-toggle:hover,.language-toggle:focus{color:var(--text)}.nav a:before{background:var(--link);content:"";opacity:0;border-radius:999px;width:3px;height:22px;transition:opacity .18s,transform .18s;position:absolute;top:50%;left:20px;transform:translateY(-50%)scaleY(.45)}.nav a.is-active,.nav a[aria-current=location]{background:var(--soft);color:var(--link);font-weight:600}.nav a.is-active:before,.nav a[aria-current=location]:before{opacity:1;transform:translateY(-50%)scaleY(1)}.hero{text-align:left}.profile-photo{object-fit:cover;border-radius:50%;justify-self:end;width:125px;height:125px;margin:0;display:block;box-shadow:0 2px 12px #00000014}.profile-photo-sidebar{margin:0 auto 18px}.profile-photo-mobile{display:none}.hero-layout{text-align:left;max-width:none;margin:0;display:block}.hero-copy{min-width:0}.hero-identity{min-width:0;padding:0 0 24px}.hero-display-name{color:var(--text);letter-spacing:0;white-space:nowrap;margin-bottom:16px;font-family:SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;font-size:46px;font-weight:600;line-height:1.06}.sidebar-identity{text-align:center;margin:0 0 24px}.sidebar-identity h1{letter-spacing:0;margin-bottom:0;font-family:inherit;font-size:27px;font-weight:700;line-height:1.25}.hero-details{border-top:1px solid var(--line);min-width:0;padding:22px 0 0}h1,h2,h3,p{margin-top:0}h1{margin-bottom:8px;font-size:32px;font-weight:500;line-height:1.25}.name-en{color:var(--muted);font-size:.82em;font-weight:300}.identity{margin-bottom:4px;font-size:17px;font-weight:500}.research{color:var(--muted);margin-bottom:0;font-size:16px}.contact-item{min-height:24px;color:var(--muted);align-items:center;gap:10px;font-size:15px;font-weight:500;line-height:1.3;display:flex}.email{margin-bottom:10px;font-family:inherit}.contact-icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;flex:0 0 20px;width:20px;height:20px;display:block}.status-badge{margin-bottom:12px}.hero-links{color:var(--muted);justify-content:flex-start;gap:10px;font-size:15px;display:flex}.hero-link{color:var(--muted);align-items:center;gap:8px;font-size:15px;font-weight:500;display:inline-flex}.hero-link .contact-icon{fill:currentColor;stroke:none}.hero-link:hover,.hero-link:focus{color:var(--link-hover)}.language-toggle{appearance:none;border:1px solid var(--line);background:var(--soft);min-height:30px;color:var(--text);cursor:pointer;letter-spacing:.02em;border-radius:999px;padding:5px 12px;font-family:inherit;font-size:13px;font-weight:600;line-height:1;transition:background .15s,border-color .15s,color .15s}.language-toggle:hover{border-color:var(--muted);background:var(--soft-strong)}.language-toggle:focus-visible{outline:1px solid var(--muted);outline-offset:4px}h3 a,.identity a{text-decoration:underline;-webkit-text-decoration-color:var(--soft-strong);text-decoration-color:var(--soft-strong);text-underline-offset:4px;text-decoration-thickness:1px}h3 a:hover,.identity a:hover{-webkit-text-decoration-color:var(--link-hover);text-decoration-color:var(--link-hover)}h2{margin-bottom:14px;font-size:22px;font-weight:600}h3{margin-bottom:4px;font-size:18px;font-weight:600;line-height:1.35}hr{background:linear-gradient(90deg,#0000,#2021248c,#0000);border:0;height:1px;margin:34px 0}.section{scroll-margin-top:24px}.prose{max-width:720px;margin:0 auto}.prose p:last-child,.section p:last-child,.timeline-item ul:last-child,.project p:last-child{margin-bottom:0}.timeline{gap:20px;max-width:780px;margin:0 auto;display:grid}.timeline-item{grid-template-columns:170px minmax(0,1fr);gap:24px;display:grid}.time{color:var(--muted);font-size:15px}.meta{color:var(--muted);margin-bottom:8px;font-size:15px}ul{margin:8px 0 0;padding-left:20px}.projects{gap:24px;max-width:820px;margin:0 auto;display:grid}.project-group-title{margin-top:34px}.project{grid-template-columns:200px minmax(0,1fr);align-items:start;gap:24px;display:grid}.project-media{border:1px solid var(--soft-strong);background:var(--soft);min-height:120px;color:var(--muted);border-radius:12px;place-items:center;font-size:17px;font-weight:600;display:grid}.project-media-screenshot{min-height:260px;padding:12px;overflow:hidden}.project-media-screenshot img{border:1px solid var(--soft-strong);object-fit:contain;border-radius:8px;width:min(100%,160px);height:auto;max-height:340px;display:block;box-shadow:0 8px 22px #0000001f}.project-media-browser{min-height:136px;padding:8px;overflow:hidden}.project-links{margin-top:4px;font-size:14px}.project-media-browser img,.project-media-screenshot img{cursor:zoom-in;transition:opacity .15s}.project-media-browser img:hover,.project-media-screenshot img:hover{opacity:.85}.project-media-browser img{aspect-ratio:16/10;border:1px solid var(--soft-strong);object-fit:cover;object-position:top left;border-radius:8px;width:100%;display:block;box-shadow:0 8px 22px #0000001a}.lightbox{z-index:9999;cursor:zoom-out;background:#000000d1;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.lightbox.open{display:flex}.lightbox img{cursor:default;border-radius:10px;max-width:92vw;max-height:92vh;box-shadow:0 12px 40px #00000059}.lightbox-close{color:#ccc;cursor:pointer;background:0 0;border:none;font-size:36px;line-height:1;transition:color .15s;position:absolute;top:20px;right:28px}.lightbox-close:hover{color:#fff}.writing-list{gap:8px;max-width:680px;margin:0 auto;display:grid}.theme-toggle{appearance:none;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;width:28px;height:28px;padding:0;font-family:inherit}.theme-toggle:hover{background:var(--soft)}.theme-icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:18px;height:18px;display:block}.theme-icon-sun,[data-theme=dark] .theme-icon-moon{display:none}[data-theme=dark] .theme-icon-sun{display:block}.theme-toggle:focus-visible{outline:1px solid var(--muted);outline-offset:4px}.footer{color:var(--muted);justify-content:center;gap:18px;margin-top:42px;font-size:13px;display:flex}@media (max-width:720px){.site{width:min(100% - 28px,860px);padding-top:24px}.site-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"nav""content";gap:0}.site-content{grid-area:content}.site-sidebar{display:contents;position:static}.site-sidebar .nav{grid-area:nav}.nav{flex-flow:wrap;justify-content:center;align-items:center;gap:8px 14px;margin-bottom:30px}.nav a{border-radius:0;width:auto;min-height:24px;padding:0}.nav a:hover,.nav a:focus,.nav a.is-active,.nav a[aria-current=location]{background:0 0}.nav a:before{width:18px;height:2px;top:auto;bottom:-4px;left:50%;transform:translate(-50%)scaleX(.45)}.nav a.is-active:before,.nav a[aria-current=location]:before{transform:translate(-50%)scaleX(1)}.nav .language-toggle,.nav .theme-toggle{align-self:auto;margin:0}.nav a,.theme-toggle,.language-toggle{font-size:14px}.profile-photo{order:initial;grid-area:photo;justify-self:end;width:104px;height:104px;margin:0}.profile-photo-sidebar{display:none}.profile-photo-mobile{display:block}.sidebar-identity{display:none}.hero-layout{text-align:left;grid-template-columns:minmax(0,1fr) 104px;grid-template-areas:"identity photo""details details";gap:20px 18px;display:grid}.hero-copy{display:contents}.hero-identity{grid-area:identity;align-self:center;padding:0}.hero-identity h1{display:block}.hero-display-name{margin-bottom:12px;font-size:21px;line-height:1.08}.hero-details{border-top:1px solid var(--line);border-left:0;grid-area:details;justify-items:start;width:max-content;max-width:100%;margin:0;padding:20px 0 0;display:grid}.hero-details .hero-links{justify-content:flex-start}h1{font-size:26px}.identity{font-size:16px}.research{font-size:15px}.timeline,.projects{gap:0}.timeline-item,.project{border-bottom:1px solid var(--line);grid-template-columns:1fr;padding-bottom:28px}.timeline-item+.timeline-item,.project+.project{padding-top:28px}.timeline-item:last-child,.project:last-child{border-bottom:0;padding-bottom:0}.timeline-item{row-gap:6px}.project{row-gap:14px}.time{font-weight:500}.project-media{min-height:100px}.project-media-screenshot{min-height:0;padding:14px}.project-media-screenshot img{width:min(100%,180px);max-height:390px}.project-media-browser{min-height:0;padding:10px}.project-media-browser img{max-height:280px}.footer{flex-direction:column;align-items:center;gap:6px}}@media (max-width:340px){.hero-display-name{font-size:18px}}:root{--flow-canvas:239 248 244;--flow-sage:142 194 169;--flow-teal:126 184 181;--flow-blue:128 165 183;--flow-mist:196 220 209;--flow-grain-light:255 255 255;--flow-grain-dark:36 66 58}html[data-theme=dark]{--flow-canvas:11 18 16;--flow-sage:45 92 73;--flow-teal:39 82 83;--flow-blue:44 72 88;--flow-mist:54 103 85;--flow-grain-light:199 224 214;--flow-grain-dark:2 10 8}html{background-color:rgb(var(--flow-canvas))}body{isolation:isolate;min-height:100vh;position:relative;background-color:#0000!important;background-image:none!important}body:before{z-index:-2;background:radial-gradient(ellipse at center, rgb(var(--flow-sage) / 78%) 0%, rgb(var(--flow-sage) / 44%) 34%, transparent 70%), radial-gradient(ellipse at center, rgb(var(--flow-teal) / 72%) 0%, rgb(var(--flow-teal) / 40%) 36%, transparent 72%), radial-gradient(ellipse at center, rgb(var(--flow-blue) / 64%) 0%, rgb(var(--flow-blue) / 36%) 38%, transparent 74%), radial-gradient(ellipse at center, rgb(var(--flow-mist) / 82%) 0%, rgb(var(--flow-mist) / 46%) 34%, transparent 68%);content:"";filter:blur(clamp(30px,4vw,58px))saturate(.96);pointer-events:none;will-change:background-position;background-position:-12% -10%,112% -4%,78% 114%,-8% 104%;background-repeat:no-repeat;background-size:54% 62%,58% 64%,62% 68%,52% 58%;animation:6s linear infinite flow-mesh;position:fixed;inset:-18%}body:after{z-index:-1;background-image:radial-gradient(circle, rgb(var(--flow-grain-light) / 55%) 0 .4px, transparent .65px), radial-gradient(circle, rgb(var(--flow-grain-dark) / 42%) 0 .35px, transparent .6px);content:"";mix-blend-mode:soft-light;opacity:.16;pointer-events:none;background-position:0 0,1px 2px;background-size:3px 3px,5px 5px;position:fixed;inset:0}#web_bg{background:0 0!important}.site,#body-wrap{z-index:1;position:relative}@keyframes flow-mesh{0%{background-position:-12% -10%,112% -4%,78% 114%,-8% 104%}25%{background-position:22% -14%,106% 54%,32% 112%,-14% 44%}50%{background-position:72% 2%,64% 106%,-10% 84%,28% -10%}75%{background-position:110% 46%,16% 112%,-14% 24%,86% -6%}to{background-position:-12% -10%,112% -4%,78% 114%,-8% 104%}}@media (prefers-reduced-motion:reduce){body:before{animation-duration:.01ms;animation-iteration-count:1}}