@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&display=swap";:root{--pink:#ff2e63;--pink-deep:#e81866;--orange:#ff8a1a;--yellow:#ffd93d;--green:#16d672;--green-deep:#16a85c;--cyan:#3dd6ff;--cyan-deep:#16b5d9;--cyan-darker:#0e9cc4;--blue:#2e6bff;--purple:#7b3dff;--purple-deep:#6a28f0;--magenta:#a12ee8;--ink:#1c1726;--ink-2:#1f1330;--muted:#6c6678;--bg:#e7e5df;--team-palette:var(--pink), var(--orange), var(--yellow), var(--green), var(--cyan-deep), var(--blue), var(--magenta)}*{box-sizing:border-box}html,body{background:var(--bg);-webkit-tap-highlight-color:transparent;height:100%;margin:0;padding:0;font-family:Fredoka,system-ui,sans-serif}#root{justify-content:center;min-height:100dvh;display:flex}button{cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:0;font-family:inherit}input{font-family:inherit}@keyframes fp-float{0%,to{transform:rotate(-1.5deg)translateY(0)}50%{transform:rotate(-1.5deg)translateY(-6px)}}@keyframes fp-pop{0%,to{transform:scale(1)rotate(-4deg)}50%{transform:scale(1.05)rotate(-4deg)}}@keyframes fp-tap{0%{transform:scale(1)}50%{transform:scale(.96)}to{transform:scale(1)}}.screen{flex-direction:column;width:100%;max-width:480px;min-height:100dvh;display:flex;position:relative;overflow:hidden}.screen-pad{z-index:2;flex-direction:column;flex:1;min-height:0;padding:28px 24px 32px;display:flex;position:relative}.tappable:active{animation:.18s fp-tap}