@import"https://fonts.googleapis.com/css2?family=Fragment+Mono:ital,wght@0,400;1,400&display=swap";@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=block";:root{--bg-color: #050505;--text-muted: rgba(255, 255, 255, .55);--text-bright: #ffffff;--accent: #333333;--line-color: rgba(255, 255, 255, .1);--font-sans: "Fragment Mono", monospace;--font-mono: "Fragment Mono", monospace;--font-display: "Space Grotesk", sans-serif;--font-system: "Bitcount Grid Single", monospace}*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-tap-highlight-color:transparent}p,h1,h2,h3,h4,h5,h6,.selectable,input,textarea{-webkit-user-select:text;user-select:text}html,body{width:100%;height:100%;background-color:var(--bg-color);color:var(--text-bright);font-family:var(--font-sans);overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;letter-spacing:.05em}p{color:var(--text-muted);line-height:1.6;font-weight:300;text-transform:none}.crt-grain{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9999;opacity:.05;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyBAMAAADsEZWCAAAAGFBMVEUAAAAAAP8A/wD/AAAAAAD///8AAAAAAABO9T8tAAAACHRSTlMA/wD/AP8A/6uD9Q8AAAABYktHRACIBR1IAAAAlklEQVQ4y2NgwATCjH5AgBEYYDAEC0YwcDEwgxQgDEB2BwMDkM2KYYDMgJkNY0B0AEMjQ0MDG7I1zBDZzEAMkGEAEkZgYw2QeTAzEGKADGOQhGIGoABEBsgwkKwhMjvEANnNAAnCDJHZMQZIACbAEJndYgAZBvRshsgwBpIBiEwGmQEyDGR2jIHMAJkdowFkGNDsGAMI5s9uGqLwZgAAAABJRU5ErkJggg==);background-repeat:repeat}.scanlines{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9998;opacity:.6;background:linear-gradient(to bottom,#fff0,#fff0 50%,#0003 50%,#0003);background-size:100% 4px}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hud-border{position:fixed;pointer-events:none;z-index:9000;background-color:var(--line-color)}.hud-top{top:32px;left:32px;right:32px;height:1px}.hud-bottom{bottom:32px;left:32px;right:32px;height:1px}.hud-left{top:32px;bottom:32px;left:32px;width:1px}.hud-right{top:32px;bottom:32px;right:32px;width:1px}@media(max-width:768px){:root{--safe-area: 20px}.hud-top,.hud-bottom,.hud-left,.hud-right{top:var(--safe-area);bottom:var(--safe-area);left:var(--safe-area);right:var(--safe-area)}html,body{overflow-y:auto;overflow-x:hidden}.app-container{height:auto!important;min-height:100vh}}.responsive-grid{display:grid;grid-template-columns:1fr;gap:24px}@media(min-width:769px){.responsive-grid{grid-template-columns:repeat(var(--grid-cols, 3),1fr)}}.mobile-app-wrapper{overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch}.mobile-app-wrapper .home-greeting{margin-top:100px;text-align:center}.mobile-app-wrapper .home-instruction{margin-top:20px}.mobile-app-wrapper .work-container{padding:60px 20px 100px!important;display:flex!important;flex-direction:column!important;position:relative!important;height:auto!important;overflow-y:visible!important;gap:40px!important;max-width:100vw!important}.mobile-app-wrapper .work-section{position:relative!important;left:auto!important;top:auto!important;right:auto!important;width:100%!important;height:auto!important;padding-bottom:20px!important;max-width:100%!important;overflow-y:visible!important}.mobile-app-wrapper .about-container{padding:60px 20px 100px!important;height:auto!important;overflow-y:visible!important}.mobile-app-wrapper .about-grid{grid-template-columns:1fr!important;gap:20px!important}.mobile-app-wrapper .about-grid>div{height:auto!important;overflow:visible!important}.mobile-app-wrapper .personal-info{display:flex!important;flex-direction:column!important;gap:20px}.mobile-app-wrapper .personal-info>div{width:100%!important}.mobile-app-wrapper .thinking-container,.mobile-app-wrapper .tools-container{padding:60px 20px 100px!important;height:auto!important;overflow-y:visible!important}.mobile-app-wrapper canvas{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;max-width:100vw!important;width:100vw!important}.mobile-app-wrapper .job-card,.mobile-app-wrapper .project-card{width:100%!important;max-width:100%!important;box-sizing:border-box}.mobile-content-layer{overflow-y:auto!important;pointer-events:auto!important}.mobile-app-wrapper .work-container>*{pointer-events:auto!important}.mobile-app-wrapper .about-container>*{pointer-events:auto!important}.mobile-app-wrapper .thinking-container>*{pointer-events:auto!important}.mobile-app-wrapper .desktop-instruction{display:none!important}.mobile-app-wrapper>div:nth-child(5)>div>div>div{background:#0006!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;border-radius:12px!important;padding:20px!important;margin-bottom:20px!important}.mobile-app-wrapper .work-container,.mobile-app-wrapper [style*="alignItems: 'flex-end'"],.mobile-app-wrapper .desktop-instruction{display:none!important}@keyframes glitch-skew{0%{transform:skew(0)}10%{transform:skew(-15deg)}20%{transform:skew(15deg)}30%{transform:skew(-5deg);filter:invert(0)}40%{transform:skew(5deg);filter:invert(1)}50%{transform:skew(0);filter:invert(0)}60%{transform:skew(-30deg)}70%{transform:skew(30deg)}80%{transform:skew(-5deg)}90%{transform:skew(5deg)}to{transform:skew(0)}}.hover-glitch{position:relative;display:inline-flex}.hover-glitch:hover:before,.hover-glitch:hover:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none;background:var(--bg-color);color:var(--text-bright)}.hover-glitch:hover:before{left:2px;text-shadow:-1px 0 red;animation:glitch-anim-1 .2s cubic-bezier(.25,.46,.45,.94) both infinite}.hover-glitch:hover:after{left:-2px;text-shadow:-1px 0 cyan;animation:glitch-anim-2 .2s cubic-bezier(.25,.46,.45,.94) both infinite}@keyframes glitch-anim-1{0%{clip-path:inset(20% 0 80% 0);transform:translate(-2px,1px)}20%{clip-path:inset(60% 0 10% 0);transform:translate(2px,-1px)}40%{clip-path:inset(40% 0 50% 0);transform:translate(2px,2px)}60%{clip-path:inset(80% 0 5% 0);transform:translate(-2px,-2px)}80%{clip-path:inset(10% 0 70% 0);transform:translate(2px,-1px)}to{clip-path:inset(30% 0 50% 0);transform:translate(-2px,1px)}}@keyframes glitch-anim-2{0%{clip-path:inset(10% 0 60% 0);transform:translate(2px,-1px)}20%{clip-path:inset(30% 0 20% 0);transform:translate(-2px,2px)}40%{clip-path:inset(70% 0 10% 0);transform:translate(2px,-2px)}60%{clip-path:inset(20% 0 50% 0);transform:translate(-2px,1px)}80%{clip-path:inset(50% 0 30% 0);transform:translate(2px,1px)}to{clip-path:inset(5% 0 80% 0);transform:translate(-2px,-1px)}}.breathing-vignette{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:8500;background:radial-gradient(circle at center,transparent 30%,rgba(0,0,0,.7) 120%);animation:breathe-vignette 6s ease-in-out infinite alternate;mix-blend-mode:multiply}@keyframes breathe-vignette{0%{opacity:.4}to{opacity:.85}}