@font-face{font-family:'Inter SemiBold';src:url("../fonts/Inter-SemiBold.woff2") format("woff2");font-weight:normal;font-style:normal}@font-face{font-family:'Inter Thin';src:url("../fonts/Inter-Thin.woff2") format("woff2");font-weight:normal;font-style:normal}@font-face{font-family:'Inter Regular';src:url("../fonts/Inter_28pt-Regular.woff2") format("woff2");font-weight:normal;font-style:normal}html,body{min-height:100%;margin:0;padding:0;font-family:'Inter Regular', sans-serif;color:#000;overflow-x:hidden}h1,h2,h3,h4{font-family:'Inter Regular', sans-serif;word-wrap:break-word}h1{margin-bottom:0.5em}h2{margin-bottom:0.5em}h1{font-size:2.5em}h2{font-size:2em}h3{font-size:1.5em}h4{font-size:1.2em}h5{font-size:1.1em}h6{font-size:1.1em}.container{display:flex;flex-direction:column;min-height:100vh;position:relative}.wrapper{max-width:800px;margin:0 auto;padding:150px 30px 100px;flex-grow:1;overflow-y:auto;position:relative;z-index:1;height:calc(100vh - 250px);-webkit-mask-image:linear-gradient(to bottom, transparent 0%, transparent 75px, #000 125px, #000 calc(100% - 85px), transparent calc(100% - 35px), transparent 100%);mask-image:linear-gradient(to bottom, transparent 0%, transparent 75px, #000 125px, #000 calc(100% - 85px), transparent calc(100% - 35px), transparent 100%);-webkit-mask-mode:alpha;mask-mode:alpha;-ms-overflow-style:none;scrollbar-width:none}.wrapper::-webkit-scrollbar{width:0;background:transparent}.wrapper::-webkit-scrollbar-thumb{background:transparent}#scroll-fade-overlay{display:none}.header{position:fixed;top:20px;left:20px;z-index:3}.quote-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;opacity:0;z-index:5;pointer-events:none;transition:opacity 0.4s ease}html.dark-mode .quote-overlay{background:#000000}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}.home-quote{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center;z-index:6;font-family:'Inter SemiBold', sans-serif;max-width:600px;cursor:default;padding:2em 3em;opacity:0;animation:fade-in 1s ease forwards}.home-quote:hover+.quote-overlay{opacity:1}.header h1 a{color:inherit;text-decoration:none}html.dark-mode .header h1 a{color:#f0f0f0}.header h1 a:hover{color:#555}html.dark-mode .header h1 a:hover{color:#cccccc}.header nav ul{list-style:none;padding:0;margin:10px 0 0 0}.header nav ul li{display:flex;align-items:center}.header nav ul li a{color:inherit;text-decoration:none;padding:5px 0;font-family:'Inter SemiBold', sans-serif}html.dark-mode .header nav ul li a{color:#f0f0f0}.header nav ul li a:hover{color:#555}html.dark-mode .header nav ul li a:hover{color:#cccccc}.centered-content-page .content h2 a,.content ul h2 a{text-decoration:none}.content a{color:inherit;text-decoration:underline}html.dark-mode .content a{color:#f0f0f0}.content a:hover{color:#555;text-decoration:none}html.dark-mode .content a:hover{color:#cccccc;text-decoration:none}.footer{position:fixed;bottom:20px;right:20px;text-align:right;z-index:3}.footer p{font-family:'Inter SemiBold', sans-serif}.footer p a{color:inherit;text-decoration:none;font-family:'Inter SemiBold', sans-serif}.footer p a:hover{color:#555}html.dark-mode .footer p a:hover{color:#cccccc}.nav-circle{display:inline-block;width:8px;height:8px;background-color:#000;border-radius:50%;margin-right:5px;vertical-align:middle}html.dark-mode .nav-circle{background-color:#fff}.content ul{list-style:none;padding-left:0}.content li{margin-bottom:10px}.blog-page .content li{margin-bottom:30px;text-align:center;opacity:0}.blog-page .content li h4{text-align:center}.blog-page .content li h4 a{text-decoration:none}.blog-page .content li .post-meta{text-align:center}.blog-page .content li .excerpt{text-align:center}h2#table-of-contents+ul{list-style:disc;padding-left:20px}.centered-content-page .content{text-align:center}.centered-content-page .content ul{display:table;margin-left:auto;margin-right:auto;text-align:left}.centered-content-page .content ul li{display:flex;align-items:center;justify-content:space-between;text-align:left;margin-bottom:20px}.centered-content-page .content ul li .excerpt{flex-shrink:0;margin-left:100px}.centered-content-page .content ul li .excerpt img{max-width:100px;height:auto;display:block}.centered-content-page .content ul li>div:not(.excerpt){flex-grow:1}.centered-content-page .content ul li h2{text-align:right;width:100%}.centered-content-page .content ul li .excerpt{text-align:left}.centered-content-page .content h1{font-size:3em;margin-bottom:0}.centered-content-page .content h2{font-size:2.5em;margin-bottom:0}.centered-content-page .content h3{font-size:1.8em}.content img{display:block;margin-left:auto;margin-right:auto;max-width:100%;height:auto}.content iframe{width:100%;height:auto;aspect-ratio:16 / 9;display:block;margin-left:auto;margin-right:auto}.centered-content-page .content .excerpt img{max-width:300px;height:auto}html.dark-mode body{color:#f0f0f0}html.dark-mode .site-header{background-color:#2a2a2a;border-bottom:1px solid #3a3a3a}html.dark-mode .site-nav .page-link{color:#f0f0f0}html.dark-mode .site-nav .page-link:hover{color:#929292}html.dark-mode .post-link{color:#f0f0f0}html.dark-mode .post-link:hover{color:#929292}html.dark-mode .site-footer{background-color:#2a2a2a;border-top:1px solid #3a3a3a;color:#f0f0f0}html.dark-mode .header nav ul li a{color:#f0f0f0}html.dark-mode .footer a{color:#f0f0f0}.theme-toggle-wrapper{position:fixed;bottom:20px;left:20px;z-index:3;display:flex;flex-direction:column;gap:10px}.theme-option{display:flex;align-items:center}.theme-option input[type="radio"],.theme-option input[type="checkbox"]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:12px;height:12px;border:2px solid #333;border-radius:0;cursor:pointer;margin-right:4px;position:relative;outline:none;background-color:transparent}html.dark-mode .theme-option input[type="radio"],html.dark-mode .theme-option input[type="checkbox"]{border-color:#ccc}.theme-option input[type="checkbox"]#color-toggle:checked{border-color:#000;background-color:#fff}.theme-option input[type="checkbox"]#color-toggle:checked::before{background-color:#000;content:'';display:block;width:6px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}html.dark-mode .theme-option input[type="checkbox"]#color-toggle:checked{border-color:#fff;background-color:#000}html.dark-mode .theme-option input[type="checkbox"]#color-toggle:checked::before{background-color:#fff}.theme-option input[type="radio"]#light-mode:checked{border-color:#000;background-color:#fff}.theme-option input[type="radio"]#light-mode:checked::before{background-color:#000;content:'';display:block;width:6px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.theme-option input[type="radio"]#dark-mode:checked{border-color:#fff;background-color:#000}html.dark-mode .theme-option input[type="radio"]#dark-mode:checked::before{background-color:#fff;content:'';display:block;width:6px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.theme-option label{cursor:pointer;font-size:1em;color:#000;font-family:'Inter SemiBold', sans-serif}html.dark-mode .theme-option label{color:#f0f0f0}::selection{background-color:#313131;color:#ffffff}html.dark-mode ::selection{background-color:#d6d6d6;color:#000000}*{margin:0;padding:0;box-sizing:border-box}#holder{position:fixed;top:0;left:0;width:100%;height:100%}@media screen and (max-width: 768px){.home-quote{font-size:0.8em}.header h1 a{font-size:0.8em;position:relative;top:-8px}h1{font-size:2.0em}.header nav ul{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:0px;width:100%;position:fixed;left:45px;right:60px}.header nav ul li:nth-child(1){grid-column:1;grid-row:1}.header nav ul li:nth-child(2){grid-column:1;grid-row:2}.header nav ul li:nth-child(3){grid-column:2;grid-row:1;text-align:right}.header nav ul li:nth-child(4){grid-column:2;grid-row:2;text-align:right}.header nav ul li a{font-size:0.8em}.theme-toggle-wrapper{top:120px;right:3px;bottom:auto;left:auto;flex-direction:column;gap:50px}.theme-option{display:flex;align-items:center;transform:rotate(90deg);transform-origin:top right}.theme-option input[type="radio"]{order:1;margin-right:5px}.theme-option label{order:2;writing-mode:horizontal-tb;text-orientation:mixed}.social-links{word-spacing:-1.4px}.theme-option label,.footer p{font-size:0.9em}.content p{font-size:1.1em}.wrapper{max-width:100%;padding-top:185px;-webkit-mask-image:linear-gradient(to bottom, transparent 0%, transparent 150px, #000 185px, #000 calc(100% - 105px), transparent calc(100% - 85px), transparent 100%);mask-image:linear-gradient(to bottom, transparent 0%, transparent 150px, #000 185px, #000 calc(100% - 105px), transparent calc(100% - 85px), transparent 100%)}.content img{object-fit:contain}.centered-content-page .content ul li{flex-direction:column;align-items:center;text-align:center;margin-bottom:40px}.centered-content-page .content ul li .excerpt{margin-left:0;margin-top:15px}.centered-content-page .content h2{font-size:1.8em}}.about-intro{text-align:center}.about-intro>h5,.about-intro>pre,.about-intro>p{opacity:0}pre.ascii-art{font-family:'Courier New', Courier, monospace;font-size:clamp(0.35em, 0.55vw, 0.85em);line-height:1.15;white-space:pre;text-align:left;display:flex;justify-content:center;width:100vw;margin-left:calc(-50vw + 50%);overflow:hidden;background:none;border:none;box-shadow:none;pointer-events:none}.content .profile-picture-section{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:20px}.content .profile-picture-circle{width:150px;height:150px;border-radius:50%;object-fit:cover;margin:0}.content .profile-picture-text{max-width:600px}@media (max-width: 600px){.content .profile-picture-section{grid-template-columns:1fr;justify-items:center;text-align:center}}.project-list,.art-list{display:flex;flex-direction:column;width:100%}@keyframes scatter-in{0%{opacity:0;transform:translate(var(--scatter-x), var(--scatter-y)) scale(0.8)}100%{opacity:1;transform:translate(0, 0) scale(1)}}.project-item,.art-item{display:flex;flex-direction:row;align-items:center;margin-bottom:20px;width:100%;gap:20px;opacity:0}.project-item{height:60px}.project-item.scatter-animate,.art-item.scatter-animate{opacity:0;animation:scatter-in 0.6s cubic-bezier(0.22, 1, 0.36, 1) forwards;will-change:transform, opacity;backface-visibility:hidden}.blog-page .content li.scatter-animate,.about-intro>.scatter-animate{opacity:0;animation:scatter-in 0.6s cubic-bezier(0.22, 1, 0.36, 1) forwards;will-change:transform, opacity;backface-visibility:hidden}.art-item::before{content:"";flex:1;min-width:0;order:1;display:block}.art-thumbnail{flex:0 0 300px;display:flex;justify-content:center;align-items:center;order:2}.art-thumbnail .excerpt{display:flex;justify-content:center;align-items:center;width:100%}.art-title{flex:1;min-width:0;display:flex;justify-content:center;align-items:center;text-align:center;padding:0 20px;order:3;opacity:0;transition:opacity 0.3s ease, transform 0.3s ease;transform:translateX(-10px);white-space:normal;word-wrap:break-word;overflow-wrap:break-word}.art-item:hover .art-title{opacity:1;transform:translateX(0)}.project-item:not(:has(>.project-tags))::before{content:"";flex:0 0 200px;order:1;display:block}.project-title{flex:1;display:flex;justify-content:center;align-items:center;text-align:center;padding:0 20px;order:2}.project-title .project-name{margin:0}.project-tags{flex:0 0 200px;order:1;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;padding:0 20px}.project-tag{display:inline-block;padding:4px 10px;border-radius:0;font-size:0.75rem;font-weight:600;line-height:1.2;letter-spacing:0.02em;color:#fff;white-space:nowrap}.tag-research,.tag-coursework,.tag-replication{background-color:#d23be7}.tag-ai-ml,.tag-rl,.tag-data{background-color:#4355db}.tag-llms,.tag-nlp,.tag-recsys{background-color:#34bbe6;color:#1a1a1a}.tag-game{background-color:#49da9a;color:#1a1a1a}.tag-hackathon{background-color:#f7d038;color:#1a1a1a}.tag-tool,.tag-systems,.tag-web3,.tag-robotics{background-color:#e6261f}html.color-off .color-label span:nth-child(1){color:#d23be7}html.color-off .color-label span:nth-child(2){color:#4355db}html.color-off .color-label span:nth-child(3){color:#34bbe6}html.color-off .color-label span:nth-child(4){color:#49da9a}html.color-off .color-label span:nth-child(5){color:#f7d038}html.color-off .color-label span:nth-child(6){color:#e6261f}html.color-off .header h1 a,html.color-off .header nav ul li a,html.color-off .content a,html.color-off .footer p a,html.color-off .project-title a,html.color-off .art-title a{transition:color 0.3s ease}.project-thumbnail{flex:0 0 200px;display:flex;justify-content:center;align-items:center;order:3}.project-item:has(.project-title a:hover) .project-tags,.project-item:has(.project-title a:hover) .project-thumbnail,.project-item:has(.project-thumbnail a:hover) .project-tags,.project-item:has(.project-thumbnail a:hover) .project-thumbnail{opacity:0.3;transition:opacity 0.5s ease}.project-thumbnail .excerpt{display:flex;justify-content:center;align-items:center;width:100%}.centered-content-page .content .project-thumbnail .excerpt img{height:60px;width:auto;max-width:none}.centered-content-page .content .art-thumbnail .excerpt img{max-width:250px;height:auto}.project-title a,.art-title a{text-decoration:none}@media screen and (max-width: 768px){.project-item,.art-item{flex-direction:column;text-align:center;opacity:1;height:auto}.project-item::before,.art-item::before{display:none}.project-title,.art-title,.project-thumbnail,.art-thumbnail{width:100%;flex:auto;margin-bottom:10px;order:unset}.project-title,.art-title,.project-thumbnail{opacity:1;transform:none;justify-content:center;text-align:center}.project-item,.art-item,.blog-page .content li{opacity:1}.about-intro>h5,.about-intro>pre,.about-intro>p{opacity:1}}
