html,body,#root{margin:0;padding:0;width:100%;height:100%;background:#000;overflow-x:hidden}canvas{display:block;background-color:#000}@font-face{font-family:AzeretMono;src:url(/fonts/AzeretMono-Variable.ttf) format("truetype");font-weight:400;font-style:normal}.myname{margin-left:calc(.8vw + 54px)}@media (max-width: 800px){.myname{margin-left:3vw}}.glitch-text{position:relative;display:inline-block;animation:glitchJitter .25s infinite steps(2,end)}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.glitch-text:before{color:#fff;mix-blend-mode:lighten;animation:glitchSliceA 1.6s infinite linear}.glitch-text:after{color:#fff;mix-blend-mode:difference;animation:glitchSliceB 1.9s infinite linear}@keyframes glitchJitter{0%,to{transform:translate(0)}10%{transform:translate(-2px,1px)}20%{transform:translate(2px,-1px)}30%{transform:translate(-1px,2px)}40%{transform:translate(1px,-2px)}50%{transform:translate(-2px,-1px)}60%{transform:translate(2px,1px)}70%{transform:translate(-1px,-1px)}80%{transform:translate(1px,1px)}90%{transform:translate(-2px,2px)}}@keyframes glitchSliceA{0%,to{transform:translate(0);clip-path:inset(10% 0 70% 0)}10%{transform:translate(-3px,-1px);clip-path:inset(45% 0 20% 0)}20%{transform:translate(3px,1px);clip-path:inset(5% 0 80% 0)}30%{transform:translate(-2px,2px);clip-path:inset(60% 0 10% 0)}40%{transform:translate(2px,-2px);clip-path:inset(20% 0 55% 0)}50%{transform:translate(-4px);clip-path:inset(0% 0 85% 0)}60%{transform:translate(4px,1px);clip-path:inset(70% 0 5% 0)}70%{transform:translate(-1px,-3px);clip-path:inset(30% 0 40% 0)}80%{transform:translate(1px,3px);clip-path:inset(50% 0 25% 0)}90%{transform:translate(-3px,1px);clip-path:inset(15% 0 65% 0)}}@keyframes glitchSliceB{0%,to{transform:translate(0);clip-path:inset(70% 0 5% 0)}15%{transform:translate(3px,1px);clip-path:inset(30% 0 40% 0)}30%{transform:translate(-3px,-1px);clip-path:inset(55% 0 15% 0)}45%{transform:translate(2px,2px);clip-path:inset(10% 0 70% 0)}60%{transform:translate(-2px,-2px);clip-path:inset(65% 0 10% 0)}75%{transform:translate(4px);clip-path:inset(25% 0 50% 0)}90%{transform:translate(-4px,1px);clip-path:inset(5% 0 80% 0)}}.film-grain{position:fixed;inset:-50%;width:200%;height:200%;pointer-events:none;z-index:9999;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");background-repeat:repeat;animation:grainShift 1s steps(6) infinite}@keyframes grainShift{0%{transform:translate(0)}16%{transform:translate(-3%,-4%)}33%{transform:translate(-6%,2%)}50%{transform:translate(4%,-2%)}66%{transform:translate(-3%,5%)}83%{transform:translate(3%,3%)}to{transform:translate(0)}}.techicon{display:block;width:34px;height:34px;opacity:.9}@media (max-width: 800px){.techicon{width:28px;height:28px}}*,*:before,*:after{box-sizing:border-box}.aboutpage{width:100vw;height:100%;min-height:100svh;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;font-family:AzeretMono,monospace;letter-spacing:.04em;background-color:#000;padding:clamp(12px,3vw,24px);padding-left:max(clamp(12px,3vw,24px),env(safe-area-inset-left));padding-right:max(clamp(12px,3vw,24px),env(safe-area-inset-right))}.about-content{color:#fff;width:min(780px,88vw);border:2px solid #fff;border-radius:12px;padding:clamp(16px,4vw,28px);background:#ffffff05;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);text-align:left;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.about-content h1{text-align:center;font-size:clamp(1.4rem,4.8vw,2rem);line-height:1.15;margin:0 0 .75rem}.about-content p{font-size:clamp(.2rem,2.8vw,1rem);line-height:1.6;margin:.5rem 0 0}.about-icons{margin-top:clamp(16px,4vw,24px);display:flex;justify-content:center;gap:clamp(1rem,4vw,1.5rem)}.about-icons a{color:#fff;transition:transform .15s ease,color .2s ease,opacity .2s ease;touch-action:manipulation}.about-icons a:active{transform:scale(.96)}@media (hover: hover) and (pointer: fine){.icon{cursor:none}}@media (hover: none) and (pointer: coarse){.icon{cursor:auto}}@media (max-width: 1024px){.aboutpage{align-items:flex-start;width:100vw}.about-content{width:min(820px,100vw)}}@media (max-width: 640px){.aboutpage{padding-top:max(10svh,calc(env(safe-area-inset-top,0px) + 12px))}.about-content{border-width:1.5px;padding:clamp(14px,5vw,20px)}.about-content p{line-height:1.55}}@media (max-width: 360px){.about-content h1{font-size:1.15rem}.about-content p{font-size:.9rem}}