@import"https://fonts.googleapis.com/css2?family=Bubblegum+Sans&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;background:linear-gradient(135deg,#1a0533,#0d1b4a,#1a0533);background-size:400% 400%;animation:bgShift 8s ease infinite;font-family:Bubblegum Sans,Segoe UI,sans-serif;color:#fff;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}#app{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100%;padding:20px}@keyframes bgShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.view-wrapper{display:flex;justify-content:center;align-items:center;width:100%;min-height:100vh;animation:viewIn .4s ease;transition:opacity .3s,transform .3s}.view-wrapper.fade-out{opacity:0;transform:scale(.95)}@keyframes viewIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}