@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500&family=Roboto:wght@400;500&display=swap);@media screen and (min-width:768px) and (max-width:1024px){.mobile-search-panel{animation:slideDown .3s ease;background:var(--bg-color);border-bottom:1px solid var(--border-color);border-radius:0;box-shadow:0 2px 8px #0000001a;left:0;max-width:none;padding:16px 24px;position:fixed;right:0;top:64px;transform:none;width:100%;z-index:998}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.mobile-search-input{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:10px;flex:1 1;font-size:18px;padding:14px 20px}.mobile-search-input:focus{border-color:var(--color-primary);outline:none}.mobile-search-close{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;margin-left:10px;padding:12px;transition:all .2s}.mobile-search-close:hover{background:var(--bg-hover);border-color:var(--text-secondary)}.mobile-search-container{align-items:center;display:flex;gap:10px}.mobile-search-results{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;margin-top:16px;max-height:calc(100vh - 200px);overflow-y:auto;padding:8px 0}.mobile-search-result{color:var(--text-primary);display:block;font-size:15px;padding:14px 18px;text-decoration:none;transition:background .2s}.mobile-result-title{font-size:15px;font-weight:500;line-height:1.4}.mobile-view-all-results{font-size:15px;padding:14px 18px}.mobile-navbar{height:64px}.mobile-navbar-top{gap:24px;height:100%;justify-content:space-between;padding:0 24px}.mobile-logo{font-size:20px;margin-right:auto}.mobile-search-button{border:2px solid var(--border-color);font-size:16px;margin-left:20px;padding:10px 16px}}@media screen and (min-width:1024px) and (max-width:1366px){.mobile-navbar-top{gap:32px;padding:0 32px}.mobile-logo{font-size:22px}.mobile-search-button{font-size:17px;margin-left:24px;padding:12px 20px}}@media screen and (max-width:767px){.mobile-search-panel{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--bg-color);padding:16px}.mobile-search-input{-webkit-appearance:none;appearance:none;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:10px;font-size:16px;padding:14px 18px}.mobile-search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1);outline:none}.mobile-search-close{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;display:flex;justify-content:center;min-height:44px;min-width:44px;padding:10px;transition:all .2s}.mobile-search-close:active{transform:scale(.95)}.mobile-search-results{-webkit-overflow-scrolling:touch;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:10px;margin-top:16px;max-height:calc(100vh - 250px);overflow-y:auto;padding:0}.mobile-search-result{align-items:center;border-bottom:1px solid var(--border-color);color:var(--text-primary);display:block;display:flex;min-height:60px;padding:16px 18px;text-decoration:none;transition:background .2s}.mobile-search-result:last-child{border-bottom:none}.mobile-search-result:active{background:var(--bg-hover)}.mobile-result-title{font-size:15px;font-weight:500;line-height:1.5}.mobile-view-all-results{align-items:center;background:var(--bg-color);border-top:2px solid var(--border-color);color:var(--color-primary);display:block;display:flex;font-size:15px;font-weight:600;justify-content:center;margin-top:0;min-height:56px;padding:16px;text-align:center;text-decoration:none}.mobile-view-all-results:active{background:var(--bg-hover)}}@media screen and (max-width:374px){.mobile-search-panel{padding:12px}.mobile-search-input{font-size:16px;padding:12px 16px}.mobile-search-close{min-height:40px;min-width:40px;padding:8px}.mobile-search-result{min-height:54px;padding:14px 16px}.mobile-result-title{font-size:14px}}.dark-mode .mobile-search-panel{background:var(--dark-bg-color);border-color:var(--dark-border-color)}.dark-mode .mobile-search-input{background:var(--dark-bg-secondary);border-color:var(--dark-border-color);color:var(--dark-text-primary)}.dark-mode .mobile-search-input:focus{border-color:var(--dark-color-primary);box-shadow:0 0 0 3px rgba(var(--dark-color-primary-rgb),.1)}.dark-mode .mobile-search-close{color:var(--dark-text-secondary)}.dark-mode .mobile-search-close,.dark-mode .mobile-search-results{background:var(--dark-bg-secondary);border-color:var(--dark-border-color)}.dark-mode .mobile-search-result{border-color:var(--dark-border-color);color:var(--dark-text-primary)}.dark-mode .mobile-search-result:active{background:var(--dark-bg-hover)}.dark-mode .mobile-view-all-results{background:var(--dark-bg-color);border-color:var(--dark-border-color);color:var(--dark-color-primary)}.mobile-search-close:focus-visible,.mobile-search-input:focus-visible,.mobile-search-result:focus-visible,.mobile-view-all-results:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-contrast:high){.mobile-search-close,.mobile-search-input,.mobile-search-panel{border-width:3px}}@media (prefers-reduced-motion:reduce){.mobile-search-panel{animation:none}.mobile-search-close:active,.mobile-search-result:active{transform:none}}:root{--sidebar-width:240px;--content-max-width:1400px;--content-padding:20px;--color-text:#333;--color-text-light:#888;--color-background:#fff;--bg-color-rgb:255,255,255;--color-primary:#0070f3;--color-primary-hover:#0050a3;--color-sidebar-bg:#f8f8f8;--color-border:#f0f0f0;--color-border-light:#e0e0e0;--color-code-bg:#f5f5f5;--color-tag-bg:#f0f0f0;--color-tag-text:#555;--color-button-bg:#f4f4f4;--color-button-hover:#e8e8e8;--color-block-quote-bg:#f9f9f9;--card-bg:#fff;--card-border:#0000000d;--text-secondary:#555;--tag-bg:#f0f0f0;--hero-bg:linear-gradient(to bottom right,#f5f7facc,#f5f7fa66);--accent-color:#0070f3;--accent-color-secondary:#0090ff;--accent-color-rgb:0,112,243;--accent-color-dark:#0050a3;--accent-color-light:#e6f0ff;--text-color:#333;--text-muted:#888;--heading-color:#222;--border-color:#eaeaea;--bg-color-translucent:#fffc;--search-bg:#f5f5f5;--font-heading:"Roboto Mono","SF Mono","Consolas",monospace;--font-body:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--button-bg:#f0f0f0;--button-hover-bg:#e0e0e0;--font-size-base:16px;--font-size-small:14px;--font-size-smaller:13px;--font-size-smallest:12px;--line-height-base:1.5;--line-height-content:1.6;--shadow-small:0 2px 5px #0000001a;--shadow-medium:0 3px 12px #0000001a;--radius-small:3px;--radius-medium:6px;--radius-large:8px;--radius-full:50%;--spacing-xs:5px;--spacing-sm:10px;--spacing-md:15px;--spacing-lg:20px;--spacing-xl:30px;--spacing-2xl:40px;--transition-fast:0.2s ease;--transition-medium:0.3s ease;--vh:1vh}.dark-mode{--color-text:#e0e0e0;--color-text-light:#aaa;--color-background:#121212;--bg-color-rgb:18,18,18;--color-primary:#5e9eff;--color-primary-hover:#7eaeff;--color-sidebar-bg:#1e1e1e;--color-border:#333;--color-border-light:#444;--color-code-bg:#2d2d2d;--color-tag-bg:#333;--color-tag-text:#ccc;--color-button-bg:#333;--color-button-hover:#444;--color-block-quote-bg:#1e1e1e;--card-bg:#1e1e1e;--card-border:#ffffff14;--text-secondary:#aaa;--tag-bg:#2a2a2a;--hero-bg:linear-gradient(to bottom right,#1e1e1ecc,#1e1e1e66);--accent-color-dark:#2a75cc;--accent-color-rgb:94,158,255;--accent-color-light:#5e9eff26;--text-color:#e0e0e0;--text-muted:#aaa;--heading-color:#e0e0e0;--border-color:#333;--bg-color-translucent:#121212cc;--search-bg:#1e1e1e;--button-bg:#2a2a2a;--button-hover-bg:#333}body{background-color:#fff;background-color:var(--color-background);color:#333;color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-family:var(--font-body);line-height:1.5;line-height:var(--line-height-base);margin:0;padding:10px 0 0}blockquote,figure,h1,h2,h3,h4,h5,h6,ol,p,ul{margin:0;padding:0}a{color:#0070f3;color:var(--color-primary);text-decoration:none;transition:color .2s ease;transition:color var(--transition-fast)}a:hover{color:#0050a3;color:var(--color-primary-hover)}code,kbd,pre{font-family:Roboto Mono,SF Mono,Menlo,Consolas,monospace}img{height:auto;max-width:100%}*,:after,:before{box-sizing:border-box}.publications-page{padding:2rem 0}.component-box{background-color:var(--color-card-background);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);margin-bottom:2rem;padding:1.5rem}.component-header{border-bottom:1px solid #f0f0f0;border-bottom:1px solid var(--color-border);margin-bottom:1.5rem;padding-bottom:1rem}.component-header h2{font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.subtitle{color:var(--color-text-muted);font-size:.95rem;margin-bottom:1rem}.filter-controls{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.filter-button{background-color:#fff;background-color:var(--color-background);border:1px solid #f0f0f0;border:1px solid var(--color-border);border-radius:var(--border-radius-sm);color:#333;color:var(--color-text);font-size:.875rem;padding:.5rem .75rem;transition:all var(--transition-fast)}.filter-button:hover{background-color:var(--color-primary-background)}.filter-button.active{background-color:#0070f3;background-color:var(--color-primary);border-color:#0070f3;border-color:var(--color-primary)}.publication-card{background-color:#fff;background-color:var(--color-background);border:1px solid #f0f0f0;border:1px solid var(--color-border);border-radius:var(--border-radius-md);box-shadow:var(--shadow-xs);margin-bottom:1.5rem;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;transition:transform var(--transition-medium),box-shadow var(--transition-medium)}.publication-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.publication-featured{border-left:4px solid #0070f3;border-left:4px solid var(--color-primary)}.publication-card-content{padding:1.25rem}.publication-header{display:flex;gap:1.25rem;margin-bottom:1rem}.publication-cover{flex-shrink:0;width:100px}.publication-cover img{border:1px solid #f0f0f0;border:1px solid var(--color-border);border-radius:var(--border-radius-sm);height:auto;object-fit:cover;width:100%}.publication-meta{flex-grow:1}.publication-type-and-date{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.5rem}.publication-type{border-radius:999px;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.type-badge-book{background-color:#e3f8ff;color:#0079a1}.type-badge-journal{background-color:#e7f8e1;color:#2a7b19}.type-badge-conference{background-color:#f9e9f6;color:#8e3b84}.type-badge-workshop{background-color:#fff2e4;color:#b45a0b}.type-badge-report{background-color:#edf1fa;color:#3850a0}.type-badge-other{background-color:#f0f0f0;color:#505050}.dark-mode .type-badge-book{background-color:#054257;color:#a8e3ff}.dark-mode .type-badge-journal{background-color:#1a4c13;color:#c0f5b6}.dark-mode .type-badge-conference{background-color:#592053;color:#f4c3ee}.dark-mode .type-badge-workshop{background-color:#613610;color:#ffd6ab}.dark-mode .type-badge-report{background-color:#1f2c5a;color:#bbc7f7}.dark-mode .type-badge-other{background-color:#383838;color:#e0e0e0}.publication-citations,.publication-date{color:var(--color-text-muted);font-size:.875rem}.publication-title{font-size:1.25rem;font-weight:700;line-height:1.4;margin-bottom:.5rem}.publication-authors{font-size:.9rem;font-weight:600;margin-bottom:.25rem}.publication-venue{color:var(--color-text-muted)}.publication-body{margin-bottom:1rem}.publication-abstract{font-size:.95rem;line-height:1.6}.abstract-toggle{background:none;border:none;color:#0070f3;color:var(--color-primary);cursor:pointer;font-size:.875rem;margin-top:.5rem;padding:0}.publication-footer{border-top:1px solid #e0e0e0;border-top:1px solid var(--color-border-light);display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:1rem;padding-top:1rem}.publication-topics{display:flex;flex-wrap:wrap;gap:.5rem}.publication-topic-tag{background-color:var(--color-background-light);border-radius:var(--border-radius-sm);color:var(--color-text-muted);font-size:.75rem;padding:.25rem .5rem}.publication-actions{display:flex;gap:.5rem;margin-top:.5rem}.publication-action-button{align-items:center;background-color:#fff;background-color:var(--color-background);border:1px solid #f0f0f0;border:1px solid var(--color-border);border-radius:var(--border-radius-sm);color:#333;color:var(--color-text);cursor:pointer;display:flex;font-size:.8rem;gap:.35rem;padding:.4rem .75rem;transition:all .2s ease;transition:all var(--transition-fast)}.publication-action-button:hover{background-color:var(--color-background-light)}.pdf-button{color:#e94640}.doi-button{color:#0076d6}.publication-citation{background-color:var(--color-background-light);border-radius:var(--border-radius-sm);margin-top:1rem;padding:1rem}.publication-citation h4{font-size:.9rem;margin-bottom:.75rem}.bibtex-code{background-color:#fff;background-color:var(--color-background);border-radius:var(--border-radius-sm);font-family:Roboto Mono,monospace;font-size:.85rem;line-height:1.5;margin-bottom:1rem;overflow-x:auto;padding:.75rem;white-space:pre-wrap}.copy-button{background-color:#0070f3;background-color:var(--color-primary);border:none;border-radius:var(--border-radius-sm);color:#fff;cursor:pointer;font-size:.85rem;padding:.5rem .75rem;transition:background-color .2s ease;transition:background-color var(--transition-fast)}.copy-button:hover{background-color:#0050a3;background-color:var(--color-primary-hover)}.no-results{color:var(--color-text-muted);font-style:italic;padding:2rem 0}.main-nav{background-color:#ffffffe6;background-color:rgba(var(--bg-color-rgb),.9);border-bottom:1px solid #eaeaea;height:64px;margin-bottom:15px;position:relative;top:10px;z-index:995}.nav-container{display:grid;grid-template-columns:auto 1fr auto;height:100%;margin:0 auto;max-width:1400px;padding:0 20px;position:relative}.nav-brand{padding-right:40px}.nav-brand,.nav-items{height:100%}.nav-search{justify-self:end;top:0;width:220px}.search-input{background-color:#f5f5f5;background-color:var(--search-bg);border-radius:18px;color:#333;color:var(--color-text);font-size:14px;height:36px;padding:0 40px 0 15px;width:100%}.search-button{align-items:center;background:none;border:none;color:#888;color:var(--color-text-light);cursor:pointer;display:flex;justify-content:center;padding:0;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.nav-item{height:100%;margin:0 8px}.nav-item a{align-items:center;color:#333;color:var(--color-text);display:flex;height:100%;padding:0 10px;white-space:nowrap}.nav-item a:hover{color:#0070f3;color:var(--color-primary)}.nav-highlight{background-color:#0070f3;bottom:-1px!important;opacity:0;position:absolute!important;transition:opacity .2s ease}.nav-scrolled .nav-item{position:relative}.nav-scrolled .nav-highlight{bottom:0!important;position:-webkit-sticky!important;position:sticky!important;width:100%}.social-links{gap:12px;position:fixed;right:40px;top:10px}.social-link{background-color:#fff;background-color:var(--color-background);border:1px solid #f0f0f0;border:1px solid var(--color-border);border-radius:50%;box-shadow:0 3px 8px #0000000d;height:28px;transition:all .2s ease;width:28px}.social-link:hover{background-color:#e8e8e8;background-color:var(--color-button-hover)}.social-link svg{color:#333;color:var(--color-text)}.nav-list{list-style:none}.sidebar .nav-item{font-size:.9rem;height:auto;padding:.35rem 0}.sidebar .nav-item a{color:#333;color:var(--color-text);display:block;height:auto;padding:0;transition:color .2s ease;transition:color var(--transition-fast)}.sidebar .nav-item a:hover{color:#0070f3;color:var(--color-primary)}@media (max-width:768px){.publication-header{flex-direction:column;gap:1rem}.publication-cover{width:120px}}.about-container{padding:0 20px}.about-hero{background:var(--bg-secondary);border-radius:12px;margin-bottom:40px;padding:60px 40px}.about-hero-content{gap:40px}.about-hero-image{flex-shrink:0}.about-hero-image img{border-radius:12px;box-shadow:0 4px 20px #0000001a;height:250px;width:250px}.about-layout{grid-gap:60px;align-items:start;display:grid;gap:60px;grid-template-columns:220px 1fr}.about-hero h1{background:linear-gradient(120deg,#0070f3,#0090ff);background:linear-gradient(120deg,var(--accent-color),var(--accent-color-secondary));background-clip:text;-webkit-background-clip:text;color:#0000;margin-bottom:10px}.about-hero h2{color:#555;color:var(--text-secondary);font-size:1.6rem;font-weight:400;margin-bottom:20px}.about-tagline{color:#333;color:var(--text-color);font-size:1.2rem;line-height:1.6;max-width:800px}.about-sidebar{position:-webkit-sticky;position:sticky;top:100px}.about-nav{display:flex;flex-direction:column;gap:5px;margin-bottom:30px}.about-nav-item{background:none;border:none;border-radius:8px;color:#333;color:var(--text-color);cursor:pointer;font-size:1rem;padding:10px 15px;text-align:left;transition:all .2s ease}.about-nav-item:hover{background-color:#0070f314;background-color:rgba(var(--accent-color-rgb),.08);color:#0070f3;color:var(--accent-color)}.about-nav-item.active{background-color:#0070f31f;background-color:rgba(var(--accent-color-rgb),.12);color:#0070f3;color:var(--accent-color);font-weight:500}.about-contact h3{color:#333;color:var(--text-color);font-size:1.1rem;margin-bottom:15px}.about-social-links{display:flex;flex-direction:column;gap:10px}.about-social-link{align-items:center;border-radius:8px;color:#333;color:var(--text-color);display:flex;gap:10px;padding:8px 15px;text-decoration:none;transition:all .2s ease}.about-social-link svg{height:18px;width:18px}.about-social-link:hover{background-color:#0070f314;background-color:rgba(var(--accent-color-rgb),.08);color:#0070f3;color:var(--accent-color)}.about-content{width:100%}.about-section{margin-bottom:50px}.about-section h2{color:#222;color:var(--heading-color);font-size:1.8rem;margin-bottom:20px;padding-bottom:10px;position:relative}.about-section h2:after{background:linear-gradient(90deg,#0070f3,#0000);background:linear-gradient(90deg,var(--accent-color),#0000);border-radius:3px;bottom:0;content:"";height:3px;left:0;position:absolute;width:60px}.about-card{background-color:#fff;background-color:var(--card-bg);border:1px solid #0000000d;border:1px solid var(--card-border);border-radius:12px;box-shadow:0 2px 15px #00000008;padding:25px}.about-highlights{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:25px}.highlight-item{align-items:flex-start;display:flex;gap:15px}.highlight-icon{align-items:center;display:flex;font-size:1.8rem;height:40px;justify-content:center;line-height:1;width:40px}.highlight-text h4{color:#222;color:var(--heading-color);font-size:1.1rem;margin-bottom:5px}.highlight-text p{color:#555;color:var(--text-secondary);font-size:.95rem;line-height:1.5}.timeline{margin-top:30px;position:relative}.timeline:before{background:linear-gradient(180deg,#e6f0ff,#0000);background:linear-gradient(to bottom,var(--accent-color-light),#0000);bottom:0;content:"";left:15px;position:absolute;top:0;width:2px}.timeline-item{margin-bottom:40px;max-width:100%;padding-left:45px;position:relative}.timeline-marker{background-color:#e6f0ff;background-color:var(--accent-color-light);border:2px solid #0070f3;border:2px solid var(--accent-color);border-radius:50%;height:32px;left:0;position:absolute;top:0;width:32px;z-index:1}.timeline-content{position:relative}.job-header{margin-bottom:15px}.job-header h3{color:#222;color:var(--heading-color);font-size:1.25rem;margin-bottom:6px}.job-meta{align-items:center;color:#555;color:var(--text-secondary);display:flex;font-size:.95rem;justify-content:space-between}.company{font-weight:500}.job-achievements{margin-bottom:15px;padding-left:20px}.job-achievements li{color:#333;color:var(--text-color);line-height:1.6;margin-bottom:10px;max-width:100%;padding-right:20px}.job-achievements strong{color:#0070f3;color:var(--accent-color)}.job-tech{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.tech-tag{background-color:#0070f314;background-color:rgba(var(--accent-color-rgb),.08);border-radius:30px;color:#0070f3;color:var(--accent-color);font-size:.75rem;padding:4px 10px;white-space:nowrap}.skills-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.skill-category h3{color:#222;color:var(--heading-color);font-size:1.1rem;margin-bottom:12px}.skill-tags{display:flex;flex-wrap:wrap;gap:8px;max-width:100%}.skill-tag{background-color:#f0f0f0;background-color:var(--tag-bg);border-radius:6px;color:#333;color:var(--text-color);font-size:.85rem;padding:5px 12px}.publication-list{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.publication-item{border-radius:8px;display:flex;gap:20px;padding:15px;transition:all .2s ease}.featured-publication,.publication-item:hover{background-color:#0070f30d;background-color:rgba(var(--accent-color-rgb),.05)}.featured-publication{border-left:3px solid #0070f3;border-left:3px solid var(--accent-color)}.publication-year{color:#0070f3;color:var(--accent-color);font-size:1.1rem;font-weight:500;min-width:60px}.publication-details h3{color:#222;color:var(--heading-color);font-size:1.15rem;margin-bottom:5px}.publication-venue{color:#555;color:var(--text-secondary);font-size:.9rem;font-style:italic}.publication-badges{display:flex;gap:8px;margin-top:8px}.publication-badge{background-color:#0070f326;background-color:rgba(var(--accent-color-rgb),.15);border-radius:4px;color:#0070f3;color:var(--accent-color);font-size:.7rem;font-weight:600;padding:3px 8px;text-transform:uppercase}.patents-section{border-top:1px solid #eaeaea;border-top:1px solid var(--border-color);padding-top:20px}.patents-section h3{color:#222;color:var(--heading-color);font-size:1.2rem;margin-bottom:15px}.patent-item{margin-bottom:15px}.patent-item h4{color:#222;color:var(--heading-color);font-size:1rem;margin-bottom:3px}.patent-id{color:#555;color:var(--text-secondary);font-family:Roboto Mono,SF Mono,Consolas,monospace;font-family:var(--font-heading);font-size:.85rem}.education-item{display:flex;flex-direction:column}.degree{color:#222;color:var(--heading-color);font-size:1.15rem;font-weight:600;margin-bottom:8px}.education-details{color:#555;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.95rem;gap:15px}@media (max-width:900px){.about-hero{padding:40px 20px}.about-hero-content{flex-direction:column;gap:30px;text-align:center}.about-hero-image{order:-1}.about-hero-image img{height:200px;width:200px}.about-layout{gap:20px;grid-template-columns:1fr}.about-sidebar{border-bottom:1px solid #eaeaea;border-bottom:1px solid var(--border-color);margin-bottom:20px;padding-bottom:20px;position:static}.about-nav{flex-direction:row;flex-wrap:wrap;gap:10px}.about-nav-item{font-size:.9rem;padding:8px 12px}.about-social-links{flex-direction:row;flex-wrap:wrap}.about-social-link{padding:6px 12px}.about-hero h1{font-size:2.2rem}.about-hero h2{font-size:1.3rem}.about-tagline{font-size:1rem}}.about-layout{grid-template-columns:250px 1fr!important}.about-hero{padding:80px 60px!important}.publications-page .component-box{max-width:1600px!important;padding:30px!important}@media (max-width:767px){.about-container{padding:0 16px}.about-container,.about-content{max-width:100%!important;overflow-x:hidden}.about-content{width:100%!important}.about-hero{margin-bottom:24px;padding:30px 16px}.about-hero-content{gap:20px}.about-hero-image img{height:150px;width:150px}.about-hero h1{font-size:1.8rem;margin-bottom:8px}.about-hero h2{font-size:1.1rem;margin-bottom:16px}.about-tagline{font-size:.95rem;line-height:1.5}.about-sidebar{margin-bottom:16px;padding-bottom:16px}.about-nav{gap:8px;justify-content:center}.about-nav-item{font-size:.85rem;padding:6px 10px}.about-contact{margin-top:16px;text-align:center}.about-social-links{gap:8px;justify-content:center}.about-social-link{font-size:.9rem;padding:6px 10px}.about-section{margin-bottom:32px}.about-section h2{font-size:1.4rem;margin-bottom:16px}.about-card{box-sizing:border-box;max-width:100%!important;padding:16px!important;width:100%!important}.about-layout{max-width:100%!important;overflow-x:hidden}.about-highlights{gap:16px;grid-template-columns:1fr}.highlight-item{padding:16px}.job-achievements{padding-left:16px}.job-achievements li{font-size:.95rem;padding-right:0}.skills-grid{gap:20px;grid-template-columns:1fr}.publication-item{flex-direction:column;gap:8px;padding:12px}.publication-year{font-size:1rem}.timeline-content{max-width:100%!important;padding-left:16px}.timeline-marker{left:8px}.timeline,.timeline-item{max-width:100%!important;overflow-x:hidden}.about-tagline,.job-achievements li,.publication-details h3,.skill-tag,.tech-tag{word-wrap:break-word;overflow-wrap:break-word}.about-nav-item,.about-social-link{max-width:100%;white-space:normal}}.job-achievements li{font-size:1.05rem!important}.code-ai-container{margin:0 auto;max-width:1400px;padding:40px 20px}.code-ai-header{margin-bottom:32px;text-align:center}.code-ai-header h1{background:linear-gradient(120deg,#0070f3,#0090ff);background:linear-gradient(120deg,var(--accent-color),var(--accent-color-secondary));background-clip:text;-webkit-background-clip:text;color:#0000;font-size:2.5rem;font-weight:700;margin-bottom:16px}.code-ai-subtitle{color:#555;color:var(--text-secondary);font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:600px}.code-ai-controls{align-items:center;display:flex;gap:24px;justify-content:space-between;margin-bottom:32px}.code-ai-search{flex:1 1;max-width:500px}.code-ai-search-input{background:var(--bg-secondary);border:1px solid #eaeaea;border:1px solid var(--border-color);border-radius:8px;color:#333;color:var(--text-color);font-size:15px;padding:10px 16px;transition:all .2s ease;width:100%}.code-ai-search-input:focus{border-color:#0070f3;border-color:var(--accent-color);box-shadow:0 0 0 3px #0070f31a;box-shadow:0 0 0 3px rgba(var(--accent-color-rgb),.1);outline:none}.code-ai-view-toggle{background:var(--bg-secondary);border-radius:8px;display:flex;gap:4px;padding:4px}.view-toggle-btn{background:#0000;border:none;border-radius:4px;color:#555;color:var(--text-secondary);cursor:pointer;font-size:18px;padding:6px 12px;transition:all .2s ease}.view-toggle-btn:hover{background:var(--bg-primary)}.view-toggle-btn.active{background:#0070f3;background:var(--accent-color);color:#fff}.code-ai-layout{grid-gap:32px;align-items:start;display:grid;gap:32px;grid-template-columns:250px 1fr}.code-ai-sidebar{background:#fff;background:var(--card-bg);border:1px solid #0000000d;border:1px solid var(--card-border);border-radius:12px;padding:20px;position:-webkit-sticky;position:sticky;top:20px}.code-ai-sidebar h3{color:#222;color:var(--heading-color);font-size:1.1rem;margin-bottom:16px}.code-ai-nav{display:flex;flex-direction:column;gap:4px}.code-ai-nav-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#333;color:var(--text-color);cursor:pointer;display:flex;gap:10px;padding:10px 12px;text-align:left;transition:all .2s ease;width:100%}.code-ai-nav-item:hover{background:var(--bg-secondary)}.code-ai-nav-item.active{background:#0070f31a;background:rgba(var(--accent-color-rgb),.1);color:#0070f3;color:var(--accent-color)}.nav-icon{font-size:1.2rem;text-align:center;width:24px}.nav-label{flex:1 1;font-size:.95rem}.nav-count{background:var(--bg-secondary);border-radius:12px;color:#555;color:var(--text-secondary);font-size:.85rem;padding:2px 8px}.code-ai-main{min-height:500px}.code-ai-list{display:flex;flex-direction:column;gap:32px}.code-ai-category-group{margin-bottom:8px}.category-group-title{border-bottom:2px solid #eaeaea;border-bottom:2px solid var(--border-color);color:#222;color:var(--heading-color);font-size:1.3rem;margin-bottom:16px;padding-bottom:8px}.code-ai-item-compact{background:#fff;background:var(--card-bg);border:1px solid #0000000d;border:1px solid var(--card-border);border-radius:8px;margin-bottom:8px;transition:all .2s ease}.code-ai-item-compact:hover{border-color:#0070f3;border-color:var(--accent-color)}.item-header{cursor:pointer;padding:16px}.item-title-row{align-items:center;display:flex;gap:12px;margin-bottom:8px}.expand-icon{color:#555;color:var(--text-secondary);font-size:.8rem;width:16px}.item-title-row h4{color:#222;color:var(--heading-color);flex:1 1;font-size:1.1rem;margin:0}.item-badges{display:flex;gap:8px}.language-badge{background:var(--bg-secondary);border-radius:4px;color:#555;color:var(--text-secondary);font-size:11px;font-weight:500;padding:3px 8px;text-transform:uppercase}.language-badge.python{background:#3776ab1a;color:#3776ab}.language-badge.bash{background:#4caf501a;color:#4caf50}.language-badge.javascript{background:#f0db4f1a;color:#f0db4f}.date-badge{background:var(--bg-secondary);border-radius:4px;font-size:11px;font-weight:400;opacity:.8;padding:3px 8px}.date-badge,.item-description{color:#555;color:var(--text-secondary)}.item-description{font-size:.95rem;line-height:1.5;margin:0}.item-expanded{border-top:1px solid #eaeaea;border-top:1px solid var(--border-color)}.item-content{background:var(--bg-secondary);overflow-x:auto;padding:16px}.item-content pre{font-family:Consolas,Monaco,Courier New,monospace;font-size:13px;line-height:1.5;margin:0}.item-content code{color:#333;color:var(--text-color)}.item-footer{align-items:center;background:var(--bg-primary);display:flex;justify-content:space-between;padding:12px 16px}.item-tags{display:flex;flex-wrap:wrap;gap:8px}.tag{background:#f0f0f0;background:var(--tag-bg);border-radius:4px;color:#555;color:var(--text-secondary);font-size:12px;padding:2px 8px}.copy-btn{background:#0070f3;background:var(--accent-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;padding:6px 14px;transition:all .2s ease}.copy-btn:hover{background:var(--accent-color-hover);transform:translateY(-1px)}.code-ai-card-actions,.item-actions{align-items:center;display:flex;gap:8px}.code-ai-gist-link,.gist-link{align-items:center;background:var(--bg-secondary);border-radius:6px;color:#555;color:var(--text-secondary);display:flex;height:32px;justify-content:center;text-decoration:none;transition:all .2s ease;width:32px}.code-ai-gist-link:hover,.gist-link:hover{background:var(--bg-primary);color:#333;color:var(--text-color);transform:translateY(-1px)}.code-ai-gist-link svg,.gist-link svg{height:16px;width:16px}.code-ai-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.code-ai-card{background:#fff;background:var(--card-bg);border:1px solid #0000000d;border:1px solid var(--card-border);border-radius:12px;padding:24px;transition:all .2s ease}.code-ai-card:hover{box-shadow:0 4px 20px #0000001a;transform:translateY(-2px)}.code-ai-card-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.code-ai-card-header h3{color:#222;color:var(--heading-color);flex:1 1;font-size:1.2rem;font-weight:600;margin:0}.code-ai-card-badges{align-items:center;display:flex;gap:8px}.code-ai-date{background:var(--bg-secondary);color:#555;color:var(--text-secondary);font-weight:400;opacity:.8}.code-ai-date,.code-ai-language{border-radius:4px;font-size:12px;padding:4px 10px}.code-ai-language{font-weight:500;text-transform:uppercase}.code-ai-language.python{background:#3776ab1a;color:#3776ab}.code-ai-language.bash{background:#4caf501a;color:#4caf50}.code-ai-language.javascript{background:#f0db4f1a;color:#f0db4f}.code-ai-language.text{background:rgba(var(--text-color-rgb),.1);color:#555;color:var(--text-secondary)}.code-ai-card-description{color:#555;color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin-bottom:16px}.code-ai-card-content{background:var(--bg-secondary);border-radius:8px;margin-bottom:16px;overflow-x:auto;padding:16px}.code-ai-card-content pre{font-family:Consolas,Monaco,Courier New,monospace;font-size:14px;line-height:1.6;margin:0}.code-ai-card-content code{color:#333;color:var(--text-color)}.code-ai-card-footer{align-items:center;display:flex;justify-content:space-between}.code-ai-tags{display:flex;flex-wrap:wrap;gap:8px}.code-ai-tag{background:#f0f0f0;background:var(--tag-bg);border-radius:4px;color:#555;color:var(--text-secondary);font-size:12px;padding:4px 8px}.code-ai-copy-btn{background:#0070f3;background:var(--accent-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:6px 16px;transition:all .2s ease}.code-ai-copy-btn:hover{background:var(--accent-color-hover);transform:translateY(-1px)}.code-ai-empty{color:#555;color:var(--text-secondary);padding:60px 20px;text-align:center}@media (max-width:900px){.code-ai-layout{gap:20px;grid-template-columns:1fr}.code-ai-sidebar{padding:16px;position:static}.code-ai-nav{flex-direction:row;flex-wrap:wrap;gap:8px}.code-ai-nav-item{flex:1 1;min-width:120px;padding:8px 10px}.nav-label{font-size:.9rem}}@media (max-width:767px){.code-ai-container{padding:24px 16px}.code-ai-header h1{font-size:2rem}.code-ai-subtitle{font-size:1rem}.code-ai-controls{flex-direction:column;gap:16px}.code-ai-search{max-width:100%}.code-ai-view-toggle{align-self:flex-end}.code-ai-sidebar{padding:12px}.code-ai-nav-item{min-width:100px;padding:6px 8px}.nav-icon{font-size:1rem}.item-header{padding:12px}.item-title-row{flex-wrap:wrap}.item-title-row h4{flex:1 1 auto;font-size:1rem}.item-description{font-size:.9rem}.item-content{padding:12px}.item-content pre{font-size:12px}.code-ai-grid{gap:16px;grid-template-columns:1fr}.code-ai-card{padding:16px}.code-ai-card-header{flex-direction:column;gap:8px}.code-ai-card-header h3{font-size:1.1rem}.code-ai-card-content{padding:12px}.code-ai-card-content pre{font-size:12px}}.nav-container{max-width:1400px!important;max-width:var(--content-max-width)!important;width:100%!important}.blog-card{transform-origin:center!important;transition:transform .3s ease,box-shadow .3s ease!important}.blog-card:hover{box-shadow:0 20px 40px #0000001f!important;transform:translateY(-12px) scale(1.03)!important}.about-card:hover,.publication-card:hover{box-shadow:0 20px 40px #0000001f!important;transform:translateY(-8px)!important}.blog-card img,.publication-cover img{transform-origin:center!important;transition:transform .5s ease!important}.blog-card:hover img,.publication-cover:hover img{transform:scale(1.08)!important}.publication-topic-tag,.skill-tag,.tech-tag{transition:all .2s ease!important}.publication-topic-tag:hover,.skill-tag:hover,.tech-tag:hover{box-shadow:0 4px 8px #0000001f!important;transform:translateY(-4px)!important}.blog-card{border-radius:14px!important;overflow:hidden!important;padding:0!important}.blog-card-content{padding:30px 35px!important}.featured-post{grid-column:span 2!important;transform:scale(1.02)!important}.hero-section{overflow:hidden!important}.hero-section img{transition:transform .8s ease!important}.hero-section:hover img{transform:scale(1.08)!important}.content-wrapper{margin-top:10px!important}.blog-container{margin-top:5px;padding-top:10px}.sidebar{height:100vh;z-index:997}.archives-content{padding:10px 0}.archive-year-card{margin-bottom:40px}.year-header{align-items:center;display:flex;margin-bottom:20px}.year-header h3{color:#0070f3;color:var(--accent-color);flex-shrink:0;font-size:1.5rem;font-weight:700;margin-right:15px}.year-divider{background:linear-gradient(90deg,#e6f0ff,#0000);background:linear-gradient(90deg,var(--accent-color-light),#0000);border-radius:2px;flex-grow:1;height:2px}.archive-months-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.archive-month-card{align-items:center;background:#fff;background:var(--card-bg);border:1px solid #0000000d;border:1px solid var(--card-border);border-radius:10px;box-shadow:0 3px 10px #00000008;color:#333;color:var(--text-color);display:flex;justify-content:space-between;padding:20px;text-decoration:none;transition:all .3s ease}.archive-month-card:hover{background-color:#e6f0ff;background-color:var(--accent-color-light);border-color:#e6f0ff;border-color:var(--accent-color-light);box-shadow:0 10px 20px #00000014;color:#0050a3;color:var(--accent-color-dark);transform:translateY(-5px)}.month-content{display:flex;flex-direction:column}.month-name{font-size:1.25rem;font-weight:600;margin-bottom:5px}.post-count{align-items:baseline;color:#555;color:var(--text-secondary);display:flex}.count-number{color:#0070f3;color:var(--accent-color);font-size:1.1rem;font-weight:600;margin-right:5px}.count-label{font-size:.9rem}.month-arrow{color:#0070f3;color:var(--accent-color);opacity:.7;transition:transform .3s ease,opacity .3s ease}.archive-month-card:hover .month-arrow{opacity:1;transform:translateX(5px)}.error-message,.loading-spinner,.no-results{color:#555;color:var(--text-secondary);font-size:1.1rem;padding:40px 20px;text-align:center}.error-message{color:#e74c3c}.search-results-page{margin-bottom:60px;min-height:50vh;padding:2rem 0}.search-results-page .page-title{border-bottom:1px solid #eaeaea;border-bottom:1px solid var(--border-color);font-size:2rem;margin-bottom:1.5rem;padding-bottom:15px}.search-input-container{margin-bottom:2rem;position:relative;width:100%}.search-input-large{background-color:#f5f5f5;background-color:var(--search-bg);border:2px solid #eaeaea;border:2px solid var(--border-color);border-radius:2rem;box-shadow:0 2px 8px #0000000d;color:#333;color:var(--text-color);font-size:1.25rem;padding:.75rem 1.5rem;transition:all .3s ease;width:100%}.search-input-large:focus{border-color:var(--primary-color);box-shadow:0 4px 12px #0000001a;outline:none;width:100%}.search-input-large::placeholder{color:#555;color:var(--text-secondary);opacity:.7}.search-autocomplete{background-color:#fff;background-color:var(--card-bg);border:1px solid #eaeaea;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 24px #0000001f;left:0;max-height:400px;overflow-y:auto;padding:.5rem 0;position:absolute;right:0;top:calc(100% + 5px);z-index:1000}.autocomplete-item{border-left:3px solid #0000;color:#333;color:var(--text-color);display:block;padding:.75rem 1.25rem}.autocomplete-item:hover{background-color:#0070f314;background-color:rgba(var(--accent-color-rgb),.08);border-left-color:#0070f3;border-left-color:var(--accent-color)}.autocomplete-title{font-size:1rem;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.autocomplete-meta{color:#555;color:var(--text-secondary);justify-content:space-between}.autocomplete-date{font-style:italic}.autocomplete-reading-time{font-weight:500}.autocomplete-type{color:#555;color:var(--text-secondary);font-size:.75rem;letter-spacing:.05em;margin-bottom:.1rem}.autocomplete-view-all{border-top:1px solid #eaeaea;border-top:1px solid var(--border-color);color:var(--primary-color);padding:.75rem}.autocomplete-view-all:hover{background-color:rgba(var(--primary-color-rgb),.05)}.search-results-container{display:flex;flex-direction:column;gap:1.5rem;margin-top:1.5rem}.search-result-item{background:#fff;background:var(--card-bg);border:1px solid #eaeaea;border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-sm);overflow:hidden;transition:all .2s ease}.search-result-item:hover{border-color:var(--primary-color-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.search-result-link{color:#333;color:var(--text-color);display:block;text-decoration:none}.search-result-content{display:flex;padding:0}.search-result-image{background:var(--bg-secondary);flex:0 0 150px;overflow:hidden;position:relative}.search-result-image img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.search-result-details{flex:1 1;padding:1.25rem}.search-result-type{background:var(--bg-secondary);border-radius:4px;color:#555;color:var(--text-secondary);display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;padding:.2rem .5rem;text-transform:uppercase}.search-result-title{color:#222;color:var(--heading-color);font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.search-result-description{color:#555;color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin-bottom:1rem}.search-result-meta{color:var(--text-tertiary);display:flex;font-size:.85rem;justify-content:space-between}.search-loading{align-items:center;color:#555;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:3rem 0}.loading-spinner{animation:spin 1s ease-in-out infinite;border:3px solid rgba(var(--primary-color-rgb),.3);border-top-color:var(--primary-color);height:40px;margin-bottom:1rem;width:40px}.search-results-header{border-bottom:1px solid #eaeaea;border-bottom:1px solid var(--border-color);margin-bottom:1.5rem;padding-bottom:1rem}.search-results-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem}.search-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.filter-button{background:var(--bg-secondary);border:1px solid #eaeaea;border:1px solid var(--border-color);border-radius:20px;color:#555;font-size:.85rem;padding:.4rem .8rem}.filter-button:hover{background:var(--bg-hover);border-color:var(--border-color-hover)}.filter-button.active{background:var(--primary-color);border-color:var(--primary-color)}.no-results{color:#555;color:var(--text-secondary);padding:3rem 0;text-align:center}mark{background-color:#0070f333;background-color:rgba(var(--accent-color-rgb),.2);border-radius:3px;color:inherit;padding:.1em .2em}@media (max-width:768px){.search-result-content{flex-direction:column}.search-result-image{flex:0 0 150px;height:150px;position:relative;width:100%}.search-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.5rem}.filter-button{white-space:nowrap}}body,html{max-width:100vw;overflow-x:hidden}.blog-container,body,html{width:100%}.mobile-container{overflow-x:hidden;position:relative;width:100%}.desktop-only{display:block}.mobile-only{display:none}@media (max-width:768px){#root,body,html{overflow-x:hidden!important;width:100vw!important}#root,*,body,html{max-width:100vw!important}*{overflow-wrap:break-word!important}.about-container,.blog-container,.blog-content-container,.component-box,.content-wrapper,.content-wrapper>div,.main-content>div,.post-detail,.publications-page,.talks-container{box-sizing:border-box!important;margin-left:0!important;margin-right:0!important;max-width:100%!important;padding-left:15px!important;padding-right:15px!important;width:100%!important}.blog-cards-container{grid-template-columns:1fr!important;width:100%!important}.featured-post{grid-column:span 1!important}.about-card:hover,.blog-card:hover,.featured-post:hover,.publication-card:hover{transform:none!important}}.audio-player{background:var(--bg-secondary);border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:24px 0;padding:16px}.audio-player-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.audio-player-title{color:#555;color:var(--text-secondary);font-size:14px;font-weight:500}.audio-player-error{color:#e74c3c;font-size:12px}.audio-player-controls{align-items:center;display:flex;gap:12px}.audio-player-play-btn{align-items:center;background:#0070f3;background:var(--accent-color);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s ease;width:40px}.audio-player-play-btn:hover:not(:disabled){background:var(--accent-color-hover);transform:scale(1.05)}.audio-player-play-btn:disabled{cursor:not-allowed;opacity:.5}.audio-player-spinner{animation:spin 1s linear infinite;font-size:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.audio-player-time{color:#555;color:var(--text-secondary);font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:12px;min-width:80px;text-align:center}.audio-player-progress{align-items:center;cursor:pointer;display:flex;flex:1 1;height:24px;padding:0 4px}.audio-player-progress-bar{background:#eaeaea;background:var(--border-color);border-radius:3px;height:6px;overflow:hidden;position:relative;width:100%}.audio-player-progress-fill{background:#0070f3;background:var(--accent-color);border-radius:3px;height:100%;position:relative;transition:width .1s ease}.audio-player-progress-fill:after{background:#0070f3;background:var(--accent-color);border-radius:50%;box-shadow:0 2px 4px #0003;content:"";height:12px;position:absolute;right:-2px;top:50%;transform:translateY(-50%);width:12px}.audio-player-speed-btn{background:var(--bg-primary);border:1px solid #eaeaea;border:1px solid var(--border-color);border-radius:6px;color:#333;color:var(--text-color);cursor:pointer;font-size:12px;font-weight:500;padding:6px 10px;transition:all .2s ease}.audio-player-speed-btn:hover{background:var(--bg-secondary);border-color:#0070f3;border-color:var(--accent-color)}.post-audio-player{margin:20px 0}@media (max-width:768px){.audio-player{padding:12px}.audio-player-controls{gap:8px}.audio-player-time{font-size:11px;min-width:60px}.audio-player-speed-btn{font-size:11px;padding:4px 8px}}.pipeline-diagram{background-color:#f8f9fa;border-radius:12px;margin:2rem 0;overflow-x:auto;padding:2rem}.pipeline-svg{display:block;height:auto;margin:0 auto;max-width:900px;width:100%}.pipeline-svg text{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.diagram-row{align-items:center;display:flex;justify-content:center;margin:1rem 0;min-height:80px}.diagram-box{background:#fff;border:2px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000001a;min-width:140px;padding:1rem 1.5rem;text-align:center;transition:all .3s ease}.diagram-box:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.input-box{background-color:#fef3c7;border-color:#f59e0b}.api-box{background-color:#dbeafe;border-color:#3b82f6}.output-box{background-color:#d1fae5;border-color:#10b981}.box-icon{font-size:1.5rem;margin-bottom:.5rem}.box-title{color:#1f2937;font-size:.95rem;font-weight:600;margin-bottom:.25rem}.box-subtitle{color:#6b7280;font-size:.8rem}.diagram-arrow{color:#6b7280;font-size:1.5rem;margin:0 1rem}.diagram-arrow-down{color:#6b7280;font-size:1.5rem;text-align:center;width:140px}.diagram-decision{align-items:center;display:flex;flex-direction:column;height:120px;position:relative;width:200px}.decision-diamond{align-items:center;background:#fff;border:2px solid #6366f1;box-shadow:0 2px 4px #0000001a;display:flex;height:80px;justify-content:center;transform:rotate(45deg);width:160px}.decision-diamond span{color:#4338ca;font-size:.8rem;font-weight:500;padding:.5rem;text-align:center;transform:rotate(-45deg)}.decision-branches{bottom:-20px;display:flex;justify-content:space-between;position:absolute;width:100%}.branch-left,.branch-right{align-items:center;display:flex;flex-direction:column}.branch-label{color:#6366f1;font-size:.8rem;font-weight:500;margin-bottom:.25rem}.branch-arrow{color:#6b7280;font-size:1.2rem}.diagram-spacer{margin:0 1rem;width:140px}@media (max-width:768px){.pipeline-diagram{margin:1.5rem -1rem;padding:1rem}.pipeline-svg{min-width:700px}}.post-detail .blog-header{margin-bottom:18px}.post-detail .post-audio-player{margin:16px 0 18px}.post-detail .blog-content h1,.post-detail .blog-content h2,.post-detail .blog-content h3{margin-bottom:16px;margin-top:28px}.post-detail .blog-content p{line-height:1.6;line-height:var(--line-height-content);margin:16px 0}.post-detail .blog-content pre,.post-detail .code-block{margin:24px 0}.post-detail .blog-content h1+p,.post-detail .blog-content h2+p,.post-detail .blog-content h3+p{margin-top:12px}.post-detail .code-table{line-height:1.5}.post-detail .pipeline-diagram{margin:2rem 0;padding:2rem}.post-detail .blog-content{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:normal;text-rendering:optimizeLegibility;word-spacing:normal}.post-detail .code-line,.post-detail .code-table,.post-detail .line-number{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media (min-width:1024px){.content-wrapper{box-sizing:border-box!important;max-width:1015px!important;padding-left:10px!important;padding-right:10px!important}.content-wrapper,.content-wrapper .blog-content{margin-left:auto!important;margin-right:auto!important;width:100%!important}.content-wrapper .blog-content{max-width:995px!important}.blog-container{margin-left:auto!important;margin-right:auto!important;max-width:1368px!important;width:100%!important}.main-content{padding-top:30px!important}.blog-container{margin-left:auto!important;margin-right:auto!important;max-width:1368px!important;width:1368px!important}.main-content{max-width:1108px!important;padding-top:30px!important}}.post-detail .code-block{--code-font-size:14px;--code-line-height:1.45}.post-detail .code-block .code-header{padding:6px 10px}.post-detail .code-block .code-container{padding:0}.post-detail .code-pre{background:#f5f5f5;background:var(--color-code-bg);border-radius:6px;font-size:var(--code-font-size)!important;line-height:var(--code-line-height)!important;margin:18px 0!important;padding:8px 12px!important}.post-detail .code-table{border-collapse:collapse;width:100%}.post-detail .code-row td{font-size:var(--code-font-size);line-height:var(--code-line-height);padding:0;vertical-align:top}.post-detail .line-number{color:#888;color:var(--color-text-light);padding-right:12px;text-align:right;-webkit-user-select:none;user-select:none;width:3ch}.post-detail .code-line{white-space:pre}.blog-container{display:flex;justify-content:center;min-height:100vh;position:relative}.main-content{box-sizing:border-box;flex:1 1;margin-left:0;max-width:var(--content-max-width);padding:var(--content-padding);transition:margin-left var(--transition-medium),max-width var(--transition-medium);width:100%}body.sidebar-open .main-content{margin-left:var(--sidebar-width);max-width:calc(var(--content-max-width) - var(--sidebar-width))}.content-wrapper{box-sizing:border-box;margin:0 auto;max-width:1015px;padding:0 10px;width:100%}.sidebar{background:var(--color-sidebar-bg);bottom:0;left:0;overflow-y:auto;position:fixed;top:0;transform:translateX(-100%);transition:transform var(--transition-medium),width var(--transition-fast);width:var(--sidebar-width);z-index:100}body.sidebar-open .sidebar{transform:translateX(0)}.sidebar-inner{padding:var(--spacing-xl) var(--spacing-lg)}.sidebar-resize-handle{background:#0000;bottom:0;cursor:col-resize;left:var(--sidebar-width);position:fixed;top:0;width:10px;z-index:110}.sidebar-resize-handle:active,.sidebar-resize-handle:hover{background:#0000000d}body.sidebar-open .sidebar-resize-handle{display:block}.sidebar-toggle{align-items:center;background:var(--color-sidebar-bg);border-left:none;border-radius:0 3px 3px 0;box-shadow:0 1px 3px #0000001a;cursor:pointer;display:flex;height:40px;justify-content:center;left:var(--spacing-lg);opacity:.8;position:fixed;top:50%;transform:translateY(-50%);transition:background var(--transition-medium),left var(--transition-medium),opacity var(--transition-medium);width:24px;z-index:999}body.sidebar-open .sidebar-toggle{border-left:1px solid #0000000d;left:var(--sidebar-width)}.sidebar-toggle:hover{background:var(--color-button-hover);opacity:1}.toggle-icon{cursor:pointer;height:10px;position:relative;transition:.5s ease-in-out;width:14px}.toggle-icon,.toggle-icon span{opacity:.7;transform:rotate(0deg)}.toggle-icon span{background:var(--color-text);border-radius:1px;display:block;height:1.5px;left:0;position:absolute;transition:.25s ease-in-out;width:100%}.toggle-icon span:first-child{top:0}.toggle-icon span:nth-child(2),.toggle-icon span:nth-child(3){top:6px}.toggle-icon span:nth-child(4){top:12px}body.sidebar-open .toggle-icon span:first-child{left:50%;top:6px;width:0}body.sidebar-open .toggle-icon span:nth-child(2){transform:rotate(45deg)}body.sidebar-open .toggle-icon span:nth-child(3){transform:rotate(-45deg)}body.sidebar-open .toggle-icon span:nth-child(4){left:50%;top:6px;width:0}.dark-mode-toggle{align-items:center;background:var(--color-button-bg);border-radius:var(--radius-full);bottom:var(--spacing-lg);box-shadow:var(--shadow-small);cursor:pointer;display:flex;height:40px;justify-content:center;position:fixed;right:var(--spacing-lg);width:40px;z-index:100}.dark-mode-icon{background:#333;overflow:hidden;position:relative}.dark-mode-icon,.dark-mode-icon:after{border-radius:50%;height:20px;width:20px}.dark-mode-icon:after{background:var(--color-button-bg);content:"";position:absolute;right:-3px;top:-3px;transform:translate(50%,-50%)}.social-links{display:flex;gap:15px;position:absolute;right:var(--spacing-lg);top:var(--spacing-lg);z-index:100}.social-link{align-items:center;background:var(--color-button-bg);border-radius:var(--radius-full);box-shadow:var(--shadow-small);color:var(--color-text);display:flex;height:30px;justify-content:center;text-decoration:none;transition:all var(--transition-fast);width:30px}.social-link:hover{background:var(--color-button-hover);color:var(--color-primary);transform:translateY(-2px)}.social-link svg{height:16px;width:16px}.blog-cards-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin:40px 0}.hero-section{align-items:center;background:var(--hero-bg);border-radius:20px;display:flex;justify-content:space-between;margin:0 auto 80px;min-height:60vh;overflow:visible;padding:80px 0;position:relative}.hero-content{flex:1 1;max-width:600px;padding:0 40px;z-index:2}.hero-decoration{align-items:center;animation:float 6s ease-in-out infinite;display:flex;flex:1 1;justify-content:center;margin-right:-100px;max-width:650px}.hero-decoration,.hero-graphic{overflow:visible;position:relative}.hero-graphic{height:100%;width:100%}.newsletter-container{align-items:center;background:linear-gradient(135deg,var(--accent-color),var(--accent-color-secondary));border-radius:20px;box-shadow:0 10px 30px #0070f34d;color:#fff;display:flex;flex-direction:column;padding:60px;text-align:center}.newsletter-form{display:flex;gap:10px;max-width:500px;width:100%}.post-list{list-style-type:none;margin:0;padding:0}.post-item{border-bottom:1px solid var(--color-border);margin-bottom:50px;padding-bottom:var(--spacing-2xl)}.post-item:last-child{border-bottom:none}.post-item .post-title{font-family:var(--font-heading);font-size:22px;font-weight:500;margin-bottom:12px}.post-item .post-title a{color:var(--color-text);text-decoration:none;transition:color var(--transition-fast)}.post-item .post-title a:hover{color:var(--color-primary)}.post-item .post-meta{align-items:center;color:var(--color-text-light);display:flex;flex-wrap:wrap;font-family:var(--font-heading);font-size:var(--font-size-smallest);gap:10px;margin-bottom:15px}.post-item .post-tag{background:var(--color-tag-bg);border-radius:var(--radius-small);color:var(--color-tag-text);display:inline-block;font-size:var(--font-size-smallest);padding:2px 6px}.post-item .post-excerpt{color:var(--color-text-light);font-family:var(--font-body);font-size:var(--font-size-base);line-height:var(--line-height-content);margin-bottom:15px}.post-item .post-read-more{font-family:var(--font-heading);font-size:var(--font-size-small)}.post-item .post-read-more a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}.post-item .post-read-more a:hover{color:var(--color-primary-hover)}.sidebar .post-item{border-bottom:1px solid var(--color-border);margin-bottom:24px;padding-bottom:24px}.sidebar .post-item:last-child{border-bottom:none}.sidebar .post-title{font-family:var(--font-body);font-size:18px;font-weight:500;line-height:1.5;margin-bottom:8px}.sidebar .post-title a{color:var(--color-text);font-size:18px;text-decoration:none;transition:color var(--transition-fast)}.sidebar .post-title a:hover{color:var(--color-primary)}.sidebar .post-meta{align-items:center;color:var(--color-text-light);display:flex;font-size:var(--font-size-small);margin-bottom:12px}.sidebar .post-tags{display:flex;flex-wrap:wrap;gap:8px}.sidebar .post-tag{background:var(--color-tag-bg);border-radius:var(--radius-small);color:var(--color-tag-text);font-size:var(--font-size-smaller);padding:4px 10px}.blog-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;box-shadow:0 8px 30px #0000000d;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.25,.8,.25,1)}.blog-card-hovered{box-shadow:0 12px 40px #00000014;transform:translateY(-5px)}.blog-card-accent{height:6px;width:100%}.blog-card-content{display:flex;flex-direction:column;flex-grow:1;height:100%;padding:25px}.blog-card-header{margin-bottom:16px}.blog-card-title{font-family:var(--font-heading);font-size:1.5rem;font-weight:600;line-height:1.3;margin-bottom:12px}.blog-card-title a{background-image:linear-gradient(to right,var(--accent-color),var(--accent-color));background-position:0 90%;background-repeat:no-repeat;background-size:0 2px;color:var(--text-color);text-decoration:none;transition:background-size .3s ease-in-out}.blog-card-title a:hover{background-size:100% 2px}.blog-card-meta{color:var(--text-muted);font-size:.85rem;gap:15px}.blog-card-date,.blog-card-meta{align-items:center;display:flex}.blog-card-date:before{content:"📅";font-size:.9rem;margin-right:5px}.blog-card-reading-time{align-items:center;display:flex}.blog-card-reading-time:before{content:"⏱️";font-size:.9rem;margin-right:5px}.blog-card-excerpt{color:var(--text-secondary);flex-grow:1;font-size:1rem;line-height:1.6;margin-bottom:20px}.blog-card-excerpt p{margin:0}.blog-card-footer{align-items:center;border-top:1px solid var(--card-border);display:flex;justify-content:space-between;margin-top:auto;padding-top:16px}.blog-card-tags{display:flex;flex-wrap:wrap;gap:6px}.blog-card-tag{background-color:var(--tag-bg);border-radius:25px;color:var(--text-muted);font-family:var(--font-heading);font-size:.8rem;padding:3px 10px;text-decoration:none;transition:all .2s ease}.blog-card-tag:hover{background-color:var(--accent-color-light);color:var(--accent-color)}.blog-card-action{margin-left:auto}.blog-card-read-more{align-items:center;color:var(--accent-color);display:flex;font-family:var(--font-heading);font-size:.9rem;font-weight:500;gap:6px;text-decoration:none;transition:gap .3s ease}.blog-card-read-more:hover{gap:10px}.blog-card-read-more svg{transition:transform .3s ease}.blog-card-read-more:hover svg{transform:translateX(3px)}.featured-post-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;box-shadow:0 10px 30px #00000014;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease}.featured-post-card:before{background:linear-gradient(to right,var(--accent-color),var(--accent-color-secondary));content:"";height:6px;left:0;position:absolute;right:0;top:0}.featured-post-card:hover{box-shadow:0 20px 40px #0000001f;transform:translateY(-10px)}.featured-post-content{display:flex;flex-direction:column;flex-grow:1;padding:30px}.featured-label{background:var(--accent-color-light);border-radius:4px;color:var(--accent-color);display:inline-block;font-size:.8rem;font-weight:500;letter-spacing:1px;margin-bottom:15px;padding:5px 10px;text-transform:uppercase}.featured-post-title{font-size:1.5rem;font-weight:600;line-height:1.3;margin-bottom:15px}.featured-post-title a{color:var(--heading-color);text-decoration:none;transition:color .2s ease}.featured-post-title a:hover{color:var(--accent-color)}.featured-post-meta{align-items:center;color:var(--text-muted);display:flex;font-size:.85rem;gap:15px;margin-bottom:15px}.featured-post-date:before{content:"📅";margin-right:5px}.featured-post-reading-time:before{content:"⏱️";margin-right:5px}.featured-post-excerpt{color:var(--text-secondary);flex-grow:1;line-height:1.6;margin-bottom:20px}.featured-post-link{align-items:center;color:var(--accent-color);display:inline-flex;font-family:var(--font-heading);font-weight:500;gap:6px;margin-top:auto;text-decoration:none;transition:gap .3s ease}.featured-post-link:hover{gap:10px}.featured-post-link svg{transition:transform .3s ease}.featured-post-link:hover svg{transform:translateX(3px)}.hero-button{align-items:center;animation:fadeInUp .8s ease-out .6s;animation-fill-mode:both;border-radius:6px;display:inline-flex;font-size:1rem;font-weight:600;gap:10px;margin-right:16px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.hero-button.primary{background:var(--accent-color);box-shadow:0 4px 15px #0070f34d;color:#fff}.hero-button.primary:hover{background:var(--accent-color-dark);box-shadow:0 6px 20px #0070f366;transform:translateY(-3px)}.hero-button.primary svg{transition:transform .3s ease}.hero-button.primary:hover svg{transform:translateX(3px)}.hero-button.secondary{background:#0000;border:2px solid var(--accent-color-light);color:var(--accent-color)}.hero-button.secondary:hover{background:var(--accent-color-light);transform:translateY(-3px)}.newsletter-button{align-items:center;background:#fff;border:none;border-radius:30px;box-shadow:0 4px 10px #0000001a;color:var(--accent-color);cursor:pointer;display:flex;font-weight:600;gap:8px;padding:15px 25px;transition:all .3s ease}.newsletter-button:hover{box-shadow:0 6px 15px #00000026;transform:translateY(-3px)}.newsletter-button svg{transition:transform .3s ease}.newsletter-button:hover svg{transform:translateX(3px)}.loading-spinner{animation:spinner 1s linear infinite;border:5px solid var(--accent-color-light);border-radius:50%;border-top-color:var(--accent-color);height:50px;margin-bottom:20px;width:50px}@keyframes spinner{to{transform:rotate(1turn)}}.code-block{background:#fafafa;border:1px solid #00000014;border-radius:var(--radius-large);box-shadow:var(--shadow-medium);margin:var(--spacing-xl) 0;overflow:hidden}.code-header{align-items:center;background:#f0f0f0;border-bottom:1px solid #0000000d;color:var(--color-text);display:flex;font-family:Roboto Mono,Menlo,Consolas,monospace;font-size:var(--font-size-smaller);justify-content:space-between;padding:12px 16px}.code-filename{font-weight:500}.code-actions{display:flex}.code-action{background:#e0e0e0;border:none;border-radius:var(--radius-small);color:var(--color-text);cursor:pointer;font-size:var(--font-size-smallest);padding:4px 8px;transition:background var(--transition-fast),color var(--transition-fast)}.code-action:hover{background:#d0d0d0}.code-container{background:#fefefe;max-width:100%;overflow-x:auto}.code-pre{background:#0000;font-family:inherit;margin:0;padding:0}.code-table{border-collapse:collapse;font-family:Roboto Mono,Menlo,Consolas,monospace;font-size:var(--font-size-smaller);table-layout:fixed;width:100%}.code-row{height:21px}.code-row:nth-child(odd){background-color:#00000003}.line-number{font-feature-settings:"tnum";background:#f5f5f5;border-right:1px solid #e8e8e8;color:#999;font-variant-numeric:tabular-nums;min-width:40px;padding:2px 12px;text-align:right;-webkit-user-select:none;user-select:none;vertical-align:top;white-space:nowrap;width:40px}.code-line{color:var(--color-text);line-height:1.5;overflow-wrap:normal;padding:2px 15px;vertical-align:top;white-space:pre;word-break:keep-all}.tech-badges{animation:fadeInUp .8s ease-out .8s;animation-fill-mode:both;display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.tech-badge{align-items:center;background:var(--card-bg);border-radius:30px;box-shadow:0 4px 12px #0000000d;display:flex;gap:8px;padding:8px 16px;transition:all .3s ease}.tech-badge:hover{box-shadow:0 8px 16px #00000014;transform:translateY(-3px)}.tech-icon{font-size:1.4rem}.tech-name{color:var(--text-color);font-size:.9rem;font-weight:500}.newsletter-content{margin-bottom:30px;max-width:600px}.newsletter-title{font-family:var(--font-heading);font-size:2.2rem;font-weight:700;margin-bottom:15px}.newsletter-description{font-size:1.1rem;line-height:1.6;opacity:.9}.newsletter-input{border:none;border-radius:30px;box-shadow:0 4px 10px #0000001a;flex-grow:1;font-size:1rem;padding:15px 20px}.newsletter-input:focus{box-shadow:0 4px 15px #00000026;outline:none}.animated-graphic{transform:scale(1.2);transform-origin:center;z-index:1}.outer-circle{animation:rotate 25s linear infinite}.middle-circle{animation:pulse 8s ease-in-out infinite}.inner-circle{animation:rotate-reverse 15s linear infinite}.center-circle{animation:pulse 5s ease-in-out infinite}.horizontal-line,.vertical-line{animation:fadeInOut 7s ease-in-out infinite}.node{animation:nodePulse 5s ease-in-out infinite}.input-node-1{animation-delay:0s}.input-node-2{animation-delay:.5s}.input-node-3{animation-delay:1s}.hidden-node-1{animation-delay:1.5s}.hidden-node-2{animation-delay:2s}.hidden-node-3{animation-delay:2.5s}.output-node-1{animation-delay:3s}.output-node-2{animation-delay:3.5s}.connection{animation:connectionPulse 8s ease-in-out infinite}.connection:nth-child(odd){animation-delay:.3s}.connection:nth-child(3n){animation-delay:.6s}.connection:nth-child(4n){animation-delay:.9s}.signal-i1-h1-o1{animation:signalTravel-i1-h1-o1 6s ease-in-out infinite}.signal-i1-h2-o2{animation:signalTravel-i1-h2-o2 6s ease-in-out infinite;animation-delay:1s}.signal-i2-h1-o2{animation:signalTravel-i2-h1-o2 6s ease-in-out infinite;animation-delay:2s}.signal-i2-h3-o1{animation:signalTravel-i2-h3-o1 6s ease-in-out infinite;animation-delay:3s}.signal-i3-h2-o1{animation:signalTravel-i3-h2-o1 6s ease-in-out infinite;animation-delay:4s}.signal-i3-h3-o2{animation:signalTravel-i3-h3-o2 6s ease-in-out infinite;animation-delay:5s}@keyframes signalTravel-i1-h1-o1{0%,to{cx:100;cy:150;r:3;opacity:0}10%{r:3;opacity:1}40%{cx:200;cy:130;r:3;opacity:1}75%{cx:300;cy:170;r:3;opacity:1}90%{cx:350;cy:170;r:0;opacity:0}}@keyframes signalTravel-i1-h2-o2{0%,to{cx:100;cy:150;r:3;opacity:0}10%{r:3;opacity:1}40%{cx:200;cy:200;r:3;opacity:1}75%{cx:300;cy:230;r:3;opacity:1}90%{cx:350;cy:230;r:0;opacity:0}}@keyframes signalTravel-i2-h1-o2{0%,to{cx:100;cy:200;r:3;opacity:0}10%{r:3;opacity:1}40%{cx:200;cy:130;r:3;opacity:1}75%{cx:300;cy:230;r:3;opacity:1}90%{cx:350;cy:230;r:0;opacity:0}}@keyframes signalTravel-i2-h3-o1{0%,to{cx:100;cy:200;r:3;opacity:0}10%{r:3;opacity:1}40%{cx:200;cy:270;r:3;opacity:1}75%{cx:300;cy:170;r:3;opacity:1}90%{cx:350;cy:170;r:0;opacity:0}}@keyframes signalTravel-i3-h2-o1{0%,to{cx:100;cy:250;r:3;opacity:0}10%{r:3;opacity:1}40%{cx:200;cy:200;r:3;opacity:1}75%{cx:300;cy:170;r:3;opacity:1}90%{cx:350;cy:170;r:0;opacity:0}}@keyframes signalTravel-i3-h3-o2{0%,to{cx:100;cy:250;r:3;opacity:0}10%{r:3;opacity:1}40%{cx:200;cy:270;r:3;opacity:1}75%{cx:300;cy:230;r:3;opacity:1}90%{cx:350;cy:230;r:0;opacity:0}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rotate-reverse{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes pulse{0%{r:120;opacity:.5}50%{r:150;opacity:.8}to{r:120;opacity:.5}}@keyframes fadeInOut{0%,to{opacity:.3}50%{opacity:.7}}@keyframes nodePulse{0%,to{fill-opacity:.2;r:10}50%{fill-opacity:.5;r:12}}@keyframes connectionPulse{0%,to{stroke-dasharray:3 3;opacity:.3}50%{stroke-dasharray:4 2;opacity:.7}}.talks-page{padding:40px 0}.section-subtitle{color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin:20px auto 30px;max-width:700px;text-align:center}.talks-controls{align-items:center;gap:20px;margin-bottom:40px}.talks-controls,.talks-filter{display:flex;flex-wrap:wrap;justify-content:center}.talks-filter{gap:10px}.filter-button{background:var(--button-bg);border:none;border-radius:30px;color:var(--text-secondary);cursor:pointer;font-family:var(--font-heading);font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .2s ease}.filter-button:hover{background:var(--button-hover-bg);transform:translateY(-2px)}.filter-button.active{background:var(--accent-color);color:#fff}.talks-component-box{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;box-shadow:var(--shadow-small);margin-bottom:60px;overflow:hidden}.talks-component-header{align-items:center;background-color:rgba(var(--bg-color-rgb),.5);border-bottom:1px solid var(--card-border);display:flex;justify-content:space-between;padding:20px 25px}.talks-component-title{color:var(--text-color);font-family:var(--font-heading);font-size:1.2rem;font-weight:600;margin:0}.talks-component-content{padding:30px}.view-toggle{background:var(--button-bg);border-radius:8px;display:flex;gap:5px;padding:4px}.view-button{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.view-button:hover{background:var(--button-hover-bg);color:var(--text-color)}.view-button.active{background:var(--accent-color);color:#fff}.talks-container{position:relative}.talks-list{display:flex;flex-direction:column;gap:30px;margin:0 auto}.talks-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin:0 auto}.talk-card-grid{height:auto}.talk-card-grid .talk-card-content{padding:15px}.talk-card-grid .talk-card-title{font-size:1.1rem;margin-bottom:8px}.talk-card-grid .talk-card-meta{align-items:flex-start;flex-direction:column;font-size:.8rem;gap:5px}.talk-card-grid .talk-card-event:after{display:none}.talk-card-grid .talk-card-topics{margin-top:10px}.talk-card-grid .talk-topic-tag{font-size:.75rem;padding:2px 8px}.talk-card-grid .talk-play-button{height:50px;width:50px}.talk-card-grid .talk-play-button svg{height:20px;width:20px}.talk-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;box-shadow:var(--shadow-small);display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .3s ease}.talk-card-hovered{box-shadow:0 15px 30px #0000001a;transform:translateY(-5px)}.talk-card-video{background:#000;overflow:hidden;padding-top:56.25%;position:relative}.talk-card-video iframe{border:none}.talk-card-video iframe,.talk-thumbnail-container{height:100%;left:0;position:absolute;top:0;width:100%}.talk-thumbnail-container{cursor:pointer}.talk-thumbnail{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.talk-thumbnail-container:hover .talk-thumbnail{transform:scale(1.05)}.talk-play-button{align-items:center;background:#000000b3;border-radius:50%;color:#fff;display:flex;height:70px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:70px}.talk-play-button svg{height:30px;margin-left:5px;width:30px}.talk-thumbnail-container:hover .talk-play-button{background:rgba(var(--accent-color-rgb),.9);transform:translate(-50%,-50%) scale(1.1)}.talk-card-content{display:flex;flex-direction:column;flex-grow:1;padding:25px}.talk-card-header{margin-bottom:15px}.talk-card-title{color:var(--heading-color);font-family:var(--font-heading);font-size:1.5rem;font-weight:600;margin-bottom:10px}.talk-card-meta{align-items:center;color:var(--text-muted);display:flex;font-size:.9rem;gap:15px}.talk-card-event{padding-right:16px;position:relative}.talk-card-event:after{background:var(--accent-color);border-radius:50%;content:"";height:6px;position:absolute;right:0;top:50%;transform:translateY(-50%);width:6px}.talk-card-description{color:var(--text-secondary);flex-grow:1;line-height:1.6;margin-bottom:20px}.talk-card-topics{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.talk-topic-tag{background:var(--tag-bg);border-radius:20px;color:var(--text-secondary);display:inline-block;font-size:.85rem;padding:4px 10px}.talk-card-actions{display:flex;justify-content:flex-start;margin-top:16px}.watch-talk-button{align-items:center;background-color:var(--accent-color);border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:8px 16px;text-decoration:none;transition:all .2s ease}.watch-talk-button:hover{background-color:var(--accent-hover-color);box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.watch-talk-button svg{height:16px;width:16px}.talk-card-grid .talk-card-actions{margin-top:12px}.talk-card-grid .watch-talk-button{font-size:.8rem;padding:6px 12px}.no-talks-message{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:20px;padding:60px 0;text-align:center}@media (max-width:768px){.talks-grid{grid-template-columns:1fr}.talk-card-title{font-size:1.3rem}}.about-container{margin:0 auto;max-width:1200px;padding:40px 20px;width:100%}.about-hero{background-color:#fff;border:1px solid #f0f7ff;border-radius:16px;box-shadow:0 10px 30px #0070f314;display:flex;margin-bottom:50px;overflow:hidden;padding:0;position:relative}.about-hero:before{background:linear-gradient(135deg,#e6f0ffb3,#fff0 50%);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.about-hero-content{align-items:center;display:flex;position:relative;width:100%;z-index:2}.about-hero-text{flex:1 1;padding:50px 40px}.about-hero-image{flex:0 0 38%;height:100%;min-height:400px;overflow:hidden;position:relative}.about-hero-image:after{bottom:0;box-shadow:inset 0 0 0 1px #0000001a;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:2}.about-hero-image img{display:block;filter:brightness(1.02);height:100%;object-fit:cover;object-position:center;width:100%}.about-hero h1{color:#111;display:inline-block;font-size:2.8rem;font-weight:700;margin-bottom:12px;position:relative}.about-hero h1:after{background:linear-gradient(to right,var(--accent-color),var(--accent-color-secondary));border-radius:2px;bottom:-8px;content:"";height:4px;left:0;position:absolute;width:60px}.about-hero h2{color:var(--accent-color);font-size:1.4rem;font-weight:500;margin-bottom:24px}.about-tagline{color:#555;font-size:1.15rem;line-height:1.7;margin-bottom:0;max-width:100%;position:relative}.main-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(var(--bg-color-rgb),.7);border-bottom:1px solid var(--border-color);display:flex;justify-content:center;margin-bottom:40px;padding:0;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;z-index:90}.main-nav-item{font-family:Roboto Mono,monospace;font-size:var(--font-size-small);margin:0 15px}.main-nav-item a{color:var(--color-text);padding:5px 0;text-decoration:none;transition:color var(--transition-fast)}.main-nav-item a:hover,.main-nav-item.active a{color:var(--color-primary)}.main-nav-item.active a{border-bottom:2px solid var(--color-primary)}.nav-container{align-items:center;background-color:initial;display:flex;justify-content:space-between;max-width:var(--content-max-width);padding:15px 20px;width:100%}.nav-scrolled{background-color:rgba(var(--bg-color-rgb),.85);box-shadow:0 5px 15px #00000014;padding:5px 0;position:-webkit-sticky;position:sticky;top:0;transition:all var(--transition-fast)}.logo-link,.nav-brand{align-items:center;display:flex}.logo-link{color:var(--text-color);font-weight:600;gap:8px;text-decoration:none;transition:transform .3s ease}.logo-link:hover{transform:translateY(-2px)}.logo-symbol{color:var(--color-primary);margin-right:8px}.logo-symbol,.logo-text{font-family:Roboto Mono,monospace}.logo-text{background-clip:text;-webkit-background-clip:text;background-image:linear-gradient(120deg,var(--accent-color),var(--accent-color-secondary));font-size:1.4rem}.nav-items{display:flex;gap:8px}.nav-item{font-family:Roboto Mono,monospace;font-size:.95rem;margin:0 5px;position:relative}.nav-item a{color:var(--text-color);display:block;font-weight:500;padding:8px 12px;position:relative;text-decoration:none;transition:color .2s ease}.nav-item a:hover,.nav-item.active a{color:var(--accent-color)}.nav-highlight{background-color:var(--color-primary);bottom:0;height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:left center;transition:transform var(--transition-fast);width:100%}.nav-highlight.visible{opacity:1;transform:scaleX(1)}.nav-search{align-items:center;display:flex;margin-left:20px;position:relative}.nav-search form{width:100%}.search-container{align-items:center;display:flex;position:relative;width:100%}.search-input{background:var(--search-bg);border:none;border-radius:20px;color:var(--text-color);font-family:var(--font-body);font-size:.9rem;padding:8px 40px 8px 15px;transition:all .3s ease;width:200px}.search-input:focus{box-shadow:0 0 0 2px var(--accent-color-light);outline:none;width:260px}.search-icon{align-items:center;background:#0000;border:none;color:var(--text-muted);cursor:pointer;display:flex;font-size:1rem;height:24px;justify-content:center;padding:0;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .3s ease;width:24px}.search-icon:hover{color:var(--accent-color)}.autocomplete-dropdown{background:var(--card-bg);border-radius:var(--radius-medium);box-shadow:0 4px 12px #0000001a;left:0;margin-top:8px;max-height:400px;overflow-y:auto;padding:10px 0;position:absolute;right:0;top:100%;z-index:100}.autocomplete-item{border-bottom:1px solid var(--border-color-light);display:flex;flex-direction:column;padding:12px 15px;text-decoration:none;transition:background-color .2s ease}.autocomplete-item:last-child{border-bottom:none}.autocomplete-item:hover{background-color:var(--hover-bg)}.autocomplete-type{color:var(--accent-color);font-size:.7rem;font-weight:600;margin-bottom:3px;text-transform:uppercase}.autocomplete-title{color:var(--text-color);font-weight:500;margin-bottom:5px}.autocomplete-meta{align-items:center;color:var(--text-muted);display:flex;font-size:.8rem}.autocomplete-date{margin-right:12px}.autocomplete-reading-time{align-items:center;display:flex}.autocomplete-reading-time:before{content:"•";margin-right:5px}.autocomplete-view-all{color:var(--accent-color);display:block;font-size:.85rem;font-weight:500;margin-top:5px;padding:10px;text-align:center;text-decoration:none;transition:color .2s ease}.autocomplete-view-all:hover{color:var(--accent-color-dark);text-decoration:underline}.nav-list{list-style-type:none;margin:0 0 var(--spacing-xl) 0;padding:0}.sidebar-logo{color:var(--color-text);display:block;font-family:var(--font-heading);font-size:var(--font-size-base);margin-bottom:var(--spacing-2xl)}.sidebar-section{margin-bottom:var(--spacing-xl)}.sidebar-heading{border-bottom:1px solid var(--color-border-light);color:var(--color-text);font-family:var(--font-heading);font-size:var(--font-size-small);font-weight:500;margin-bottom:var(--spacing-md);padding-bottom:8px}.toc-list{list-style-type:none;margin:0;padding:0}.toc-item{border-left:2px solid #0000;font-family:var(--font-body);font-size:var(--font-size-smaller);margin-bottom:10px;padding-left:10px}.toc-item.active{border-left:2px solid var(--color-primary)}.toc-item a{color:var(--color-text);display:block;text-decoration:none;transition:color var(--transition-fast)}.toc-item a:hover,.toc-item.active a{color:var(--color-primary)}.tag-cloud{display:flex;flex-wrap:wrap;gap:8px}.tag{background:var(--color-tag-bg);border-radius:var(--radius-small);color:var(--color-tag-text);cursor:pointer;font-size:var(--font-size-smallest);padding:4px 8px;text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast)}.tag:hover{background:var(--color-button-hover)}.category-filter{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:40px}.category-button{background:var(--button-bg);border:none;border-radius:30px;color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .2s ease}.category-button:hover{background:var(--button-hover-bg);transform:translateY(-2px)}.category-button.active{background:var(--accent-color);color:#fff}.blog-title{line-height:1.3;margin-bottom:10px}.blog-title,.page-title{font-family:var(--font-heading);font-size:24px;font-weight:500}.page-title{border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-2xl);padding-bottom:10px}.section-header{margin-bottom:40px;position:relative;text-align:center}.section-title{color:var(--heading-color);font-family:var(--font-heading);font-size:2.2rem;font-weight:700;margin-bottom:15px}.section-line{background:linear-gradient(to right,var(--accent-color),var(--accent-color-secondary));border-radius:2px;height:4px;margin:0 auto;width:80px}.hero-title{word-wrap:break-word;color:var(--heading-color);font-family:var(--font-heading);font-size:clamp(2.2rem,3vw,3.5rem);font-weight:800;-webkit-hyphens:auto;hyphens:auto;line-height:1.15;margin-bottom:20px}.hero-line{animation:fadeInUp .8s ease-out;animation-fill-mode:both;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(to right,var(--accent-color),var(--accent-color-secondary));color:#0000;display:block;margin-bottom:5px}.hero-line:nth-child(2){animation-delay:.2s}.hero-line:nth-child(3){animation-delay:.4s}.hero-subtitle{animation:fadeInUp .8s ease-out .4s;animation-fill-mode:both;color:var(--text-secondary);font-size:clamp(.95rem,1.5vw,1.1rem);line-height:1.5;margin-bottom:30px}.blog-content p{font-family:var(--font-body);font-size:var(--font-size-base);line-height:var(--line-height-content);margin-bottom:24px}.blog-content h2{border-bottom:1px solid var(--color-border);font-size:20px;margin:var(--spacing-2xl) 0 var(--spacing-lg);padding-bottom:8px}.blog-content h2,.blog-content h3{font-family:var(--font-heading);font-weight:500}.blog-content h3{font-size:18px;margin:var(--spacing-xl) 0 var(--spacing-md)}.blog-content a{border-bottom:1px solid #0000;color:var(--color-primary);text-decoration:none;transition:border-color var(--transition-fast)}.blog-content a:hover{border-color:var(--color-primary)}.blog-meta{align-items:center;color:var(--color-text-light);display:flex;flex-wrap:wrap;font-family:var(--font-heading);font-size:var(--font-size-smallest);gap:10px}.blog-content code{background:var(--color-code-bg);border-radius:var(--radius-small);color:#d33682;font-family:Roboto Mono,Menlo,Consolas,monospace;font-size:var(--font-size-small);padding:2px 4px}.blog-content ol,.blog-content ul{margin-bottom:24px;padding-left:28px}.blog-content li{margin-bottom:10px}.blog-content blockquote{background:var(--color-block-quote-bg);border-left:4px solid var(--color-border-light);border-radius:0 var(--radius-small) var(--radius-small) 0;color:var(--color-text);font-style:italic;margin:var(--spacing-xl) 0;padding:16px 24px}.blog-content blockquote p:last-child{margin-bottom:0}.blog-content hr{background:var(--color-border);border:none;height:1px;margin:var(--spacing-2xl) 0}.no-posts-message{gap:20px;padding:60px 0;text-align:center}.home-loading,.no-posts-message{align-items:center;color:var(--text-muted);display:flex;flex-direction:column}.home-loading{justify-content:center;min-height:60vh}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.monospace-text{font-family:Roboto Mono,SF Mono,Consolas,monospace}.blog-content img,.blog-image{border-radius:var(--radius-medium);box-shadow:var(--shadow-small);display:block;height:auto;margin:30px auto;max-width:100%}.blog-content img.full-width{border-radius:var(--radius-small);margin-left:-20px;margin-right:-20px;max-width:calc(100% + 40px)}.blog-content img.center{margin-left:auto;margin-right:auto}.blog-content figure{margin:30px 0;text-align:center}.blog-content figcaption{color:var(--color-text-light);font-size:.9em;font-style:italic;margin-top:10px}@media (max-width:1024px){.hero-section{flex-direction:column;padding:60px 30px;text-align:center}.hero-content{margin-bottom:30px;max-width:580px;padding:0}.hero-title{font-size:clamp(2rem,4vw,3.2rem)}.hero-cta,.tech-badges{justify-content:center}.featured-posts{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){body{--content-padding:25px}.desktop-only{display:none!important}.mobile-only{display:block!important}.main-content{margin-left:0!important;max-width:100%!important;padding:var(--content-padding)}.content-wrapper{padding:0 15px}.sidebar{width:var(--sidebar-width)}.main-nav{flex-wrap:wrap}.main-nav-item{margin:5px 10px}.dark-mode .sidebar-open .main-content,.sidebar-open .main-content{margin-left:0;opacity:.4}.dark-mode .sidebar-open .sidebar-toggle,.sidebar-open .sidebar-toggle{left:calc(var(--sidebar-width) + var(--spacing-lg))}.hero-title{font-size:3rem}.hero-subtitle{font-size:1.1rem}.section-title{font-size:1.8rem}.newsletter-container{padding:40px 20px}.newsletter-title{font-size:1.8rem}.newsletter-description{font-size:1rem}.newsletter-form{flex-direction:column}.newsletter-button{justify-content:center;width:100%}.code-block{border-radius:var(--radius-medium);margin:25px 0}.code-header{padding:10px 12px}.line-number{min-width:30px;padding:0 8px}.code-line{padding:0 10px}.talks-component-header{flex-direction:column;gap:15px;padding:20px}.talks-component-content{padding:20px}.talks-grid{gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.talk-card-title{font-size:1.3rem}.talk-play-button{height:60px;width:60px}.talk-play-button svg{height:25px;width:25px}.talks-controls{align-items:center;flex-direction:column;gap:15px}.section-subtitle{font-size:1rem;margin-bottom:15px}.view-toggle{margin-bottom:10px}}@media (max-width:576px){body{--content-padding:20px}.main-content{padding:var(--content-padding)}.content-wrapper{padding:0 10px}.blog-title{font-size:20px}.blog-content h2{font-size:18px;margin:var(--spacing-xl) 0 var(--spacing-md)}.blog-content h3{font-size:16px}.blog-content p{font-size:15px}.blog-cards-container{grid-template-columns:1fr}.blog-card-footer{align-items:flex-start;flex-direction:column;gap:15px}.blog-card-action{margin-left:0}.code-table{font-size:12px}.code-action{font-size:11px;padding:6px 10px}.line-number{min-width:24px;padding:3px 6px}.code-line{padding:3px 8px}.code-row{height:22px}.hero-section{padding:40px 20px}.hero-title{font-size:clamp(1.8rem,5vw,2.4rem)}.hero-subtitle{font-size:.95rem;margin-bottom:25px}.hero-cta{flex-direction:column;gap:10px}.hero-button{justify-content:center;width:100%}.featured-post-content{padding:20px}.featured-post-title{font-size:1.3rem}}@media (max-width:360px){.blog-title{font-size:18px}.blog-content h2{font-size:16px}.blog-content h3{font-size:15px}}.dark-mode{background-color:#121212;color:#e0e0e0}.dark-mode .sidebar{background:#1e1e1e}.dark-mode .sidebar-heading{border-bottom-color:#333;color:#ccc}.dark-mode .sidebar-logo{color:#ccc}.dark-mode .sidebar .post-title a{color:#e0e0e0}.dark-mode .sidebar .post-title a:hover{color:#5e9eff}.dark-mode .sidebar .post-tag{background:#333;color:#ccc}.dark-mode .sidebar .post-item{border-bottom-color:#333}.dark-mode .blog-content blockquote{background:#1e1e1e;border-left-color:#444;color:#ccc}.dark-mode .blog-content ol,.dark-mode .blog-content ul{color:#e0e0e0}.dark-mode .blog-content hr{background:#333}.dark-mode .post-item{border-bottom-color:#333}.dark-mode .post-item .post-title a{color:#e0e0e0}.dark-mode .post-item .post-title a:hover{color:#5e9eff}.dark-mode .post-item .post-excerpt{color:#aaa}.dark-mode .post-item .post-tag{background:#333;color:#ccc}.dark-mode .post-item .post-read-more a{color:#5e9eff}.dark-mode .post-item .post-read-more a:hover{color:#7eaeff}.dark-mode .social-link{background:#333;color:#ddd}.dark-mode .social-link:hover{background:#444;color:#0070f3}.dark-mode .blog-card{box-shadow:0 8px 30px #0003}.dark-mode .blog-card-hovered{box-shadow:0 12px 40px #0000004d}.dark-mode .tech-badge{box-shadow:0 4px 12px #00000026}.dark-mode .nav-scrolled{background-color:var(--color-background);box-shadow:0 5px 15px #0003}.dark-mode .page-title{border-bottom-color:#333}.dark-mode .featured-post-card{box-shadow:0 10px 30px #0003}.dark-mode .code-block{background:#1e1e1e;border-color:#ffffff1a;box-shadow:0 3px 12px #0000004d}.dark-mode .code-header{background:#2d2d2d;border-bottom-color:#ffffff1a;color:#ccc}.dark-mode .code-action{background:#444;color:#ccc}.dark-mode .code-action:hover{background:#555}.dark-mode .code-container{background:#282a36}.dark-mode .line-number{background:#252525;border-right-color:#3d3d3d;color:#777}.dark-mode .code-line{color:#f8f8f2}.dark-mode .code-row:nth-child(odd){background-color:#ffffff05}.dark-mode .blog-content code{background:#2d2d2d;color:#ff79c6}.dark-mode .sidebar-toggle{background:#1e1e1e;border-color:#222;box-shadow:0 1px 3px #0003}.dark-mode .sidebar-toggle:hover{background:#252525}.dark-mode .toggle-icon span{background:#aaa;opacity:.6}.dark-mode .sidebar-toggle:hover .toggle-icon span{opacity:.9}.dark-mode .dark-mode-icon{background:#f1c40f}.dark-mode .dark-mode-icon:after{background:#1e1e1e}@media screen and (max-width:767px){.mobile-container,.mobile-container .content-wrapper,.mobile-container .main-content,.mobile-container .page-container,.mobile-full-width{max-width:100%!important;width:100%!important}.mobile-no-spacing{margin:0!important;padding:0!important}.mobile-standard-spacing{padding:0 16px!important}.mobile-container *,.mobile-container :after,.mobile-container :before{box-sizing:border-box!important}body,html{min-height:100%;min-height:100vh;min-height:calc(var(--vh, 1vh)*100);overflow-x:hidden!important;overflow-y:auto!important;position:static!important}body.mobile{margin:0;padding:0;width:100%}}@supports (-webkit-touch-callout:none){@media screen and (max-width:767px){body,html{-webkit-overflow-scrolling:touch;overscroll-behavior-y:none}.mobile-container{min-height:-webkit-fill-available}}}@media screen and (max-width:767px){.mobile-container{background:var(--bg-color);display:flex;flex-direction:column;min-height:100vh;min-height:calc(var(--vh, 1vh)*100);position:relative}.mobile-container .main-content{display:flex;flex:1 1;flex-direction:column;margin:0;overflow:visible;padding:0}.mobile-container .sidebar{display:none!important}.mobile-container .page-container{min-height:calc(100vh - 140px);padding:60px 0 80px;transition:padding-top .3s ease-in-out}.mobile-navbar.hidden~.content-wrapper .page-container{padding-top:16px}.mobile-navbar{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);height:56px;left:0;position:fixed;right:0;top:0;transform:translateY(0);transition:transform .3s ease-in-out;z-index:1000}.mobile-navbar.hidden{transform:translateY(-100%)}.mobile-navbar.visible{transform:translateY(0)}.mobile-navbar-top{align-items:center;display:flex;gap:12px;height:100%;justify-content:space-between;padding:0 16px}.mobile-logo{align-items:center;color:var(--text-primary);display:flex;flex-shrink:0;font-weight:600;gap:8px;text-decoration:none}.logo-symbol{color:var(--color-primary);font-family:monospace}.mobile-search-button{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 12px;transition:all .2s}.mobile-search-button:active,.mobile-search-button:hover{background:var(--bg-hover);color:var(--text-primary)}.bottom-nav{align-items:center;background:var(--bg-secondary);border-top:1px solid var(--border-color);bottom:0;display:flex;height:60px;justify-content:space-around;left:0;padding:0 8px;position:fixed;right:0;transform:translateY(0);transition:transform .3s ease-in-out;z-index:1000}.bottom-nav.hidden{transform:translateY(100%)}.bottom-nav.visible{transform:translateY(0)}.bottom-nav-item{align-items:center;color:var(--text-secondary);display:flex;flex:1 1;flex-direction:column;font-size:11px;height:100%;justify-content:center;padding:8px 4px;text-decoration:none;transition:all .2s ease}.bottom-nav-item.active{color:var(--color-primary)}.bottom-nav-icon{font-size:20px;margin-bottom:4px}.mobile-search-panel{animation:slideDown .3s ease;background:var(--bg-color);border-bottom:1px solid var(--border-color);box-shadow:0 2px 8px #0000001a;left:0;padding:12px 16px;position:fixed;right:0;top:56px;z-index:998}}@media screen and (max-width:767px){@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.mobile-search-container{align-items:center;display:flex;gap:8px}.mobile-search-input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;flex:1 1;font-size:16px;padding:10px 16px}.mobile-search-close{background:#0000;border:none;color:var(--text-secondary);cursor:pointer;padding:8px}.mobile-search-results{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;margin-top:12px;max-height:calc(100vh - 200px);overflow-y:auto;padding:8px 0}.mobile-search-result{color:var(--text-primary);display:block;padding:12px 16px;text-decoration:none;transition:background .2s}.mobile-search-result:active,.mobile-search-result:hover{background:var(--bg-hover)}.mobile-result-title{font-size:14px;line-height:1.4}.mobile-view-all-results{border-top:1px solid var(--border-color);color:var(--color-primary);display:block;font-size:14px;font-weight:500;margin-top:8px;padding:12px 16px;text-align:center;text-decoration:none}.mobile-search-panel~.main-content{padding-top:60px}.search-panel{display:none!important}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.1rem}.blog-content{font-size:16px;line-height:1.6;padding:0 16px}pre{border-radius:0;font-size:14px}.code-block,pre{margin:16px -16px}.blog-content img,.blog-image{border-radius:0;margin:24px -16px;max-width:calc(100% + 32px);width:calc(100% + 32px)}blockquote{font-size:.95rem;margin:16px 0;padding:12px 16px}.blog-grid{display:flex;flex-direction:column;gap:16px;padding:0 16px}.blog-card{border-radius:12px;margin:0;padding:16px;width:100%}.blog-card-title{font-size:1.1rem;margin-bottom:8px}.blog-card-summary{font-size:.9rem;line-height:1.5}.grid-container{gap:16px;grid-template-columns:1fr;padding:0 16px}.blog-tag,.post-tag,.tag-link{background:var(--tag-bg);border-radius:16px;color:var(--tag-color);display:inline-block;font-size:12px;margin:4px;padding:4px 12px;text-decoration:none;white-space:nowrap}.blog-tags,.post-tags,.tags-container{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.tag-page .tags-grid{display:flex;flex-wrap:wrap;gap:12px;padding:16px}.tag-page .tag-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;flex-basis:calc(50% - 6px);flex-grow:1;flex-shrink:1;min-width:140px;padding:16px;text-align:center}input[type=email],input[type=search],input[type=text],select,textarea{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:16px;padding:12px 16px;width:100%}.button,button{border-radius:8px;font-size:16px;padding:12px 24px;touch-action:manipulation;width:100%}.hero-section{padding:40px 16px;text-align:center}.hero-title{font-size:2rem;margin-bottom:16px}.hero-subtitle{font-size:1rem;margin-bottom:24px}.social-links{gap:24px;justify-content:center}body{overflow-x:hidden}.about-container *{max-width:100%!important}.about-content{margin:0!important;padding:0!important;width:100%!important}.about-image{height:200px;margin:0 auto 24px;width:200px}.skills-grid,.talks-grid{gap:16px;grid-template-columns:1fr}.talks-grid{padding:0 16px}.talk-card{padding:16px}.talk-title{font-size:1.1rem}.publications-grid{gap:16px;grid-template-columns:1fr;padding:0 16px}.publication-card{padding:16px}.pdf-thumbnail{height:140px;width:100px}.archive-list{padding:0 16px}.archive-month{border-bottom:1px solid var(--border-color);padding:16px 0}.archive-posts{padding:12px 0}.archive-post-item{font-size:.9rem;padding:8px 0}.desktop-only{display:none!important}.mobile-only{display:block!important}.prevent-horizontal-scroll{max-width:100vw!important;overflow-x:hidden!important}.touch-target{min-height:44px;min-width:44px}.mobile-dark-mode-toggle{bottom:80px!important;box-shadow:0 2px 8px #0003!important;height:48px!important;right:16px!important;transition:bottom .3s ease-in-out;width:48px!important;z-index:999}.mobile-dark-mode-toggle.bottom-nav-hidden{bottom:20px!important}.dark-mode .bottom-nav,.dark-mode .mobile-navbar{background:var(--dark-bg-secondary);border-color:var(--dark-border-color)}.dark-mode .search-panel{background:var(--dark-bg-color);border-color:var(--dark-border-color)}.dark-mode .blog-card{background:var(--dark-bg-secondary);border-color:var(--dark-border-color)}}@media print{.bottom-nav,.mobile-navbar,.search-panel,.sidebar{display:none!important}.blog-content,.mobile-container .page-container{padding:0}}
/*# sourceMappingURL=main.1e0cf8ef.css.map*/