@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Space+Mono:wght@400;700&family=Amiri:ital,wght@0,400;0,700;1,400&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden;background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes overlayOut{0%{opacity:1;transform:scale(1)}60%{opacity:.4;transform:scale(1.012)}to{opacity:0;transform:scale(1.025)}}@keyframes pulse{0%,to{opacity:.2}50%{opacity:.8}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes cassetteFloat{0%,to{transform:translateY(0) rotate(0)}30%{transform:translateY(-4px) rotate(.3deg)}70%{transform:translateY(-2px) rotate(-.2deg)}}@keyframes swipeGesture{0%{opacity:0;transform:translate(-50%,calc(-50% + 40px))}18%{opacity:1;transform:translate(-50%,calc(-50% + 40px))}78%{opacity:1;transform:translate(-50%,calc(-50% - 30px))}to{opacity:0;transform:translate(-50%,calc(-50% - 50px))}}@keyframes tapHint{0%,to{opacity:.35}50%{opacity:.75}}*{-webkit-tap-highlight-color:transparent}