:root{--size-text:2.5rem;--background-color:#f5f5f5}*{margin:0;padding:0}body{background-color:var(--backgrount-color);font-size:1.4rem}a{color:#000}.header__title,.header__title a{color:#fff;font-size:2.4rem}h1{font-size:3.1rem;font-weight:300}h1,h2,p{margin-bottom:1.4rem}.w3-animate-opacity{animation:opac 1s}@keyframes opac{0%{opacity:0}to{opacity:1}}@keyframes floatUp{0%{bottom:10vh;opacity:0;transform:scale(.7) translateX(-50%)}10%{opacity:1;transform:scale(1.5) translateX(-30%)}30%{transform:scale(1.2) translateX(-40%)}80%{opacity:.9}to{bottom:80vh;opacity:0;transform:scale(.7) translateX(-50%)}}#emoji-floating-portal{display:block;top:0;z-index:999999!important}#emoji-floating-portal,.floating-emoji-container{height:100%;left:0;overflow:visible;pointer-events:none;position:fixed;width:100%}.floating-emoji-container{bottom:0;display:flex;justify-content:center;z-index:99999}.floating-emoji{animation:floatUp 2s ease-in forwards!important;bottom:10vh;font-size:8rem;left:50%;pointer-events:none;position:absolute;text-shadow:0 0 20px #ffdc00,0 0 30px hsla(0,0%,100%,.9)!important;will-change:transform,opacity,bottom;z-index:999999!important}:root{--fluid-ease-in-out:cubic-bezier(0.42,0,0.58,1);--fluid-ease-out:cubic-bezier(0.25,0.46,0.45,0.94);--fluid-ease-in:cubic-bezier(0.55,0.055,0.675,0.19);--fluid-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--fluid-silk:cubic-bezier(0.4,0.0,0.2,1);--char-reveal-duration:0.4s;--word-transition-duration:0.6s;--scroll-smooth-duration:0.8s}body,html{overflow-anchor:none}#visualizer__content{-webkit-overflow-scrolling:touch;overflow-anchor:none;scroll-behavior:smooth;will-change:scroll-position}.magic-text{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;backface-visibility:hidden;font-family:Inter,Georgia,Merriweather,Lora,"Source Serif Pro",serif,sans-serif;font-size:var(--size-text);font-weight:500;letter-spacing:.03em;line-height:1.6;transform:translateZ(0);will-change:opacity,transform}@keyframes fluidCharacterReveal{0%{filter:blur(2px);opacity:0;transform:translateY(8px) scale(.95)}60%{filter:blur(.5px);opacity:.7;transform:translateY(2px) scale(.98)}to{filter:blur(0);opacity:1;transform:translateY(0) scale(1)}}@keyframes waterRipple{0%{filter:blur(3px);opacity:0;transform:scale(.92) translateY(10px)}40%{filter:blur(1.5px);opacity:.5;transform:scale(.96) translateY(5px)}70%{filter:blur(.3px);opacity:.85;transform:scale(1.01) translateY(1px)}to{filter:blur(0);opacity:1;transform:scale(1) translateY(0)}}@keyframes gentleWave{0%,to{transform:translateY(0) translateZ(0)}50%{transform:translateY(-1px) translateZ(0)}}@keyframes silkFadeIn{0%{opacity:0;transform:translate3d(0,12px,0)}to{opacity:1;transform:translateZ(0)}}.fluid-char{animation:fluidCharacterReveal var(--char-reveal-duration) var(--fluid-silk) both;display:inline-block;transform-origin:center}.fluid-word{animation:waterRipple var(--word-transition-duration) var(--fluid-ease-out) both;display:inline-block;transform-origin:left center}.magic-text.fluid-active{animation:silkFadeIn .6s var(--fluid-ease-out) both}.fluid-active,.fluid-char,.fluid-word{backface-visibility:hidden;transform:translateZ(0);will-change:transform,opacity}@keyframes flip3DIn{0%{filter:blur(2px);opacity:0;transform:rotateY(-90deg) translateZ(.001px)}60%{filter:blur(.5px);opacity:.8;transform:rotateY(15deg) translateZ(.001px)}to{filter:blur(0);opacity:1;transform:rotateY(0deg) translateZ(.001px)}}.word-3d{animation:flip3DIn .7s var(--fluid-ease-out) both;display:inline-block;transform-origin:left center;transform-style:preserve-3d;will-change:transform,opacity}@keyframes typewriterIn{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.char-typewriter{animation:typewriterIn .25s var(--fluid-ease-out) both;display:inline-block}@keyframes bouncePop{0%{transform:translateY(0) scale(1)}35%{transform:translateY(-6px) scale(1.06)}60%{transform:translateY(2px) scale(.98)}to{transform:translateY(0) scale(1)}}.interactive-word{animation:waterRipple var(--word-transition-duration) var(--fluid-ease-out) both;cursor:pointer;display:inline-block}.interactive-word.bounced{animation:bouncePop .5s var(--fluid-bounce) both}.gamer-scoreboard{backdrop-filter:blur(8px);background:linear-gradient(135deg,rgba(15,15,30,.8),rgba(30,30,60,.75));border:1px solid hsla(0,0%,100%,.15);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.35);color:#fff;padding:.6rem .9rem;position:fixed;right:1rem;top:calc(env(safe-area-inset-top, 0px) + .75rem);z-index:1200}.gamer-score{font-weight:800;letter-spacing:.5px}.gamer-reaction{font-size:.85rem;opacity:.9}@keyframes gamerPulseGlow{0%{text-shadow:0 0 0 rgba(0,255,170,0);transform:scale(1)}50%{text-shadow:0 0 18px rgba(0,255,170,.75);transform:scale(1.06)}to{text-shadow:0 0 0 rgba(0,255,170,0);transform:scale(1)}}.gamer-target-word{animation:gamerPulseGlow 1s ease-in-out infinite;background:linear-gradient(90deg,rgba(0,200,255,.18),rgba(0,255,170,.24));border-radius:6px;color:#eaffff;cursor:crosshair;display:inline-block;padding:0 2px;position:relative}@media (prefers-reduced-motion:reduce){.gamer-target-word{animation:none}}@keyframes floatScore{0%{opacity:0;transform:translateY(0) scale(.9)}10%{opacity:1}70%{opacity:1;transform:translateY(-14px) scale(1.05)}to{opacity:0;transform:translateY(-22px) scale(1)}}.gamer-hit-points{animation:floatScore .9s ease-out forwards;color:#7cffb2;font-weight:800;left:50%;pointer-events:none;position:absolute;text-shadow:0 2px 10px rgba(0,0,0,.35);top:-1.2em;transform:translateX(-50%)}@keyframes gamerHitPulse{0%{transform:scale(1)}40%{transform:scale(1.12)}to{transform:scale(1)}}.gamer-hit{animation-duration:.3s,var(--word-transition-duration);animation-name:gamerHitPulse,waterRipple;animation-timing-function:ease-out,var(--fluid-ease-out)}.boxed-view{align-items:center;background:#ddd;display:flex;height:100vh;justify-content:center;width:100vw}.boxed-view--modal{background:hsla(0,0%,87%,.7);bottom:0;left:0;position:fixed;right:0;top:0}.boxed-view__box{background-color:#fff;padding:2.4rem;text-align:center;width:24rem}.boxed-view__form{display:flex;flex-direction:column}#end-block{height:60vh}#hide-text{background-image:linear-gradient(0deg,transparent,#000);height:35vh;top:-20px}#hide-end-block,#hide-text{pointer-events:none;position:fixed;width:100vw}#hide-end-block{background-image:linear-gradient(180deg,transparent,#000);bottom:0;height:40vh}#visualizer__content{background-color:#fff;margin-top:35vh;pointer-events:auto}.controls-bottom{background-color:transparent;bottom:0;color:#fff;height:90px;position:fixed;text-align:center;width:100vw}.animated-color-arcoiris{-webkit-animation:color_arcoiris_change 480s infinite alternate;-moz-animation:color_arcoiris_change 480s infinite alternate;-ms-animation:color_arcoiris_change 480s infinite alternate;-o-animation:color_arcoiris_change 480s infinite alternate;animation:color_arcoiris_change 480s infinite alternate}@-webkit-keyframes color_arcoiris_change{0%{background-color:#fe5d5d}16%{background-color:#ffcb6a}33%{background-color:#ffff90}50%{background-color:#8fee9a}66%{background-color:#7888fc}83%{background-color:#a269cb}to{background-color:#fff}}@-moz-keyframes color_arcoiris_change{0%{background-color:#fc7d96}16%{background-color:#ffcb6a}33%{background-color:#ffff90}50%{background-color:#8fee9a}66%{background-color:#7888fc}83%{background-color:#a269cb}to{background-color:#fff}}@-ms-keyframes color_arcoiris_change{0%{background-color:#fc7d96}16%{background-color:#ffcb6a}33%{background-color:#ffff90}50%{background-color:#8fee9a}66%{background-color:#7888fc}83%{background-color:#a269cb}to{background-color:#fff}}@-o-keyframes color_arcoiris_change{0%{background-color:#fc7d96}16%{background-color:#ffcb6a}33%{background-color:#ffff90}50%{background-color:#8fee9a}66%{background-color:#7888fc}83%{background-color:#a269cb}to{background-color:#fff}}@keyframes color_arcoiris_change{0%{background-color:#fc7d96}16%{background-color:#ffcb6a}33%{background-color:#ffff90}50%{background-color:#8fee9a}66%{background-color:#7888fc}83%{background-color:#a269cb}to{background-color:#fff}}.animated-color-yellow{-webkit-animation:color_yellow_change 10s infinite alternate;-moz-animation:color_yellow_change 10s infinite alternate;-ms-animation:color_yellow_change 10s infinite alternate;-o-animation:color_yellow_change 10s infinite alternate;animation:color_yellow_change 10s infinite alternate}@-webkit-keyframes color_yellow_change{0%{background-color:#fffd89}to{background-color:#f8f663}}@-moz-keyframes color_yellow_change{0%{background-color:#fffd89}to{background-color:#f8f663}}@-ms-keyframes color_yellow_change{0%{background-color:#fffd89}to{background-color:#f8f663}}@-o-keyframes color_yellow_change{0%{background-color:#fffd89}to{background-color:#f8f663}}@keyframes color_yellow_change{0%{background-color:#fffd89}to{background-color:#f8f663}}.animated-color-violet{-webkit-animation:color_violet_change 10s infinite alternate;-moz-animation:color_violet_change 10s infinite alternate;-ms-animation:color_violet_change 10s infinite alternate;-o-animation:color_violet_change 10s infinite alternate;animation:color_violet_change 10s infinite alternate}@-webkit-keyframes color_violet_change{0%{background-color:#d289ff}to{background-color:#d1a8ff}}@-moz-keyframes color_violet_change{0%{background-color:#d289ff}to{background-color:#d1a8ff}}@-ms-keyframes color_violet_change{0%{background-color:#d289ff}to{background-color:#d1a8ff}}@-o-keyframes color_violet_change{0%{background-color:#d289ff}to{background-color:#d1a8ff}}@keyframes color_violet_change{0%{background-color:#d289ff}to{background-color:#d1a8ff}}.animated-color-purple{-webkit-animation:color_purple_change 10s infinite alternate;-moz-animation:color_purple_change 10s infinite alternate;-ms-animation:color_purple_change 10s infinite alternate;-o-animation:color_purple_change 10s infinite alternate;animation:color_purple_change 10s infinite alternate;color:#fff}@-webkit-keyframes color_purple_change{0%{background-color:#601291}to{background-color:#280352}}@-moz-keyframes color_purple_change{0%{background-color:#601291}to{background-color:#280352}}@-ms-keyframes color_purple_change{0%{background-color:#601291}to{background-color:#280352}}@-o-keyframes color_purple_change{0%{background-color:#601291}to{background-color:#280352}}@keyframes color_purple_change{0%{background-color:#601291}to{background-color:#280352}}.animated-color-darkblue{-webkit-animation:color_darkblue_change 10s infinite alternate;-moz-animation:color_darkblue_change 10s infinite alternate;-ms-animation:color_darkblue_change 10s infinite alternate;-o-animation:color_darkblue_change 10s infinite alternate;animation:color_darkblue_change 10s infinite alternate;color:#bdeaff}@-webkit-keyframes color_darkblue_change{0%{background-color:#210976}to{background-color:#040352}}@-moz-keyframes color_darkblue_change{0%{background-color:#210976}to{background-color:#040352}}@-ms-keyframes color_darkblue_change{0%{background-color:#210976}to{background-color:#040352}}@-o-keyframes color_darkblue_change{0%{background-color:#210976}to{background-color:#040352}}@keyframes color_darkblue_change{0%{background-color:#210976}to{background-color:#040352}}.animated-color-green{-webkit-animation:color_green_change 10s infinite alternate;-moz-animation:color_green_change 10s infinite alternate;-ms-animation:color_green_change 10s infinite alternate;-o-animation:color_green_change 10s infinite alternate;animation:color_green_change 10s infinite alternate;color:#bdffd8}@-webkit-keyframes color_green_change{0%{background-color:#05741d}to{background-color:#035221}}@-moz-keyframes color_green_change{0%{background-color:#05741d}to{background-color:#035221}}@-ms-keyframes color_green_change{0%{background-color:#05741d}to{background-color:#035221}}@-o-keyframes color_green_change{0%{background-color:#05741d}to{background-color:#035221}}@keyframes color_green_change{0%{background-color:#05741d}to{background-color:#035221}}.read-black-transparent{background-color:transparent!important;color:#000}.read-white-transparent{background-color:transparent!important;color:#fff}.read-color-black{background-color:#000!important;color:#fff}.read-color-pink{background-color:#f7b6f2!important;color:#7e1576}.read-color-dark-orange{background-color:#a24304!important;color:#f3f3f3}.read-color-orange{background-color:#fabc5a!important;color:#000}.animated-color-red{background-color:#b30b0b!important;color:#fff}.read-color-dark{background-color:#282c34!important;color:#abb2bf}.read-color-space{background-color:transparent!important;color:#f8f8f2}.read-color-space-terminal{background-color:transparent!important;color:#0f0}.animated-color-celeste-cielo{background-color:#2eccfa!important;color:#040352}.controls-buttons-container{display:flex;flex-direction:row;justify-content:center}.fast-slow-container{display:flex;flex-direction:column;justify-content:space-between;margin-left:.1rem;padding:0}