@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes blink{0%,to{border-color:transparent}50%{border-color:currentColor}}@keyframes bounceText{0%{transform:scale(.7) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes bounceTextDelayed{0%,30%{transform:scale(.7) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.typewriter-container{display:inline-block;white-space:nowrap;height:1.2em;overflow:hidden}.typewriter-animation{display:inline-block;overflow:hidden;white-space:nowrap;opacity:0;position:relative}.typewriter-animation.active{opacity:1;transition:opacity .3s ease}.typewriter-animation:after{content:"";position:absolute;right:-3px;top:0;height:100%;border-right:2px solid currentColor;animation:blink 1s step-end infinite;opacity:0}.typewriter-animation.last-word:after{opacity:1}.bounce-animation-title{display:inline-block;animation:bounceText .8s cubic-bezier(.23,1,.32,1) forwards}.bounce-animation-subtitle{display:inline-block;animation:bounceTextDelayed .8s cubic-bezier(.23,1,.32,1) forwards}@keyframes highlightPulse{0%{background-color:transparent;transform:scale(1)}15%{transform:scale(1.02)}to{transform:scale(1)}}.highlight-animation-word{display:inline-block;position:relative;padding:.05em .15em;border-radius:.2em;transition:background-color .15s ease-out}.highlight-animation-word.active{animation:highlightPulse .3s ease-out forwards}.highlight-animation-word.highlighted{background-color:var(--highlight-color, #FFFF00)}@keyframes wordAppear{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.word-by-word-animation{display:inline-block;animation:wordAppear .2s ease-out forwards}.word-by-word-container{display:inline-block;min-width:4em;text-align:center}.highlight-color-picker{display:flex;align-items:center;gap:.5em;margin-top:.5em;padding:.4em;background:#0000000d;border-radius:.5em}.dark .highlight-color-picker{background:#ffffff0d}.highlight-color-input{width:28px;height:28px;border:none;border-radius:50%;cursor:pointer;padding:0;overflow:hidden}.highlight-color-input::-webkit-color-swatch-wrapper{padding:0}.highlight-color-input::-webkit-color-swatch{border:2px solid rgba(0,0,0,.1);border-radius:50%}.animation-option{transition:all .2s ease;border-radius:1rem;position:relative;font-weight:700;padding-top:.4em;padding-bottom:.4em;background-color:transparent}.animation-option:hover{background-color:#f5f5f5!important;color:#4b4b4b!important;cursor:pointer}.animation-option.active{color:#000!important;background-color:#e5e5e5!important;box-shadow:0 5px 15px #00000012 inset,0 2px 12px #00000025}@media (prefers-color-scheme: dark){.animation-option:hover{background-color:#4a4a4a!important;color:#e5e5e5!important}.animation-option.active{color:#fff!important;background-color:#5a5a5a!important;box-shadow:0 5px 15px #00000040 inset,0 2px 12px #00000060}}.dark .animation-option:hover{background-color:#4a4a4a!important;color:#e5e5e5!important}.dark .animation-option.active{color:#fff!important;background-color:#5a5a5a!important;box-shadow:0 5px 15px #00000040 inset,0 2px 12px #00000060}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .5s ease-in-out forwards}.group.dropzone.upload-box{transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.group.dropzone.upload-box:hover{transform:scale(1.03)}.group.dropzone.upload-box:active{transform:scale(1)}