:root{--bg-primary:#fff;--bg-secondary:#f0f0f0;--text-primary:#000;--text-secondary:#555;--text-light:#666;--interactive:#000;--border:#e5e5e5;--dark-bg-primary:#000;--dark-bg-secondary:#1a1a1a;--dark-text-primary:#fff;--dark-text-secondary:#aaa;--dark-text-light:#888;--dark-interactive:#fff;--dark-border:#333;--font-family-primary:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-size-xs:.7rem;--font-size-sm:.8rem;--font-size-base:1rem;--font-size-lg:1.1rem;--font-size-xl:1.2rem;--font-size-2xl:1.8rem;--font-size-3xl:2.8rem;--font-size-4xl:3.5rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--line-height-tight:1;--line-height-base:1.6;--line-height-relaxed:1.7;--spacing-xs:5px;--spacing-sm:8px;--spacing-base:15px;--spacing-md:20px;--spacing-lg:30px;--spacing-xl:40px;--spacing-2xl:60px;--size-icon-sm:16px;--size-icon-base:18px;--size-icon-lg:40px;--size-sidebar-width:60px;--border-radius-sm:4px;--border-radius-base:6px;--transition-fast:.2s ease;--transition-base:.3s ease;--transition-slow:.4s ease;--transition-slower:.5s ease;--z-sidebar:10;--z-modal:50;--z-dropdown:100;--z-content:20;--nav-padding-horizontal:var(--spacing-md);--nav-padding-vertical:var(--spacing-md);--nav-sidebar-width:var(--size-sidebar-width);--nav-section-gap:var(--spacing-md)}body{background-color:var(--bg-primary);color:var(--text-primary)}html[data-theme=dark]{--bg-primary:var(--dark-bg-primary);--bg-secondary:var(--dark-bg-secondary);--text-primary:var(--dark-text-primary);--text-secondary:var(--dark-text-secondary);--text-light:var(--dark-text-light);--interactive:var(--dark-interactive);--border:var(--dark-border)}html,body{max-width:100vw;overflow-x:hidden}body{font-family:var(--font-family-primary);line-height:var(--line-height-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-base),color var(--transition-base);margin:0;overflow:hidden}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}.portfolio-wrapper{height:100dvh;display:flex;overflow:hidden}.main-content{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex-grow:1;height:100dvh;overflow-y:scroll}.portfolio-wrapper:has(.scrolling-nav) .main-content{margin-left:var(--size-sidebar-width)}.scroll-snap-container{scroll-snap-type:y mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.scroll-snap-align-start{scroll-snap-align:start;box-sizing:border-box;min-height:100dvh;padding:var(--spacing-xl);flex-direction:column;justify-content:center;display:flex}.transition-colors{transition:color var(--transition-base)}.transition-all{transition:all var(--transition-base)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body::-webkit-scrollbar{display:none}.main-content::-webkit-scrollbar{display:none}body,.main-content{-ms-overflow-style:none;scrollbar-width:none}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;transition:background .4s ease-in-out;overflow:hidden}.portfolio-wrapper{height:100dvh;display:flex;overflow:hidden}.main-content.scroll-snap-container{scroll-snap-type:y mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;flex-grow:1;height:100vh;overflow-y:scroll}.hero-section{align-items:flex-start}.hero-section h1{margin:0;font-size:3.5em}.hero-subtitle{margin-top:10px;font-size:1.2em}#projects-list-container{padding:0}.project-item{opacity:.7;background:0 0;justify-content:center;align-items:center;width:100%;min-height:100vh;transition:opacity .4s;display:flex}.project-link-wrapper{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;text-decoration:none;display:flex}.project-item .project-icon{color:#555;width:40px;height:40px;transition:color .3s}.project-item .project-name{color:#444;font-size:2em;font-weight:500;transition:color .3s}@media (hover:hover) and (pointer:fine){.project-item:hover .project-icon,.project-item:hover .project-name{color:#000}}.project-item.is-visible{opacity:1}.project-detail-page{max-width:900px;height:auto;min-height:100vh;margin:0 auto;padding:40px;overflow-y:auto}.main-content:not(.scroll-snap-container) .project-detail-page{scroll-snap-type:none}.project-detail-header{border-bottom:1px solid #ddd;margin-bottom:40px;padding-bottom:20px}.project-detail-header .back-link{color:#555;align-items:center;gap:8px;margin-bottom:20px;font-size:.9em;text-decoration:none;transition:color .3s;display:inline-flex}.project-detail-header .back-link:hover{color:#000}.project-title-icon{align-items:center;gap:15px;margin-bottom:5px;display:flex}.project-main-icon{color:#333}.project-detail-header h1{color:#333;margin:0;font-size:2.8em}.project-year{color:#777;font-size:1em}.project-content h2{color:#333;margin-top:30px;margin-bottom:15px;font-size:1.8em}.project-content p{color:#444;margin-bottom:15px;font-size:1.1em;line-height:1.7}.project-meta{margin-bottom:30px}.project-meta h3{color:#555;margin-bottom:8px;font-size:1.2em}.tech-list{flex-wrap:wrap;gap:8px;padding:0;list-style:none;display:flex}.tech-list li{color:#555;background-color:#eee;border-radius:4px;padding:5px 10px;font-size:.9em}html[data-theme=dark] body,html[data-theme=dark] .hero-section h1{color:#f0f0f0}html[data-theme=dark] .hero-subtitle{color:#aaa}html[data-theme=dark] .project-item .project-icon{color:#bbb}html[data-theme=dark] .project-item .project-name{color:#ccc}@media (hover:hover) and (pointer:fine){html[data-theme=dark] .project-item:hover .project-icon,html[data-theme=dark] .project-item:hover .project-name{color:#fff}}html[data-theme=dark] .project-detail-header{border-bottom-color:#444}html[data-theme=dark] .project-detail-header .back-link{color:#bbb}html[data-theme=dark] .project-detail-header .back-link:hover{color:#fff}html[data-theme=dark] .project-year{color:#aaa}html[data-theme=dark] .project-content p{color:#ccc}html[data-theme=dark] .project-meta h3{color:#bbb}html[data-theme=dark] .tech-list li{color:#ccc;background-color:#333}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_5972bc34-module__OU16Qa__className{font-family:Inter,Inter Fallback;font-style:normal}