.music-note{position:fixed;top:20px;right:20px;color:#444;cursor:pointer;transition:transform 0.3s ease,color 0.3s ease;font-size:24px;z-index:100}.music-note:hover{transform:scale(1.2);color:#666}@keyframes distortOut{0%{transform:scale(1) rotate(5deg) translateX(0);filter:brightness(1) contrast(1) blur(0)}100%{transform:scale(.9) rotate(-5deg) translateX(-5px);filter:brightness(0) contrast(3) blur(4px)}}@keyframes distortIn{0%{transform:scale(1.2) rotate(-5deg);filter:brightness(0) contrast(3) blur(4px);clip-path:polygon(5% 0,100% 10%,95% 100%,0 90%)}50%{transform:scale(1.1) rotate(7deg);filter:brightness(1.5) contrast(2) blur(2px);clip-path:polygon(0 5%,98% 0,100% 95%,3% 100%)}75%{transform:scale(.95) rotate(3deg);filter:brightness(1.2) contrast(1.5) blur(1px);clip-path:polygon(2% 0,100% 1%,98% 100%,0 98%)}100%{transform:scale(1) rotate(5deg);filter:brightness(1) contrast(1) blur(0);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}.avatar.switching img{animation:distortOut 0.4s forwards cubic-bezier(.4,0,.2,1)}.avatar.switching img.new-image{animation:distortIn 0.4s forwards cubic-bezier(.4,0,.2,1)}@keyframes digitalCorruption{0%{transform:scale(1) rotate(5deg);filter:none;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}10%{clip-path:polygon(0 2%,100% 0,99% 100%,1% 98%);filter:hue-rotate(90deg) saturate(200%)}20%{transform:scale(1.1) rotate(5deg) skewX(5deg);filter:invert(.3) hue-rotate(180deg) saturate(200%)}30%{clip-path:polygon(0 15%,100% 0,85% 100%,15% 85%);filter:invert(.8) hue-rotate(270deg) contrast(200%)}40%{transform:scale(.9) rotate(-5deg) skewY(-5deg);filter:invert(1) hue-rotate(360deg) saturate(400%) contrast(300%)}50%{clip-path:polygon(15% 0,85% 15%,100% 85%,0 100%);filter:brightness(2) contrast(400%) invert(.5) hue-rotate(90deg)}60%{transform:scale(1.2) rotate(10deg);filter:brightness(.5) contrast(200%) invert(1) hue-rotate(180deg)}100%{transform:scale(1) rotate(5deg);filter:none;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}.glitch-text{position:absolute;left:0;right:0;color:#fff;font-family:monospace;font-size:10px;white-space:nowrap;overflow:hidden;opacity:0;transform:translateY(-50%)}.avatar.switching::before,.avatar.switching::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:inherit;background-size:cover;animation:glitchEffect 0.4s steps(1) infinite}.avatar.switching::before{left:2px;background-color:cyan;mix-blend-mode:multiply}.avatar.switching::after{left:-2px;background-color:red;mix-blend-mode:screen}.avatar.switching img{animation:digitalCorruption 0.8s cubic-bezier(.4,0,.2,1)}@keyframes glitchEffect{0%{transform:translate(0)}20%{transform:translate(-4px,4px)}40%{transform:translate(-4px,-4px)}60%{transform:translate(4px,4px)}80%{transform:translate(4px,-4px)}100%{transform:translate(0)}}.avatar.switching .glitch-overlay{opacity:1}.glitch-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(transparent 0%,rgb(0 255 255 / .2) .5%,transparent 1%);opacity:0;pointer-events:none;z-index:10;mix-blend-mode:overlay}