@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";.featured-tool-card{background-color:var(--bg-surface);border:1px solid var(--border-base);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);grid-template-columns:1fr 1fr;align-items:center;gap:40px;margin-bottom:2rem;padding:40px;display:grid}@media (width<=900px){.featured-tool-card{grid-template-columns:1fr;gap:32px;padding:24px}}.featured-tool-info{flex-direction:column;display:flex}.tool-title{color:var(--text-primary);margin-bottom:12px;font-size:1.75rem;font-weight:700}.tool-desc{color:var(--text-secondary);margin-bottom:24px;font-size:1rem;line-height:1.6}.tool-features-list{flex-direction:column;gap:16px;margin-bottom:32px;display:flex}.tool-feature-item{color:var(--text-secondary);align-items:flex-start;gap:10px;font-size:.9rem;line-height:1.5;display:flex}.bullet-indicator{background-color:var(--accent-color);border-radius:50%;min-width:6px;height:6px;margin-top:8px;display:inline-block}.featured-tool-preview{justify-content:center;width:100%;display:flex}.editor-mockup{background-color:var(--bg-main);border:1px solid var(--border-base);border-radius:8px;width:100%;max-width:500px;overflow:hidden;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.mockup-header{background-color:var(--border-subtle);color:var(--text-secondary);border-bottom:1px solid var(--border-base);font-size:.75rem;font-weight:600;font-family:var(--font-mono);justify-content:space-between;align-items:center;padding:8px 16px;display:flex}.mockup-image-container{background-color:#f8fafc;justify-content:center;align-items:flex-start;width:100%;height:280px;display:flex;overflow:hidden}.tool-screenshot{object-fit:cover;object-position:top center;width:100%;height:auto;transition:transform .5s}.editor-mockup:hover .tool-screenshot{transform:scale(1.02)translateY(5px)}.tools-support-grid{grid-template-columns:minmax(280px,360px);gap:24px;display:grid}.support-tool-thumb{aspect-ratio:16/9;border:1px solid var(--border-base);background-color:#f8fafc;border-radius:8px;margin-bottom:18px;overflow:hidden}.support-tool-thumb img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.tools-dev-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (width<=900px){.tools-dev-grid{grid-template-columns:1fr}}.dev-tool-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.education-tools-page{padding:4rem 0}.education-tools-header{max-width:820px;margin-bottom:3rem}.education-tools-header h1{margin-bottom:1rem}.education-tools-header p{font-size:1.15rem}.education-tool-card{background-color:var(--bg-surface);border:1px solid var(--border-base);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);grid-template-columns:1.08fr .92fr;align-items:center;gap:40px;padding:40px;display:grid}.education-tool-info{flex-direction:column;display:flex}.education-tool-status{background-color:var(--accent-light);color:var(--accent-color);border-radius:1rem;align-self:flex-start;align-items:center;gap:.35rem;margin-bottom:1rem;padding:.25rem .75rem;font-size:.8rem;font-weight:600;display:inline-flex}.education-tool-info h2{margin-bottom:.85rem;font-size:1.75rem}.education-tool-desc{margin-bottom:1.5rem;font-size:1rem;line-height:1.6}.education-tool-features{gap:1rem;display:grid}.education-tool-feature{color:var(--text-secondary);align-items:flex-start;gap:.65rem;font-size:.92rem;line-height:1.55;display:flex}.education-tool-feature code{background-color:var(--border-subtle);color:var(--text-primary);font-family:var(--font-mono);border-radius:4px;padding:1px 4px;font-size:.82rem}.education-tool-preview{justify-content:center;width:100%;display:flex}.education-editor-mockup{border:1px solid var(--border-base);background-color:var(--bg-main);border-radius:8px;width:100%;max-width:500px;overflow:hidden;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.education-mockup-header{border-bottom:1px solid var(--border-base);background-color:var(--border-subtle);color:var(--text-secondary);font-family:var(--font-mono);justify-content:space-between;align-items:center;padding:8px 16px;font-size:.75rem;font-weight:600;display:flex}.education-mockup-header span:last-child{color:var(--accent-color)}.education-mockup-image{background-color:#f8fafc;justify-content:center;align-items:flex-start;height:280px;display:flex;overflow:hidden}.education-mockup-image img{object-fit:cover;object-position:top center;width:100%;height:auto;transition:transform .5s}.education-editor-mockup:hover .education-mockup-image img{transform:scale(1.02)translateY(5px)}@media (width<=900px){.education-tool-card{grid-template-columns:1fr;gap:32px;padding:24px}}.publication-list{border-top:1px solid var(--border-base);display:grid}.publication-item{border-bottom:1px solid var(--border-base);grid-template-columns:minmax(0,1fr) 220px;gap:32px;padding:1.6rem 0;display:grid}.publication-main h3{max-width:760px;margin-bottom:.4rem;font-size:1.18rem;line-height:1.35}.publication-meta-row{color:var(--text-tertiary);font-family:var(--font-mono);flex-wrap:wrap;gap:.4rem .85rem;margin-bottom:.65rem;font-size:.78rem;display:flex}.publication-subtitle,.publication-authors,.publication-summary{max-width:780px}.publication-subtitle{color:var(--text-primary);margin-bottom:.35rem;font-size:.95rem}.publication-authors{color:var(--text-secondary);margin-bottom:.7rem;font-size:.92rem;font-weight:600}.publication-summary{margin-bottom:1rem;font-size:.98rem}.publication-topics{flex-wrap:wrap;gap:.45rem;display:flex}.publication-topics span{border:1px solid var(--border-base);border-radius:var(--radius-sm);background-color:var(--bg-surface);min-height:24px;color:var(--text-secondary);align-items:center;padding:.15rem .55rem;font-size:.78rem;font-weight:500;display:inline-flex}.publication-actions{flex-direction:column;align-items:flex-start;gap:.55rem;padding-top:1.8rem;display:flex}.publication-actions a,.publication-related-link{color:var(--text-primary);align-items:center;gap:.35rem;font-size:.9rem;font-weight:500;text-decoration:none;display:inline-flex}.publication-actions a:hover,.publication-related-link:hover{color:var(--accent-color)}.publication-related-grid{border:1px solid var(--border-base);border-radius:var(--radius-md);background-color:var(--border-base);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1px;display:grid;overflow:hidden}.publication-related-link{background-color:var(--bg-surface);justify-content:space-between;min-height:56px;padding:.9rem 1rem}@media (width<=760px){.publication-item{grid-template-columns:1fr;gap:1rem}.publication-actions{padding-top:0}}:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", monospace;--bg-main:#fcfcfd;--bg-surface:#fff;--bg-header:#ffffffd9;--text-primary:#1e293b;--text-secondary:#64748b;--text-tertiary:#94a3b8;--border-subtle:#f1f5f9;--border-base:#e2e8f0;--accent-color:#2563eb;--accent-hover:#1d4ed8;--accent-light:#eff6ff;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:3rem;--spacing-2xl:5rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--shadow-sm:0 1px 2px 0 #00000008;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--shadow-lg:0 10px 15px -3px #0000000d, 0 4px 6px -2px #00000008}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}h1,h2,h3,h4{color:var(--text-primary);letter-spacing:-.02em;font-weight:600;line-height:1.2}h1{letter-spacing:-.03em;color:#0f172a;font-size:3.5rem;font-weight:700}h2{font-size:2.25rem}h3{font-size:1.25rem}p{color:var(--text-secondary);font-size:1.05rem}.app-container{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1}.site-footer{border-top:1px solid var(--border-base);color:var(--text-tertiary);padding:1rem 0;font-size:.8rem}.footer-inner{justify-content:space-between;align-items:center;gap:1rem;display:flex}.footer-inner p{margin:0}.footer-links{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.85rem;display:flex}.footer-links a{color:var(--text-secondary);text-decoration:none}.footer-links a:hover{color:var(--text-primary)}.container{max-width:1100px;padding:0 var(--spacing-lg);width:100%;margin:0 auto}.header{background-color:var(--bg-header);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-base);z-index:100;transition:all .3s;position:sticky;top:0}.header-container{justify-content:space-between;align-items:center;gap:var(--spacing-lg);min-height:64px;display:flex}.logo{color:var(--text-primary);align-items:center;gap:var(--spacing-sm);letter-spacing:-.01em;white-space:nowrap;font-size:1.15rem;font-weight:700;text-decoration:none;display:flex}.nav-links{gap:var(--spacing-md);flex-wrap:wrap;justify-content:flex-end;display:flex}.nav-link{color:var(--text-secondary);font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-link:hover,.nav-link.active{color:var(--text-primary)}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;padding:.6rem 1.2rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-primary{background-color:var(--text-primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{box-shadow:var(--shadow-md);background-color:#000;transform:translateY(-1px)}.btn-secondary{background-color:var(--bg-surface);color:var(--text-primary);border-color:var(--border-base);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background-color:#f8fafc;border-color:#cbd5e1}.card{background-color:var(--bg-surface);border:1px solid var(--border-base);border-radius:var(--radius-lg);padding:var(--spacing-xl);z-index:1;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.card:before{content:"";z-index:2;background:0 0;height:3px;transition:background .3s;position:absolute;top:0;left:0;right:0}.card:hover{box-shadow:var(--shadow-lg);border-color:#cbd5e1;transform:translateY(-3px)}.card:hover:before{background:var(--accent-color)}.card-icon-wrapper{border-radius:var(--radius-md);background-color:var(--accent-light);width:40px;height:40px;color:var(--accent-color);margin-bottom:var(--spacing-md);justify-content:center;align-items:center;display:inline-flex}.link-arrow{color:var(--text-primary);align-items:center;gap:var(--spacing-xs);font-size:.95rem;font-weight:500;text-decoration:none;transition:gap .2s,color .2s;display:inline-flex}.link-arrow:hover{color:var(--accent-color);gap:var(--spacing-sm)}.home-hero{background-color:var(--bg-main);background-image:linear-gradient(90deg, #fcfcfdf7 0%, #fcfcfde6 38%, #fcfcfd8a 68%, #fcfcfd33 100%), linear-gradient(180deg, #fcfcfd00 72%, #fcfcfdd1 100%), var(--hero-image);border-bottom:1px solid var(--border-subtle);background-position:50%;background-size:cover;align-items:center;min-height:min(560px,100svh - 140px);padding:clamp(4rem,7vw,5.5rem) 0;display:flex}.home-hero-inner{max-width:1100px}.home-hero h1{max-width:640px;margin-bottom:1.35rem}.home-hero p{color:#475569;max-width:610px;margin-bottom:2.5rem;font-size:1.16rem;line-height:1.6}.home-hero-actions{flex-wrap:wrap;gap:1rem;display:flex}.home-section-header{justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-bottom:3rem;display:flex}.home-section-link{color:var(--text-secondary);flex:none}.page-hero{background-color:var(--bg-main);border-bottom:1px solid var(--border-subtle);padding:3.75rem 0 2.25rem}.page-hero-inner{max-width:820px}.page-hero h1{margin-bottom:var(--spacing-md)}.page-hero p{font-size:1.08rem;line-height:1.5}.content-section{border-bottom:1px solid var(--border-subtle);padding:2.4rem 0}.content-section h2{margin-bottom:1.4rem;font-size:1.55rem}.content-grid{gap:var(--spacing-lg);display:grid}.two-columns{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.three-columns{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.content-card-link{color:inherit;text-decoration:none}.content-card-link p{margin:.75rem 0 1.5rem}.research-intro{gap:.85rem;max-width:860px;display:grid}.research-intro p{margin:0;font-size:1rem;line-height:1.55}.detail-list{gap:0;max-width:850px;display:grid}.detail-row{align-items:flex-start;gap:var(--spacing-sm);border-bottom:1px solid var(--border-subtle);color:var(--text-primary);padding:.75rem 0;display:flex}.lab-note-list{gap:1.5rem;max-width:900px;display:grid}.lab-note-entry{border-top:1px solid var(--border-base);padding:1.2rem 0 0}.lab-note-meta{color:var(--text-tertiary);font-family:var(--font-mono);flex-wrap:wrap;gap:.75rem;font-size:.78rem;display:flex}.lab-note-entry h3{margin:.45rem 0;font-size:1.15rem}.lab-note-summary{margin-bottom:.85rem;font-size:1rem;line-height:1.5}.lab-note-body{gap:.7rem;max-width:820px;display:grid}.lab-note-body p{margin:0;font-size:.98rem;line-height:1.55}.lab-note-links{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.lab-note-links a{color:var(--text-primary);align-items:center;gap:var(--spacing-xs);font-size:.9rem;font-weight:500;text-decoration:none;display:inline-flex}.lab-note-links a:hover{color:var(--accent-color)}.bullet-indicator{background-color:var(--accent-color);border-radius:999px;flex:none;width:8px;height:8px;margin-top:.55rem;display:inline-block}.cta-row{gap:var(--spacing-md);margin-top:var(--spacing-xl);flex-wrap:wrap;display:flex}.muted-block{max-width:760px;padding:var(--spacing-lg);border:1px solid var(--border-base);border-radius:var(--radius-md);background-color:var(--bg-surface)}.about-profile{grid-template-columns:220px minmax(0,1fr) 280px;align-items:start;gap:2rem;max-width:1080px;display:grid}.about-portrait{margin:0;position:relative}.about-portrait img{aspect-ratio:1;object-fit:cover;object-position:center;border:1px solid var(--border-base);border-radius:var(--radius-md);background-color:var(--bg-surface);filter:saturate(.62)contrast(.88)brightness(1.04);width:100%;display:block}.about-portrait:after{content:"";border-radius:var(--radius-md);pointer-events:none;background-color:#fcfcfd29;position:absolute;inset:0}.about-profile-copy{min-width:0}.about-profile p+p{margin-top:var(--spacing-md)}.about-profile a{color:var(--text-primary);font-weight:600;text-decoration:none}.about-profile a:hover{color:var(--accent-color)}.about-facts{gap:.65rem;display:grid}.about-facts span{border:1px solid var(--border-base);border-radius:var(--radius-sm);background-color:var(--bg-surface);color:var(--text-secondary);padding:.65rem .8rem;font-size:.9rem;font-weight:500}.about-link-list{border-top:1px solid var(--border-base);max-width:880px;display:grid}.about-link-row{border-bottom:1px solid var(--border-base);color:inherit;grid-template-columns:32px minmax(0,1fr) 18px;align-items:center;gap:.85rem;padding:1rem 0;text-decoration:none;display:grid}.about-link-row strong,.about-link-row small{display:block}.about-link-row strong{color:var(--text-primary);font-size:.98rem}.about-link-row small{color:var(--text-secondary);font-size:.88rem}.about-link-row:hover strong,.about-link-row:hover svg{color:var(--accent-color)}.about-link-icon{border:1px solid var(--border-base);border-radius:var(--radius-sm);background-color:var(--bg-surface);width:32px;height:32px;color:var(--text-tertiary);justify-content:center;align-items:center;display:inline-flex}@media (width<=760px){h1{font-size:2.5rem}.home-hero{background-image:linear-gradient(90deg, #fcfcfdfa 0%, #fcfcfdeb 56%, #fcfcfdad 100%), linear-gradient(180deg, #fcfcfd00 62%, #fcfcfde6 100%), var(--hero-image);background-position:62%;min-height:min(540px,100svh - 150px);padding:3.75rem 0 4.25rem}.home-hero p{font-size:1.02rem}.home-hero-actions{flex-direction:column;align-items:stretch;max-width:280px}.home-section-header{flex-direction:column;align-items:flex-start;gap:1rem}.footer-inner{flex-direction:column;align-items:flex-start;gap:.55rem}.footer-links{justify-content:flex-start}.header-container{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md);align-items:flex-start}.nav-links{gap:var(--spacing-sm)}.about-profile{grid-template-columns:1fr}.about-portrait{max-width:240px}}