:root{--font-mono:"MS Gothic","Yu Gothic","Hiragino Kaku Gothic ProN",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--text:#000;--bg:#fff;--neon-cyan:#00ffff;--neon-magenta:#ff00ff;--neon-green:#00ff41;--neon-yellow:#ffff00;--neon-red:#ff0040}@media (prefers-color-scheme:dark){:root{--text:#eee;--bg:#0a0a0a}}*{margin:0;padding:0;box-sizing:border-box}html{font-family:var(--font-mono);font-size:14px;line-height:1.6;color:var(--text);background:var(--bg)}body{min-height:100vh;padding:2rem;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;background:repeating-linear-gradient(0deg,rgba(0,0,0,.03),rgba(0,0,0,.03) 1px,transparent 0,transparent 2px);background-size:100% 2px}@supports (background:url("data:image/svg+xml")){body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:999;opacity:.02;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}}a{color:var(--text);text-decoration:underline}a:hover{text-decoration:none}h1{font-size:1.5rem;font-weight:700;margin:0 0 1rem}main{max-width:700px}section{margin:2rem 0}#quote{cursor:pointer;font-style:italic;margin:1rem 0;min-height:1.6em}#cat-container{display:inline-block;position:relative;cursor:crosshair;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin:1rem 0;padding:1rem;transition:transform .2s ease}#cat-container.hunting{transform:scale(1.08)}#cat-container.sleeping{opacity:.7}#cat-container.purring{animation:purr-vibrate .1s ease-in-out infinite}@keyframes purr-vibrate{0%,to{transform:translateX(0)}25%{transform:translateX(-1px)}75%{transform:translateX(1px)}}#cat{white-space:pre;line-height:1.2;font-size:14px;font-weight:400;letter-spacing:0;transition:all .15s ease;overflow-x:auto}#cat.attacking{animation:nyaa-attack .5s ease-in-out,glitch-shake .3s ease-in-out}#cat.jumping{animation:cat-jump .4s ease-in-out}#cat.purring{animation:purr-vibrate .1s ease-in-out infinite}@keyframes nyaa-attack{0%{transform:translateX(0) scale(1)}25%{transform:translateX(var(--attack-direction,10px)) scale(1.15)}50%{transform:translateX(calc(var(--attack-direction) * 1.5)) scale(1.2);letter-spacing:2px}75%{transform:translateX(var(--attack-direction)) scale(1.15)}to{transform:translateX(0) scale(1)}}@keyframes cat-jump{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes glitch-shake{0%,to{filter:none}20%{filter:drop-shadow(-2px 0 var(--neon-cyan)) drop-shadow(2px 0 var(--neon-magenta))}40%{filter:drop-shadow(2px 0 var(--neon-cyan)) drop-shadow(-2px 0 var(--neon-magenta))}60%{filter:drop-shadow(-1px 0 var(--neon-cyan)) drop-shadow(1px 0 var(--neon-magenta))}80%{filter:drop-shadow(1px 0 var(--neon-cyan)) drop-shadow(-1px 0 var(--neon-magenta))}}@keyframes wiggle{0%,to{transform:rotate(-1deg)}50%{transform:rotate(1deg)}}#cat-container.hunting #cat{animation:wiggle .3s ease-in-out infinite}.neon-glow{text-shadow:0 0 5px var(--neon-cyan),0 0 10px var(--neon-cyan),0 0 20px var(--neon-cyan)}@media (prefers-color-scheme:dark){.neon-glow{text-shadow:0 0 5px var(--neon-cyan),0 0 10px var(--neon-cyan),0 0 20px var(--neon-cyan),0 0 40px var(--neon-magenta)}}#speech-bubble{position:absolute;top:-2.5rem;left:50%;transform:translateX(-50%);background:var(--bg);border:1px solid var(--text);padding:.25rem .75rem;white-space:nowrap;display:none;font-size:12px;z-index:10}#speech-bubble.visible{display:block;animation:bubble-pop .2s ease-out}@keyframes bubble-pop{0%{transform:translateX(-50%) scale(.8);opacity:0}to{transform:translateX(-50%) scale(1);opacity:1}}#cursor{animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.zzz{position:absolute;top:-.5rem;right:-1rem;font-size:10px;color:var(--neon-cyan)}.zzz span{display:inline-block;animation:zzz-float 1.5s ease-in-out infinite}.zzz span:first-child{animation-delay:0s}.zzz span:nth-child(2){animation-delay:.3s}.zzz span:nth-child(3){animation-delay:.6s}@keyframes zzz-float{0%,to{transform:translateY(0) rotate(0deg);opacity:1}50%{transform:translateY(-8px) rotate(10deg);opacity:.5}}.particles{top:0;left:0;width:100%;height:100%;overflow:visible}.particle,.particles{position:absolute;pointer-events:none}.particle{font-size:14px;color:var(--neon-magenta);animation:particle-fade .6s ease-out forwards}@keyframes particle-fade{0%{transform:scale(1) translateY(0);opacity:1}to{transform:scale(.5) translateY(-30px);opacity:0}}.projects{display:flex;flex-direction:column;gap:.75rem}.project-card{position:relative}.project-desc{opacity:.7}.project-box{font-size:12px;line-height:1.4;margin:0;padding:0;color:var(--text);transition:all .2s ease}.project-card:hover .project-box{opacity:.8}@media (prefers-color-scheme:dark){.project-card:hover .project-box{text-shadow:0 0 5px var(--neon-cyan),0 0 10px var(--neon-cyan)}}.project-reveal{margin-top:.25rem;padding-left:.5rem;font-size:12px;animation:reveal-slide .3s ease-out}@keyframes reveal-slide{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.project-desc{color:var(--text);opacity:.8}.project-link{display:block;color:var(--neon-cyan);text-decoration:none;margin-top:.25rem}.project-link:hover{text-decoration:underline}.glitch-text{animation:flicker .1s ease-in-out infinite}@keyframes flicker{0%,to{opacity:1}50%{opacity:.95}}.scanlines:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1001;background:repeating-linear-gradient(0deg,rgba(0,0,0,.05),rgba(0,0,0,.05) 1px,transparent 0,transparent 3px)}@media (max-width:600px){body{padding:1rem}#cat{font-size:12px}.project-box{font-size:10px}}