.app-header{position:fixed;z-index:1;top:0;width:100%;height:50px;line-height:50px;font-size:20px;color:#09f}.app-header .wrapper{max-width:768px;margin-left:auto;margin-right:auto;padding:0 10px}.app-header .logo{display:inline-block}.app-header .menu{float:right;position:relative;cursor:pointer}.app-header .menu>svg{position:absolute;right:0;top:10px}.app-body{position:fixed;top:0;bottom:0;white-space:nowrap;transition:all .2s}.app-body::-webkit-scrollbar{display:none}.app-footer{height:70px;width:100%;position:fixed;bottom:0;color:#fff;text-align:center}.app-footer .wrapper{height:70px;max-width:768px;margin-left:auto;margin-right:auto;padding:15px 10px;background-color:hsla(0,0%,100%,.5);border-top-left-radius:25px;border-top-right-radius:25px}.app-footer .btn{display:inline-block;padding:10px 20px;color:#000;margin:0 4px;border-radius:19px}.app-footer .btn span{display:none}.app-footer .btn.active{background-color:rgba(0,153,255,.8);color:#fff}.app-footer .btn.active span{display:inline-block;margin-left:6px}.app-update-notify{position:fixed;top:25px;width:100%;text-align:center}.app-update-notify .box{position:relative;display:inline-block;width:220px;font-size:13px}.app-update-notify .message{position:relative;background-color:#fff;color:#106e10;border-radius:15px;box-shadow:1px 1px 2px 0 #757575;height:30px;line-height:30px}.app-update-notify .message>svg{position:absolute;top:5px;left:10px}.app-update-notify .actions .update-btn{margin:10px 5px;display:inline-block;background-color:#fff;box-shadow:1px 1px 1px 0 #757575;width:80px;height:30px;line-height:30px;box-sizing:border-box;border-radius:15px;cursor:pointer}.app-update-notify .actions .update-btn.is-success{background-color:#00c400;color:#fff}.auth-screen{background-color:rgba(0,0,0,.1)}.home-screen{background-color:rgba(36,131,255,.1);font-size:14px}.feed-screen{background-color:rgba(252,9,9,.1)}body,html{width:100vw;height:100vh}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#app{height:100%;width:100%;background-size:cover;background-position:50%;overflow:hidden}#app>.overlay{background-color:hsla(0,0%,100%,.4);position:fixed;z-index:0;top:0;bottom:0;left:0;right:0}.screen{height:100%;width:100vw;display:inline-block;z-index:1;background-size:cover;background-position:50%;padding-top:50px;padding-bottom:50px;box-sizing:border-box}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.slide-in-top-enter-active,.slide-in-top-leave-active{opacity:1;transform:translateY(0);transition:all .3s}.slide-in-top-enter,.slide-in-top-leave-active{opacity:0;transform:translateY(-100px)}