@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--bg-canvas: #0d1117;--bg-card: #161b22;--bg-card-hover: #1c2330;--bg-terminal: #080a0d;--border: #30363d;--border-muted: #21262d;--text: #c9d1d9;--text-muted: #8b949e;--text-bright: #f0f6fc;--accent-green: #3fb950;--accent-green-dim: rgba(63, 185, 80, .15);--accent-blue: #58a6ff;--accent-blue-dim: rgba(88, 166, 255, .15);--accent-amber: #d29922;--accent-amber-dim: rgba(210, 153, 34, .15);--accent-red: #f85149;--radius: 6px;--radius-lg: 10px;--page-top-gap: 2rem;--page-max-width: 900px;--shadow-card: 0 1px 0 rgba(1, 4, 9, .4);color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;font-family:var(--font-sans);line-height:1.5;font-weight:400;color:var(--text);background-color:var(--bg-canvas);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh}.app-content{position:relative;z-index:1}a{color:var(--accent-blue);text-decoration:none}code,pre,kbd{font-family:var(--font-mono)}h1,h2,h3,h4{color:var(--text-bright);font-weight:600}.social-links{display:flex;align-items:center;gap:.9rem}.social-link{color:var(--text-muted);display:flex;align-items:center}.social-link:hover{color:var(--text-bright)}.top-nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:1.5rem;padding:.9rem 1.5rem;background:#0d1117bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border-muted)}.top-nav-brand{font-family:var(--font-mono);font-weight:600;color:var(--text-bright);font-size:1rem;white-space:nowrap}.top-nav-prompt{color:var(--accent-green);margin-right:2px}.brand-cycle{display:inline-block;min-width:8ch;text-align:left}.top-nav-links{display:flex;flex-wrap:wrap;gap:.5rem;flex:1}.top-nav-pill{position:relative;font-family:var(--font-mono);font-size:.85rem;color:var(--text-muted);padding:.35rem .2rem;border-bottom:1px solid transparent;transition:color .15s ease,border-color .15s ease}.top-nav-pill:hover{color:var(--text-bright)}.top-nav-pill.active{color:var(--text-bright);font-weight:700;border-bottom:1px solid var(--accent-green)}.nav-caret{display:inline-block;width:2px;height:.9em;margin-left:3px;vertical-align:-1px;background:var(--accent-green);animation:nav-caret-blink 1s step-end infinite}@keyframes nav-caret-blink{0%,49%{opacity:1}50%,to{opacity:0}}@media (max-width: 640px){.top-nav{gap:.75rem;padding:.75rem 1rem}.top-nav-links{flex-wrap:nowrap;justify-content:space-between;gap:.3rem;overflow-x:auto;scrollbar-width:none}.top-nav-links::-webkit-scrollbar{display:none}.top-nav-pill{font-size:.78rem;padding:.35rem .1rem;white-space:nowrap}.top-nav-social{display:none}}.site-footer{display:none}@media (max-width: 640px){.site-footer{display:flex;justify-content:center;padding:.9rem 0;background:#0d1117bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--border-muted);margin-top:1rem}}.page{width:100%;min-width:0;max-width:var(--page-max-width);margin:0 auto;padding:var(--page-top-gap) 1.5rem 4rem;box-sizing:border-box}@media (max-width: 640px){.page{padding:.85rem .85rem 1.5rem}}.terminal-card{font-family:var(--font-mono);font-size:clamp(1rem,2.4vw,1.3rem);background:var(--bg-terminal);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;width:100%;box-sizing:border-box;white-space:pre-wrap;line-height:1.6;margin:0}.terminal-prompt{color:var(--accent-green)}.terminal-title{color:var(--text-bright);font-weight:700}.terminal-desc{display:block;margin-top:.5rem;color:var(--text);font-size:.7em;line-height:1.5;text-align:justify}.tech-icon{width:28px;height:28px;object-fit:contain;filter:grayscale(15%);transition:transform .15s ease}.tech-icon:hover{transform:scale(1.15)}.tech-icon-invert{filter:grayscale(100%) invert(100%) brightness(1.6)}.tech-chip{display:inline-flex;flex-direction:column;align-items:center;gap:.3rem}.tech-chip-label{font-family:var(--font-mono);font-size:.6rem;color:var(--text-muted);white-space:nowrap}.tech-chip-row{display:flex;align-items:flex-start;gap:.5rem;flex-wrap:wrap}.tech-chip-row.measuring{position:absolute;visibility:hidden;pointer-events:none;width:100%}.tech-chip-more{display:inline-flex;align-items:center;height:28px;font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted)}.meta-badges{display:flex;gap:.3rem;flex-wrap:wrap}.meta-badge{display:inline-flex;align-items:center;gap:.3rem;font-family:var(--font-mono);font-size:.68rem;color:var(--text-muted);background:var(--bg-canvas);border:1px solid var(--border);border-radius:999px;padding:.18rem .5rem;white-space:nowrap}.meta-badge svg{color:var(--accent-green);flex-shrink:0}.project-card{display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color .15s ease,transform .15s ease}.project-card:hover{border-color:var(--accent-blue);transform:translateY(-2px)}.project-card-thumb{height:160px;background-size:cover;background-position:center;filter:grayscale(20%)}.project-card:hover .project-card-thumb{filter:grayscale(0%)}.project-card-body{padding:1rem 1.1rem 1.2rem;display:flex;flex-direction:column;gap:.4rem}.project-card-title{margin:0;font-size:1.15rem;color:var(--text-bright)}.project-card-subtitle{margin:0;font-size:.88rem;color:var(--text-muted);line-height:1.4}.project-card-techs{position:relative;margin-top:.4rem;overflow:hidden}.project-card-techs .tech-icon{width:20px;height:20px}.achievement-card{display:flex;align-items:flex-start;gap:.75rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem 1.1rem;color:inherit;text-decoration:none;transition:border-color .15s ease,transform .15s ease}a.achievement-card:hover{border-color:var(--accent-blue);transform:translateY(-2px)}.achievement-card-logo{flex-shrink:0;width:2.25rem;height:2.25rem;border-radius:var(--radius);background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}.achievement-card-logo img{max-width:78%;max-height:78%;object-fit:contain}.achievement-card-body{min-width:0}.achievement-card-date{margin:0 0 .3rem;font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted)}.achievement-card-title{margin:0;font-size:.95rem;line-height:1.35;color:var(--text-bright)}.achievement-card-badge{margin:.4rem 0 0;font-size:.85rem;color:var(--accent-amber)}.hero{padding:0 0 1.5rem;border-bottom:1px solid var(--border-muted)}.home-section{padding:1.5rem 0}@media (max-width: 640px){.hero{padding-bottom:1rem}.home-section{padding:1rem 0}}.home-section-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:1.25rem}.home-section-header h2{margin:0;font-size:1.3rem}.home-section-more{font-family:var(--font-mono);font-size:.85rem;color:var(--text-muted)}.home-section-more:hover{color:var(--accent-blue)}.home-achievement-row,.home-project-row{display:flex;gap:1.25rem;overflow-x:auto;padding-top:.4rem;padding-bottom:.4rem;margin-top:-.4rem}.home-achievement-row>*,.home-project-row>*{flex:0 0 auto}.home-achievement-row>*{width:300px}.home-project-row>*{width:280px}@media (max-width: 640px){.home-achievement-row>*{width:260px}.home-project-row>*{width:240px}}.projects-grid{margin-top:2.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem}@media (max-width: 640px){.projects-grid{margin-top:1.25rem}}.zoomable-thumb{display:block;cursor:zoom-in;max-height:400px;max-width:80%;margin:1rem auto 0;transition:transform .3s ease;border-radius:10px}.zoomable-thumb:hover{transform:scale(1.05)}.zoomable-overlay{position:fixed;inset:0;background:#000c;display:flex;justify-content:center;align-items:center;animation:fadeIn .25s ease forwards;z-index:1000;cursor:zoom-out}.zoomable-full{max-width:98%;max-height:98%;border-radius:8px;animation:zoomIn .25s ease forwards}.zoomable-overlay-scroll{align-items:flex-start;overflow-y:auto;padding:1vw 0;cursor:default}.zoomable-full-width{width:98vw;max-width:98vw;max-height:none;cursor:zoom-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes zoomIn{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.zoomable-overlay.closing{animation:fadeOut .25s ease forwards}.zoomable-full.closing{animation:zoomOut .25s ease forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes zoomOut{0%{transform:scale(1);opacity:1}to{transform:scale(.7);opacity:0}}.pipeline{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;gap:0;margin:1.5rem 0}.pipeline-step{display:flex;align-items:center}.pipeline-stage{background:var(--bg-canvas);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem 1.1rem;text-align:center;min-width:120px}.pipeline-stage-label{font-family:var(--font-mono);font-size:.85rem;font-weight:600;color:var(--text-bright)}.pipeline-stage-detail{font-size:.72rem;color:var(--text-muted);margin-top:.3rem;line-height:1.4}.pipeline-connector-h{position:relative;width:2rem;margin:0 4px;height:1.3px;flex-shrink:0}.pipeline-connector-h-line{position:absolute;inset:0;background:var(--text-bright)}@media (max-width: 560px){.pipeline{flex-direction:column;align-items:center;margin:1rem 0}.pipeline-step{flex-direction:column;width:100%;max-width:260px}.pipeline-stage{width:100%;text-align:center}.pipeline-connector-h{width:1px;height:.9rem;margin:.1rem auto}}.connector{position:relative;height:2.5rem;width:10px;margin:0 auto}@media (max-width: 640px){.connector{height:1.4rem}}.connector-line{position:absolute;left:50%;top:5px;bottom:5px;width:1.5px;transform:translate(-50%);background:var(--text-bright);box-shadow:0 0 4px #f0f6fc80}.connector-dot{position:absolute;left:50%;width:10px;height:5px;background:var(--text-bright);transform:translate(-50%);box-shadow:0 0 4px #f0f6fc80}.connector-dot-top{top:0;border-radius:0 0 5px 5px}.connector-dot-bottom{bottom:0;border-radius:5px 5px 0 0}.project-header{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.banner{width:100%;height:32vh;min-height:220px;background-size:cover;background-position:center;position:relative;display:flex;align-items:flex-end}.banner:before{content:"";position:absolute;inset:0;background:#0d111766}.overlay{position:relative;width:100%;padding:1.5rem;background:linear-gradient(180deg,#0d111700,#0d1117f2 85%)}.overlay .meta-badges{margin-bottom:.6rem}.title{font-size:clamp(1.5rem,4vw,2.2rem);margin:0}.subtitle{font-size:1rem;color:var(--text-muted);margin:.4rem 0 0}.project-metadata{padding:1.25rem 1.5rem;border-top:1px solid var(--border-muted);display:grid;gap:.6rem;font-size:.9rem}.project-metadata>div{display:flex;gap:.5rem}.project-metadata strong{color:var(--text-bright);min-width:110px;font-weight:600}.project-metadata span,.project-metadata a{color:var(--text-muted)}.tech-stack{padding:0 1.5rem 1.5rem}.tech-label{font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:0 0 .6rem}.tech-icons{display:flex;gap:.7rem;flex-wrap:wrap}.project-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:0rem 1.75rem .5rem}.project-title{font-size:1.4rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-muted)}.project-content{line-height:1.7}.project-paragraph{font-size:1rem;color:var(--text);text-align:justify}.project-image-row{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;margin-top:1rem}.project-image-row .zoomable-thumb{max-width:160px;margin:0}@media (max-width: 640px){.project-image-row .zoomable-thumb{max-width:120px}}.clip-video{display:block;max-height:400px;max-width:80%;margin:1rem auto 0;border-radius:10px}.skill-graph{position:relative;display:flex;align-items:stretch;gap:2rem;padding:.75rem 0}.skill-graph-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.skill-graph-edge{fill:none;stroke:var(--text-muted);stroke-width:1;opacity:.35}.skill-graph-edge-active{stroke:var(--accent-green);stroke-width:2;opacity:.9}.skill-graph-col-tech{position:relative;z-index:1;flex:1;min-width:0;display:flex;flex-direction:column;gap:1.75rem}.skill-graph-col-tech-b{margin-top:2.75rem}.skill-graph-node{display:flex;flex-direction:column;align-items:center;gap:.4rem;text-align:center}.skill-graph-node-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:var(--bg-terminal);border:1px solid var(--border);border-radius:14px}.skill-graph-node .tech-icon{width:36px;height:36px}.skill-graph-label{font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted);white-space:nowrap}.skill-graph-node.active .skill-graph-node-icon{border-width:2px;border-color:var(--accent-green)}.skill-graph-node.active .skill-graph-label{color:var(--text-bright)}.skill-graph-col-project-wrap{position:relative;z-index:1;flex-shrink:0;width:260px;display:flex;align-items:center;justify-content:center}.skill-graph-col-project{display:grid;grid-template-columns:repeat(2,1fr);gap:1.1rem 1.25rem;justify-items:center}.skill-graph-project{display:flex;flex-direction:column;align-items:center;gap:.4rem;text-align:center;cursor:pointer}.skill-graph-project-avatar{width:60px;height:60px;border-radius:50%;background-size:cover;background-position:center;border:1px solid var(--border)}.skill-graph-project.active .skill-graph-project-avatar{border-width:2px;border-color:var(--accent-green)}.skill-graph-project-label{font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted)}.skill-graph-project.active .skill-graph-project-label{color:var(--text-bright)}@media (max-width: 560px){.skill-graph{gap:1.25rem}.skill-graph-col-tech-b{margin-top:1.5rem}.skill-graph-node-icon{width:48px;height:48px}.skill-graph-node .tech-icon{width:26px;height:26px}.skill-graph-label{font-size:.65rem}.skill-graph-col-project-wrap{width:100px}.skill-graph-col-project{grid-template-columns:1fr}.skill-graph-project-avatar{width:48px;height:48px}}.skills-category{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.05rem 1.75rem 1.5rem}.skills-category h2{font-size:1.4rem;color:var(--text-bright);margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-muted)}.timeline{position:relative;margin-top:2.5rem;display:grid;grid-template-columns:6.5rem 1.25rem 1fr;column-gap:1rem;row-gap:2.5rem}.timeline:before{content:"";position:absolute;top:.7rem;bottom:0;left:8.125rem;transform:translate(-50%);width:1.5px;background:var(--text-bright);box-shadow:0 0 4px #f0f6fc80}.timeline-date{grid-column:1;height:1.4rem;display:flex;align-items:center;justify-content:flex-end;font-family:var(--font-mono);font-size:.85rem;color:var(--text-muted);text-align:right}.timeline-dot-wrap{grid-column:2;height:1.4rem;display:flex;align-items:center;justify-content:center}.timeline-dot{width:10px;height:10px;border-radius:50%;background:var(--text-bright);box-shadow:0 0 4px #f0f6fc80;position:relative;z-index:1}.timeline-card-wrap{grid-column:3;position:relative}.timeline-card-wrap:before{content:"";position:absolute;top:.7rem;left:-1.625rem;width:1.625rem;height:1.5px;background:var(--text-bright);box-shadow:0 0 4px #f0f6fc80}@media (max-width: 640px){.timeline{margin-top:1.25rem;grid-template-columns:1.25rem 1fr;column-gap:.75rem;row-gap:.35rem}.timeline:before{left:.625rem}.timeline-date{grid-column:1 / -1;justify-content:flex-start;text-align:left;padding-left:2rem;height:auto;font-size:.78rem;margin-top:1.1rem}.timeline-date:first-child{margin-top:0}.timeline-dot-wrap{grid-column:1}.timeline-card-wrap{grid-column:2}.timeline-card-wrap:before{left:-1.375rem;width:1.375rem}}.about-jumpnav{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1rem;margin-bottom:1rem}.about-jumpnav a{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border);border-radius:999px;padding:.35rem .85rem;transition:color .15s ease,border-color .15s ease}.about-jumpnav a:hover{color:var(--text-bright);border-color:var(--accent-blue)}.about-section{margin-top:3rem;scroll-margin-top:5rem}.about-jumpnav+.about-section{margin-top:0}@media (max-width: 640px){.about-jumpnav{margin-top:.6rem;margin-bottom:.6rem}.about-section{margin-top:1.5rem}}.about-section-title{margin:0;font-size:1.3rem}.about-entry-header{display:flex;align-items:center;gap:.9rem;margin-bottom:.9rem}.about-entry-logo{flex-shrink:0;width:2.5rem;height:2.5rem;border-radius:var(--radius);background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}.about-entry-logo img{max-width:78%;max-height:78%;object-fit:contain}.about-entry-info{flex:1;min-width:0}.about-entry-org-row,.about-entry-meta-row{display:flex;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin:0}.about-entry-org-row{font-size:.95rem}.about-entry-org{color:var(--text-bright);font-weight:600}.about-entry-type{color:var(--text-muted)}.about-entry-meta-row{margin-top:.2rem;font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted)}.about-entry-badge{margin:.6rem 0 0;font-size:.9rem;color:var(--accent-amber)}.research-card{display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color .15s ease,transform .15s ease}.research-card:hover{border-color:var(--accent-blue);transform:translateY(-2px)}.research-card-thumb{height:160px;background-size:cover;background-position:center;filter:grayscale(20%)}.research-card:hover .research-card-thumb{filter:grayscale(0%)}.research-card-body{padding:1rem 1.1rem 1.2rem;display:flex;flex-direction:column;gap:.4rem}.research-card-title-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.research-card-title{margin:0;font-size:1.15rem;color:var(--text-bright)}.research-card-subtitle{margin:0;font-size:.88rem;color:var(--text-muted);line-height:1.4}.research-card-badge{display:inline-flex;align-items:center;gap:.3rem;flex-shrink:0;font-family:var(--font-mono);font-size:.68rem;color:var(--text-muted);background:var(--bg-canvas);border:1px solid var(--border);border-radius:999px;padding:.18rem .5rem}.research-card-badge svg{color:var(--accent-green);flex-shrink:0}.research-grid{margin-top:2.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem}@media (max-width: 640px){.research-grid{margin-top:1.25rem}}.research-event-logo-link{display:inline-block;margin-bottom:1rem;opacity:.9;transition:opacity .15s ease}.research-event-logo-link:hover{opacity:1}.research-event-logo-link img{display:block;height:40px;width:auto;border-radius:6px}