.sidebar{height:100%;background-color:#f4f4f4;padding:1.5rem;border-right:1px solid #ddd;box-sizing:border-box}.nav{display:flex;flex-direction:column;gap:.75rem}.sidebar a{color:#333;font-size:1.5rem;text-decoration:none}.sidebar a.active{font-weight:700;color:#0070f3}.layout{display:flex;height:100vh;overflow:hidden}.sidebar-container{flex-shrink:0;box-sizing:border-box;border-right:1px solid #ddd;background-color:#f4f4f4;width:auto}.main{flex-grow:1;overflow-y:auto;padding:2rem;box-sizing:border-box}.hamburger{display:none;font-size:1.5rem;padding:1rem;border:none;background:none;cursor:pointer}@media (max-width: 768px){.layout{flex-direction:column}.hamburger{display:block;font-size:2rem;padding:1rem 1.5rem;background:none;border:none;cursor:pointer;color:#333;margin-left:1rem}.sidebar-container{display:none;width:100%;border-right:none;border-bottom:1px solid #ddd}.sidebar-container.open{display:block}}.home-page{display:flex;flex-direction:column;gap:2.5rem;max-width:800px;margin:0 auto}.heading-container{display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap}.profile-image{width:200px;border-radius:50%;flex-shrink:0}.quote-box{flex:1;font-size:1.5rem;font-weight:500;font-style:italic;color:#666;line-height:1.6;min-width:220px;max-width:480px}.animated-text{display:flex;flex-wrap:wrap}.animated-word{display:inline-flex;white-space:nowrap}.animated-word span{opacity:0;animation:fadeIn .3s ease forwards}@keyframes fadeIn{to{opacity:1}}.text-section{line-height:1.7}.base-card{display:flex;gap:2rem;padding:1.5rem;background:#fff;border-radius:12px;margin-bottom:2rem;box-shadow:0 2px 12px #0000000d;box-sizing:border-box;align-items:flex-start}.card-image{width:200px;height:200px;border-radius:12px;object-fit:cover;flex-shrink:0}.card-content{flex:1;min-width:0;box-sizing:border-box}.button-row{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1rem}.btn{padding:.4rem 1rem;border-radius:6px;border:1px solid #ccc;text-decoration:none;color:#333;font-weight:500;transition:all .2s ease}.btn:hover{background:#f0f0f0;border-color:#aaa}@media (max-width: 768px){.base-card{flex-direction:column;align-items:center;text-align:center}.card-image{width:100%;max-width:100%;height:auto;max-height:220px;aspect-ratio:1 / 1;border-radius:12px}.card-content{width:100%;text-align:left;margin-top:1rem}}.research-content h3{margin:0}.venue{font-weight:500;color:#555;margin:.25rem 0}.authors{font-size:1rem;color:#444;margin-bottom:.75rem}.article-card{height:180px}.image-container{width:160px;height:100%;flex-shrink:0;overflow:hidden;border-radius:8px;background-color:#eee}.article-image{width:100%;height:100%;object-fit:cover}.article-content{display:flex;flex-direction:column;justify-content:space-between}.hook{color:#444;font-size:1.2rem;font-style:italic;flex-grow:1;margin-bottom:.75rem}.coming-soon{border:none;color:#999;font-style:italic}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.6;font-weight:400;color:#333;background-color:#f9f9f9;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;font-size:18px;min-width:320px;min-height:100vh;background-color:var(--bg)}a{font-weight:500;color:#0056b3;text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin-top:0}img{max-width:100%;display:block}