@import"https://fonts.googleapis.com/css2?family=Cherry+Bomb+One&family=Lexend+Deca:wght@100..900&display=swap";:root{font-family:Lexend Deca,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;min-height:100vh;width:100vw;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--black: #000000;--white: #ffffff;--pink: #fd788b;--blue: #007aff;--beige: #f5f5f5;--yellow: #ffcc00;--green: #a0e1ad;--background-primary: #ffffff;--background-subtle: #f9f9f9;--box-shadow: 3px 2px 0 0 #11111144;--border: #00000011;--border-secondary: #00000011;--border-active: var(--blue);--spacing-xxs: 2px;--spacing-xs: 4px;--spacing-s: 8px;--spacing-m: 16px;--spacing-l: 32px;--spacing-xl: 64px;--spacing-xxl: 128px;--font-size-s: .7rem;--font-size-m: 1.125rem;--font-size-l: 1.5rem;--text-primary: #242424;--text-secondary: #a4a4a4;--form-input-background: var(--beige);--form-input-border: var(--form-input-background);--button-text: #ffffff;--button-primary: #000000;--button-border: #000000;--button-primary-hover: #000000dd;--button-primary-hover-text: var(--button-text)}@media (prefers-color-scheme: dark){:root{--background-primary: #000000;background-color:var(--background-primary);--border: #ffffff;--border-dark: #ffffff22;--border-secondary: #ffffff22;--text-primary: #ffffff;--text-secondary: #e0e0e0;--form-input-background: #000000;--form-input-border: #ffffff;--button-text: #ffffff;--button-primary: #000000;--button-border: #ffffff}}#root{max-width:100vw;padding:0;min-height:100vh}*,*:before,*:after{box-sizing:border-box}input{font-family:Lexend Deca,sans-serif}.star{color:var(--yellow)}.title{font-family:Cherry Bomb One,cursive;text-shadow:3px 0 0 #11111144;color:#fefefe;text-align:center}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}h2{width:100%}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}}.rotate{animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradientAnimation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-gradient{background:linear-gradient(270deg,#444,#888);background-size:400% 400%;animation:gradientAnimation 2s ease-in-out infinite}