*{margin:0;padding:0;box-sizing:border-box}html{background:linear-gradient(270deg,#004459,#3c6e71);background-size:400% 400%;animation:gradientShift 12s ease infinite;min-height:100%}html.theme-light{background:#f5f5f5;animation:none}html.theme-dark{background:#1a1a1a;animation:none}html.theme-gradient{background:linear-gradient(270deg,#004459,#3c6e71);background-size:400% 400%;animation:gradientShift 12s ease infinite}@font-face{font-family:NowAlt;src:url(/font/NowAlt-Regular.otf) format("opentype");font-weight:300 700;font-style:normal;font-display:swap}:root{--color-text: #2c2c2c;--color-text-light: #666666;--color-bg: #ffffff;--grad1: #004459;--grad2: #3c6e71;--color-accent: #bce73c;--border-color: rgba(255, 255, 255, .1);--border-color-subtle: rgba(255, 255, 255, .06);--border-color-light: rgba(255, 255, 255, .08);--font-family: "NowAlt", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--line-height: 1.6;--spacing-xs: .5rem;--spacing-sm: .5rem;--spacing-md: 2rem;--spacing-lg: 1rem;--spacing-xl: 4rem;--max-width: 1200px}body{font-family:var(--font-family);font-size:16px;line-height:var(--line-height);--color-text: #ffffff;--color-text-light: rgba(255,255,255,.85);--color-bg: #00000000;color:var(--color-text);background:linear-gradient(270deg,var(--grad1),var(--grad2));background-size:400% 400%;animation:gradientShift 12s ease infinite;font-weight:300}body.theme-light{--color-text: #020202;--color-text-light: #3b3b3b;--color-bg: #f5f5f5;--color-accent: #6cb5b9;--border-color: rgba(0, 0, 0, .15);--border-color-subtle: rgba(0, 0, 0, .1);--border-color-light: rgba(0, 0, 0, .12);color:var(--color-text);background:#f5f5f5;animation:none}body.theme-dark{--color-text: #ffffff;--color-text-light: rgba(255,255,255,.85);--color-bg: #1a1a1a;--color-accent: #6cb5b9;--border-color: rgba(255, 255, 255, .1);--border-color-subtle: rgba(255, 255, 255, .06);--border-color-light: rgba(255, 255, 255, .08);color:var(--color-text);background:#1a1a1a;animation:none}body.theme-gradient{--color-text: #ffffff;--color-text-light: rgba(255,255,255,.85);--color-bg: #00000000;--border-color: rgba(255, 255, 255, .1);--border-color-subtle: rgba(255, 255, 255, .06);--border-color-light: rgba(255, 255, 255, .08);color:var(--color-text);background:linear-gradient(270deg,var(--grad1),var(--grad2));background-size:400% 400%;animation:gradientShift 12s ease infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}#app{min-height:100vh;display:grid;grid-template-columns:1fr;max-width:var(--max-width);margin:0 auto;padding:var(--spacing-md);gap:var(--spacing-lg)}.navigation{position:fixed;left:20px;top:var(--spacing-md);width:250px;height:calc(100vh - var(--spacing-md));display:block;z-index:20;padding-left:8px}.nav-list{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-xs)}.nav-item{font-size:16px}.nav-link{color:var(--color-text-light);text-decoration:none;font-weight:300;transition:color .2s ease;display:block;padding:var(--spacing-xs) 0;font-size:16px}.nav-link:hover,.nav-link.active{color:var(--color-accent)}.nav-home{font-weight:400;color:var(--color-text)}.nav-home{font-size:1.5rem}.nav-text{color:var(--color-text);font-weight:400;display:block;padding:var(--spacing-xs) 0}.main-content{display:flex;flex-direction:column;gap:var(--spacing-xl)}.main-content{margin-left:250px}.hero{padding:var(--spacing-lg) 0;display:flex;gap:var(--spacing-xl);align-items:flex-start}.hero-content{flex:1}.hero-image-wrapper{flex-shrink:0;width:400px;height:400px;border-radius:16px;overflow:hidden;background:#ffffff0d;border:1px solid var(--border-color)}.hero-image{width:100%;height:100%;object-fit:cover;display:block}.hero-prefix{font-size:1.2rem;color:var(--color-text-light);font-weight:300;margin-bottom:.25rem}.hero-title{font-size:3.5rem;font-weight:300;letter-spacing:-.02em;margin-bottom:var(--spacing-sm);color:var(--color-accent)}.hero-subtitle{font-size:1.2rem;color:var(--color-text-light);font-weight:300;margin-bottom:var(--spacing-md)}.hero-bio{font-size:1rem;color:var(--color-text);max-width:600px;line-height:1.7}.home-section{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.section-title{font-size:2rem;font-weight:300;margin-bottom:var(--spacing-md);color:var(--color-accent)}.section-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.education-item,.experience-item,.learning-item{padding:var(--spacing-md);background:#ffffff08;border-radius:12px;border:1px solid var(--border-color-light)}.item-title{font-size:1.25rem;font-weight:400;color:var(--color-text);margin-bottom:.25rem}.item-subtitle{font-size:1rem;color:var(--color-accent);margin-bottom:.5rem}.item-year{display:inline-block;font-size:.9rem;color:var(--color-text-light);margin-bottom:.75rem;padding:.25rem .75rem;background:#ffffff0d;border-radius:16px}.item-description{font-size:1rem;line-height:1.6;color:var(--color-text-light);margin-top:.5rem}.resume-link{font-size:1rem;color:var(--color-text-light);margin-top:1rem;margin-bottom:1rem;text-align:left}.resume-link a{color:var(--color-accent);text-decoration:none;border-bottom:1px solid var(--color-accent);transition:opacity .2s ease}.resume-link a:hover{opacity:.8}.featured-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);margin-top:var(--spacing-md)}.project-box{display:block;padding:var(--spacing-lg);background:#ffffff08;border-radius:16px;border:1px solid var(--border-color-light);text-decoration:none;transition:all .3s ease;cursor:pointer;text-align:center}.project-box:hover{background:#ffffff0f;border-color:var(--color-accent);transform:translateY(-4px);box-shadow:0 8px 24px #bce73c1a}.project-box-image{width:100%;height:200px;object-fit:cover;border-radius:12px;margin-bottom:var(--spacing-md)}.project-box-title{font-size:1.5rem;font-weight:400;color:var(--color-text);margin-bottom:var(--spacing-xs)}.project-box-description{font-size:1rem;color:var(--color-text-light);line-height:1.5}.view-all-link{font-size:1rem;color:var(--color-text-light);margin-top:var(--spacing-md);text-align:left}.view-all-link a{color:var(--color-accent);text-decoration:none;border-bottom:1px solid var(--color-accent);transition:opacity .2s ease}.view-all-link a:hover{opacity:.8}.nav-social{display:flex;gap:1.5rem;align-items:center;margin-top:1rem;padding-top:1rem}.social-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--text);transition:all .3s ease;opacity:.8;text-decoration:none}.social-icon:hover{opacity:1;transform:translateY(-2px);color:var(--accent)}.social-icon svg{width:20px;height:20px}@media (max-width: 768px){.nav-social{flex-direction:row;justify-content:center;margin-top:2rem;padding-top:1.5rem;width:100%}}.site-footer{margin-top:var(--spacing-xl);padding:var(--spacing-lg) 0;border-top:1px solid var(--border-color);text-align:center}.footer-text{font-size:.9rem;color:var(--color-text-light)}.work-in-progress .wip-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-xl) 0;gap:var(--spacing-lg)}.wip-image{max-width:400px;width:100%;height:auto;border-radius:12px}.wip-message{font-size:1.25rem;color:var(--color-text);max-width:500px;line-height:1.6}.content-section{padding:var(--spacing-md) 0;border-bottom:1px solid var(--border-color-subtle)}.content-section:last-child{border-bottom:none}.section-title{font-size:1.5rem;font-weight:400;margin-bottom:var(--spacing-md);color:var(--color-text)}.section-content{color:var(--color-text);line-height:1.7}.section-content p{margin-bottom:var(--spacing-sm)}.section-content a{color:var(--color-accent);text-decoration:none}.section-content a:hover{text-decoration:underline}.number-list{display:flex;gap:var(--spacing-xs);flex-wrap:nowrap;margin-top:var(--spacing-sm);justify-content:center;width:auto}.number-controls{display:flex;align-items:center;gap:.75rem;justify-content:space-between;width:100%}.number-button{display:inline-flex;align-items:center;gap:.5rem;color:var(--color-accent);cursor:pointer;user-select:none;font-size:.95rem;white-space:nowrap}.number-button .icon{display:inline-block;font-size:14px;line-height:1}.number-button:hover{color:var(--color-accent)}.number-controls>.number-list{margin:0 auto}.number-item{color:var(--color-accent);font-size:14px;font-weight:400}.number-item{cursor:pointer;transition:color .12s ease,transform .12s ease}.number-item:hover{transform:translateY(-1px)}.number-item.active{color:var(--color-accent);font-weight:600}.hamburger{display:none;position:fixed;top:1.5rem;left:1.5rem;z-index:30;background:transparent;border:none;padding:0;cursor:pointer}.hamburger-icon{width:28px;height:22px;position:relative;display:flex;flex-direction:column;justify-content:space-between}.hamburger-icon span{display:block;height:3px;width:100%;background:var(--color-accent);border-radius:2px;transition:all .3s ease}.hamburger.active .hamburger-icon span:nth-child(1){transform:translateY(9.5px) rotate(45deg)}.hamburger.active .hamburger-icon span:nth-child(2){opacity:0}.hamburger.active .hamburger-icon span:nth-child(3){transform:translateY(-9.5px) rotate(-45deg)}@media (max-width: 768px){.hamburger{display:block}#app{grid-template-columns:1fr;padding:var(--spacing-xs) var(--spacing-sm);gap:var(--spacing-md)}.navigation{position:fixed;left:0;top:0;width:100vw;height:100vh;background:inherit;border-right:none;padding:6rem 2rem 2rem;z-index:25;transform:translate(-100%);transition:transform .3s ease;backdrop-filter:blur(20px);overflow-y:auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.navigation.active{transform:translate(0)}html.theme-light .navigation{background:#f5f5f5fa}html.theme-dark .navigation{background:#1a1a1afa}html.theme-gradient .navigation{background:linear-gradient(270deg,var(--grad1),var(--grad2));background-size:400% 400%;animation:gradientShift 12s ease infinite}.nav-list{flex-direction:column;gap:1.5rem;justify-content:center;align-items:center;width:100%}.nav-item{font-size:1.5rem;text-align:center}.nav-link{font-size:1.5rem;padding:.75rem 0;color:#fff}html.theme-light .nav-link{color:#1a1a1a}html.theme-dark .nav-link,html.theme-gradient .nav-link{color:#fff}.nav-home{font-size:2rem;margin-bottom:2rem;color:#fff}html.theme-light .nav-home{color:#1a1a1a}html.theme-dark .nav-home,html.theme-gradient .nav-home{color:#fff}.main-content{margin-left:0;margin-top:0;padding-top:4rem}.page-header{padding-top:.25rem;padding-bottom:.1rem}.page-title{font-size:2rem;margin-bottom:var(--spacing-xs)}.page-content{gap:var(--spacing-sm)}.architecture-block{width:100%}.featured-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.hero{flex-direction:column;align-items:center;gap:var(--spacing-lg)}.hero-image-wrapper{width:200px;height:200px;order:-1}.hero-content{text-align:center}.hero-bio{max-width:100%}}.page{display:flex;flex-direction:column;gap:var(--spacing-lg);min-height:80vh}.page-header{padding:var(--spacing-md) 0}.projects-page .page-header{padding-bottom:var(--spacing-sm)}.page-title{font-size:2.5rem;font-weight:300;letter-spacing:-.02em;margin-bottom:var(--spacing-sm);color:var(--color-accent)}.page-subtitle{font-size:1.2rem;color:var(--color-text-light);font-weight:300;max-width:600px;line-height:1.5}.page-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.project-card{padding:var(--spacing-md) 0;border-bottom:none}.page-content .project-card:first-child{padding-top:var(--spacing-sm)}.annotation-block{margin-top:2rem}.annotation-title{font-size:1.4rem;font-weight:400;margin-top:1.15rem;margin-bottom:1.15rem;color:var(--color-text)}.annotation-subtitle{font-size:1rem;color:var(--color-text)}.future-work-list{font-size:.9rem;color:var(--color-text-light);line-height:1.6;margin-top:1rem;padding-left:1.5rem}.future-work-item{margin-bottom:.75rem}.future-work-item:last-child{margin-bottom:0}.annotation-container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--spacing-lg);row-gap:var(--spacing-md);align-items:flex-start;max-width:900px;margin:2rem 0 0}.annotation-image{display:block;width:280px;height:auto;border-radius:24px}.annotation-label{max-width:200px;font-size:.9rem;line-height:1.4;padding:2rem 1rem;border-radius:999px;border:1px solid rgba(255,255,255,.7);background:#00000073;color:#fff;backdrop-filter:blur(6px)}.annotation-item{display:flex;align-items:center;gap:var(--spacing-sm)}.wide-image-container{display:flex;flex-direction:column;gap:var(--spacing-xl);margin-top:2rem;max-width:900px}.wide-image-item{display:flex;flex-direction:column;gap:var(--spacing-sm)}.wide-image{width:100%;height:auto;border-radius:16px;border:1px solid var(--border-color-light);display:block}.image-caption{font-size:.9rem;color:var(--color-text-light);line-height:1.5;text-align:center;font-style:italic}.architecture-block{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-lg);max-width:1000px}.architecture-title{font-size:1.4rem;font-weight:400;margin-top:1.15rem;margin-bottom:1.15rem;color:var(--color-text)}.architecture-subtitle{font-size:.9rem;color:var(--color-text-light);margin-bottom:var(--spacing-md)}.architecture-image-wrapper{border-radius:24px;overflow:hidden;box-shadow:0 18px 40px #00000073}.architecture-image{display:block;width:100%;height:auto}@media (max-width: 768px){.annotation-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.annotation-item{flex-direction:column;align-items:center;gap:.5rem}.annotation-label{margin-top:.25rem}}.project-title{font-size:1.6rem;font-weight:400;margin-bottom:var(--spacing-sm);color:var(--color-text)}.project-description{color:var(--color-text);line-height:1.6;margin-bottom:var(--spacing-sm);white-space:pre-line;font-size:1rem}.tech-list{display:flex;gap:var(--spacing-xs);flex-wrap:wrap;margin-bottom:1.5rem}.tech-tag{background-color:#ffffff0a;color:var(--color-text);padding:4px 12px;border-radius:12px;font-size:13px;font-weight:400}.education-card{padding:var(--spacing-md) 0;border-bottom:1px solid var(--border-color-subtle)}.education-card:last-child{border-bottom:none}.education-institution{font-size:1.4rem;font-weight:400;margin-bottom:var(--spacing-xs);color:var(--color-text)}.education-degree{font-size:1.1rem;font-weight:300;color:var(--color-text-light);margin-bottom:var(--spacing-xs)}.education-period{color:var(--color-accent);font-size:14px;font-weight:400;margin-bottom:var(--spacing-sm)}.education-description{color:var(--color-text);line-height:1.6}.skill-category{padding:var(--spacing-md) 0;border-bottom:1px solid var(--border-color-subtle)}.skill-category:last-child{border-bottom:none}.category-title{font-size:1.4rem;font-weight:400;margin-bottom:var(--spacing-md);color:var(--color-text)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}.skill-item{display:flex;flex-direction:column;gap:.5rem}.skill-name{font-size:.95rem;font-weight:400;color:var(--color-text);margin-bottom:.25rem}.progress-bar{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;position:relative}body.theme-light .progress-bar{background:#0000001a}body.theme-dark .progress-bar{background:#ffffff1a}.progress-fill{height:100%;background:linear-gradient(90deg,var(--grad2),var(--color-accent));border-radius:4px;width:0;transition:width 1.5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skills-list{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.skill-tag{background-color:#ffffff0a;color:var(--color-text);padding:6px 16px;border-radius:16px;font-size:14px;font-weight:400}.video-card{padding:var(--spacing-md) 0;border-bottom:none}.video-card:last-child{border-bottom:none}.video-title{font-size:1.4rem;font-weight:400;margin-bottom:var(--spacing-sm);color:var(--color-text)}.video-description{color:var(--color-text);line-height:1.6;margin-bottom:var(--spacing-sm)}.video-meta{display:flex;gap:var(--spacing-md);font-size:14px;color:var(--color-text-light)}.place-card{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.place-card:last-child{margin-bottom:0}.place-image-wrapper{width:100%;max-width:600px;margin:0 auto;border-radius:16px;overflow:hidden;background:#ffffff08;border:1px solid var(--border-color-light);position:relative;display:grid;grid-template-columns:1fr 1fr}.place-image{width:100%;height:auto;display:block;object-fit:cover;grid-column:1 / -1;grid-row:1;pointer-events:none}.image-nav-zone{position:relative;grid-row:1;z-index:10;cursor:pointer}.left-zone{grid-column:1;cursor:w-resize}.right-zone{grid-column:2;cursor:e-resize}.place-info{display:flex;flex-direction:row;gap:.75rem;align-items:center;justify-content:center;text-align:center}.place-location{font-size:1.5rem;font-weight:400;color:var(--color-text);margin:0}.place-year{color:var(--color-accent);font-size:1.5rem;font-weight:300;display:inline-block}.theme-switcher{position:fixed;top:20px;right:20px;display:flex;gap:8px;background:#ffffff1a;backdrop-filter:blur(10px);padding:8px;border-radius:24px;z-index:1000}.theme-label{display:none}.theme-btn{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--color-text);padding:8px 16px;border-radius:16px;cursor:pointer;font-family:var(--font-family);font-size:14px;font-weight:400;transition:all .3s ease}.theme-btn:hover{background:#ffffff26;border-color:#fff6}.theme-btn.active{background:var(--color-accent);border-color:var(--color-accent);color:#000;font-weight:500}body.theme-light .theme-switcher{background:#0000000d}body.theme-light .theme-btn{border-color:#0003;color:#2c2c2c}body.theme-light .theme-btn:hover{background:#0000001a;border-color:#0006}body.theme-dark .theme-switcher{background:#ffffff0d}@media (max-width: 768px){.theme-switcher{top:10px;right:10px;padding:6px;gap:6px}.theme-btn{padding:6px 12px;font-size:12px}}